@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,92 +1,80 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var lodash = require('lodash');
-var reactDesc = require('react-desc');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-atfpfh-0"
-})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], props => props.theme.colors.brand['300'], props => props.theme.colors.brand['200'], props => props.theme.space.xs, props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
-
-const DSMobileContextMenuGroup = _ref => {
-  let {
-    title,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileContextMenuGroup_exports = {};
+__export(MobileContextMenuGroup_exports, {
+  DSMobileContextMenuGroup: () => DSMobileContextMenuGroup,
+  DSMobileContextMenuGroupWithSchema: () => DSMobileContextMenuGroupWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_lodash = require("lodash");
+var import_react_desc = require("react-desc");
+const Title = import_styled_components.default.div`
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-top: 1px solid ${(props2) => props2.theme.colors.brand["300"]};
+  background: ${(props2) => props2.theme.colors.brand["200"]};
+  padding: 0 ${(props2) => props2.theme.space.xs};
+  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,
-    children,
-    value: groupValue,
-    selectedItems
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Title, {}, void 0, title)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, React__default["default"].Children.map(children, (child, index) => {
-    const {
-      onClick = lodash.noop
-    } = child.props;
-    const value = "".concat(groupValue, ":").concat(index);
-    let isSelected;
-    if (singleSelect) isSelected = selectedItems === value;else if (isMulti) isSelected = selectedItems.includes(value);
-    return /*#__PURE__*/React__default["default"].cloneElement(child, {
-      value,
-      key: 'group.'.concat(index),
-      isGroup: true,
-      isMulti,
-      singleSelect,
-      isSelected,
-      onClick: e => onClick(e, _objectSpread({
-        value
-      }, child.props))
-    });
-  })));
-};
-
+    isSelected,
+    onClick: (e) => onClick(e, { value, ...child.props })
+  });
+})));
 const props = {
-  /**
-   * Group title
-   */
-  title: reactDesc.PropTypes.string.isRequired.description('group title'),
-
-  /**
-   *  Array of MobileContextMenuItem
-   */
-  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),
-
-  /** multi select */
-  isMulti: reactDesc.PropTypes.bool.description('multi select'),
-
-  /** single select */
-  singleSelect: reactDesc.PropTypes.bool.description('single select'),
-
-  /** value for select */
-  value: reactDesc.PropTypes.string.description('value for select'),
-
-  /** selected items, array for multi, string for single */
-  selectedItems: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.string]).description('selected items, array for multi, string for single')
+  title: import_react_desc.PropTypes.string.isRequired.description("group title"),
+  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).isRequired.description("Array of MobileContextMenuItem"),
+  isMulti: import_react_desc.PropTypes.bool.description("multi select"),
+  singleSelect: import_react_desc.PropTypes.bool.description("single select"),
+  value: import_react_desc.PropTypes.string.description("value for select"),
+  selectedItems: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.array, import_react_desc.PropTypes.string]).description("selected items, array for multi, string for single")
 };
-DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
-const DSMobileContextMenuGroupWithSchema = reactDesc.describe(DSMobileContextMenuGroup);
+DSMobileContextMenuGroup.propTypes = props;
+DSMobileContextMenuGroup.componentType = "DSMobileContextMenuGroup";
+const DSMobileContextMenuGroupWithSchema = (0, import_react_desc.describe)(DSMobileContextMenuGroup);
 DSMobileContextMenuGroupWithSchema.propTypes = props;
-
-exports.DSMobileContextMenuGroup = DSMobileContextMenuGroup;
-exports.DSMobileContextMenuGroupWithSchema = DSMobileContextMenuGroupWithSchema;
+module.exports = __toCommonJS(MobileContextMenuGroup_exports);
+//# sourceMappingURL=MobileContextMenuGroup.js.map

package/cjs/MobileContextMenu/MobileContextMenuGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileContextMenu/MobileContextMenuGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\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.arrayOf(PropTypes.element).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';\n\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,qBAAqB;AACrB,oBAAqB;AACrB,wBAAoC;AAEpC,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA,0BAIK,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC9C,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,eACrC,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,WACjC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,2BAA2B,CAAC,EAAE,OAAO,SAAS,cAAc,UAAU,OAAO,YAAY,oBAC7F,mDAAC,qBAAD,MACE,mDAAC,qBAAD,MACE,mDAAC,OAAD,MAAQ,SAEV,mDAAC,qBAAD,MACG,qBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,uBAAS,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS;AACtD,SAAO,qBAAM,aAAa,OAAO;AAAA,IAC/B;AAAA,IACA,KAAK,SAAS,OAAO;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,MAAM,QAAQ,GAAG,EAAE,UAAU,MAAM;AAAA;AAAA;AAOvD,MAAM,QAAQ;AAAA,EAIZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,4BAAU,QAAQ,4BAAU,SAAS,WAAW,YAAY;AAAA,EAEtE,SAAS,4BAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,4BAAU,KAAK,YAAY;AAAA,EAEzC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,eAAe,4BAAU,UAAU,CAAC,4BAAU,OAAO,4BAAU,SAAS,YACtE;AAAA;AAIJ,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AAEzC,MAAM,qCAAqC,gCAAS;AAEpD,mCAAmC,YAAY;",
+  "names": []
+}

package/cjs/MobileContextMenu/MobileContextMenuItem.js

@@ -1,155 +1,154 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
-var dsForm = require('@elliemae/ds-form');
-var dsIcons = require('@elliemae/ds-icons');
-var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
-
-var _CheckMark;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Wrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).withConfig({
-  componentId: "sc-20od94-0"
-})(["border-bottom:none;"]);
-const PropWrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(dsGrid.Grid, _objectSpread({}, props))).withConfig({
-  componentId: "sc-20od94-1"
-})(["", ""], props => {
-  if (!props.isMulti) {
-    return "\n      & > span {\n        height: 18px;\n        width: 18px;\n      }\n\n      & > span > svg {\n        height: 18px;\n        width: 18px;\n      }\n      ";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
-
-  return '';
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileContextMenuItem_exports = {};
+__export(MobileContextMenuItem_exports, {
+  DSMobileContextMenuItem: () => DSMobileContextMenuItem,
+  DSMobileContextMenuItemWithSchema: () => DSMobileContextMenuItemWithSchema
 });
-const Title = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-20od94-2"
-})(["font-size:16px;color:", ";", ""], props => props.theme.colors.brand['600'], dsSystem.truncate());
-const Label = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-20od94-3"
-})(["font-size:13px;color:", ";"], props => props.theme.colors.neutral['600']);
-const CheckMark = /*#__PURE__*/styled__default["default"](dsIcons.Checkmark).withConfig({
-  componentId: "sc-20od94-4"
-})(["fill:", ";"], props => props.theme.colors.brand['600']);
-
-const DSMobileContextMenuItem = _ref => {
-  var _DSCheckbox, _Grid, _Title;
-
-  let {
-    label,
-    title,
-    leftProp,
-    isGroup,
-    isMulti,
-    singleSelect,
-    isSelected,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onClick = () => {},
-    value
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
-    render: context => {
-      const {
-        activeValue
-      } = context;
-      let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
-      if (isGroup) someItemSelected = typeof activeValue === 'string';
-      let showLeftAddon = isSelected;
-      if (isMulti || !singleSelect) showLeftAddon = true;
-      let leftAddon = leftProp || null;
-      if (isMulti) leftAddon = _DSCheckbox || (_DSCheckbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_GroupItem = __toESM(require("@elliemae/ds-shared/GroupContext/GroupItem"));
+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_styled_components.default)((props2) => /* @__PURE__ */ import_react.default.createElement(import_MobileTouchable.DSMobileTouchable, {
+  ...props2
+}))`
+  border-bottom: none;
+`;
+const PropWrap = (0, import_styled_components.default)((props2) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  ...props2
+}))`
+  ${(props2) => {
+  if (!props2.isMulti) {
+    return `
+      & > span {
+        height: 18px;
+        width: 18px;
+      }
+
+      & > span > svg {
+        height: 18px;
+        width: 18px;
+      }
+      `;
+  }
+  return "";
+}}
+`;
+const Title = import_styled_components.default.span`
+  font-size: 16px;
+  color: ${(props2) => props2.theme.colors.brand["600"]};
+  ${(0, import_ds_system.truncate)()}
+`;
+const Label = import_styled_components.default.span`
+  font-size: 13px;
+  color: ${(props2) => props2.theme.colors.neutral["600"]};
+`;
+const CheckMark = (0, import_styled_components.default)(import_ds_icons.Checkmark)`
+  fill: ${(props2) => props2.theme.colors.brand["600"]};
+`;
+const DSMobileContextMenuItem = ({
+  label,
+  title,
+  leftProp,
+  isGroup,
+  isMulti,
+  singleSelect,
+  isSelected,
+  onClick = () => {
+  },
+  value
+}) => /* @__PURE__ */ import_react.default.createElement(import_GroupItem.default, {
+  render: (context) => {
+    const { activeValue } = context;
+    let someItemSelected = activeValue >= 0 && !Array.isArray(activeValue);
+    if (isGroup)
+      someItemSelected = typeof activeValue === "string";
+    let showLeftAddon = isSelected;
+    if (isMulti || !singleSelect)
+      showLeftAddon = true;
+    let leftAddon = leftProp || null;
+    if (isMulti)
+      leftAddon = /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSCheckbox, {
         checked: isSelected,
         "data-testid": "leftAddon-checkbox"
-      }));
-      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx__default["default"](CheckMark, {
+      });
+    if (singleSelect)
+      leftAddon = /* @__PURE__ */ import_react.default.createElement(CheckMark, {
         "data-testid": "leftAddon-checkmark"
-      }));
-      return /*#__PURE__*/_jsx__default["default"](Wrap, {
-        "data-testid": "ds-contextmenu-item",
-        onClick: e => {
-          if (singleSelect || isMulti) context.onChange(value, e, {
-            value,
-            label,
-            title
-          });
-          onClick(e);
-        },
-        cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ['40px', 'auto'] : ['auto']
-      }, void 0, (singleSelect && someItemSelected || isMulti || leftAddon) && /*#__PURE__*/_jsx__default["default"](PropWrap, {
-        "data-testid": "left-addon",
-        isMulti: isMulti,
-        alignItems: "center",
-        justifyContent: "center",
-        pl: "16px"
-      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        height: "44px",
-        pr: "xs",
-        pl: !leftAddon && isGroup ? '24px' : 'xs'
-      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        alignItems: "center"
-      }, void 0, /*#__PURE__*/_jsx__default["default"](Label, {
-        "data-testid": "contextMenuItem-label"
-      }, void 0, label)))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        alignItems: !label ? 'center' : undefined
-      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx__default["default"](Title, {
-        "data-testid": "contextMenuItem-title"
-      }, void 0, title)))));
-    }
-  });
-};
-
+      });
+    return /* @__PURE__ */ import_react.default.createElement(Wrap, {
+      "data-testid": "ds-contextmenu-item",
+      onClick: (e) => {
+        if (singleSelect || isMulti)
+          context.onChange(value, e, { value, label, title });
+        onClick(e);
+      },
+      cols: singleSelect && someItemSelected || leftAddon && !singleSelect || isMulti ? ["40px", "auto"] : ["auto"]
+    }, (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))));
+  }
+});
 const props = {
-  /** label */
-  label: reactDesc.PropTypes.string.description('label'),
-
-  /** menu item title */
-  title: reactDesc.PropTypes.string.isRequired.description('menu item title'),
-
-  /**  */
-  leftProp: reactDesc.PropTypes.element.description(''),
-
-  /** multi select */
-  isMulti: reactDesc.PropTypes.bool.description('multi select'),
-
-  /**  */
-  singleSelect: reactDesc.PropTypes.bool.description(''),
-
-  /**  */
-  isGroup: reactDesc.PropTypes.bool.description(''),
-
-  /** on click handler */
-  onClick: reactDesc.PropTypes.func.description('on click handler'),
-
-  /** value for select */
-  value: reactDesc.PropTypes.number.description('value for select'),
-
-  /** selected value */
-  isSelected: reactDesc.PropTypes.bool.description('selected value')
+  label: import_react_desc.PropTypes.string.description("label"),
+  title: import_react_desc.PropTypes.string.isRequired.description("menu item title"),
+  leftProp: import_react_desc.PropTypes.element.description(""),
+  isMulti: import_react_desc.PropTypes.bool.description("multi select"),
+  singleSelect: import_react_desc.PropTypes.bool.description(""),
+  isGroup: import_react_desc.PropTypes.bool.description(""),
+  onClick: import_react_desc.PropTypes.func.description("on click handler"),
+  value: import_react_desc.PropTypes.number.description("value for select"),
+  isSelected: import_react_desc.PropTypes.bool.description("selected value")
 };
-const DSMobileContextMenuItemWithSchema = reactDesc.describe(DSMobileContextMenuItem);
+DSMobileContextMenuItem.propTypes = props;
+const DSMobileContextMenuItemWithSchema = (0, import_react_desc.describe)(DSMobileContextMenuItem);
 DSMobileContextMenuItemWithSchema.propTypes = props;
-
-exports.DSMobileContextMenuItem = DSMobileContextMenuItem;
-exports.DSMobileContextMenuItemWithSchema = DSMobileContextMenuItemWithSchema;
+module.exports = __toCommonJS(MobileContextMenuItem_exports);
+//# sourceMappingURL=MobileContextMenuItem.js.map

package/cjs/MobileContextMenu/MobileContextMenuItem.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { truncate } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\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  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      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={\n            (singleSelect && someItemSelected) || (leftAddon && !singleSelect) || isMulti ? ['40px', 'auto'] : ['auto']\n          }\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        </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;\n\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": []
+}

package/cjs/MobileContextMenu/index.js

@@ -1,16 +1,30 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileContextMenu = require('./MobileContextMenu.js');
-var MobileContextMenuItem = require('./MobileContextMenuItem.js');
-var MobileContextMenuGroup = require('./MobileContextMenuGroup.js');
-
-
-
-exports.DSMobileContextMenu = MobileContextMenu.DSMobileContextMenu;
-exports.DSMobileContextMenuWithSchema = MobileContextMenu.DSMobileContextMenuWithSchema;
-exports.DSMobileContextMenuItem = MobileContextMenuItem.DSMobileContextMenuItem;
-exports.DSMobileContextMenuItemWithSchema = MobileContextMenuItem.DSMobileContextMenuItemWithSchema;
-exports.DSMobileContextMenuGroup = MobileContextMenuGroup.DSMobileContextMenuGroup;
-exports.DSMobileContextMenuGroupWithSchema = MobileContextMenuGroup.DSMobileContextMenuGroupWithSchema;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileContextMenu_exports = {};
+var React = __toESM(require("react"));
+__reExport(MobileContextMenu_exports, require("./MobileContextMenu"));
+__reExport(MobileContextMenu_exports, require("./MobileContextMenuItem"));
+__reExport(MobileContextMenu_exports, require("./MobileContextMenuGroup"));
+module.exports = __toCommonJS(MobileContextMenu_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MobileContextMenu/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileContextMenu/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './MobileContextMenu';\nexport * from './MobileContextMenuItem';\nexport * from './MobileContextMenuGroup';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,sCAAc;AACd,sCAAc;AACd,sCAAc;",
+  "names": []
+}