@elliemae/ds-mobile 2.0.0-rc.5 → 2.0.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -421,11 +421,20 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-rc.5",
-    "@elliemae/ds-devutils": "2.0.0-rc.5",
-    "@elliemae/ds-icons": "2.0.0-rc.5",
-    "@elliemae/ds-shared": "2.0.0-rc.5",
-    "@elliemae/ds-system": "2.0.0-rc.5",
+    "@elliemae/ds-accordion": "2.0.0-rc.9",
+    "@elliemae/ds-backdrop": "2.0.0-rc.9",
+    "@elliemae/ds-button": "2.0.0-rc.9",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.9",
+    "@elliemae/ds-devutils": "2.0.0-rc.9",
+    "@elliemae/ds-form": "2.0.0-rc.9",
+    "@elliemae/ds-grid": "2.0.0-rc.9",
+    "@elliemae/ds-icon": "2.0.0-rc.9",
+    "@elliemae/ds-icons": "2.0.0-rc.9",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.9",
+    "@elliemae/ds-shared": "2.0.0-rc.9",
+    "@elliemae/ds-system": "2.0.0-rc.9",
+    "@elliemae/ds-tabs": "2.0.0-rc.9",
+    "@elliemae/ds-truncated-expandable-text": "2.0.0-rc.9",
     "polished": "~3.6.7",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
@@ -434,6 +443,9 @@
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.2.5",
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
   },

package/types/CategoryBox/CategoryBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSCategoryBox: {
     ({ borderTop, actionsRight, title, headerLevel, children }: {
@@ -15,20 +16,50 @@ declare const DSCategoryBox: {
         /**
          * Toggle border top of category box
          */
-        borderTop: any;
+        borderTop: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Array of button icons
          */
-        actionsRight: any;
+        actionsRight: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * semantic level of header tag for the title
          */
-        headerLevel: any;
+        headerLevel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * In-box children
          */
-        children: any;
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSCategoryBoxWithSchema: any;
+declare const DSCategoryBoxWithSchema: {
+    (props?: {
+        borderTop?: boolean | undefined;
+        actionsRight?: never[] | undefined;
+        title: any;
+        headerLevel?: number | undefined;
+        children: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSCategoryBox, DSCategoryBoxWithSchema };

package/types/CollectionBox/CollectionBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSCollectionBox: {
     ({ body, title, headerAction, footerAction, headerLevel }: {
@@ -15,20 +16,50 @@ declare const DSCollectionBox: {
         /**
          * Collection box header
          */
-        title: any;
+        title: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Collection box header action, expects a button with size s
          */
-        headerAction: any;
+        headerAction: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Collection box footer action, expects a button with size s
          */
-        footerAction: any;
+        footerAction: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Semantic header tag used for the header title
          */
-        headerLevel: any;
+        headerLevel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSCollectionBoxWithSchema: any;
+declare const DSCollectionBoxWithSchema: {
+    (props?: {
+        body: any;
+        title: any;
+        headerAction: any;
+        footerAction: any;
+        headerLevel?: number | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSCollectionBox, DSCollectionBoxWithSchema };

package/types/GlobalHeader/MobileGlobalHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSGlobalHeader: {
     ({ containerProps, title, lastIcon, onSearchChange, topMenuItems, bottomMenuItems, }: {
@@ -10,7 +11,12 @@ declare const DSGlobalHeader: {
     }): JSX.Element;
     propTypes: {
         /** props to inject to wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Heading Title
          */
@@ -18,20 +24,51 @@ declare const DSGlobalHeader: {
         /**
          * Dimsum icon Element
          */
-        lastIcon: any;
+        lastIcon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Callback function for search change
          */
-        onSearchChange: any;
+        onSearchChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Top Menu items array
          */
-        topMenuItems: any;
+        topMenuItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Bottom Menu items array
          */
-        bottomMenuItems: any;
+        bottomMenuItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSGlobalHeaderWithSchema: any;
+declare const DSGlobalHeaderWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        title: any;
+        lastIcon: any;
+        onSearchChange?: ((...args: any[]) => void) | undefined;
+        topMenuItems: any;
+        bottomMenuItems: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSGlobalHeader, DSGlobalHeaderWithSchema };

package/types/GlobalHeader/styles.d.ts

@@ -1,6 +1,6 @@
-export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
-export declare const SearchWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RightSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const RightSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MainSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/GroupBox/GroupBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSGroupBox: {
     ({ children, title, background, headerLevel, actionsRight, borderTop }: {
@@ -12,15 +13,30 @@ declare const DSGroupBox: {
         /**
          * In-box children
          */
-        children: any;
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Title background
          */
-        background: any;
+        background: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Toggle border top of group box
          */
-        borderTop: any;
+        borderTop: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Group Box title
          */
@@ -28,12 +44,33 @@ declare const DSGroupBox: {
         /**
          * semantic level of header tag for the title
          */
-        headerLevel: any;
+        headerLevel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Array of button icons
          */
-        actionsRight: any;
+        actionsRight: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSGroupBoxWithSchema: any;
+declare const DSGroupBoxWithSchema: {
+    (props?: {
+        children: any;
+        title: any;
+        background?: string | undefined;
+        headerLevel?: number | undefined;
+        actionsRight?: never[] | undefined;
+        borderTop: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSGroupBox, DSGroupBoxWithSchema };

package/types/InfiniteLoader/Infiniteloader.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const InfiniteLoader: {
     ({ isFetching, fetchData, children, height }: {
@@ -8,14 +9,38 @@ declare const InfiniteLoader: {
     }): JSX.Element;
     propTypes: {
         /** toggle loading state */
-        isFetching: any;
+        isFetching: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** callback to fetch new items */
-        fetchData: any;
+        fetchData: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** row items for infinite loader */
-        children: any;
+        children: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** infinite loader list height */
         height: any;
     };
 };
-declare const InfiniteLoaderWithSchema: any;
+declare const InfiniteLoaderWithSchema: {
+    (props?: {
+        isFetching: any;
+        fetchData: any;
+        children: any;
+        height?: number | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { InfiniteLoader, InfiniteLoaderWithSchema };

package/types/InfiniteLoader/VirtualizedInfiniteLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const VirtualizedInfiniteLoader: {
     ({ moreItemsLoading, hasNextPage, isItemLoaded, loadMoreItems, getItemSize, height, item: Row, }: {
@@ -11,20 +12,67 @@ declare const VirtualizedInfiniteLoader: {
     }): JSX.Element;
     propTypes: {
         /** Function responsible for tracking the loaded state of each item. */
-        isItemLoaded: any;
+        isItemLoaded: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */
-        loadMoreItems: any;
+        loadMoreItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** callback to get row item size */
-        getItemSize: any;
+        getItemSize: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** height for the list */
-        height: any;
+        height: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** flag to know if virtual list should be on loading state */
-        moreItemsLoading: any;
+        moreItemsLoading: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Row item to render */
-        item: any;
+        item: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** flag for virtualized list */
-        hasNextPage: any;
+        hasNextPage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const VirtualizedInfiniteLoaderWithSchema: any;
+declare const VirtualizedInfiniteLoaderWithSchema: {
+    (props?: {
+        moreItemsLoading?: boolean | undefined;
+        hasNextPage?: boolean | undefined;
+        isItemLoaded?: (() => boolean) | undefined;
+        loadMoreItems: any;
+        getItemSize?: (() => number) | undefined;
+        height: any;
+        item: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };

package/types/InfiniteLoader/styled.d.ts

@@ -1 +1 @@
-export declare const LoaderBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LoaderBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/LoadingPage/Page.d.ts

@@ -7,6 +7,6 @@ declare const DSMobileLoadingPage: React.ForwardRefExoticComponent<{
     loader: any;
     loading: any;
 } & {
-    theme?: any;
+    theme?: import("styled-components").DefaultTheme | undefined;
 }>;
 export { DSMobileLoadingPage };

package/types/MobileActionToolbar/MobileActionToolbar.d.ts

@@ -1,11 +1,23 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import ToolbarItem from './MobileActionToolbarItem';
 declare const DSMobileActionToolbar: React.ForwardRefExoticComponent<{
-    withDepth?: boolean | undefined;
-    buttons?: never[] | undefined;
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
 } & {
-    theme?: any;
+    theme?: import("styled-components").DefaultTheme | undefined;
 }>;
-declare const DSMobileActionToolbarWithSchema: any;
+declare const DSMobileActionToolbarWithSchema: {
+    (props?: ({
+        [x: string]: any;
+        [x: number]: any;
+        [x: symbol]: any;
+    } & {
+        theme?: import("styled-components").DefaultTheme | undefined;
+    }) | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { ToolbarItem, DSMobileActionToolbarWithSchema };
 export default DSMobileActionToolbar;

package/types/MobileActionToolbar/MobileActionToolbarItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const ToolbarItem: {
     ({ icon, ...otherProps }: {
@@ -7,9 +8,21 @@ declare const ToolbarItem: {
     displayName: string;
     propTypes: {
         /** toolbar item icon */
-        icon: any;
+        icon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSToolbarItemWithSchema: any;
+declare const DSToolbarItemWithSchema: {
+    (props?: {
+        [x: string]: any;
+        icon: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default ToolbarItem;
 export { DSToolbarItemWithSchema };

package/types/MobileBanner/MobileBanner.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import type { MobileBannerPropsT } from './index.d';
 declare const DSMobileBanner: {
@@ -16,18 +17,77 @@ declare const DSMobileBanner: {
         focusOnOpen: boolean;
     };
     propTypes: {
-        type: any;
-        isOpen: any;
-        closeButtonOnClick: any;
-        actionLinkLabel: any;
-        actionLinkHref: any;
-        actionLinkOnClick: any;
-        label: any;
-        body: any;
-        showCloseButton: any;
-        containerProps: any;
-        focusOnOpen: any;
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        closeButtonOnClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        actionLinkLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        actionLinkHref: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        actionLinkOnClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        body: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        showCloseButton: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        focusOnOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSMobileBannerWithSchema: any;
+declare const DSMobileBannerWithSchema: {
+    (props?: MobileBannerPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSMobileBanner, DSMobileBannerWithSchema };