@elliemae/ds-mobile 3.5.0-rc.9 → 3.5.1-rc.2

package/dist/cjs/MobileCard/Group.js

@@ -29,6 +29,7 @@ __export(Group_exports, {
 });
 module.exports = __toCommonJS(Group_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");
@@ -71,24 +72,37 @@ const MobileCardGroup = ({
   onChange = () => null
 }) => {
   const rows = !title ? ["auto"] : [(0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), "auto"];
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.Group, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, {
     activeValue,
     multiple: allowMultipleOpen,
-    onChange
-  }, /* @__PURE__ */ import_react.default.createElement(GroupGrid, {
-    withTopBorder: !title,
-    rows
-  }, !!title && /* @__PURE__ */ import_react.default.createElement(GroupTitleGrid, {
-    pl: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(GroupTitle, null, title), action), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, import_react.default.Children.map(
-    children,
-    (child, idx) => import_react.default.cloneElement(child, {
-      key: idx,
-      value: idx,
-      idx
-    }),
-    null
-  ))));
+    onChange,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GroupGrid, {
+      withTopBorder: !title,
+      rows,
+      children: [
+        !!title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GroupTitleGrid, {
+          pl: "xxs",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupTitle, {
+              children: title
+            }),
+            action
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          children: import_react.default.Children.map(
+            children,
+            (child, idx) => import_react.default.cloneElement(child, {
+              key: idx,
+              value: idx,
+              idx
+            }),
+            null
+          )
+        })
+      ]
+    })
+  });
 };
 const props = {
   theme: import_ds_utilities.PropTypes.object.isRequired.description(""),

package/dist/cjs/MobileCard/Group.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileCard/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,uBAAsB;AACtB,qBAAqB;AACrB,IAAAA,oBAA6E;AAC7E,wBAAmC;AAEnC,MAAM,gBAAY,yBAAO,mBAAI;AAAA,IACzB,kBAAAC;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,mBAAe,0BAAO,MAAM,OAAO,QAAQ,MAAM,MAAM;AAAA;AAG1G,MAAM,aAAa,wBAAO;AAAA,QACtB,4BAAS;AAAA;AAGb,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,YAAQ,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,QAC1E,yBAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,MAAM,MAAM;AAAA,iBAChD,CAACA,eAAU,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,4CAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,6BAAAC,QAAA,cAAC;AAAA,IAAM;AAAA,IAA0B,UAAU;AAAA,IAAmB;AAAA,KAC5D,6BAAAA,QAAA,cAAC;AAAA,IAAU,eAAe,CAAC;AAAA,IAAO;AAAA,KAC/B,CAAC,CAAC,SACD,6BAAAA,QAAA,cAAC;AAAA,IAAe,IAAG;AAAA,KACjB,6BAAAA,QAAA,cAAC,kBAAY,KAAM,GAClB,MACH,GAEF,6BAAAA,QAAA,cAAC,2BACE,aAAAA,QAAM,SAAS;AAAA,IACd;AAAA,IACA,CAAC,OAAO,QACN,aAAAA,QAAM,aAAa,OAAO;AAAA,MACxB,KAAK;AAAA,MACL,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,IACH;AAAA,EACF,CACF,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,8BAAU,OAAO,WAAW,YAAY,EAAE;AAAA,EAIjD,OAAO,8BAAU,OAAO,YAAY,EAAE;AAAA,EAItC,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA,EAIlH,QAAQ,8BAAU,QAAQ,YAAY,EAAE;AAAA,EAExC,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAExG,mBAAmB,8BAAU,KAAK,YAAY,EAAE;AAAA,EAEhD,UAAU,8BAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,8BAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,oBAAQ,6BAAU,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,uBAAsB;AACtB,qBAAqB;AACrB,IAAAA,oBAA6E;AAC7E,wBAAmC;AAEnC,MAAM,gBAAY,yBAAO,mBAAI;AAAA,IACzB,kBAAAC;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,mBAAe,0BAAO,MAAM,OAAO,QAAQ,MAAM,MAAM;AAAA;AAG1G,MAAM,aAAa,wBAAO;AAAA,QACtB,4BAAS;AAAA;AAGb,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,YAAQ,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,QAC1E,yBAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,MAAM,MAAM;AAAA,iBAChD,CAACA,eAAU,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,4CAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,4CAAC;AAAA,IAAM;AAAA,IAA0B,UAAU;AAAA,IAAmB;AAAA,IAC5D,uDAAC;AAAA,MAAU,eAAe,CAAC;AAAA,MAAO;AAAA,MAC/B;AAAA,SAAC,CAAC,SACD,6CAAC;AAAA,UAAe,IAAG;AAAA,UACjB;AAAA,wDAAC;AAAA,cAAY;AAAA,aAAM;AAAA,YAClB;AAAA;AAAA,SACH;AAAA,QAEF,4CAAC;AAAA,UACE,uBAAAC,QAAM,SAAS;AAAA,YACd;AAAA,YACA,CAAC,OAAO,QACN,aAAAA,QAAM,aAAa,OAAO;AAAA,cACxB,KAAK;AAAA,cACL,OAAO;AAAA,cACP;AAAA,YACF,CAAC;AAAA,YACH;AAAA,UACF;AAAA,SACF;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,8BAAU,OAAO,WAAW,YAAY,EAAE;AAAA,EAIjD,OAAO,8BAAU,OAAO,YAAY,EAAE;AAAA,EAItC,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA,EAIlH,QAAQ,8BAAU,QAAQ,YAAY,EAAE;AAAA,EAExC,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAExG,mBAAmB,8BAAU,KAAK,YAAY,EAAE;AAAA,EAEhD,UAAU,8BAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,8BAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,oBAAQ,6BAAU,eAAe;",
   "names": ["import_ds_system", "Card", "props", "React"]
 }

package/dist/cjs/MobileContextMenu/MobileContextMenu.js

@@ -29,6 +29,7 @@ __export(MobileContextMenu_exports, {
 });
 module.exports = __toCommonJS(MobileContextMenu_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_ds_utilities = require("@elliemae/ds-utilities");
@@ -116,66 +117,82 @@ const DSMobileContextMenu = (0, import_ds_system2.withTheme)(
       rows.push("56px");
     if (!open)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_ds_backdrop.DSBackdrop, {
-      type: "cover",
-      zIndex: backdropZIndex,
-      onClick: (e) => {
-        e.stopPropagation();
-        onClickOutside(e);
-      }
-    }), /* @__PURE__ */ import_react.default.createElement(StyledContainer, {
-      zIndex,
-      rows,
-      ref: containerRef,
-      "data-testid": "ds-mobile-context-menu"
-    }, /* @__PURE__ */ import_react.default.createElement(HeaderContainer, {
-      justifyContent: "center",
-      alignItems: "center",
-      pl: "xs",
-      pr: "xs"
-    }, /* @__PURE__ */ import_react.default.createElement(StyledTitle, {
-      alignItems: "center",
-      gutter: "xxs",
-      cols: Array(isArr(title) ? title.length : 1).fill("auto")
-    }, title)), /* @__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_ds_shared.Group, {
-      activeValue: trueSelected,
-      multiple,
-      onChange: handleChange
-    }, import_react.default.Children.map(children, (child, ii) => {
-      const isGroup = child.type === (/* @__PURE__ */ import_react.default.createElement(import_MobileContextMenuGroup.DSMobileContextMenuGroup, null)).type || child.type?.name === import_MobileContextMenuGroup.DSMobileContextMenuGroup.componentType || child.type === import_MobileContextMenuGroup.DSMobileContextMenuGroup.type;
-      const { onClick = import_lodash.noop } = child.props;
-      const value = ii;
-      let isSelected;
-      if (singleSelect)
-        isSelected = trueSelected === value;
-      else if (multiple)
-        isSelected = trueSelected.includes(value);
-      return import_react.default.cloneElement(child, {
-        value,
-        key: `cm.${ii}`,
-        isMulti: multiple,
-        singleSelect,
-        isSelected,
-        onClick: !isGroup ? (e) => onClick(e, child.props) : null,
-        selectedItems: isGroup ? trueSelected : null
-      });
-    })))), buttonFooter && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      pl: "xs",
-      pr: "xs",
-      alignItems: "center"
-    }, 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.jsxs)(import_jsx_runtime.Fragment, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {
+          type: "cover",
+          zIndex: backdropZIndex,
+          onClick: (e) => {
+            e.stopPropagation();
+            onClickOutside(e);
+          }
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledContainer, {
+          zIndex,
+          rows,
+          ref: containerRef,
+          "data-testid": "ds-mobile-context-menu",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeaderContainer, {
+              justifyContent: "center",
+              alignItems: "center",
+              pl: "xs",
+              pr: "xs",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+                alignItems: "center",
+                gutter: "xxs",
+                cols: Array(isArr(title) ? title.length : 1).fill("auto"),
+                children: title
+              })
+            }),
+            /* @__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_ds_shared.Group, {
+                  activeValue: trueSelected,
+                  multiple,
+                  onChange: handleChange,
+                  children: import_react.default.Children.map(children, (child, ii) => {
+                    const isGroup = child.type === (/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileContextMenuGroup.DSMobileContextMenuGroup, {})).type || child.type?.name === import_MobileContextMenuGroup.DSMobileContextMenuGroup.componentType || child.type === import_MobileContextMenuGroup.DSMobileContextMenuGroup.type;
+                    const { onClick = import_lodash.noop } = child.props;
+                    const value = ii;
+                    let isSelected;
+                    if (singleSelect)
+                      isSelected = trueSelected === value;
+                    else if (multiple)
+                      isSelected = trueSelected.includes(value);
+                    return import_react.default.cloneElement(child, {
+                      value,
+                      key: `cm.${ii}`,
+                      isMulti: multiple,
+                      singleSelect,
+                      isSelected,
+                      onClick: !isGroup ? (e) => onClick(e, child.props) : null,
+                      selectedItems: isGroup ? trueSelected : null
+                    });
+                  })
+                })
+              })
+            }),
+            buttonFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              pl: "xs",
+              pr: "xs",
+              alignItems: "center",
+              children: import_react.default.cloneElement(buttonFooter, {
+                ...buttonFooter.props,
+                containerProps: {
+                  "data-testid": `${dataTestid}--btn`
+                },
+                buttonType: "primary",
+                size: "l",
+                onClick: handleApply.bind(buttonFooter.props)
+              })
+            })
+          ]
+        })
+      ]
+    });
   }
 );
 const props = {

package/dist/cjs/MobileContextMenu/MobileContextMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileContextMenu/MobileContextMenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable import/no-unresolved */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable func-names */\n/* eslint-disable max-lines */\nimport React, { useState, useRef, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { truncate, withTheme } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSMobileContextMenuGroup as ContextMenuGroup } from './MobileContextMenuGroup';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  width: ${(props) => `calc(100% - ${props.theme.space.xs})`};\n  position: fixed;\n  bottom: 0;\n  left: ${(props) => props.theme.space.xxs};\n  max-height: 90vh;\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);\n`;\n\nconst StyledTitle = styled(Grid)`\n  font-size: 16px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.neutral['000']};\n  ${truncate()}\n\n  & > span {\n    height: 20px;\n    width: 20px;\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: 20px;\n    width: 20px;\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nconst HeaderContainer = styled(Grid)`\n  border-top-left-radius: 5px;\n  border-top-right-radius: 5px;\n  background: ${(props) => props.theme.colors.brand['600']};\n`;\n\nconst isArr = (prop) => Array.isArray(prop);\n\nconst DSMobileContextMenu = withTheme(\n  ({\n    open = false,\n    title = '',\n    multiple = false,\n    singleSelect = false,\n    onChange = noop,\n    onClickOutside = noop,\n    children,\n    theme,\n    backdropZIndex,\n    zIndex = 1,\n    dataTestid = 'mobile-context-menu',\n    buttonFooter = null,\n    onApply = noop,\n    selecteds: initSelecteds,\n  }) => {\n    const [selectedItems, setSelectedItems] = useState([]);\n    const trueSelected = useMemo(\n      () => (initSelecteds !== undefined ? initSelecteds : [...selectedItems]),\n      [initSelecteds, selectedItems],\n    );\n    const containerRef = useRef(null);\n    const handleChange = (value, childProps, event) => {\n      onChange(value, childProps, event);\n      if (initSelecteds === undefined) {\n        if (multiple) setSelectedItems([...value]);\n        else if (singleSelect) setSelectedItems(value);\n      }\n    };\n\n    const handleApply = function (e) {\n      if (this.onClick) this.onClick(e);\n      onApply(e, selectedItems);\n    };\n\n    const rows = [theme.space.s, 1];\n    if (buttonFooter) rows.push('56px');\n\n    if (!open) return null;\n\n    return (\n      <>\n        <DSBackdrop\n          type=\"cover\"\n          zIndex={backdropZIndex}\n          onClick={(e) => {\n            // PUI-4481 prevent click on elements below backdrop\n            e.stopPropagation();\n            onClickOutside(e);\n          }}\n        />\n        <StyledContainer zIndex={zIndex} rows={rows} ref={containerRef} data-testid=\"ds-mobile-context-menu\">\n          <HeaderContainer justifyContent=\"center\" alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            <StyledTitle alignItems=\"center\" gutter=\"xxs\" cols={Array(isArr(title) ? title.length : 1).fill('auto')}>\n              {title}\n            </StyledTitle>\n          </HeaderContainer>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>\n              <Group activeValue={trueSelected} multiple={multiple} onChange={handleChange}>\n                {React.Children.map(children, (child, ii) => {\n                  const isGroup =\n                    child.type === (<ContextMenuGroup />).type ||\n                    child.type?.name === ContextMenuGroup.componentType ||\n                    child.type === ContextMenuGroup.type;\n                  const { onClick = noop } = child.props;\n                  const value = ii;\n                  let isSelected;\n                  if (singleSelect) isSelected = trueSelected === value;\n                  else if (multiple) isSelected = trueSelected.includes(value);\n                  return React.cloneElement(child, {\n                    value,\n                    key: `cm.${ii}`,\n                    isMulti: multiple,\n                    singleSelect,\n                    isSelected,\n                    onClick: !isGroup ? (e) => onClick(e, child.props) : null,\n                    selectedItems: isGroup ? trueSelected : null,\n                  });\n                })}\n              </Group>\n            </Grid>\n          </Grid>\n          {buttonFooter && (\n            <Grid pl=\"xs\" pr=\"xs\" alignItems=\"center\">\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            </Grid>\n          )}\n        </StyledContainer>\n      </>\n    );\n  },\n);\n\nconst props = {\n  /** toggle open the menu */\n  open: PropTypes.bool.description('toggle open the menu'),\n  /** context menu title  */\n  title: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),\n  ]).description('context menu title'),\n  /** change handler for selectable context menu  */\n  onChange: PropTypes.func.description('change handler for selectable context menu'),\n  /** multi select */\n  multiple: PropTypes.bool.description('multi select'),\n  /** click outside callback handler */\n  onClickOutside: PropTypes.func.description('click outside callback handler'),\n  /** array of mobile context menu items */\n  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),\n  /** z index for overlay div */\n  backdropZIndex: PropTypes.number.description('z index for overlay div'),\n  /** z index for menu container */\n  zIndex: PropTypes.number.description('z index for menu container'),\n  /** for e2e tests */\n  dataTestid: PropTypes.string.description('for e2e tests'),\n  /** bottom button */\n  buttonFooter: PropTypes.element.description('bottom button'),\n  /** callback */\n  onApply: PropTypes.func.description('callback'),\n  /** selected elements for multi and single select */\n  selecteds: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.number,\n  ]).description('selected elements for multi and single select'),\n};\n\nDSMobileContextMenu.propTypes = props;\nDSMobileContextMenu.displayName = 'DSMobileContextMenu';\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAIA,mBAAiD;AACjD,oBAAqB;AACrB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,yBAA2B;AAC3B,IAAAA,oBAAoC;AACpC,uBAAsB;AACtB,oCAA6D;AAE7D,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAACA,WAAUA,OAAM;AAAA,WACnB,CAACA,WAAU,eAAeA,OAAM,MAAM,MAAM;AAAA;AAAA;AAAA,UAG7C,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvC,MAAM,kBAAc,yBAAO,mBAAI;AAAA;AAAA,iBAEd,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAWD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlD,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA;AAAA,gBAGnB,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA;AAGpD,MAAM,QAAQ,CAAC,SAAS,MAAM,QAAQ,IAAI;AAE1C,MAAM,0BAAsB;AAAA,EAC1B,CAAC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,EACb,MAAM;AACJ,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,CAAC,CAAC;AACrD,UAAM,mBAAe;AAAA,MACnB,MAAO,kBAAkB,SAAY,gBAAgB,CAAC,GAAG,aAAa;AAAA,MACtE,CAAC,eAAe,aAAa;AAAA,IAC/B;AACA,UAAM,mBAAe,qBAAO,IAAI;AAChC,UAAM,eAAe,CAAC,OAAO,YAAY,UAAU;AACjD,eAAS,OAAO,YAAY,KAAK;AACjC,UAAI,kBAAkB,QAAW;AAC/B,YAAI;AAAU,2BAAiB,CAAC,GAAG,KAAK,CAAC;AAAA,iBAChC;AAAc,2BAAiB,KAAK;AAAA,MAC/C;AAAA,IACF;AAEA,UAAM,cAAc,SAAU,GAAG;AAC/B,UAAI,KAAK;AAAS,aAAK,QAAQ,CAAC;AAChC,cAAQ,GAAG,aAAa;AAAA,IAC1B;AAEA,UAAM,OAAO,CAAC,MAAM,MAAM,GAAG,CAAC;AAC9B,QAAI;AAAc,WAAK,KAAK,MAAM;AAElC,QAAI,CAAC;AAAM,aAAO;AAElB,WACE;AAAA,MACE;AAAA,oDAAC;AAAA,UACC,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,SAAS,CAAC,MAAM;AAEd,cAAE,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAClB;AAAA,SACF;AAAA,QACA,6CAAC;AAAA,UAAgB;AAAA,UAAgB;AAAA,UAAY,KAAK;AAAA,UAAc,eAAY;AAAA,UAC1E;AAAA,wDAAC;AAAA,cAAgB,gBAAe;AAAA,cAAS,YAAW;AAAA,cAAS,IAAG;AAAA,cAAK,IAAG;AAAA,cACtE,sDAAC;AAAA,gBAAY,YAAW;AAAA,gBAAS,QAAO;AAAA,gBAAM,MAAM,MAAM,MAAM,KAAK,IAAI,MAAM,SAAS,CAAC,EAAE,KAAK,MAAM;AAAA,gBACnG;AAAA,eACH;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cAAK,OAAO,EAAE,UAAU,SAAS;AAAA,cAChC,sDAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,gBAC9B,sDAAC;AAAA,kBAAM,aAAa;AAAA,kBAAc;AAAA,kBAAoB,UAAU;AAAA,kBAC7D,uBAAAC,QAAM,SAAS,IAAI,UAAU,CAAC,OAAO,OAAO;AAC3C,0BAAM,UACJ,MAAM,UAAU,4CAAC,8BAAAC,0BAAA,EAAiB,GAAI,QACtC,MAAM,MAAM,SAAS,8BAAAA,yBAAiB,iBACtC,MAAM,SAAS,8BAAAA,yBAAiB;AAClC,0BAAM,EAAE,UAAU,mBAAK,IAAI,MAAM;AACjC,0BAAM,QAAQ;AACd,wBAAI;AACJ,wBAAI;AAAc,mCAAa,iBAAiB;AAAA,6BACvC;AAAU,mCAAa,aAAa,SAAS,KAAK;AAC3D,2BAAO,aAAAD,QAAM,aAAa,OAAO;AAAA,sBAC/B;AAAA,sBACA,KAAK,MAAM;AAAA,sBACX,SAAS;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA,SAAS,CAAC,UAAU,CAAC,MAAM,QAAQ,GAAG,MAAM,KAAK,IAAI;AAAA,sBACrD,eAAe,UAAU,eAAe;AAAA,oBAC1C,CAAC;AAAA,kBACH,CAAC;AAAA,iBACH;AAAA,eACF;AAAA,aACF;AAAA,YACC,gBACC,4CAAC;AAAA,cAAK,IAAG;AAAA,cAAK,IAAG;AAAA,cAAK,YAAW;AAAA,cAC9B,uBAAAA,QAAM,aAAa,cAAc;AAAA,gBAChC,GAAG,aAAa;AAAA,gBAChB,gBAAgB;AAAA,kBACd,eAAe,GAAG;AAAA,gBACpB;AAAA,gBACA,YAAY;AAAA,gBACZ,MAAM;AAAA,gBACN,SAAS,YAAY,KAAK,aAAa,KAAK;AAAA,cAC9C,CAAC;AAAA,aACH;AAAA;AAAA,SAEJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAM,QAAQ;AAAA,EAEZ,MAAM,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAEvD,OAAO,8BAAU,UAAU;AAAA,IACzB,8BAAU;AAAA,IACV,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,IAAI,CAAC,CAAC;AAAA,EAC3E,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAEnC,UAAU,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAEjF,UAAU,8BAAU,KAAK,YAAY,cAAc;AAAA,EAEnD,gBAAgB,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAE3E,UAAU,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,oCAAoC;AAAA,EAE/F,gBAAgB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,QAAQ,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAEjE,YAAY,8BAAU,OAAO,YAAY,eAAe;AAAA,EAExD,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAE3D,SAAS,8BAAU,KAAK,YAAY,UAAU;AAAA,EAE9C,WAAW,8BAAU,UAAU;AAAA,IAC7B,8BAAU,QAAQ,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,+CAA+C;AAChE;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,8BAAS,mBAAmB;AAElE,8BAA8B,YAAY;",
   "names": ["import_ds_system", "props", "React", "ContextMenuGroup"]
 }

package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js

@@ -29,6 +29,7 @@ __export(MobileContextMenuGroup_exports, {
 });
 module.exports = __toCommonJS(MobileContextMenuGroup_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -44,24 +45,35 @@ const Title = import_ds_system.styled.div`
   color: ${(props2) => props2.theme.colors.neutral["700"]};
   font-weight: ${(props2) => props2.theme.fontWeights.semibold};
 `;
-const DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(Title, null, title)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, import_react.default.Children.map(children, (child, index) => {
-  const { onClick = import_lodash.noop } = child.props;
-  const value = `${groupValue}:${index}`;
-  let isSelected;
-  if (singleSelect)
-    isSelected = selectedItems === value;
-  else if (isMulti)
-    isSelected = selectedItems.includes(value);
-  return import_react.default.cloneElement(child, {
-    value,
-    key: "group.".concat(index),
-    isGroup: true,
-    isMulti,
-    singleSelect,
-    isSelected,
-    onClick: (e) => onClick(e, { value, ...child.props })
-  });
-})));
+const DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+        children: title
+      })
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      children: import_react.default.Children.map(children, (child, index) => {
+        const { onClick = import_lodash.noop } = child.props;
+        const value = `${groupValue}:${index}`;
+        let isSelected;
+        if (singleSelect)
+          isSelected = selectedItems === value;
+        else if (isMulti)
+          isSelected = selectedItems.includes(value);
+        return import_react.default.cloneElement(child, {
+          value,
+          key: "group.".concat(index),
+          isGroup: true,
+          isMulti,
+          singleSelect,
+          isSelected,
+          onClick: (e) => onClick(e, { value, ...child.props })
+        });
+      })
+    })
+  ]
+});
 const props = {
   title: import_ds_utilities.PropTypes.string.isRequired.description("group title"),
   children: import_ds_utilities.PropTypes.node.isRequired.description("Array of MobileContextMenuItem"),

package/dist/cjs/MobileContextMenu/MobileContextMenuGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\n\nconst Title = styled.div`\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  border-top: 1px solid ${(props) => props.theme.colors.brand['300']};\n  background: ${(props) => props.theme.colors.brand['200']};\n  padding: 0 ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst DSMobileContextMenuGroup = ({ title, isMulti, singleSelect, children, value: groupValue, selectedItems }) => (\n  <Grid>\n    <Grid>\n      <Title>{title}</Title>\n    </Grid>\n    <Grid>\n      {React.Children.map(children, (child, index) => {\n        const { onClick = noop } = child.props;\n        const value = `${groupValue}:${index}`;\n        let isSelected;\n        if (singleSelect) isSelected = selectedItems === value;\n        else if (isMulti) isSelected = selectedItems.includes(value);\n        return React.cloneElement(child, {\n          value,\n          key: 'group.'.concat(index),\n          isGroup: true,\n          isMulti,\n          singleSelect,\n          isSelected,\n          onClick: (e) => onClick(e, { value, ...child.props }),\n        });\n      })}\n    </Grid>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Group title\n   */\n  title: PropTypes.string.isRequired.description('group title'),\n  /**\n   *  Array of MobileContextMenuItem\n   */\n  children: PropTypes.node.isRequired.description('Array of MobileContextMenuItem'),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /** single select */\n  singleSelect: PropTypes.bool.description('single select'),\n  /** value for select */\n  value: PropTypes.string.description('value for select'),\n  /** selected items, array for multi, string for single */\n  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description(\n    'selected items, array for multi, string for single',\n  ),\n};\n\nDSMobileContextMenuGroup.propTypes = props;\nDSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';\nDSMobileContextMenuGroup.displayName = 'DSMobileContextMenuGroup';\nconst DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);\n\nDSMobileContextMenuGroupWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,WACjC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,6BAAAC,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,2BACC,6BAAAA,QAAA,cAAC,aAAO,KAAM,CAChB,GACA,6BAAAA,QAAA,cAAC,2BACE,aAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,mBAAK,IAAI,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS,KAAK;AAC3D,SAAO,aAAAA,QAAM,aAAa,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK,SAAS,OAAO,KAAK;AAAA,IAC1B,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,EACtD,CAAC;AACH,CAAC,CACH,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,OAAO,8BAAU,OAAO,WAAW,YAAY,aAAa;AAAA,EAI5D,UAAU,8BAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA,EAEhF,SAAS,8BAAU,KAAK,YAAY,cAAc;AAAA,EAElD,cAAc,8BAAU,KAAK,YAAY,eAAe;AAAA,EAExD,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEtD,eAAe,8BAAU,UAAU,CAAC,8BAAU,OAAO,8BAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,yCAAqC,8BAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,uBAAuB;AACvB,qBAAqB;AACrB,oBAAqB;AACrB,0BAAoC;AAEpC,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,WACjC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,cAAc,MAC3G,6CAAC;AAAA,EACC;AAAA,gDAAC;AAAA,MACC,sDAAC;AAAA,QAAO;AAAA,OAAM;AAAA,KAChB;AAAA,IACA,4CAAC;AAAA,MACE,uBAAAC,QAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,cAAM,EAAE,UAAU,mBAAK,IAAI,MAAM;AACjC,cAAM,QAAQ,GAAG,cAAc;AAC/B,YAAI;AACJ,YAAI;AAAc,uBAAa,kBAAkB;AAAA,iBACxC;AAAS,uBAAa,cAAc,SAAS,KAAK;AAC3D,eAAO,aAAAA,QAAM,aAAa,OAAO;AAAA,UAC/B;AAAA,UACA,KAAK,SAAS,OAAO,KAAK;AAAA,UAC1B,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,OAAO,GAAG,MAAM,MAAM,CAAC;AAAA,QACtD,CAAC;AAAA,MACH,CAAC;AAAA,KACH;AAAA;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,OAAO,8BAAU,OAAO,WAAW,YAAY,aAAa;AAAA,EAI5D,UAAU,8BAAU,KAAK,WAAW,YAAY,gCAAgC;AAAA,EAEhF,SAAS,8BAAU,KAAK,YAAY,cAAc;AAAA,EAElD,cAAc,8BAAU,KAAK,YAAY,eAAe;AAAA,EAExD,OAAO,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEtD,eAAe,8BAAU,UAAU,CAAC,8BAAU,OAAO,8BAAU,MAAM,CAAC,EAAE;AAAA,IACtE;AAAA,EACF;AACF;AAEA,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AACzC,yBAAyB,cAAc;AACvC,MAAM,yCAAqC,8BAAS,wBAAwB;AAE5E,mCAAmC,YAAY;",
   "names": ["props", "React"]
 }

package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js

@@ -29,7 +29,7 @@ __export(MobileContextMenuItem_exports, {
 });
 module.exports = __toCommonJS(MobileContextMenuItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
@@ -37,12 +37,12 @@ var import_ds_shared = require("@elliemae/ds-shared");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_MobileTouchable = require("../MobileTouchable");
-const Wrap = (0, import_ds_system.styled)((props2) => /* @__PURE__ */ import_react.default.createElement(import_MobileTouchable.DSMobileTouchable, {
+const Wrap = (0, import_ds_system.styled)((props2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MobileTouchable.DSMobileTouchable, {
   ...props2
 }))`
   border-bottom: none;
 `;
-const PropWrap = (0, import_ds_system.styled)((props2) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+const PropWrap = (0, import_ds_system.styled)((props2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
   ...props2
 }))`
   ${(props2) => {
@@ -86,7 +86,7 @@ const DSMobileContextMenuItem = ({
   onClick = () => {
   },
   value
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_shared.GroupItem, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.GroupItem, {
   render: (context) => {
     const { activeValue } = context;
     let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
@@ -97,48 +97,63 @@ const DSMobileContextMenuItem = ({
       showLeftAddon = true;
     let leftAddon = leftProp || null;
     if (isMulti)
-      leftAddon = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
+      leftAddon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSCheckbox, {
         checked: isSelected,
         "data-testid": "leftAddon-checkbox"
       });
     if (singleSelect)
-      leftAddon = /* @__PURE__ */ import_react.default.createElement(CheckMark, {
+      leftAddon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckMark, {
         "data-testid": "leftAddon-checkmark"
       });
     const cols = singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ["40px", "auto"] : ["auto"];
     if (rightAddon)
       cols.push("40px");
-    return /* @__PURE__ */ import_react.default.createElement(Wrap, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrap, {
       "data-testid": "ds-contextmenu-item",
       onClick: (e) => {
         if (singleSelect || isMulti)
           context.onChange(value, e, { value, label, title });
         onClick(e);
       },
-      cols
-    }, (singleSelect && someItemSelected || isMulti || leftAddon) && /* @__PURE__ */ import_react.default.createElement(PropWrap, {
-      "data-testid": "left-addon",
-      isMulti,
-      alignItems: "center",
-      justifyContent: "center",
-      pl: "16px"
-    }, showLeftAddon && leftAddon), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      height: "44px",
-      pr: "xs",
-      pl: !leftAddon && isGroup ? "24px" : "xs"
-    }, label && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      alignItems: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(Label, {
-      "data-testid": "contextMenuItem-label"
-    }, label)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-      alignItems: !label ? "center" : void 0
-    }, /* @__PURE__ */ import_react.default.createElement(Title, {
-      "data-testid": "contextMenuItem-title"
-    }, title))), rightAddon ? /* @__PURE__ */ import_react.default.createElement(PropWrap, {
-      "data-testid": "right-addon",
-      alignItems: "center",
-      justifyContent: "center"
-    }, rightAddon) : null);
+      cols,
+      children: [
+        (singleSelect && someItemSelected || isMulti || leftAddon) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PropWrap, {
+          "data-testid": "left-addon",
+          isMulti,
+          alignItems: "center",
+          justifyContent: "center",
+          pl: "16px",
+          children: showLeftAddon && leftAddon
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+          height: "44px",
+          pr: "xs",
+          pl: !leftAddon && isGroup ? "24px" : "xs",
+          children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              alignItems: "center",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+                "data-testid": "contextMenuItem-label",
+                children: label
+              })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              alignItems: !label ? "center" : void 0,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
+                "data-testid": "contextMenuItem-title",
+                children: title
+              })
+            })
+          ]
+        }),
+        rightAddon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PropWrap, {
+          "data-testid": "right-addon",
+          alignItems: "center",
+          justifyContent: "center",
+          children: rightAddon
+        }) : null
+      ]
+    });
   }
 });
 const props = {

package/dist/cjs/MobileContextMenu/MobileContextMenuItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileContextMenu/MobileContextMenuItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled, truncate } from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable';\n\nconst Wrap = styled((props) => <DSMobileTouchable {...props} />)`\n  border-bottom: none;\n`;\n\nconst PropWrap = styled((props) => <Grid {...props} />)`\n  ${(props) => {\n    if (!props.isMulti) {\n      return `\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      `;\n    }\n    return '';\n  }}\n`;\n\nconst Title = styled.span`\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.brand['600']};\n  ${truncate()}\n`;\n\nconst Label = styled.span`\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['600']};\n`;\n\nconst CheckMark = styled(Checkmark)`\n  fill: ${(props) => props.theme.colors.brand['600']};\n`;\ninterface DSMobileContextMenuItemPropsT {\n  label: string;\n  title: string;\n  leftProp: JSX.Element;\n  isGroup: boolean;\n  isMulti: boolean;\n  isSelected: boolean;\n  singleSelect: boolean;\n  onClick: (e: any) => void;\n  value: string;\n}\nconst DSMobileContextMenuItem = ({\n  label,\n  title,\n  leftProp,\n  rightAddon,\n  isGroup,\n  isMulti,\n  singleSelect,\n  isSelected,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick = () => {},\n  value,\n}: DSMobileContextMenuItemPropsT): JSX.Element => (\n  <GroupItem\n    render={(context) => {\n      const { activeValue } = context;\n      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);\n      if (isGroup) someItemSelected = typeof activeValue === 'string';\n\n      let showLeftAddon = isSelected;\n      if (isMulti || !singleSelect) showLeftAddon = true;\n\n      let leftAddon = leftProp || null;\n      if (isMulti) leftAddon = <DSCheckbox checked={isSelected} data-testid=\"leftAddon-checkbox\" />;\n      if (singleSelect) leftAddon = <CheckMark data-testid=\"leftAddon-checkmark\" />;\n\n      const cols =\n        (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto'];\n      if (rightAddon) cols.push('40px');\n      return (\n        <Wrap\n          data-testid=\"ds-contextmenu-item\"\n          onClick={(e) => {\n            if (singleSelect || isMulti) context.onChange(value, e, { value, label, title });\n            onClick(e);\n          }}\n          cols={cols}\n        >\n          {((singleSelect && someItemSelected) || isMulti || leftAddon) && (\n            <PropWrap data-testid=\"left-addon\" isMulti={isMulti} alignItems=\"center\" justifyContent=\"center\" pl=\"16px\">\n              {showLeftAddon && leftAddon}\n            </PropWrap>\n          )}\n          <Grid height=\"44px\" pr=\"xs\" pl={!leftAddon && isGroup ? '24px' : 'xs'}>\n            {label && (\n              <Grid alignItems=\"center\">\n                <Label data-testid=\"contextMenuItem-label\">{label}</Label>\n              </Grid>\n            )}\n            <Grid alignItems={!label ? 'center' : undefined}>\n              <Title data-testid=\"contextMenuItem-title\">{title}</Title>\n            </Grid>\n          </Grid>\n          {rightAddon ? (\n            <PropWrap data-testid=\"right-addon\" alignItems=\"center\" justifyContent=\"center\">\n              {rightAddon}\n            </PropWrap>\n          ) : null}\n        </Wrap>\n      );\n    }}\n  />\n);\n\nconst props = {\n  /** label */\n  label: PropTypes.string.description('label'),\n  /** menu item title */\n  title: PropTypes.string.isRequired.description('menu item title'),\n  /**  */\n  leftProp: PropTypes.element.description(''),\n  /** multi select */\n  isMulti: PropTypes.bool.description('multi select'),\n  /**  */\n  singleSelect: PropTypes.bool.description(''),\n  /**  */\n  isGroup: PropTypes.bool.description(''),\n  /** on click handler */\n  onClick: PropTypes.func.description('on click handler'),\n  /** value for select */\n  value: PropTypes.number.description('value for select'),\n  /** selected value */\n  isSelected: PropTypes.bool.description('selected value'),\n};\n\nDSMobileContextMenuItem.propTypes = props;\nDSMobileContextMenuItem.displayName = 'DSMobileContextMenuItem';\nconst DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);\n\nDSMobileContextMenuItemWithSchema.propTypes = props;\n\nexport { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["props", "React"]
+  "mappings": "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",
+  "names": ["props"]
 }

package/dist/cjs/MobileDatePicker/Input.js

@@ -28,7 +28,7 @@ __export(Input_exports, {
 });
 module.exports = __toCommonJS(Input_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
 const StyledInput = import_ds_system.styled.input`
@@ -68,7 +68,7 @@ const StyledInput = import_ds_system.styled.input`
     display: none;
   }
 `;
-const Input = ({ innerRef, ...props }) => /* @__PURE__ */ import_react.default.createElement(StyledInput, {
+const Input = ({ innerRef, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, {
   ref: innerRef,
   ...props
 });

package/dist/cjs/MobileDatePicker/Input.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileDatePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=date]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=date]&:active, input[type=date]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=date]&::-webkit-datetime-edit, input[type=date]&::-webkit-inner-spin-button, input[type=date]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,IAAAA,oBAAgD;AAEhD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,eAAS,4CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,eAAS,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,eAAS,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,6BAAAC,QAAA,cAAC;AAAA,EAAY,KAAK;AAAA,EAAW,GAAG;AAAA,CAAO;",
-  "names": ["import_ds_system", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,IAAAA,oBAAgD;AAEhD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,eAAS,4CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,eAAS,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,eAAS,yBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,4CAAC;AAAA,EAAY,KAAK;AAAA,EAAW,GAAG;AAAA,CAAO;",
+  "names": ["import_ds_system"]
 }