@elliemae/ds-mobile 2.0.0-alpha.11 → 2.0.0-alpha.12

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,13 @@
+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 { describe } from 'react-desc';
+import { DSTabs, DSTab } from '@elliemae/ds-tabs';
+import { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["children"],
@@ -28,9 +34,12 @@ const DSMobileTab = _ref2 => {
       props = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/jsx(DSTab, _objectSpread(_objectSpread({}, props), {}, {
-    isDSMobile: true,
     children: children
   }));
 };
+const DSMobileTabsWithSchema = describe(DSMobileTabs);
+DSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;
+const DSMobileTabWithSchema = describe(DSMobileTab);
+DSMobileTabWithSchema.propTypes = MobileTabPropTypes;
 
-export { DSMobileTab, DSMobileTabs };
+export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema };

package/esm/Tabs/propTypes.js

@@ -0,0 +1,23 @@
+import { PropTypes } from 'react-desc';
+
+const MobileTabPropTypes = {
+  tabId: PropTypes.string.description('Unique Tab id.').defaultValue(''),
+  title: PropTypes.string.description('Tab title.').defaultValue(''),
+  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
+  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false)
+};
+const MobileTabsPropTypes = {
+  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
+  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
+  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
+  fixedTabsHeaders: PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
+  activeTab: PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
+  children: PropTypes.node.description('Use DSTab component as children.').isRequired,
+  tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
+  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]).description('Ref to the container.').defaultValue(undefined)
+};
+
+export { MobileTabPropTypes, MobileTabsPropTypes };

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';
@@ -26,7 +26,7 @@ export { DSMobileTimePicker, DSMobileTimePickerWithSchema } from './MobileTimePi
 export { DSMobileEmptyState, DSMobileEmptyStateWithSchema } from './MobileEmtpyState/MobileEmptyState.js';
 export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu/MobileDropdownMenu.js';
 export { DSMobileDropdownTriggerInput } from './MobileDropdownMenu/MobileDropdownInput.js';
-export { DSMobileTab, DSMobileTabs } from './Tabs/index.js';
+export { DSMobileTab, DSMobileTabWithSchema, DSMobileTabs, DSMobileTabsWithSchema } from './Tabs/index.js';
 export { DSMobileCard } from './MobileCard/index.js';
 export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox/CollectionBox.js';
 export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox/CategoryBox.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-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -11,6 +11,10 @@
       "import": "./esm/index.js",
       "require": "./cjs/index.js"
     },
+    "./Tabs/propTypes": {
+      "import": "./esm/Tabs/propTypes.js",
+      "require": "./cjs/Tabs/propTypes.js"
+    },
     "./Tabs": {
       "import": "./esm/Tabs/index.js",
       "require": "./cjs/Tabs/index.js"
@@ -231,6 +235,10 @@
       "import": "./esm/MobileCard/StyledCard.js",
       "require": "./cjs/MobileCard/StyledCard.js"
     },
+    "./MobileCard/props": {
+      "import": "./esm/MobileCard/props.js",
+      "require": "./cjs/MobileCard/props.js"
+    },
     "./MobileCard": {
       "import": "./esm/MobileCard/index.js",
       "require": "./cjs/MobileCard/index.js"
@@ -421,20 +429,40 @@
     "generateSubmodules": true
   },
   "dependencies": {
+    "@elliemae/ds-accordion": "2.0.0-alpha.12",
+    "@elliemae/ds-backdrop": "2.0.0-alpha.12",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.12",
+    "@elliemae/ds-devutils": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icon": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-tabs": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-expandable-text": "2.0.0-alpha.12",
     "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>;