@elliemae/ds-mobile 3.4.3-rc.0 → 3.4.4-next.0

package/dist/cjs/MobilePageHeader/MobilePageHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobilePageHeader_exports = {};
 __export(MobilePageHeader_exports, {
@@ -26,6 +29,7 @@ __export(MobilePageHeader_exports, {
 });
 module.exports = __toCommonJS(MobilePageHeader_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
@@ -87,16 +91,18 @@ const MobilePageHeader = ({
   const handleContext = (0, import_react.useCallback)(() => {
     setOpen(!open);
   }, [open]);
-  const separator = /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  const separator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
     height: "32px",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_MobileSeparator.default, {
-    direction: "vertical",
-    margin: "xxs",
-    color: ["neutral", "300"]
-  })));
+    alignItems: "center",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      height: "24px",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileSeparator.default, {
+        direction: "vertical",
+        margin: "xxs",
+        color: ["neutral", "300"]
+      })
+    })
+  });
   const cols = [1, "auto"];
   const cols2 = ["auto"];
   if (countActions)
@@ -105,80 +111,127 @@ const MobilePageHeader = ({
     cols2.push("auto");
   if (label)
     cols2.push("auto");
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
     cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper",
-    withBlueBorder
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: backArrow ? ["auto", 1] : [1],
-    alignItems: "flex-start",
-    pr: countActions === 0 && !hasValue && !label ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : 0
-  }, backArrow && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    pr: "16px"
-  }, backArrow), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    flexGrow: 0,
-    pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["auto", "auto"],
-    alignItems: "flex-start"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, breadCrumb && /* @__PURE__ */ import_react.default.createElement(StyledBreadCrumb, {
-    "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /* @__PURE__ */ import_react.default.createElement(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "flex-start",
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-title"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_expandable_text.TruncatedExpandableText, {
-    value: pageTitle
-  })))), contextMenu && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    mt: breadCrumb ? "20px" : "8px"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
-    size: "s",
-    onClick: () => {
-      handleContext();
-      onOpenContextMenu();
-    },
-    containerProps: { "data-testid": "trigger-context-menu" }
-  }), import_react.default.cloneElement(contextMenu, {
-    open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
-    onChange: (event, item) => {
-      if (contextMenu.props.onChange)
-        contextMenu.props.onChange(event, item);
-      handleContext();
-    }
-  }))))), hasValue && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: ["auto", "auto"]
-  }, separator, /* @__PURE__ */ import_react.default.createElement(Value, {
-    withMarginRight: !!label,
-    "data-testid": "page-header-value"
-  }, value)), label && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(Label, {
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: breadCrumb ? "56px" : "44px",
-    alignItems: "center",
-    cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"]
-  }, firstAction && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, firstAction), countActions === 2 && separator, secondAction && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, secondAction)));
+    withBlueBorder,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        alignItems: "flex-start",
+        justifyContent: "flex-start",
+        cols: cols2,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            cols: backArrow ? ["auto", 1] : [1],
+            alignItems: "flex-start",
+            pr: countActions === 0 && !hasValue && !label ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : 0,
+            children: [
+              backArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                height: breadCrumb ? "56px" : "44px",
+                alignItems: "center",
+                pr: "16px",
+                children: backArrow
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                flexGrow: 0,
+                pt: !breadCrumb ? 0 : theme.space.xxs,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                  cols: ["auto", "auto"],
+                  alignItems: "flex-start",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                      children: [
+                        breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledBreadCrumb, {
+                          "data-testid": "page-header-breadcrum",
+                          children: breadCrumb
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+                          maxWidth: "100%",
+                          alignItems: "flex-start",
+                          withBreadcrumb: !!breadCrumb,
+                          "data-testid": "page-header-title",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                            pt: breadCrumb ? 0 : theme.space.xxxs,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_expandable_text.TruncatedExpandableText, {
+                              value: pageTitle
+                            })
+                          })
+                        })
+                      ]
+                    }),
+                    contextMenu && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+                      alignItems: "center",
+                      mt: breadCrumb ? "20px" : "8px",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+                          buttonType: "text",
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {}),
+                          size: "s",
+                          onClick: () => {
+                            handleContext();
+                            onOpenContextMenu();
+                          },
+                          containerProps: { "data-testid": "trigger-context-menu" }
+                        }),
+                        import_react.default.cloneElement(contextMenu, {
+                          open: contextMenu.props.open !== void 0 ? contextMenu.props.open : open,
+                          onChange: (event, item) => {
+                            if (contextMenu.props.onChange)
+                              contextMenu.props.onChange(event, item);
+                            handleContext();
+                          }
+                        })
+                      ]
+                    })
+                  ]
+                })
+              })
+            ]
+          }),
+          hasValue && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            cols: ["auto", "auto"],
+            children: [
+              separator,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Value, {
+                withMarginRight: !!label,
+                "data-testid": "page-header-value",
+                children: value
+              })
+            ]
+          }),
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            height: breadCrumb ? "56px" : "44px",
+            alignItems: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+              withBreadcrumb: !!breadCrumb,
+              "data-testid": "page-header-label",
+              children: label
+            })
+          })
+        ]
+      }),
+      countActions > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        height: breadCrumb ? "56px" : "44px",
+        alignItems: "center",
+        cols: countActions === 1 ? ["auto"] : ["auto", "auto", "auto"],
+        children: [
+          firstAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: firstAction
+          }),
+          countActions === 2 && separator,
+          secondAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: secondAction
+          })
+        ]
+      })
+    ]
+  });
 };
 const pageHeaderProps = {
   pageTitle: import_ds_utilities.PropTypes.string.description("Page title").isRequired,

package/dist/cjs/MobilePageHeader/MobilePageHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobilePageHeader/MobilePageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable no-plusplus */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled, border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport MobileSeparator from '../MobileSeparator';\n\nconst StyledTitle = styled(Grid)`\n  font-size: 22px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  min-height: ${(props) => (props.withBreadcrumb ? 'auto' : '44px')};\n  padding-top: ${(props) => (props.withBreadcrumb ? '0' : '6px')};\n  line-height: 1.15;\n`;\n\nconst StyledBreadCrumb = styled.div`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.div`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  ${truncate()}\n`;\n\nconst Value = styled.div`\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['600']};\n  ${(props) => (props.withMarginRight ? `margin-right: 4px;` : '')}\n  margin-top: ${(props) => (props.withBreadcrumb ? '12px' : '0')};\n`;\n\nconst Wrapper = styled(Grid)<{ withBlueBorder: boolean }>`\n  border-bottom: ${({ theme, withBlueBorder }) =>\n    border(withBlueBorder ? theme.colors.brand['700'] : theme.colors.neutral['300'])};\n`;\n\nconst MobilePageHeader = ({\n  pageTitle = null,\n  withBlueBorder = false,\n  contextMenu = null,\n  firstAction = null,\n  secondAction = null,\n  backArrow = null,\n  breadCrumb = null,\n  onOpenContextMenu = () => null,\n  value,\n  label,\n  theme,\n}) => {\n  const hasValue = value === 0 || value;\n\n  const countActions = useMemo(() => {\n    let count = 0;\n    if (firstAction) count++;\n    if (secondAction) count++;\n    return count;\n  }, [firstAction, secondAction]);\n  const [open, setOpen] = useState();\n  const handleContext = useCallback(() => {\n    setOpen(!open);\n  }, [open]);\n\n  const separator = (\n    <Grid height=\"32px\" alignItems=\"center\">\n      <Grid height=\"24px\">\n        <MobileSeparator direction=\"vertical\" margin=\"xxs\" color={['neutral', '300']} />\n      </Grid>\n    </Grid>\n  );\n  const cols = [1, 'auto'];\n  const cols2 = ['auto'];\n  if (countActions) cols.push('auto');\n  if (hasValue) cols2.push('auto');\n  if (label) cols2.push('auto');\n\n  return (\n    <Wrapper\n      cols={cols}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"flex-start\"\n      width=\"100%\"\n      data-testid=\"page-header-wrapper\"\n      withBlueBorder={withBlueBorder}\n    >\n      <Grid alignItems=\"flex-start\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid\n          cols={backArrow ? ['auto', 1] : [1]}\n          alignItems=\"flex-start\"\n          pr={countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0}\n        >\n          {backArrow && (\n            <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" pr=\"16px\">\n              {backArrow}\n            </Grid>\n          )}\n          <Grid flexGrow={0} pt={!breadCrumb ? 0 : theme.space.xxs}>\n            <Grid cols={['auto', 'auto']} alignItems=\"flex-start\">\n              <Grid>\n                {breadCrumb && <StyledBreadCrumb data-testid=\"page-header-breadcrum\">{breadCrumb}</StyledBreadCrumb>}\n                <StyledTitle\n                  maxWidth=\"100%\"\n                  alignItems=\"flex-start\"\n                  withBreadcrumb={!!breadCrumb}\n                  data-testid=\"page-header-title\"\n                >\n                  <Grid pt={breadCrumb ? 0 : theme.space.xxxs}>\n                    <TruncatedExpandableText value={pageTitle} />\n                  </Grid>\n                </StyledTitle>\n              </Grid>\n              {contextMenu && (\n                <Grid alignItems=\"center\" mt={breadCrumb ? '20px' : '8px'}>\n                  <DSButton\n                    buttonType=\"text\"\n                    icon={<ChevronSmallDown />}\n                    size=\"s\"\n                    onClick={() => {\n                      handleContext();\n                      onOpenContextMenu();\n                    }}\n                    containerProps={{ 'data-testid': 'trigger-context-menu' }}\n                  />\n                  {React.cloneElement(contextMenu, {\n                    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,\n                    onChange: (event, item) => {\n                      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);\n                      handleContext();\n                    },\n                  })}\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        </Grid>\n        {hasValue && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\" cols={['auto', 'auto']}>\n            {separator}\n            <Value withMarginRight={!!label} data-testid=\"page-header-value\">\n              {value}\n            </Value>\n          </Grid>\n        )}\n        {label && (\n          <Grid height={breadCrumb ? '56px' : '44px'} alignItems=\"center\">\n            <Label withBreadcrumb={!!breadCrumb} data-testid=\"page-header-label\">\n              {label}\n            </Label>\n          </Grid>\n        )}\n      </Grid>\n      {countActions > 0 && (\n        <Grid\n          height={breadCrumb ? '56px' : '44px'}\n          alignItems=\"center\"\n          cols={countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']}\n        >\n          {firstAction && <Grid>{firstAction}</Grid>}\n          {countActions === 2 && separator}\n          {secondAction && <Grid>{secondAction}</Grid>}\n        </Grid>\n      )}\n    </Wrapper>\n  );\n};\n\nconst pageHeaderProps = {\n  pageTitle: PropTypes.string.description('Page title').isRequired,\n  contextMenu: PropTypes.element.description('Context Menu to open'),\n  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),\n  firstAction: PropTypes.element.description('Action Button'),\n  secondAction: PropTypes.element.description('Action Button'),\n  backArrow: PropTypes.element.description('Back Arrow Button'),\n  breadCrumb: PropTypes.string.description('BreadCrumbs title'),\n  value: PropTypes.number.description('Page summary value'),\n  label: PropTypes.string.description('Page summary label'),\n  theme: PropTypes.object.description('dimsum theme'),\n};\n\nMobilePageHeader.propTypes = pageHeaderProps;\nMobilePageHeader.displayName = 'MobilePageHeader';\nconst PageHeaderWithSchema = describe(MobilePageHeader);\nPageHeaderWithSchema.propTypes = pageHeaderProps;\n\nconst DSMobilePageHeader = withTheme(MobilePageHeader);\n\nexport { DSMobilePageHeader, PageHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["MobileSeparator", "DSButton", "React"]
 }

package/dist/cjs/MobilePageHeader/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobilePageHeader_exports = {};
 module.exports = __toCommonJS(MobilePageHeader_exports);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobilePageHeader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './MobilePageHeader';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
   "names": []
 }

package/dist/cjs/MobileSelectList/MobileSelectList.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileSelectList_exports = {};
 __export(MobileSelectList_exports, {
@@ -25,6 +28,7 @@ __export(MobileSelectList_exports, {
 });
 module.exports = __toCommonJS(MobileSelectList_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_lodash = require("lodash");
 var import_prop_types = __toESM(require("prop-types"));
@@ -81,56 +85,74 @@ const MobileSelectList = ({
     rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.16666));
   if (!open)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledContainer, {
-    "data-testid": dataTestid,
-    rows,
-    zIndex
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.HeaderContainer, null, header, useSearch && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    height: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl),
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
-    onChange: handleOnSearch,
-    placeholder: "Filter by name",
-    value: filter
-  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    style: { overflow: "auto" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.ListContainer, {
-    "data-testid": `${dataTestid}--list-container`
-  }, import_react.default.Children.map(children, (child) => {
-    let leftAddon = null;
-    let rightAddon = null;
-    const { value, title } = child.props;
-    const found = selecteds.findIndex((s) => String(s) === String(value));
-    if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-      return null;
-    if (multiple) {
-      if (found > -1)
-        leftAddon = import_styled.checked;
-      else
-        leftAddon = import_styled.checkbox;
-    } else if (found > -1) {
-      rightAddon = import_styled.selectedMark;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(import_MobileTouchable.DSMobileTouchable, {
-      onClick: handleChange.bind(child.props)
-    }, import_react.default.cloneElement(child, { leftAddon, rightAddon }));
-  })))), buttonFooter && /* @__PURE__ */ import_react.default.createElement(import_styled.Footer, {
-    alignItems: "center",
-    pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-    pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-  }, import_react.default.cloneElement(buttonFooter, {
-    ...buttonFooter.props,
-    containerProps: {
-      "data-testid": `${dataTestid}--btn`
-    },
-    buttonType: "primary",
-    size: "l",
-    onClick: handleApply.bind(buttonFooter.props)
-  }))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContainer, {
+      "data-testid": dataTestid,
+      rows,
+      zIndex,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.HeaderContainer, {
+          children: [
+            header,
+            useSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              alignItems: "center",
+              height: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl),
+              pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+              pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
+                onChange: handleOnSearch,
+                placeholder: "Filter by name",
+                value: filter
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          style: { overflow: "hidden" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            style: { overflow: "auto" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ListContainer, {
+              "data-testid": `${dataTestid}--list-container`,
+              children: import_react.default.Children.map(children, (child) => {
+                let leftAddon = null;
+                let rightAddon = null;
+                const { value, title } = child.props;
+                const found = selecteds.findIndex((s) => String(s) === String(value));
+                if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
+                  return null;
+                if (multiple) {
+                  if (found > -1)
+                    leftAddon = import_styled.checked;
+                  else
+                    leftAddon = import_styled.checkbox;
+                } else if (found > -1) {
+                  rightAddon = import_styled.selectedMark;
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileTouchable.DSMobileTouchable, {
+                  onClick: handleChange.bind(child.props),
+                  children: import_react.default.cloneElement(child, { leftAddon, rightAddon })
+                });
+              })
+            })
+          })
+        }),
+        buttonFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Footer, {
+          alignItems: "center",
+          pl: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+          pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+          children: import_react.default.cloneElement(buttonFooter, {
+            ...buttonFooter.props,
+            containerProps: {
+              "data-testid": `${dataTestid}--btn`
+            },
+            buttonType: "primary",
+            size: "l",
+            onClick: handleApply.bind(buttonFooter.props)
+          })
+        })
+      ]
+    })
+  });
 };
 const DSMobileSelectList = (0, import_ds_system.withTheme)(MobileSelectList);
 MobileSelectList.propTypes = {

package/dist/cjs/MobileSelectList/MobileSelectList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileSelectList/MobileSelectList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint react/jsx-no-bind:0 react/no-this-in-sfc:0 */\nimport React, { useState, useEffect } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTextBox } from '@elliemae/ds-form';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { StyledContainer, HeaderContainer, Footer, ListContainer, checkbox, checked, selectedMark } from './styled';\n\nconst MobileSelectList = ({\n  open = false,\n  header = null,\n  multiple = false,\n  onChange = noop,\n  children,\n  theme,\n  zIndex = 1,\n  useSearch,\n  onSearch = noop,\n  dataTestid = 'mobile-select-list',\n  buttonFooter = null,\n  onApply = noop,\n  selecteds: initSelecteds = [],\n}) => {\n  const rows = ['auto', 1];\n  const [selecteds, setSelected] = useState(initSelecteds);\n  const [filter, setFilter] = useState('');\n  useEffect(() => {\n    setSelected(initSelecteds);\n  }, [initSelecteds]);\n\n  const handleSelection = (value) => {\n    if (multiple) {\n      const index = selecteds.findIndex((s) => s === value);\n      if (index > -1) setSelected(selecteds.filter((s) => s !== value));\n      else setSelected([...selecteds, value]);\n    } else setSelected([value]);\n  };\n  const handleChange = function (event) {\n    onChange(event, this);\n    handleSelection(this.value);\n  };\n  const handleOnSearch = (e) => {\n    setFilter(e.target.value);\n    onSearch(e);\n  };\n\n  const handleApply = function (e) {\n    if (this.onClick) this.onClick(e);\n    onApply(e, selecteds);\n  };\n  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));\n  if (!open) return null;\n  return (\n    <>\n      <StyledContainer data-testid={dataTestid} rows={rows} zIndex={zIndex}>\n        <HeaderContainer>\n          {header}\n          {useSearch && (\n            <Grid\n              alignItems=\"center\"\n              height={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)}\n              pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            >\n              <DSTextBox onChange={handleOnSearch} placeholder=\"Filter by name\" value={filter} />\n            </Grid>\n          )}\n        </HeaderContainer>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: 'auto' }}>\n            <ListContainer data-testid={`${dataTestid}--list-container`}>\n              {React.Children.map(children, (child) => {\n                let leftAddon = null;\n                let rightAddon = null;\n                const { value, title } = child.props;\n                const found = selecteds.findIndex((s) => String(s) === String(value));\n                if (\n                  filter &&\n                  !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) &&\n                  !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())\n                )\n                  return null;\n                if (multiple) {\n                  if (found > -1) leftAddon = checked;\n                  else leftAddon = checkbox;\n                } else if (found > -1) {\n                  rightAddon = selectedMark;\n                }\n                return (\n                  <DSMobileTouchable onClick={handleChange.bind(child.props)}>\n                    {React.cloneElement(child, { leftAddon, rightAddon })}\n                  </DSMobileTouchable>\n                );\n              })}\n            </ListContainer>\n          </Grid>\n        </Grid>\n        {buttonFooter && (\n          <Footer\n            alignItems=\"center\"\n            // eslint-disable-next-line max-lines\n            pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n            pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n          >\n            {React.cloneElement(buttonFooter, {\n              ...buttonFooter.props,\n              containerProps: {\n                'data-testid': `${dataTestid}--btn`,\n              },\n              buttonType: 'primary',\n              size: 'l',\n              onClick: handleApply.bind(buttonFooter.props),\n            })}\n          </Footer>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n\nconst DSMobileSelectList = withTheme(MobileSelectList);\n\nMobileSelectList.propTypes = {\n  /** show select list */\n  open: PropTypes.bool,\n  /** DSMobilePageHeader instance */\n  header: PropTypes.element,\n  /** called when a DSMobileListItem is touched */\n  onChange: PropTypes.func,\n  /** allow multiple selection */\n  multiple: PropTypes.bool,\n  /** Array of DSMobileListItem instances */\n  children: PropTypes.arrayOf(PropTypes.element),\n  /** data test id for testing purposes */\n  dataTestid: PropTypes.string,\n  /** footer action, DSButton instance */\n  buttonFooter: PropTypes.element,\n  /** called when footer action is triggered */\n  onApply: PropTypes.func,\n  /** zIndex */\n  zIndex: PropTypes.number,\n  /** init selecteds */\n  selecteds: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  theme: PropTypes.object.isRequired,\n  useSearch: PropTypes.bool,\n  onSearch: PropTypes.func,\n};\n\nexport { DSMobileSelectList };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React", "PropTypes"]
 }

package/dist/cjs/MobileSelectList/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MobileSelectList_exports = {};
 module.exports = __toCommonJS(MobileSelectList_exports);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileSelectList/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './MobileSelectList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
   "names": []
 }

package/dist/cjs/MobileSelectList/styled.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
@@ -31,7 +34,7 @@ __export(styled_exports, {
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash = require("lodash");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -61,17 +64,17 @@ const ListContainer = import_ds_system.styled.div`
     border: none;
   }
 `;
-const checkbox = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+const checkbox = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
   checked: false,
   onChange: import_lodash.noop,
   style: { pointerEvents: "none" }
 });
-const checked = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+const checked = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
   checked: true,
   onChange: import_lodash.noop,
   style: { pointerEvents: "none" }
 });
-const selectedMark = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
+const selectedMark = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, {
   color: ["brand-primary", 600]
 });
 //# sourceMappingURL=styled.js.map

package/dist/cjs/MobileSelectList/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileSelectList/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,wBAAuB;AACvB,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,mBACvB,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,SAAS,6BAAO,mBAAI;AAAA,gBACjB,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,mDAAC;AAAA,EAAW,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AAC/F,MAAM,UAAU,mDAAC;AAAA,EAAW,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AACtF,MAAM,eAAe,mDAAC;AAAA,EAAU,OAAO,CAAC,iBAAiB,GAAG;AAAA,CAAG;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,oBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,IAAAA,oBAAuB;AACvB,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,mBACvB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,aAAS,yBAAO,mBAAI;AAAA,gBACjB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,4CAAC;AAAA,EAAW,SAAS;AAAA,EAAO,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AAC/F,MAAM,UAAU,4CAAC;AAAA,EAAW,SAAO;AAAA,EAAC,UAAU;AAAA,EAAM,OAAO,EAAE,eAAe,OAAO;AAAA,CAAG;AACtF,MAAM,eAAe,4CAAC;AAAA,EAAU,OAAO,CAAC,iBAAiB,GAAG;AAAA,CAAG;",
+  "names": ["import_ds_system"]
 }