@elliemae/ds-mobile 3.12.0-rc.2 → 3.12.0-rc.21

package/dist/cjs/Tabs/index.js

@@ -35,15 +35,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_tabs = require("@elliemae/ds-tabs");
 var import_propTypes = require("./propTypes");
-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
-});
+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;
 DSMobileTabs.displayName = "DSMobileTabs";
 const DSMobileTabsWithSchema = (0, import_ds_utilities.describe)(DSMobileTabs);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/Tabs/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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,0BAAyB;AACzB,qBAA8B;AAE9B,uBAAwD;AASjD,MAAM,eAAe,CAAC,EAAE,aAAa,MAAM,MAChD,4CAAC;AAAA,EAAQ,GAAG;AAAA,EAAO,YAAU;AAAA,EAC1B;AAAA,CACH;AAGK,MAAM,cAAc,CAAC,EAAE,aAAa,MAAM,MAAyB,4CAAC;AAAA,EAAO,GAAG;AAAA,EAAQ;AAAA,CAAS;AAEtG,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;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,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/Accordion/DSMobileAccordion.js

@@ -3,15 +3,8 @@ import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
 import { mobileAccordionItemPropTypes, mobileAccordionPropTypes } from "./react-desc-prop-types";
-const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordion, {
-  ...props,
-  isDSMobile: true,
-  children
-});
-const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordionItem, {
-  ...props,
-  children
-});
+const DSMobileAccordion = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordion, { ...props, isDSMobile: true, children });
+const DSMobileAccordionItem = ({ children, ...props }) => /* @__PURE__ */ jsx(DSAccordionItem, { ...props, children });
 DSMobileAccordionItem.displayName = "DSMobileAccordionItem";
 const DSMobileAccordionItemWithSchema = describe(DSMobileAccordionItem);
 DSMobileAccordionItemWithSchema.propTypes = mobileAccordionItemPropTypes;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/DSMobileAccordion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-utilities';\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;ACQrB;AARF,SAAS,gBAAgB;AACzB,SAAS,aAAa,uBAAuB;AAE7C,SAAS,8BAA8B,gCAAgC;AAIhE,MAAM,oBAAoB,CAAC,EAAE,aAAa,MAAM,MACrD,oBAAC;AAAA,EAAa,GAAG;AAAA,EAAO,YAAU;AAAA,EAC/B;AAAA,CACH;AAGK,MAAM,wBAAwB,CAAC,EAAE,aAAa,MAAM,MACzD,oBAAC;AAAA,EAAiB,GAAG;AAAA,EAAQ;AAAA,CAAS;AAGxC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;AAE5C,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACQrB;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;",
   "names": []
 }

package/dist/esm/CategoryBox/CategoryBox.js

@@ -14,7 +14,7 @@ const Title = styled.h3`
   ${truncate()}
   font-weight: ${(props2) => props2.theme.fontWeights.semibold};
 `;
-const CategoryBox = styled(Grid, {})`
+const CategoryBox = styled(Grid)`
   background: ${(props2) => props2.theme.colors.neutral["0"]};
   border-top: ${(props2) => props2.hasBorderTop ? `1px solid ${props2.theme.colors.neutral["100"]}` : "none"};
 `;
@@ -24,30 +24,23 @@ const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel
   if (hasActions)
     rows.push("auto");
   const cols = React2.useMemo(() => times(actionsRight.length, () => "auto"), [actionsRight.length]);
-  return /* @__PURE__ */ jsxs(Grid, {
-    rows: ["40px", "auto"],
-    children: [
-      /* @__PURE__ */ jsxs(CategoryBox, {
+  return /* @__PURE__ */ jsxs(Grid, { rows: ["40px", "auto"], children: [
+    /* @__PURE__ */ jsxs(
+      CategoryBox,
+      {
         cols: rows,
         hasBorderTop: borderTop,
         alignItems: "center",
         pl: "xs",
         pr: actionsRight.length > 0 ? "xxs" : "xs",
         children: [
-          /* @__PURE__ */ jsx(Title, {
-            as: `h${headerLevel}`,
-            children: title
-          }),
-          hasActions && /* @__PURE__ */ jsx(Grid, {
-            cols,
-            justifySelf: "end",
-            children: actionsRight
-          })
+          /* @__PURE__ */ jsx(Title, { as: `h${headerLevel}`, children: title }),
+          hasActions && /* @__PURE__ */ jsx(Grid, { cols, justifySelf: "end", children: actionsRight })
         ]
-      }),
-      children
-    ]
-  });
+      }
+    ),
+    children
+  ] });
 };
 const props = {
   title: PropTypes.string.isRequired.description("Category Box title"),

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-utilities';\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,MAAM,CAAC,CAAC;AAAA,gBACnB,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;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,IACzB;AAAA,2BAAC;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,QAEtC;AAAA,8BAAC;AAAA,YAAM,IAAI,IAAI;AAAA,YAAgB;AAAA,WAAM;AAAA,UACpC,cACC,oBAAC;AAAA,YAAK;AAAA,YAAY,aAAY;AAAA,YAC3B;AAAA,WACH;AAAA;AAAA,OAEJ;AAAA,MACC;AAAA;AAAA,GACH;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-utilities';\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;",
   "names": ["React", "props"]
 }

package/dist/esm/CollectionBox/CollectionBox.js

@@ -47,36 +47,14 @@ const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel
     headerCols.push("auto");
   if (footerAction)
     footerCols.push("auto");
-  return /* @__PURE__ */ jsxs(CollectionBox, {
-    rows,
-    children: [
-      /* @__PURE__ */ jsxs(Grid, {
-        alignItems: "center",
-        cols: headerCols,
-        children: [
-          title && /* @__PURE__ */ jsx(Header, {
-            as: `h${headerLevel}`,
-            children: title
-          }),
-          headerAction && /* @__PURE__ */ jsx(ActionWrap, {
-            justifySelf: "end",
-            children: headerAction
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Body, {
-        children: body
-      }),
-      footerAction && /* @__PURE__ */ jsx(Footer, {
-        alignItems: "center",
-        cols: footerCols,
-        children: /* @__PURE__ */ jsx(ActionWrap, {
-          justifySelf: "end",
-          children: footerAction
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(CollectionBox, { rows, children: [
+    /* @__PURE__ */ jsxs(Grid, { alignItems: "center", cols: headerCols, children: [
+      title && /* @__PURE__ */ jsx(Header, { as: `h${headerLevel}`, children: title }),
+      headerAction && /* @__PURE__ */ jsx(ActionWrap, { justifySelf: "end", children: headerAction })
+    ] }),
+    /* @__PURE__ */ jsx(Body, { children: body }),
+    footerAction && /* @__PURE__ */ jsx(Footer, { alignItems: "center", cols: footerCols, children: /* @__PURE__ */ jsx(ActionWrap, { justifySelf: "end", children: footerAction }) })
+  ] });
 };
 const props = {
   body: PropTypes.element.isRequired.description("body inside collection box"),

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

@@ -2,6 +2,6 @@
   "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-utilities';\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;AAAA,IAAc;AAAA,IACb;AAAA,2BAAC;AAAA,QAAK,YAAW;AAAA,QAAS,MAAM;AAAA,QAC7B;AAAA,mBAAS,oBAAC;AAAA,YAAO,IAAI,IAAI;AAAA,YAAgB;AAAA,WAAM;AAAA,UAC/C,gBAAgB,oBAAC;AAAA,YAAW,aAAY;AAAA,YAAO;AAAA,WAAa;AAAA;AAAA,OAC/D;AAAA,MACA,oBAAC;AAAA,QAAM;AAAA,OAAK;AAAA,MACX,gBACC,oBAAC;AAAA,QAAO,YAAW;AAAA,QAAS,MAAM;AAAA,QAChC,8BAAC;AAAA,UAAW,aAAY;AAAA,UAAO;AAAA,SAAa;AAAA,OAC9C;AAAA;AAAA,GAEJ;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;",
+  "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;",
   "names": ["props"]
 }

package/dist/esm/FullPageContainer/FullPageContainer.js

@@ -5,12 +5,7 @@ import { Grid } from "@elliemae/ds-grid";
 import { useMobileHeight } from "./useMobileHeight";
 const DSFullPageContainer = ({ children, ...props }) => {
   const height = useMobileHeight();
-  return /* @__PURE__ */ jsx(Grid, {
-    height,
-    width: "100%",
-    ...props,
-    children
-  });
+  return /* @__PURE__ */ jsx(Grid, { height, width: "100%", ...props, children });
 };
 DSFullPageContainer.propTypes = {
   children: PropTypes.any

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

@@ -2,6 +2,6 @@
   "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;AAAA,IAAK;AAAA,IAAgB,OAAM;AAAA,IAAQ,GAAG;AAAA,IACpC;AAAA,GACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AACtB;",
+  "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;",
   "names": []
 }

package/dist/esm/FullPageContainer/FullPageContainerScroll.js

@@ -2,12 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { Grid } from "@elliemae/ds-grid";
-const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ jsx(Grid, {
-  maxHeight: "100%",
-  style: { overflow: "auto", ...style },
-  ...props,
-  children
-});
+const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ jsx(Grid, { maxHeight: "100%", style: { overflow: "auto", ...style }, ...props, children });
 DSFullPageContainerScroll.propTypes = {
   children: PropTypes.any,
   style: PropTypes.object

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;AAAA,EAAK,WAAU;AAAA,EAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM;AAAA,EAAI,GAAG;AAAA,EAC/D;AAAA,CACH;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,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;",
   "names": []
 }

package/dist/esm/GlobalHeader/MobileGlobalHeader.js

@@ -37,71 +37,52 @@ const DSGlobalHeader = ({
   const menuToggle = (flag) => {
     setShowMenu(flag);
   };
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(Container, {
-        "data-testid": containerProps["data-testid"] || "global-header-wrapper",
-        ...containerProps,
-        children: !searchBarVisible ? /* @__PURE__ */ jsx(Fragment, {
-          children: /* @__PURE__ */ jsxs(MainSection, {
-            children: [
-              /* @__PURE__ */ jsx(Icon, {
-                onClick: menuToggle.bind(null, true),
-                children: Logo()
-              }),
-              /* @__PURE__ */ jsx(Label, {
-                children: title
-              }),
-              /* @__PURE__ */ jsx("span", {}),
-              /* @__PURE__ */ jsx(RightSection, {
-                children: /* @__PURE__ */ jsxs(Grid, {
-                  cols: lastIcon ? [1 / 2, 1 / 2] : [1],
-                  gutter: "xs",
-                  children: [
-                    /* @__PURE__ */ jsx(Grid, {
-                      children: /* @__PURE__ */ jsx(Search, {
-                        "data-testid": "mobile-global-header-search",
-                        size: DSIconSizes.M,
-                        color: DSIconColors.WHITE,
-                        onClick: searchClicked
-                      })
-                    }),
-                    lastIcon && /* @__PURE__ */ jsx(Grid, {
-                      children: lastIcon
-                    })
-                  ]
-                })
-              })
-            ]
-          })
-        }) : /* @__PURE__ */ jsx(SearchWrapper, {
-          children: /* @__PURE__ */ jsx(DSInput, {
-            clearable: true,
-            className: "dsInput",
-            placeholder: "Search here",
-            onChange: searchValueChanged,
-            rightComponent: /* @__PURE__ */ jsx(DSButton, {
-              buttonType: "primary",
-              className: "dsButton",
-              icon: /* @__PURE__ */ jsx(Search, {
-                size: DSIconSizes.M,
-                color: DSIconColors.WHITE,
-                onClick: searchCloseClicked
-              })
-            }),
-            value: searchValue,
-            variant: "variant-active"
-          })
-        })
-      }),
-      showMenu ? /* @__PURE__ */ jsx(DSSideNav, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Container, { "data-testid": containerProps["data-testid"] || "global-header-wrapper", ...containerProps, children: !searchBarVisible ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(MainSection, { children: [
+      /* @__PURE__ */ jsx(Icon, { onClick: menuToggle.bind(null, true), children: Logo() }),
+      /* @__PURE__ */ jsx(Label, { children: title }),
+      /* @__PURE__ */ jsx("span", {}),
+      /* @__PURE__ */ jsx(RightSection, { children: /* @__PURE__ */ jsxs(Grid, { cols: lastIcon ? [1 / 2, 1 / 2] : [1], gutter: "xs", children: [
+        /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(
+          Search,
+          {
+            "data-testid": "mobile-global-header-search",
+            size: DSIconSizes.M,
+            color: DSIconColors.WHITE,
+            onClick: searchClicked
+          }
+        ) }),
+        lastIcon && /* @__PURE__ */ jsx(Grid, { children: lastIcon })
+      ] }) })
+    ] }) }) : /* @__PURE__ */ jsx(SearchWrapper, { children: /* @__PURE__ */ jsx(
+      DSInput,
+      {
+        clearable: true,
+        className: "dsInput",
+        placeholder: "Search here",
+        onChange: searchValueChanged,
+        rightComponent: /* @__PURE__ */ jsx(
+          DSButton,
+          {
+            buttonType: "primary",
+            className: "dsButton",
+            icon: /* @__PURE__ */ jsx(Search, { size: DSIconSizes.M, color: DSIconColors.WHITE, onClick: searchCloseClicked })
+          }
+        ),
+        value: searchValue,
+        variant: "variant-active"
+      }
+    ) }) }),
+    showMenu ? /* @__PURE__ */ jsx(
+      DSSideNav,
+      {
         title,
         menuItems: topMenuItems,
         bottomMenuItems,
         onClose: menuToggle.bind(null, false)
-      }) : null
-    ]
-  });
+      }
+    ) : null
+  ] });
 };
 const menuProps = PropTypes.arrayOf(
   PropTypes.shape({

package/dist/esm/GlobalHeader/MobileGlobalHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GlobalHeader/MobileGlobalHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nDSGlobalHeader.displayName = 'DSGlobalHeader';\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/GroupBox/GroupBox.js

@@ -24,10 +24,10 @@ const DSGroupBox = ({ children, title, background = "grey", headerLevel = 3, act
   const hasActions = actionsRight.length > 0;
   if (hasActions)
     rows.push("auto");
-  return /* @__PURE__ */ jsxs(Grid, {
-    rows: ["32px", "auto"],
-    children: [
-      /* @__PURE__ */ jsxs(GroupBox, {
+  return /* @__PURE__ */ jsxs(Grid, { rows: ["32px", "auto"], children: [
+    /* @__PURE__ */ jsxs(
+      GroupBox,
+      {
         background,
         cols: rows,
         borderTop,
@@ -35,20 +35,13 @@ const DSGroupBox = ({ children, title, background = "grey", headerLevel = 3, act
         pl: "xs",
         pr: hasActions ? "xxs" : "xs",
         children: [
-          /* @__PURE__ */ jsx(Title, {
-            as: `h${headerLevel}`,
-            children: title
-          }),
-          hasActions && /* @__PURE__ */ jsx(Grid, {
-            cols: times(actionsRight.length, () => "auto"),
-            justifySelf: "end",
-            children: actionsRight
-          })
+          /* @__PURE__ */ jsx(Title, { as: `h${headerLevel}`, children: title }),
+          hasActions && /* @__PURE__ */ jsx(Grid, { cols: times(actionsRight.length, () => "auto"), justifySelf: "end", children: actionsRight })
         ]
-      }),
-      children
-    ]
-  });
+      }
+    ),
+    children
+  ] });
 };
 const props = {
   children: PropTypes.element.description("In-box children"),

package/dist/esm/GroupBox/GroupBox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupBox/GroupBox.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\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   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SAQE,KARF;AA7BN,SAAS,WAAW,gBAAgB;AACpC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,IAGjB,SAAS;AAAA,WACF,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,WAAW,OAAO,IAAI;AAAA,gBACZ,CAACA,WACbA,OAAM,eAAe,SAASA,OAAM,MAAM,OAAO,QAAQ,SAASA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEjF,CAACA,WAAWA,OAAM,YAAY,aAAaA,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,CAAC,GAAG,UAAU,MAAM;AAC9G,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAChC,SACE,qBAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,IACzB;AAAA,2BAAC;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,QAAQ;AAAA,QAEzB;AAAA,8BAAC;AAAA,YAAM,IAAI,IAAI;AAAA,YAAgB;AAAA,WAAM;AAAA,UACpC,cACC,oBAAC;AAAA,YAAK,MAAM,MAAM,aAAa,QAAQ,MAAM,MAAM;AAAA,YAAG,aAAY;AAAA,YAC/D;AAAA,WACH;AAAA;AAAA,OAEJ;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,UAAU,QAAQ,YAAY,iBAAiB;AAAA,EAIzD,YAAY,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAI7E,WAAW,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAItE,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAIhE,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAIzG,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,uBAAuB;AACxF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;AC8BjB,SAQE,KARF;AA7BN,SAAS,WAAW,gBAAgB;AACpC,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,IAGjB,SAAS;AAAA,WACF,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,WAAW,OAAO,IAAI;AAAA,gBACZ,CAACA,WACbA,OAAM,eAAe,SAASA,OAAM,MAAM,OAAO,QAAQ,SAASA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEjF,CAACA,WAAWA,OAAM,YAAY,aAAaA,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,CAAC,GAAG,UAAU,MAAM;AAC9G,QAAM,OAAO,CAAC,MAAM;AACpB,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK,MAAM;AAChC,SACE,qBAAC,QAAK,MAAM,CAAC,QAAQ,MAAM,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA,YAAW;AAAA,QACX,IAAG;AAAA,QACH,IAAI,aAAa,QAAQ;AAAA,QAEzB;AAAA,8BAAC,SAAM,IAAI,IAAI,eAAgB,iBAAM;AAAA,UACpC,cACC,oBAAC,QAAK,MAAM,MAAM,aAAa,QAAQ,MAAM,MAAM,GAAG,aAAY,OAC/D,wBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAIZ,UAAU,UAAU,QAAQ,YAAY,iBAAiB;AAAA,EAIzD,YAAY,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAI7E,WAAW,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAItE,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAIhE,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAIzG,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,uBAAuB;AACxF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
   "names": ["props"]
 }