@elliemae/ds-mobile 3.16.0 → 3.16.1-rc.10

package/dist/cjs/SwipeToRefresh/useSwipe.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/SwipeToRefresh/useSwipe.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true)\n    } else {\n      setAllowRefresh(false)\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n  \n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,UAAM,qBAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ;AACnC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,aAAS,qBAAO,IAAI;AAC1B,QAAM,eAAW,qBAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IAClD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACf,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,GAAG,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW,gBAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW,gBAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,GAAG,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true);\n    } else {\n      setAllowRefresh(false);\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n\n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAErC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,MAAM;AACrD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,UAAM,qBAAO;AACnB,QAAM,SAAS,eAAe,gBAAgB,cAAc,gBAAgB;AAC5E,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AAEtD,QAAM,WAAW,CAAC,YAAY;AAC5B,UAAM,EAAE,eAAe,IAAI,QAAQ,CAAC;AACpC,QAAI,gBAAgB;AAClB,sBAAgB,IAAI;AAAA,IACtB,OAAO;AACL,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AACA,QAAM,aAAS,qBAAO,IAAI;AAC1B,QAAM,eAAW,qBAAO,IAAI;AAC5B,MAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,WAAW;AAAA,EAC9B;AACA,WAAS,UAAU,IAAI,qBAAqB,UAAU;AAAA,IACpD,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb,CAAC;AACD,MAAI,OAAO,SAAS;AAClB,aAAS,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACzC;AAEA,QAAM,aAAa,CAAC,MAAM;AACxB,UAAM,EAAE,UAAU,IAAI,IAAI;AAC1B,QAAI,YAAY;AAAG,uBAAiB,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EAC1D;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,SAAS,cAAc,gBAAgB;AAAW,gBAAU;AAChE,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,cAAc,MAAM;AACxB,QAAI,SAAS,cAAc;AAAW,gBAAU;AAChD,qBAAiB,CAAC;AAClB,mBAAe,CAAC;AAAA,EAClB;AACA,QAAM,YAAY,CAAC,MAAM;AACvB,mBAAe,EAAE,QAAQ,CAAC,EAAE,OAAO;AAAA,EACrC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/Tabs/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,7 +38,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_tabs = require("@elliemae/ds-tabs");
-var import_propTypes = require("./propTypes");
+var import_propTypes = require("./propTypes.js");
 const DSMobileTabs = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTabs, { ...props, isDSMobile: true, children });
 const DSMobileTab = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tabs.DSTab, { ...props, children });
 DSMobileTabs.propTypes = import_propTypes.MobileTabsPropTypes;

package/dist/cjs/Tabs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tabs/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nDSMobileTab.displayName = 'DSMobileTab';\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,MAChD,4CAAC,yBAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGK,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MAAyB,4CAAC,wBAAO,GAAG,OAAQ,UAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\nimport type { DSTabsT, DSTabT } from '@elliemae/ds-tabs';\nimport { MobileTabsPropTypes, MobileTabPropTypes } from './propTypes.js';\n\ntype DSMobileTabsPropsT = Omit<\n  DSTabsT.InternalProps,\n  'animated' | 'enableMouseEvents' | 'allowTextSelection' | 'type' | 'isDSMobile' | 'withCarousel'\n>;\n\ntype DSMobileTabPropsT = Omit<DSTabT.Props, 'isDSMobile'>;\n\nexport const DSMobileTabs = ({ children, ...props }: DSMobileTabsPropsT) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }: DSMobileTabPropsT) => <DSTab {...props}>{children}</DSTab>;\n\nDSMobileTabs.propTypes = MobileTabsPropTypes as WeakValidationMap<unknown>;\nDSMobileTabs.displayName = 'DSMobileTabs';\nconst DSMobileTabsWithSchema = describe(DSMobileTabs);\nDSMobileTabsWithSchema.propTypes = MobileTabsPropTypes;\n\nDSMobileTab.propTypes = MobileTabPropTypes as WeakValidationMap<unknown>;\nDSMobileTab.displayName = 'DSMobileTab';\nconst DSMobileTabWithSchema = describe(DSMobileTab);\nDSMobileTabWithSchema.propTypes = MobileTabPropTypes;\n\nexport { DSMobileTabsWithSchema, DSMobileTabWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,8BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,MAChD,4CAAC,yBAAQ,GAAG,OAAO,YAAU,MAC1B,UACH;AAGK,MAAM,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,MAAyB,4CAAC,wBAAO,GAAG,OAAQ,UAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/cjs/Tabs/propTypes.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/Tabs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Tabs/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const MobileTabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const MobileTabsPropTypes = {\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  fixedTabsHeaders: PropTypes.bool\n    .description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.')\n    .defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAEnB,MAAM,qBAAqB;AAAA,EAChC,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,kCAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,kCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,sBAAsB;AAAA,EACjC,aAAa,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,oBAAoB,kCAAU,QAAQ,YAAY,qCAAqC,EAAE,aAAa,MAAS;AAAA,EAC/G,qBAAqB,kCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,kBAAkB,kCAAU,KACzB,YAAY,oFAAoF,EAChG,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,kCAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,kCAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,WAAW;AAAA,EACxG,gBAAgB,kCAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAC3B;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport const MobileTabPropTypes = {\n  tabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Unique Tab id.').defaultValue(''),\n  title: PropTypes.string.description('Tab title.').defaultValue(''),\n  required: PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),\n  disabled: PropTypes.bool.description('Disables Tab.').defaultValue(false),\n};\n\nexport const MobileTabsPropTypes = {\n  onTabChange: PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),\n  tabBarExtraContent: PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),\n  onlyRenderActiveTab: PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),\n  fixedTabsHeaders: PropTypes.bool\n    .description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.')\n    .defaultValue(false),\n  activeTab: PropTypes.string\n    .description('Passing a value makes DSTabs a controlled component.')\n    .defaultValue('First DSTab children.'),\n  children: PropTypes.node.description('Use DSTab component as children.').isRequired,\n  tabsListAriaLabel: PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),\n  containerProps: PropTypes.object.description('Additional properties for the container.').defaultValue({}),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })])\n    .description('Ref to the container.')\n    .defaultValue(undefined),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAEnB,MAAM,qBAAqB;AAAA,EAChC,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB,EAAE,aAAa,EAAE;AAAA,EAC9G,OAAO,kCAAU,OAAO,YAAY,YAAY,EAAE,aAAa,EAAE;AAAA,EACjE,UAAU,kCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAClG,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE,aAAa,KAAK;AAC1E;AAEO,MAAM,sBAAsB;AAAA,EACjC,aAAa,kCAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,UAAU;AAAA,EACjH,oBAAoB,kCAAU,QAAQ,YAAY,qCAAqC,EAAE,aAAa,MAAS;AAAA,EAC/G,qBAAqB,kCAAU,KAAK,YAAY,yCAAyC,EAAE,aAAa,KAAK;AAAA,EAC7G,kBAAkB,kCAAU,KACzB,YAAY,oFAAoF,EAChG,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,OAClB,YAAY,sDAAsD,EAClE,aAAa,uBAAuB;AAAA,EACvC,UAAU,kCAAU,KAAK,YAAY,kCAAkC,EAAE;AAAA,EACzE,mBAAmB,kCAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,WAAW;AAAA,EACxG,gBAAgB,kCAAU,OAAO,YAAY,0CAA0C,EAAE,aAAa,CAAC,CAAC;AAAA,EACxG,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EACxF,YAAY,uBAAuB,EACnC,aAAa,MAAS;AAC3B;",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -54,39 +58,39 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./PageList/PageList"), module.exports);
-__reExport(src_exports, require("./PageFilter/PageFilter"), module.exports);
-__reExport(src_exports, require("./PageForm/PageForm"), module.exports);
-__reExport(src_exports, require("./PageSummary/PageSummary"), module.exports);
-__reExport(src_exports, require("./LoadingPage"), module.exports);
-__reExport(src_exports, require("./PageSearch/PageSearch"), module.exports);
-var import_Accordion = require("./Accordion");
-__reExport(src_exports, require("./MobileSeparator"), module.exports);
-__reExport(src_exports, require("./MobileListItem"), module.exports);
-__reExport(src_exports, require("./MobileTouchable"), module.exports);
-__reExport(src_exports, require("./MobileContextMenu"), module.exports);
-__reExport(src_exports, require("./MobileFilterbar"), module.exports);
-__reExport(src_exports, require("./MobileActionToolbar"), module.exports);
-__reExport(src_exports, require("./MobileFooter"), module.exports);
-__reExport(src_exports, require("./MobilePageHeader"), module.exports);
-__reExport(src_exports, require("./MobileSelectList"), module.exports);
-__reExport(src_exports, require("./MobileDatePicker"), module.exports);
-__reExport(src_exports, require("./MobileTimePicker"), module.exports);
-__reExport(src_exports, require("./MobileEmtpyState"), module.exports);
-__reExport(src_exports, require("./MobileDropdownMenu"), module.exports);
-__reExport(src_exports, require("./Tabs"), module.exports);
-var import_MobileCard = require("./MobileCard");
-var import_CollectionBox = require("./CollectionBox");
-var import_CategoryBox = require("./CategoryBox");
-var import_GroupBox = require("./GroupBox");
-var import_SwipeToRefresh = require("./SwipeToRefresh/SwipeToRefresh");
-var import_GlobalHeader = require("./GlobalHeader");
-__reExport(src_exports, require("./Modal"), module.exports);
-var import_SideNav = require("./SideNav");
-var import_InfiniteLoader = require("./InfiniteLoader");
-__reExport(src_exports, require("./MobileBanner"), module.exports);
-__reExport(src_exports, require("./MobileActionToolbar"), module.exports);
-var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar"));
-__reExport(src_exports, require("./MobileSeparator"), module.exports);
-var import_MobileSeparator = __toESM(require("./MobileSeparator"));
+__reExport(src_exports, require("./PageList/PageList.js"), module.exports);
+__reExport(src_exports, require("./PageFilter/PageFilter.js"), module.exports);
+__reExport(src_exports, require("./PageForm/PageForm.js"), module.exports);
+__reExport(src_exports, require("./PageSummary/PageSummary.js"), module.exports);
+__reExport(src_exports, require("./LoadingPage/index.js"), module.exports);
+__reExport(src_exports, require("./PageSearch/PageSearch.js"), module.exports);
+var import_Accordion = require("./Accordion/index.js");
+__reExport(src_exports, require("./MobileSeparator/index.js"), module.exports);
+__reExport(src_exports, require("./MobileListItem/index.js"), module.exports);
+__reExport(src_exports, require("./MobileTouchable/index.js"), module.exports);
+__reExport(src_exports, require("./MobileContextMenu/index.js"), module.exports);
+__reExport(src_exports, require("./MobileFilterbar/index.js"), module.exports);
+__reExport(src_exports, require("./MobileActionToolbar/index.js"), module.exports);
+__reExport(src_exports, require("./MobileFooter/index.js"), module.exports);
+__reExport(src_exports, require("./MobilePageHeader/index.js"), module.exports);
+__reExport(src_exports, require("./MobileSelectList/index.js"), module.exports);
+__reExport(src_exports, require("./MobileDatePicker/index.js"), module.exports);
+__reExport(src_exports, require("./MobileTimePicker/index.js"), module.exports);
+__reExport(src_exports, require("./MobileEmtpyState/index.js"), module.exports);
+__reExport(src_exports, require("./MobileDropdownMenu/index.js"), module.exports);
+__reExport(src_exports, require("./Tabs/index.js"), module.exports);
+var import_MobileCard = require("./MobileCard/index.js");
+var import_CollectionBox = require("./CollectionBox/index.js");
+var import_CategoryBox = require("./CategoryBox/index.js");
+var import_GroupBox = require("./GroupBox/index.js");
+var import_SwipeToRefresh = require("./SwipeToRefresh/SwipeToRefresh.js");
+var import_GlobalHeader = require("./GlobalHeader/index.js");
+__reExport(src_exports, require("./Modal/index.js"), module.exports);
+var import_SideNav = require("./SideNav/index.js");
+var import_InfiniteLoader = require("./InfiniteLoader/index.js");
+__reExport(src_exports, require("./MobileBanner/index.js"), module.exports);
+__reExport(src_exports, require("./MobileActionToolbar/index.js"), module.exports);
+var import_MobileActionToolbar = __toESM(require("./MobileActionToolbar/index.js"));
+__reExport(src_exports, require("./MobileSeparator/index.js"), module.exports);
+var import_MobileSeparator = __toESM(require("./MobileSeparator/index.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/export */\n// page templates\nexport * from './PageList/PageList';\nexport * from './PageFilter/PageFilter';\nexport * from './PageForm/PageForm';\nexport * from './PageSummary/PageSummary';\nexport * from './LoadingPage';\nexport * from './PageSearch/PageSearch';\n\n// components\nexport {\n  DSMobileAccordion,\n  DSMobileAccordionItem,\n  DSMobileAccordionWithSchema,\n  DSMobileAccordionItemWithSchema,\n} from './Accordion';\nexport * from './MobileSeparator';\nexport * from './MobileListItem';\nexport * from './MobileTouchable';\nexport * from './MobileContextMenu';\nexport * from './MobileFilterbar';\nexport * from './MobileActionToolbar';\nexport * from './MobileFooter';\nexport * from './MobilePageHeader';\nexport * from './MobileSelectList';\nexport * from './MobileDatePicker';\nexport * from './MobileTimePicker';\nexport * from './MobileEmtpyState';\nexport * from './MobileDropdownMenu';\nexport * from './Tabs';\nexport { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, SubIcons } from './MobileCard';\nexport { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\nexport { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';\nexport { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox';\nexport { SwipeToRefresh, SwipeToRefreshWithSchema } from './SwipeToRefresh/SwipeToRefresh';\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema } from './GlobalHeader';\nexport * from './Modal';\nexport { DSSideNav, DSSideNavWithSchema } from './SideNav';\nexport {\n  InfiniteLoader,\n  VirtualizedInfiniteLoader,\n  VirtualizedInfiniteLoaderWithSchema,\n  InfiniteLoaderWithSchema,\n} from './InfiniteLoader';\nexport * from './MobileBanner';\nexport * from './MobileActionToolbar';\nexport { default as DSMobileActionToolbar } from './MobileActionToolbar';\nexport * from './MobileSeparator';\nexport { default as DSMobileSeparator } from './MobileSeparator';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,wBAAc,gCAFd;AAGA,wBAAc,oCAHd;AAIA,wBAAc,gCAJd;AAKA,wBAAc,sCALd;AAMA,wBAAc,0BANd;AAOA,wBAAc,oCAPd;AAUA,uBAKO;AACP,wBAAc,8BAhBd;AAiBA,wBAAc,6BAjBd;AAkBA,wBAAc,8BAlBd;AAmBA,wBAAc,gCAnBd;AAoBA,wBAAc,8BApBd;AAqBA,wBAAc,kCArBd;AAsBA,wBAAc,2BAtBd;AAuBA,wBAAc,+BAvBd;AAwBA,wBAAc,+BAxBd;AAyBA,wBAAc,+BAzBd;AA0BA,wBAAc,+BA1Bd;AA2BA,wBAAc,+BA3Bd;AA4BA,wBAAc,iCA5Bd;AA6BA,wBAAc,mBA7Bd;AA8BA,wBAA4F;AAC5F,2BAA2D;AAC3D,yBAAuD;AACvD,sBAAiD;AACjD,4BAAyD;AACzD,0BAAyD;AACzD,wBAAc,oBApCd;AAqCA,qBAA+C;AAC/C,4BAKO;AACP,wBAAc,2BA5Cd;AA6CA,wBAAc,kCA7Cd;AA8CA,iCAAiD;AACjD,wBAAc,8BA/Cd;AAgDA,6BAA6C;",
+  "sourcesContent": ["/* eslint-disable import/export */\n// page templates\nexport * from './PageList/PageList.js';\nexport * from './PageFilter/PageFilter.js';\nexport * from './PageForm/PageForm.js';\nexport * from './PageSummary/PageSummary.js';\nexport * from './LoadingPage/index.js';\nexport * from './PageSearch/PageSearch.js';\n\n// components\nexport {\n  DSMobileAccordion,\n  DSMobileAccordionItem,\n  DSMobileAccordionWithSchema,\n  DSMobileAccordionItemWithSchema,\n} from './Accordion/index.js';\nexport * from './MobileSeparator/index.js';\nexport * from './MobileListItem/index.js';\nexport * from './MobileTouchable/index.js';\nexport * from './MobileContextMenu/index.js';\nexport * from './MobileFilterbar/index.js';\nexport * from './MobileActionToolbar/index.js';\nexport * from './MobileFooter/index.js';\nexport * from './MobilePageHeader/index.js';\nexport * from './MobileSelectList/index.js';\nexport * from './MobileDatePicker/index.js';\nexport * from './MobileTimePicker/index.js';\nexport * from './MobileEmtpyState/index.js';\nexport * from './MobileDropdownMenu/index.js';\nexport * from './Tabs/index.js';\nexport { DSMobileCard, DSMobileCardWithSchema, DSMobileCardGroupWithSchema, SubIcons } from './MobileCard/index.js';\nexport { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox/index.js';\nexport { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox/index.js';\nexport { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox/index.js';\nexport { SwipeToRefresh, SwipeToRefreshWithSchema } from './SwipeToRefresh/SwipeToRefresh.js';\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema } from './GlobalHeader/index.js';\nexport * from './Modal/index.js';\nexport { DSSideNav, DSSideNavWithSchema } from './SideNav/index.js';\nexport {\n  InfiniteLoader,\n  VirtualizedInfiniteLoader,\n  VirtualizedInfiniteLoaderWithSchema,\n  InfiniteLoaderWithSchema,\n} from './InfiniteLoader/index.js';\nexport * from './MobileBanner/index.js';\nexport * from './MobileActionToolbar/index.js';\nexport { default as DSMobileActionToolbar } from './MobileActionToolbar/index.js';\nexport * from './MobileSeparator/index.js';\nexport { default as DSMobileSeparator } from './MobileSeparator/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,wBAAc,mCAFd;AAGA,wBAAc,uCAHd;AAIA,wBAAc,mCAJd;AAKA,wBAAc,yCALd;AAMA,wBAAc,mCANd;AAOA,wBAAc,uCAPd;AAUA,uBAKO;AACP,wBAAc,uCAhBd;AAiBA,wBAAc,sCAjBd;AAkBA,wBAAc,uCAlBd;AAmBA,wBAAc,yCAnBd;AAoBA,wBAAc,uCApBd;AAqBA,wBAAc,2CArBd;AAsBA,wBAAc,oCAtBd;AAuBA,wBAAc,wCAvBd;AAwBA,wBAAc,wCAxBd;AAyBA,wBAAc,wCAzBd;AA0BA,wBAAc,wCA1Bd;AA2BA,wBAAc,wCA3Bd;AA4BA,wBAAc,0CA5Bd;AA6BA,wBAAc,4BA7Bd;AA8BA,wBAA4F;AAC5F,2BAA2D;AAC3D,yBAAuD;AACvD,sBAAiD;AACjD,4BAAyD;AACzD,0BAAyD;AACzD,wBAAc,6BApCd;AAqCA,qBAA+C;AAC/C,4BAKO;AACP,wBAAc,oCA5Cd;AA6CA,wBAAc,2CA7Cd;AA8CA,iCAAiD;AACjD,wBAAc,uCA/Cd;AAgDA,6BAA6C;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/Accordion/DSMobileAccordion.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
 import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
-import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./react-desc-prop-types";
+import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./react-desc-prop-types.js";
 const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordion, { ...props, isDSMobile: true, children });
 const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordionItem, { ...props, children });
 DSMobileAccordionItem.displayName = "DSMobileAccordionItem";

package/dist/esm/Accordion/DSMobileAccordion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/DSMobileAccordion.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport type { DSAccordionT } from '@elliemae/ds-accordion';\nimport { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './react-desc-prop-types';\n\ntype DSMobileAccordionPropsT = Omit<DSAccordionT.Props, 'isDSMobile'>;\n\nexport const DSMobileAccordion = ({ children, ...props }: DSMobileAccordionPropsT) => (\n  <DSAccordion {...props} isDSMobile>\n    {children}\n  </DSAccordion>\n);\n\nexport const DSMobileAccordionItem = ({ children, ...props }: DSAccordionT.ItemProps) => (\n  <DSAccordionItem {...props}>{children}</DSAccordionItem>\n);\n\nDSMobileAccordionItem.displayName = 'DSMobileAccordionItem';\nconst DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);\nDSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;\n\nDSMobileAccordion.displayName = 'DSMobileAccordion';\nconst DSMobileAccordionWithSchema = describe(DSMobileAccordion);\nDSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;\n\nexport { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSrB;AARF,SAAS,gBAAgB;AACzB,SAAS,aAAa,uBAAuB;AAE7C,SAAS,8BAA8B,gCAAgC;AAIhE,MAAM,oBAAoB,CAAC,EAAE,aAAa,MAAM,MACrD,oBAAC,eAAa,GAAG,OAAO,YAAU,MAC/B,UACH;AAGK,MAAM,wBAAwB,CAAC,EAAE,aAAa,MAAM,MACzD,oBAAC,mBAAiB,GAAG,OAAQ,UAAS;AAGxC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAE5C,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport type { DSAccordionT } from '@elliemae/ds-accordion';\nimport { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from './react-desc-prop-types.js';\n\ntype DSMobileAccordionPropsT = Omit<DSAccordionT.Props, 'isDSMobile'>;\n\nexport const DSMobileAccordion = ({ children, ...props }: DSMobileAccordionPropsT) => (\n  <DSAccordion {...props} isDSMobile>\n    {children}\n  </DSAccordion>\n);\n\nexport const DSMobileAccordionItem = ({ children, ...props }: DSAccordionT.ItemProps) => (\n  <DSAccordionItem {...props}>{children}</DSAccordionItem>\n);\n\nDSMobileAccordionItem.displayName = 'DSMobileAccordionItem';\nconst DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);\nDSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;\n\nDSMobileAccordion.displayName = 'DSMobileAccordion';\nconst DSMobileAccordionWithSchema = describe(DSMobileAccordion);\nDSMobileAccordionWithSchema.propTypes = mobileAccordionPropTypes;\n\nexport { DSMobileAccordionItemWithSchema, DSMobileAccordionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQrB;AARF,SAAS,gBAAgB;AACzB,SAAS,aAAa,uBAAuB;AAE7C,SAAS,8BAA8B,gCAAgC;AAIhE,MAAM,oBAAoB,CAAC,EAAE,UAAU,GAAG,MAAM,MACrD,oBAAC,eAAa,GAAG,OAAO,YAAU,MAC/B,UACH;AAGK,MAAM,wBAAwB,CAAC,EAAE,UAAU,GAAG,MAAM,MACzD,oBAAC,mBAAiB,GAAG,OAAQ,UAAS;AAGxC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAE5C,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
   "names": []
 }

package/dist/esm/Accordion/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSMobileAccordion";
+export * from "./DSMobileAccordion.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSMobileAccordion';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSMobileAccordion.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/Accordion/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const mobileAccordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const mobileAccordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,+BAA+B;AAAA,EAC1C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,UAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,UAAU,QAAQ,UAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,UAAU,KAAK;AAAA,IAClC;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,UAAU,KAAK,YAAY,sDAAsD;AAC7F;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const mobileAccordionItemPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.').deprecated({ version: '3.x' }),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.').deprecated({ version: '3.x' }),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object)\n    .description('Set Dimsum AccordionItem custom actions.')\n    .deprecated({ version: '3.x' }),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const mobileAccordionPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,+BAA+B;AAAA,EAC1C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,+BAA+B,EAAE;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC1D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF,EAAE;AAAA,EACF,YAAY,UAAU,KAAK,YAAY,uCAAuC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC7G,YAAY,UAAU,KAAK,YAAY,qCAAqC,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC3G,gBAAgB,UAAU,OAAO,YAAY,uBAAuB;AAAA,EACpE,eAAe,UAAU,QAAQ,UAAU,MAAM,EAC9C,YAAY,0CAA0C,EACtD,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAChC,qBAAqB,UAAU,KAAK;AAAA,IAClC;AAAA,EACF;AACF;AAEO,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,UAAU,OAAO,YAAY,8BAA8B;AAAA,EAC3E,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4EAA4E;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,mBAAmB,UAAU,KAAK,YAAY,oEAAoE;AAAA,EAClH,UAAU,UAAU,KAAK,YAAY,sDAAsD;AAC7F;",
   "names": []
 }

package/dist/esm/CategoryBox/CategoryBox.js

@@ -3,9 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { times } from "lodash";
 import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import { styled } from "@elliemae/ds-system";
+import { styled, truncate } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-import { truncate } from "@elliemae/ds-system";
 const Title = styled.h3`
   font-size: 18px;
   margin: 0;
@@ -43,10 +42,25 @@ const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel
   ] });
 };
 const props = {
+  /**
+   * Category Box title
+   */
   title: PropTypes.string.isRequired.description("Category Box title"),
+  /**
+   * Toggle border top of category box
+   */
   borderTop: PropTypes.bool.description("Toggle border top of category box"),
+  /**
+   * Array of button icons
+   */
   actionsRight: PropTypes.arrayOf(PropTypes.element).description("Array of button icons"),
+  /**
+   * semantic level of header tag for the title
+   */
   headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
+  /**
+   * In-box children
+   */
   children: PropTypes.element.description("In-box children")
 };
 DSCategoryBox.propTypes = props;

package/dist/esm/CategoryBox/CategoryBox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CategoryBox/CategoryBox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.hasBorderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  const cols = React.useMemo(() => times(actionsRight.length, () => 'auto'), [actionsRight.length]);\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        hasBorderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={cols} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\nDSCategoryBox.displayName = 'DSCategoryBox';\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SAOE,KAPF;AA9BN,OAAOA,YAAW;AAClB,SAAS,aAAa;AACtB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,WAGV,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,IAE7C,SAAS;AAAA,iBACI,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,cAAc,OAAO,IAAI;AAAA,gBACf,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAACA,WAAWA,OAAM,eAAe,aAAaA,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGpG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,CAAC,GAAG,OAAO,cAAc,GAAG,SAAS,MAAM;AACnG,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAEhC,QAAM,OAAOD,OAAM,QAAQ,MAAM,MAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,CAAC,aAAa,MAAM,CAAC;AAEhG,SACE,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,QAEtC;AAAA,8BAAC,SAAM,IAAI,IAAI,eAAgB,iBAAM;AAAA,UACpC,cACC,oBAAC,QAAK,MAAY,aAAY,OAC3B,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA,EAInE,WAAW,UAAU,KAAK,YAAY,mCAAmC;AAAA,EAIzE,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,uBAAuB;AAAA,EAItF,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAIzG,UAAU,UAAU,QAAQ,YAAY,iBAAiB;AAC3D;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.hasBorderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  const cols = React.useMemo(() => times(actionsRight.length, () => 'auto'), [actionsRight.length]);\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        hasBorderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={cols} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\nDSCategoryBox.displayName = 'DSCategoryBox';\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6BjB,SAOE,KAPF;AA7BN,OAAOA,YAAW;AAClB,SAAS,aAAa;AACtB,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AAErB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,WAGV,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,IAElD,SAAS;AAAA,iBACI,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,cAAc,OAAO,IAAI;AAAA,gBACf,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,gBACzC,CAACA,WAAWA,OAAM,eAAe,aAAaA,OAAM,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAGpG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,CAAC,GAAG,OAAO,cAAc,GAAG,SAAS,MAAM;AACnG,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAEhC,QAAM,OAAOD,OAAM,QAAQ,MAAM,MAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,CAAC,aAAa,MAAM,CAAC;AAEhG,SACE,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,QAEtC;AAAA,8BAAC,SAAM,IAAI,IAAI,eAAgB,iBAAM;AAAA,UACpC,cACC,oBAAC,QAAK,MAAY,aAAY,OAC3B,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAInE,WAAW,UAAU,KAAK,YAAY,mCAAmC;AAAA;AAAA;AAAA;AAAA,EAIzE,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAItF,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIzG,UAAU,UAAU,QAAQ,YAAY,iBAAiB;AAC3D;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
   "names": ["React", "props"]
 }

package/dist/esm/CategoryBox/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DSCategoryBox, DSCategoryBoxWithSchema } from "./CategoryBox";
+import { DSCategoryBox, DSCategoryBoxWithSchema } from "./CategoryBox.js";
 export {
   DSCategoryBox,
   DSCategoryBoxWithSchema

package/dist/esm/CategoryBox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CategoryBox/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe,+BAA+B;",
   "names": []
 }

package/dist/esm/CollectionBox/CollectionBox.js

@@ -1,9 +1,8 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-props-helpers";
-import { styled } from "@elliemae/ds-system";
+import { styled, truncate } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
-import { truncate } from "@elliemae/ds-system";
 const CollectionBox = styled(Grid)`
   background: ${(props2) => props2.theme.colors.neutral["000"]};
   font-size: 13px;
@@ -57,10 +56,25 @@ const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel
   ] });
 };
 const props = {
+  /**
+   * body inside collection box
+   */
   body: PropTypes.element.isRequired.description("body inside collection box"),
+  /**
+   * Collection box header
+   */
   title: PropTypes.string.description("Collection box header"),
+  /**
+   * Collection box header action, expects a button with size s
+   */
   headerAction: PropTypes.element.description("Collection box header action, expects a button with size s"),
+  /**
+   * Collection box footer action, expects a button with size s
+   */
   footerAction: PropTypes.element.description("Collection box footer action, expects a button with size s"),
+  /**
+   * Semantic header tag used for the header title
+   */
   headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Semantic header tag used for the header title")
 };
 DSCollectionBox.propTypes = props;

package/dist/esm/CollectionBox/CollectionBox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CollectionBox/CollectionBox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nDSCollectionBox.displayName = 'DSCollectionBox';\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuDjB,SACY,KADZ;AArDN,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,gBAAgB,OAAO,IAAI;AAAA,gBACjB,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,WAE3C,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,SAAS,OAAO,IAAI;AAAA,2BACC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGjE,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA,iBAEP,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB,SAAS;AAAA;AAAA;AAIb,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,EAAE,MAAM;AACxF,QAAM,aAAa,CAAC;AACpB,QAAM,aAAa,CAAC;AACpB,QAAM,OAAO,CAAC;AACd,MAAI,gBAAgB;AAAO,SAAK,KAAK,MAAM;AAC3C,OAAK,KAAK,MAAM;AAChB,MAAI;AAAc,SAAK,KAAK,MAAM;AAElC,MAAI;AAAc,eAAW,KAAK,MAAM;AACxC,MAAI;AAAO,eAAW,KAAK,MAAM;AAEjC,MAAI;AAAc,eAAW,KAAK,MAAM;AAExC,SACE,qBAAC,iBAAc,MACb;AAAA,yBAAC,QAAK,YAAW,UAAS,MAAM,YAC7B;AAAA,eAAS,oBAAC,UAAO,IAAI,IAAI,eAAgB,iBAAM;AAAA,MAC/C,gBAAgB,oBAAC,cAAW,aAAY,OAAO,wBAAa;AAAA,OAC/D;AAAA,IACA,oBAAC,QAAM,gBAAK;AAAA,IACX,gBACC,oBAAC,UAAO,YAAW,UAAS,MAAM,YAChC,8BAAC,cAAW,aAAY,OAAO,wBAAa,GAC9C;AAAA,KAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAIZ,MAAM,UAAU,QAAQ,WAAW,YAAY,4BAA4B;AAAA,EAI3E,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAI3D,cAAc,UAAU,QAAQ,YAAY,4DAA4D;AAAA,EAIxG,cAAc,UAAU,QAAQ,YAAY,4DAA4D;AAAA,EAIxG,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,+CAA+C;AAC9G;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nDSCollectionBox.displayName = 'DSCollectionBox';\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsDjB,SACY,KADZ;AApDN,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AAErB,MAAM,gBAAgB,OAAO,IAAI;AAAA,gBACjB,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,WAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,iBACrC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGrE,MAAM,SAAS,OAAO,IAAI;AAAA,2BACC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGtE,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA,iBAEP,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB,SAAS;AAAA;AAAA;AAIb,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,EAAE,MAAM;AACxF,QAAM,aAAa,CAAC;AACpB,QAAM,aAAa,CAAC;AACpB,QAAM,OAAO,CAAC;AACd,MAAI,gBAAgB;AAAO,SAAK,KAAK,MAAM;AAC3C,OAAK,KAAK,MAAM;AAChB,MAAI;AAAc,SAAK,KAAK,MAAM;AAElC,MAAI;AAAc,eAAW,KAAK,MAAM;AACxC,MAAI;AAAO,eAAW,KAAK,MAAM;AAEjC,MAAI;AAAc,eAAW,KAAK,MAAM;AAExC,SACE,qBAAC,iBAAc,MACb;AAAA,yBAAC,QAAK,YAAW,UAAS,MAAM,YAC7B;AAAA,eAAS,oBAAC,UAAO,IAAI,IAAI,eAAgB,iBAAM;AAAA,MAC/C,gBAAgB,oBAAC,cAAW,aAAY,OAAO,wBAAa;AAAA,OAC/D;AAAA,IACA,oBAAC,QAAM,gBAAK;AAAA,IACX,gBACC,oBAAC,UAAO,YAAW,UAAS,MAAM,YAChC,8BAAC,cAAW,aAAY,OAAO,wBAAa,GAC9C;AAAA,KAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,MAAM,UAAU,QAAQ,WAAW,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI3E,OAAO,UAAU,OAAO,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAI3D,cAAc,UAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,cAAc,UAAU,QAAQ,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIxG,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,+CAA+C;AAC9G;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": ["props"]
 }

package/dist/esm/CollectionBox/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DSCollectionBox, DSCollectionBoxWithSchema } from "./CollectionBox";
+import { DSCollectionBox, DSCollectionBoxWithSchema } from "./CollectionBox.js";
 export {
   DSCollectionBox,
   DSCollectionBoxWithSchema

package/dist/esm/CollectionBox/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CollectionBox/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB,iCAAiC;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainer.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
-import { useMobileHeight } from "./useMobileHeight";
+import { useMobileHeight } from "./useMobileHeight.js";
 const DSFullPageContainer = ({ children, ...props }) => {
   const height = useMobileHeight();
   return /* @__PURE__ */ jsx(Grid, { height, width: "100%", ...props, children });

package/dist/esm/FullPageContainer/FullPageContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQnB;AAPJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,MAAM,sBAAsB,CAAC,EAAE,aAAa,MAAM,MAAM;AACtD,QAAM,SAAS,gBAAgB;AAC/B,SACE,oBAAC,QAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AACtB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight.js';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQnB;AAPJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACtD,QAAM,SAAS,gBAAgB;AAC/B,SACE,oBAAC,QAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AACtB;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainerScroll.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainerScroll.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKrB;AAJF,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,aAAa,MAAM,MAClE,oBAAC,QAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;AAGF,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AACnB;",
+  "mappings": "AAAA,YAAY,WAAW;ACKrB;AAJF,OAAO,eAAe;AACtB,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,UAAU,GAAG,MAAM,MAClE,oBAAC,QAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;AAGF,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AACnB;",
   "names": []
 }

package/dist/esm/FullPageContainer/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { DSFullPageContainer } from "./FullPageContainer";
-import { DSFullPageContainerScroll } from "./FullPageContainerScroll";
+import { DSFullPageContainer } from "./FullPageContainer.js";
+import { DSFullPageContainerScroll } from "./FullPageContainerScroll.js";
 export {
   DSFullPageContainer,
   DSFullPageContainerScroll

package/dist/esm/FullPageContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSFullPageContainer } from './FullPageContainer';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSFullPageContainer } from './FullPageContainer.js';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AACpC,SAAS,iCAAiC;",
   "names": []
 }

package/dist/esm/GlobalHeader/MobileGlobalHeader.js

@@ -8,9 +8,9 @@ import DSButton from "@elliemae/ds-button";
 import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
 import { debounce, noop } from "lodash";
 import { Grid } from "@elliemae/ds-grid";
-import Logo from "../Icons/EM_logo";
-import { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from "./styles";
-import { DSSideNav } from "../SideNav";
+import Logo from "../Icons/EM_logo.js";
+import { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from "./styles.js";
+import { DSSideNav } from "../SideNav/index.js";
 const DSGlobalHeader = ({
   containerProps = {},
   title,
@@ -91,11 +91,27 @@ const menuProps = PropTypes.arrayOf(
   })
 ).description("menu item array");
 const props = {
+  /** props to inject to wrapper */
   containerProps: PropTypes.object.description("props to inject to wrapper"),
+  /**
+   * Heading Title
+   */
   title: PropTypes.string.isRequired.description("Heading Title"),
+  /**
+   * Dimsum icon Element
+   */
   lastIcon: PropTypes.element.description("Dimsum icon Element"),
+  /**
+   * Callback function for search change
+   */
   onSearchChange: PropTypes.func.description("Callback function for search change"),
+  /**
+   * Top Menu items array
+   */
   topMenuItems: menuProps,
+  /**
+   * Bottom Menu items array
+   */
   bottomMenuItems: menuProps
 };
 DSGlobalHeader.propTypes = props;