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

package/esm/MobileContextMenu/MobileContextMenu.js

@@ -1,185 +1,173 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { useState, useMemo, useRef } from 'react';
-import { noop } from 'lodash';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { DSBackdrop } from '@elliemae/ds-backdrop';
-import { truncate, withTheme } from '@elliemae/ds-system';
-import Group from '@elliemae/ds-shared/GroupContext/Group';
-import { DSMobileContextMenuGroup } from './MobileContextMenuGroup.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _ContextMenuGroup;
-
-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(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 StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15ys5tq-0"
-})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => "calc(100% - ".concat(props.theme.space.xs, ")"), props => props.theme.space.xxs);
-const StyledTitle = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15ys5tq-1"
-})(["font-size:16px;font-weight:", ";color:", ";", " & > span{height:20px;width:20px;}& > span > svg,svg:not([fill]){height:20px;width:20px;fill:", ";}"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['000'], truncate(), props => props.theme.colors.neutral['000']);
-const HeaderContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15ys5tq-2"
-})(["border-top-left-radius:5px;border-top-right-radius:5px;background:", ";"], props => props.theme.colors.brand['600']);
-
-const isArr = prop => Array.isArray(prop);
-
-const DSMobileContextMenu = withTheme(_ref => {
-  let {
-    open = false,
-    title = '',
-    multiple = false,
-    singleSelect = false,
-    onChange = noop,
-    onClickOutside = noop,
-    children,
-    theme,
-    backdropZIndex,
-    zIndex = 1,
-    dataTestid = 'mobile-context-menu',
-    buttonFooter = null,
-    onApply = noop,
-    selecteds: initSelecteds
-  } = _ref;
+import * as React from "react";
+import React2, { useState, useRef, useMemo } from "react";
+import { noop } from "lodash";
+import { describe, PropTypes } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { DSBackdrop } from "@elliemae/ds-backdrop";
+import { truncate, withTheme } from "@elliemae/ds-system";
+import Group from "@elliemae/ds-shared/GroupContext/Group";
+import { DSMobileContextMenuGroup as ContextMenuGroup } from "./MobileContextMenuGroup";
+const StyledContainer = styled(Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["000"]};
+  z-index: ${(props2) => props2.zIndex};
+  width: ${(props2) => `calc(100% - ${props2.theme.space.xs})`};
+  position: fixed;
+  bottom: 0;
+  left: ${(props2) => props2.theme.space.xxs};
+  max-height: 90vh;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.5), 0 0px 11px 0 rgba(0, 0, 0, 0.5);
+`;
+const StyledTitle = styled(Grid)`
+  font-size: 16px;
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+  color: ${(props2) => props2.theme.colors.neutral["000"]};
+  ${truncate()}
+
+  & > span {
+    height: 20px;
+    width: 20px;
+  }
+
+  & > span > svg,
+  svg:not([fill]) {
+    height: 20px;
+    width: 20px;
+    fill: ${(props2) => props2.theme.colors.neutral["000"]};
+  }
+`;
+const HeaderContainer = styled(Grid)`
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  background: ${(props2) => props2.theme.colors.brand["600"]};
+`;
+const isArr = (prop) => Array.isArray(prop);
+const DSMobileContextMenu = withTheme(({
+  open = false,
+  title = "",
+  multiple = false,
+  singleSelect = false,
+  onChange = noop,
+  onClickOutside = noop,
+  children,
+  theme,
+  backdropZIndex,
+  zIndex = 1,
+  dataTestid = "mobile-context-menu",
+  buttonFooter = null,
+  onApply = noop,
+  selecteds: initSelecteds
+}) => {
   const [selectedItems, setSelectedItems] = useState([]);
-  const trueSelected = useMemo(() => initSelecteds !== undefined ? initSelecteds : [...selectedItems], [initSelecteds, selectedItems]);
+  const trueSelected = useMemo(() => initSelecteds !== void 0 ? initSelecteds : [...selectedItems], [initSelecteds, selectedItems]);
   const containerRef = useRef(null);
-
   const handleChange = (value, childProps, event) => {
     onChange(value, childProps, event);
-
-    if (initSelecteds === undefined) {
-      if (multiple) setSelectedItems([...value]);else if (singleSelect) setSelectedItems(value);
+    if (initSelecteds === void 0) {
+      if (multiple)
+        setSelectedItems([...value]);
+      else if (singleSelect)
+        setSelectedItems(value);
     }
   };
-
-  const handleApply = function (e) {
-    if (this.onClick) this.onClick(e);
+  const handleApply = function(e) {
+    if (this.onClick)
+      this.onClick(e);
     onApply(e, selectedItems);
   };
-
   const rows = [theme.space.s, 1];
-  if (buttonFooter) rows.push('56px');
-  if (!open) return null;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(DSBackdrop, {
-      type: "cover",
-      zIndex: backdropZIndex,
-      onClick: e => {
-        // PUI-4481 prevent click on elements below backdrop
-        e.stopPropagation();
-        onClickOutside(e);
-      }
-    }), /*#__PURE__*/jsxs(StyledContainer, {
-      zIndex: zIndex,
-      rows: rows,
-      ref: containerRef,
-      "data-testid": "ds-mobile-context-menu",
-      children: [/*#__PURE__*/_jsx(HeaderContainer, {
-        justifyContent: "center",
-        alignItems: "center",
-        pl: "xs",
-        pr: "xs"
-      }, void 0, /*#__PURE__*/_jsx(StyledTitle, {
-        alignItems: "center",
-        gutter: "xxs",
-        cols: Array(isArr(title) ? title.length : 1).fill('auto')
-      }, void 0, title)), /*#__PURE__*/_jsx(Grid, {
-        style: {
-          overflow: 'hidden'
-        }
-      }, void 0, /*#__PURE__*/_jsx(Grid, {
-        style: {
-          overflow: 'auto'
-        }
-      }, void 0, /*#__PURE__*/_jsx(Group, {
-        activeValue: trueSelected,
-        multiple: multiple,
-        onChange: handleChange
-      }, void 0, React.Children.map(children, (child, ii) => {
-        var _child$type;
-
-        const isGroup = child.type === (_ContextMenuGroup || (_ContextMenuGroup = /*#__PURE__*/_jsx(DSMobileContextMenuGroup, {}))).type || ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) === DSMobileContextMenuGroup.componentType || child.type === DSMobileContextMenuGroup.type;
-        const {
-          onClick = noop
-        } = child.props;
-        const value = ii;
-        let isSelected;
-        if (singleSelect) isSelected = trueSelected === value;else if (multiple) isSelected = trueSelected.includes(value);
-        return /*#__PURE__*/React.cloneElement(child, {
-          value,
-          key: "cm.".concat(ii),
-          isMulti: multiple,
-          singleSelect,
-          isSelected,
-          onClick: !isGroup ? e => onClick(e, child.props) : null,
-          selectedItems: isGroup ? trueSelected : null
-        });
-      })))), buttonFooter && /*#__PURE__*/_jsx(Grid, {
-        pl: "xs",
-        pr: "xs",
-        alignItems: "center"
-      }, void 0, /*#__PURE__*/React.cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
-        containerProps: {
-          'data-testid': "".concat(dataTestid, "--btn")
-        },
-        buttonType: 'primary',
-        size: 'l',
-        onClick: handleApply.bind(buttonFooter.props)
-      })))]
-    })]
-  });
+  if (buttonFooter)
+    rows.push("56px");
+  if (!open)
+    return null;
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSBackdrop, {
+    type: "cover",
+    zIndex: backdropZIndex,
+    onClick: (e) => {
+      e.stopPropagation();
+      onClickOutside(e);
+    }
+  }), /* @__PURE__ */ React2.createElement(StyledContainer, {
+    zIndex,
+    rows,
+    ref: containerRef,
+    "data-testid": "ds-mobile-context-menu"
+  }, /* @__PURE__ */ React2.createElement(HeaderContainer, {
+    justifyContent: "center",
+    alignItems: "center",
+    pl: "xs",
+    pr: "xs"
+  }, /* @__PURE__ */ React2.createElement(StyledTitle, {
+    alignItems: "center",
+    gutter: "xxs",
+    cols: Array(isArr(title) ? title.length : 1).fill("auto")
+  }, title)), /* @__PURE__ */ React2.createElement(Grid, {
+    style: { overflow: "hidden" }
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    style: { overflow: "auto" }
+  }, /* @__PURE__ */ React2.createElement(Group, {
+    activeValue: trueSelected,
+    multiple,
+    onChange: handleChange
+  }, React2.Children.map(children, (child, ii) => {
+    const isGroup = child.type === (/* @__PURE__ */ React2.createElement(ContextMenuGroup, null)).type || child.type?.name === ContextMenuGroup.componentType || child.type === ContextMenuGroup.type;
+    const { onClick = noop } = child.props;
+    const value = ii;
+    let isSelected;
+    if (singleSelect)
+      isSelected = trueSelected === value;
+    else if (multiple)
+      isSelected = trueSelected.includes(value);
+    return React2.cloneElement(child, {
+      value,
+      key: `cm.${ii}`,
+      isMulti: multiple,
+      singleSelect,
+      isSelected,
+      onClick: !isGroup ? (e) => onClick(e, child.props) : null,
+      selectedItems: isGroup ? trueSelected : null
+    });
+  })))), buttonFooter && /* @__PURE__ */ React2.createElement(Grid, {
+    pl: "xs",
+    pr: "xs",
+    alignItems: "center"
+  }, React2.cloneElement(buttonFooter, {
+    ...buttonFooter.props,
+    containerProps: {
+      "data-testid": `${dataTestid}--btn`
+    },
+    buttonType: "primary",
+    size: "l",
+    onClick: handleApply.bind(buttonFooter.props)
+  }))));
 });
 const props = {
-  /** toggle open the menu */
-  open: PropTypes.bool.description('toggle open the menu'),
-
-  /** context menu title  */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node]))]).description('context menu title'),
-
-  /** change handler for selectable context menu  */
-  onChange: PropTypes.func.description('change handler for selectable context menu'),
-
-  /** multi select */
-  multiple: PropTypes.bool.description('multi select'),
-
-  /** click outside callback handler */
-  onClickOutside: PropTypes.func.description('click outside callback handler'),
-
-  /** array of mobile context menu items */
-  children: PropTypes.arrayOf(PropTypes.element).description('array of mobile context menu items'),
-
-  /** z index for overlay div */
-  backdropZIndex: PropTypes.number.description('z index for overlay div'),
-
-  /** z index for menu container */
-  zIndex: PropTypes.number.description('z index for menu container'),
-
-  /** for e2e tests */
-  dataTestid: PropTypes.string.description('for e2e tests'),
-
-  /** bottom button */
-  buttonFooter: PropTypes.element.description('bottom button'),
-
-  /** callback */
-  onApply: PropTypes.func.description('callback'),
-
-  /** selected elements for multi and single select */
-  selecteds: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.number]).description('selected elements for multi and single select')
+  open: PropTypes.bool.description("toggle open the menu"),
+  title: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node]))
+  ]).description("context menu title"),
+  onChange: PropTypes.func.description("change handler for selectable context menu"),
+  multiple: PropTypes.bool.description("multi select"),
+  onClickOutside: PropTypes.func.description("click outside callback handler"),
+  children: PropTypes.arrayOf(PropTypes.element).description("array of mobile context menu items"),
+  backdropZIndex: PropTypes.number.description("z index for overlay div"),
+  zIndex: PropTypes.number.description("z index for menu container"),
+  dataTestid: PropTypes.string.description("for e2e tests"),
+  buttonFooter: PropTypes.element.description("bottom button"),
+  onApply: PropTypes.func.description("callback"),
+  selecteds: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+    PropTypes.number
+  ]).description("selected elements for multi and single select")
 };
+DSMobileContextMenu.propTypes = props;
 const DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);
 DSMobileContextMenuWithSchema.propTypes = props;
-
-export { DSMobileContextMenu, DSMobileContextMenuWithSchema };
+export {
+  DSMobileContextMenu,
+  DSMobileContextMenuWithSchema
+};
+//# sourceMappingURL=MobileContextMenu.js.map

package/esm/MobileContextMenu/MobileContextMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 'react-desc';\nimport styled from 'styled-components';\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/GroupContext/Group';\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;\n\nconst DSMobileContextMenuWithSchema = describe(DSMobileContextMenu);\n\nDSMobileContextMenuWithSchema.propTypes = props;\n\nexport { DSMobileContextMenu, DSMobileContextMenuWithSchema };\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,80 +1,51 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { noop } from 'lodash';
-import { PropTypes, describe } from 'react-desc';
-
-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(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.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,
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { noop } from "lodash";
+import { PropTypes, describe } from "react-desc";
+const Title = styled.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__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Title, null, title)), /* @__PURE__ */ React2.createElement(Grid, null, React2.Children.map(children, (child, index) => {
+  const { onClick = noop } = child.props;
+  const value = `${groupValue}:${index}`;
+  let isSelected;
+  if (singleSelect)
+    isSelected = selectedItems === value;
+  else if (isMulti)
+    isSelected = selectedItems.includes(value);
+  return React2.cloneElement(child, {
+    value,
+    key: "group.".concat(index),
+    isGroup: true,
     isMulti,
     singleSelect,
-    children,
-    value: groupValue,
-    selectedItems
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Title, {}, void 0, title)), /*#__PURE__*/_jsx(Grid, {}, void 0, React.Children.map(children, (child, index) => {
-    const {
-      onClick = 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.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: PropTypes.string.isRequired.description('group title'),
-
-  /**
-   *  Array of MobileContextMenuItem
-   */
-  children: PropTypes.arrayOf(PropTypes.element).isRequired.description('Array of MobileContextMenuItem'),
-
-  /** multi select */
-  isMulti: PropTypes.bool.description('multi select'),
-
-  /** single select */
-  singleSelect: PropTypes.bool.description('single select'),
-
-  /** value for select */
-  value: PropTypes.string.description('value for select'),
-
-  /** selected items, array for multi, string for single */
-  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description('selected items, array for multi, string for single')
+  title: PropTypes.string.isRequired.description("group title"),
+  children: PropTypes.arrayOf(PropTypes.element).isRequired.description("Array of MobileContextMenuItem"),
+  isMulti: PropTypes.bool.description("multi select"),
+  singleSelect: PropTypes.bool.description("single select"),
+  value: PropTypes.string.description("value for select"),
+  selectedItems: PropTypes.oneOfType([PropTypes.array, PropTypes.string]).description("selected items, array for multi, string for single")
 };
-DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
+DSMobileContextMenuGroup.propTypes = props;
+DSMobileContextMenuGroup.componentType = "DSMobileContextMenuGroup";
 const DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);
 DSMobileContextMenuGroupWithSchema.propTypes = props;
-
-export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };
+export {
+  DSMobileContextMenuGroup,
+  DSMobileContextMenuGroupWithSchema
+};
+//# sourceMappingURL=MobileContextMenuGroup.js.map

package/esm/MobileContextMenu/MobileContextMenuGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileContextMenu/MobileContextMenuGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;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,qCAAC,MAAD,MACE,qCAAC,MAAD,MACE,qCAAC,OAAD,MAAQ,SAEV,qCAAC,MAAD,MACG,OAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC9C,QAAM,EAAE,UAAU,SAAS,MAAM;AACjC,QAAM,QAAQ,GAAG,cAAc;AAC/B,MAAI;AACJ,MAAI;AAAc,iBAAa,kBAAkB;AAAA,WACxC;AAAS,iBAAa,cAAc,SAAS;AACtD,SAAO,OAAM,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,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,UAAU,QAAQ,UAAU,SAAS,WAAW,YAAY;AAAA,EAEtE,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,eAAe,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,SAAS,YACtE;AAAA;AAIJ,yBAAyB,YAAY;AACrC,yBAAyB,gBAAgB;AAEzC,MAAM,qCAAqC,SAAS;AAEpD,mCAAmC,YAAY;",
+  "names": []
+}