@elliemae/ds-mobile 2.0.0-next.8 → 2.0.0-rc.11

package/esm/PageSearch/PageSearch.js

@@ -1,20 +1,21 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 
 const Header = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-a8tzbi-0"
 })(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-const DSMobilePageSearch = withTheme(({
-  HeaderContainer = Header,
-  SearchContainer = Header,
-  searchHeader = null,
-  pageTitle = 'Search',
-  body = null,
-  theme
-}) => {
+const DSMobilePageSearch = withTheme(_ref => {
+  let {
+    HeaderContainer = Header,
+    SearchContainer = Header,
+    searchHeader = null,
+    pageTitle = 'Search',
+    body = null,
+    theme
+  } = _ref;
   const rows = [op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
   return /*#__PURE__*/_jsx(Grid, {
     rows: rows,

package/esm/PageSummary/PageSummary.js

@@ -1,35 +1,48 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 import { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
 import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@elliemae/ds-basic';
 import 'react/jsx-runtime';
 import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
 
 const Body = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
-  theme
-}) => theme.breakpoints.small, ({
-  theme
-}) => "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";"));
+})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.breakpoints.small;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
+});
 
-const PageSummary = ({
-  header = null,
-  headerZIndex = 1,
-  bodyPrimary = null,
-  actions = null,
-  actionsZIndex = 1,
-  bodySecondary = null
-}) => /*#__PURE__*/_jsx(DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx(Header, {
-  zIndex: headerZIndex
-}, void 0, header), /*#__PURE__*/_jsx(Section, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx(Toolbar, {
-  zIndex: actionsZIndex
-}, void 0, actions), /*#__PURE__*/_jsx(BodyWrapper, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodySecondary))));
+const PageSummary = _ref3 => {
+  let {
+    header = null,
+    headerZIndex = 1,
+    bodyPrimary = null,
+    actions = null,
+    actionsZIndex = 1,
+    bodySecondary = null
+  } = _ref3;
+  return /*#__PURE__*/_jsx(DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx(Header, {
+    zIndex: headerZIndex
+  }, void 0, header), /*#__PURE__*/_jsx(Section, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx(Toolbar, {
+    zIndex: actionsZIndex
+  }, void 0, actions), /*#__PURE__*/_jsx(BodyWrapper, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodySecondary))));
+};
 
 const DSPageSummary = PageSummary;
 

package/esm/PageSummary/Tags.js

@@ -2,14 +2,20 @@ import styled from 'styled-components';
 
 const Header = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-0"
-})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], ({
-  zIndex
-}) => zIndex);
+})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], _ref => {
+  let {
+    zIndex
+  } = _ref;
+  return zIndex;
+});
 const Toolbar = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-1"
-})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], ({
-  zIndex
-}) => zIndex);
+})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], _ref2 => {
+  let {
+    zIndex
+  } = _ref2;
+  return zIndex;
+});
 const BodyWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);

package/esm/SideNav/SideNav.js

@@ -1,9 +1,11 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useState } from 'react';
-import { DSBackdrop } from '@elliemae/ds-basic';
-import Close from '@elliemae/ds-icons/Close';
-import { DSIconSizes, DSIconColors } from '@elliemae/ds-basic/Icon';
+import { DSBackdrop } from '@elliemae/ds-backdrop';
+import { Close } from '@elliemae/ds-icons';
+import { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';
 import { PropTypes, describe } from 'react-desc';
 import { noop } from 'lodash';
 import SvgIcon from '../Icons/EM_logo.js';
@@ -12,13 +14,14 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 
 var _span, _Hr, _hr;
 
-const DSSideNav = ({
-  containerProps = {},
-  title,
-  onClose = noop,
-  menuItems = [],
-  bottomMenuItems = []
-}) => {
+const DSSideNav = _ref => {
+  let {
+    containerProps = {},
+    title,
+    onClose = noop,
+    menuItems = [],
+    bottomMenuItems = []
+  } = _ref;
   const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
 
   const menuItemClick = (idx, text, cb) => {
@@ -30,32 +33,38 @@ const DSSideNav = ({
   };
 
   const renderMenuList = () => /*#__PURE__*/jsx(Fragment, {
-    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map(({
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx(MenuList, {}, void 0, menuItems.map((_ref2, idx) => {
+      let {
+        icon,
+        text,
+        onClick
+      } = _ref2;
+      return /*#__PURE__*/_jsx("div", {
+        className: "menuitem",
+        onClick: menuItemClick.bind(null, idx, text, onClick)
+      }, idx, /*#__PURE__*/_jsx("div", {
+        className: "icon"
+      }, void 0, icon), /*#__PURE__*/_jsx("div", {
+        className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
+      }, void 0, text));
+    })) : null
+  });
+
+  const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map((_ref3, idx) => {
+    let {
       icon,
       text,
       onClick
-    }, idx) => /*#__PURE__*/_jsx("div", {
+    } = _ref3;
+    return /*#__PURE__*/_jsx("div", {
       className: "menuitem",
-      onClick: menuItemClick.bind(null, idx, text, onClick)
+      onClick: () => onClick(idx, text)
     }, idx, /*#__PURE__*/_jsx("div", {
       className: "icon"
     }, void 0, icon), /*#__PURE__*/_jsx("div", {
-      className: "text ".concat(idx === selectedMenuItemIdx ? 'active' : '')
-    }, void 0, text)))) : null
-  });
-
-  const renderBottomMenu = () => /*#__PURE__*/_jsx(MenuList, {}, void 0, bottomMenuItems.map(({
-    icon,
-    text,
-    onClick
-  }, idx) => /*#__PURE__*/_jsx("div", {
-    className: "menuitem",
-    onClick: () => onClick(idx, text)
-  }, idx, /*#__PURE__*/_jsx("div", {
-    className: "icon"
-  }, void 0, icon), /*#__PURE__*/_jsx("div", {
-    className: "text"
-  }, void 0, text))));
+      className: "text"
+    }, void 0, text));
+  }));
 
   return /*#__PURE__*/_jsx(Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'

package/esm/SwipeToRefresh/ProgressIndicator.js

@@ -1,13 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { useTheme } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 
 const rad = 54;
 const cir = 2 * Math.PI * rad;
-const ProgressIndicator = ({
-  progress = 0
-}) => {
+const ProgressIndicator = _ref => {
+  let {
+    progress = 0
+  } = _ref;
   const factor = progress / 100;
   const theme = useTheme();
   const dashoffset = cir * (1 - factor);

package/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { PropTypes, describe } from 'react-desc';
-import { DSCircularProgressIndicator } from '@elliemae/ds-basic/CircularProgressIndicator';
+import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
 import { useTheme } from '@elliemae/ds-system';
 import { useSwipe } from './useSwipe.js';
 import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled.js';
@@ -10,11 +10,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _DSCircularProgressIn;
 
-const SwipeToRefresh = ({
-  children,
-  loading,
-  onRefresh
-}) => {
+const SwipeToRefresh = _ref => {
+  let {
+    children,
+    loading,
+    onRefresh
+  } = _ref;
   const breakpoint = 60;
   const theme = useTheme();
   const swipe = useSwipe({

package/esm/SwipeToRefresh/styled.js

@@ -1,4 +1,4 @@
-import { Grid } from '@elliemae/ds-basic/Grid';
+import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
 
 const SwipeContainer = /*#__PURE__*/styled(Grid).withConfig({

package/esm/SwipeToRefresh/useSwipe.js

@@ -1,10 +1,11 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useRef } from 'react';
 
-const useSwipe = ({
-  onRefresh,
-  breakpoint
-}) => {
+const useSwipe = _ref => {
+  let {
+    onRefresh,
+    breakpoint
+  } = _ref;
   const [startingPoint, setStartingPoint] = useState(0);
   const [movingPoint, setMovingPoint] = useState(0);
   const ref = useRef();

package/esm/Tabs/index.js

@@ -1,7 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
-import { DSTabs, DSTab } from '@elliemae/ds-basic';
+import { DSTabs, DSTab } from '@elliemae/ds-tabs';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children"],

package/esm/index.js

@@ -4,8 +4,8 @@ export { DSMobilePageForm, DSPageForm } from './PageForm/PageForm.js';
 export { DSPageSummary } from './PageSummary/PageSummary.js';
 export { DSMobileLoadingPage } from './LoadingPage/Page.js';
 export { DSMobilePageSearch, DSPageSearch } from './PageSearch/PageSearch.js';
-export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-basic/Accordion';
-export { MobileSeparatorWithSchema } from './MobileSeparator/Separator.js';
+export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, DSAccordionWithSchema as DSMobileAccordionWithSchema } from '@elliemae/ds-accordion';
+export { default as DSMobileSeparator, MobileSeparatorWithSchema } from './MobileSeparator/Separator.js';
 export { DSMobileListItem, ListItemWithSchema } from './MobileListItem/MobileListItem.js';
 export { DSMobileTouchable } from './MobileTouchable/MobileTouchable.js';
 export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu/MobileContextMenu.js';
@@ -14,7 +14,7 @@ export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './
 export { DSMobileFilterbar, FilterbarWithSchema } from './MobileFilterbar/Filterbar.js';
 export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './MobileFilterbar/FilterbarSort.js';
 export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './MobileFilterbar/FilterbarItem.js';
-export { DSMobileActionToolbarWithSchema } from './MobileActionToolbar/MobileActionToolbar.js';
+export { default as DSMobileActionToolbar, DSMobileActionToolbarWithSchema } from './MobileActionToolbar/MobileActionToolbar.js';
 export { DSToolbarItemWithSchema, default as ToolbarItem } from './MobileActionToolbar/MobileActionToolbarItem.js';
 export { default as DSMobileFooter, MobileFooterWithSchema } from './MobileFooter/Footer.js';
 export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './MobileFooter/Text.js';
@@ -41,3 +41,4 @@ export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner/MobileB
 export { MOBILE_BANNER_TYPES } from './MobileBanner/utils/bannerTypes.js';
 export { DSMobileCardWithSchema } from './MobileCard/Card.js';
 export { DSMobileCardGroupWithSchema } from './MobileCard/Group.js';
+export { SubIcons } from './MobileCard/CardIcons.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mobile",
-  "version": "2.0.0-next.8",
+  "version": "2.0.0-rc.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -421,20 +421,40 @@
     "generateSubmodules": true
   },
   "dependencies": {
+    "@elliemae/ds-accordion": "2.0.0-rc.11",
+    "@elliemae/ds-backdrop": "2.0.0-rc.11",
+    "@elliemae/ds-button": "2.0.0-rc.11",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.11",
+    "@elliemae/ds-devutils": "2.0.0-rc.11",
+    "@elliemae/ds-form": "2.0.0-rc.11",
+    "@elliemae/ds-grid": "2.0.0-rc.11",
+    "@elliemae/ds-icon": "2.0.0-rc.11",
+    "@elliemae/ds-icons": "2.0.0-rc.11",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-rc.11",
+    "@elliemae/ds-shared": "2.0.0-rc.11",
+    "@elliemae/ds-system": "2.0.0-rc.11",
+    "@elliemae/ds-tabs": "2.0.0-rc.11",
+    "@elliemae/ds-truncated-expandable-text": "2.0.0-rc.11",
     "polished": "~3.6.7",
+    "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3",
     "react-window": "~1.8.6",
-    "react-window-infinite-loader": "~1.0.7",
-    "styled-system": "~5.1.5"
+    "react-window-infinite-loader": "~1.0.5"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.2.4",
-    "styled-components": "~5.3.1"
+    "@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"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.2.4",
+    "@elliemae/pui-theme": "^2.2.5",
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   }
 }

package/types/Accordion/Accordion.d.ts

@@ -1 +1 @@
-export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionWithSchema as DSMobileAccordionWithSchema, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, } from '@elliemae/ds-basic/Accordion';
+export { DSAccordion as DSMobileAccordion, DSAccordionItem as DSMobileAccordionItem, DSAccordionWithSchema as DSMobileAccordionWithSchema, DSAccordionItemWithSchema as DSMobileAccordionItemWithSchema, } from '@elliemae/ds-accordion';

package/types/CategoryBox/CategoryBox.d.ts

@@ -1,6 +1,7 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSCategoryBox: {
-    ({ borderTop, actionsRight, title, headerLevel, children, }: {
+    ({ borderTop, actionsRight, title, headerLevel, children }: {
         borderTop?: boolean | undefined;
         actionsRight?: never[] | undefined;
         title: any;
@@ -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,6 +1,7 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSCollectionBox: {
-    ({ body, title, headerAction, footerAction, headerLevel, }: {
+    ({ body, title, headerAction, footerAction, headerLevel }: {
         body: any;
         title: any;
         headerAction: any;
@@ -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>;