wix-style-react: add loader types (#38587)

types/wix-style-react/BaseComponents.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+export interface WixComponentProps {
+    dataHook?: string;
+    styles?: string;
+}
+
+export default class WixComponent<T extends WixComponentProps = {}> extends React.PureComponent<T> {}

types/wix-style-react/Loader.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import WixComponent, { WixComponentProps } from './BaseComponents';
+
+export interface LoaderProps extends WixComponentProps {
+    size?: LoaderSize;
+    color?: LoaderColor;
+    text?: React.ReactNode;
+    status?: LoaderStatus;
+    statusMessage?: string;
+    shouldLoadAsync?: boolean;
+}
+
+export default class Loader extends WixComponent<LoaderProps> {}
+
+export type LoaderSize = 'tiny' | 'small' | 'medium' | 'large';
+
+export type LoaderColor = 'blue' | 'white';
+
+export type LoaderStatus = 'loading' | 'success' | 'error';

types/wix-style-react/index.d.ts

@@ -6,3 +6,5 @@
 
 export { default as Button, ButtonProps } from './Button';
 export { default as Text, TextProps } from './Text';
+export { default as WixComponent, WixComponentProps } from './BaseComponents';
+export { default as Loader, LoaderProps } from './Loader';

types/wix-style-react/test/BaseComponents-tests.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import WixComponent from 'wix-style-react/BaseComponents';
+
+function WixComponentWithMandatoryProps() {
+    return <WixComponent />;
+}
+
+function WixComponentWithAllProps() {
+    return <WixComponent dataHook="hook" styles="14px" />;
+}

types/wix-style-react/test/Loader-tests.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import Loader from 'wix-style-react/Loader';
+
+function LoaderWithMandatoryProps() {
+    return <Loader />;
+}
+
+function LoaderWithAllProps() {
+    return (
+        <Loader
+            color="blue"
+            dataHook="hook"
+            size="large"
+            status="error"
+            statusMessage="msg"
+            text="text"
+            shouldLoadAsync
+        />
+    );
+}

types/wix-style-react/tsconfig.json

@@ -19,6 +19,10 @@
         "Text.d.ts",
         "test/Text-tests.tsx",
         "Button.d.ts",
-        "test/Button-tests.tsx"
+        "test/Button-tests.tsx",
+        "Loader.d.ts",
+        "test/Loader-tests.tsx",
+        "BaseComponents.d.ts",
+        "test/BaseComponents-tests.tsx"
     ]
 }

types/wix-style-react/wix-style-react-tests.ts

@@ -1,3 +1,3 @@
 // verify that all imports work
 
-import { Button, Text } from 'wix-style-react';
+import { Button, Text, Loader } from 'wix-style-react';