@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/esm/MobileContextMenu/MobileContextMenuGroup.js

@@ -1,80 +0,0 @@
-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,
-    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))
-    });
-  })));
-};
-
-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')
-};
-DSMobileContextMenuGroup.componentType = 'DSMobileContextMenuGroup';
-const DSMobileContextMenuGroupWithSchema = describe(DSMobileContextMenuGroup);
-DSMobileContextMenuGroupWithSchema.propTypes = props;
-
-export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema };

package/esm/MobileContextMenu/MobileContextMenuItem.js

@@ -1,143 +0,0 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { truncate } from '@elliemae/ds-system';
-import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
-import { DSCheckbox } from '@elliemae/ds-form';
-import { Checkmark } from '@elliemae/ds-icons';
-import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(props => /*#__PURE__*/jsx(DSMobileTouchable, _objectSpread({}, props))).withConfig({
-  componentId: "sc-20od94-0"
-})(["border-bottom:none;"]);
-const PropWrap = /*#__PURE__*/styled(props => /*#__PURE__*/jsx(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      ";
-  }
-
-  return '';
-});
-const Title = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-20od94-2"
-})(["font-size:16px;color:", ";", ""], props => props.theme.colors.brand['600'], truncate());
-const Label = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-20od94-3"
-})(["font-size:13px;color:", ";"], props => props.theme.colors.neutral['600']);
-const CheckMark = /*#__PURE__*/styled(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(GroupItem, {
-    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(DSCheckbox, {
-        checked: isSelected,
-        "data-testid": "leftAddon-checkbox"
-      }));
-      if (singleSelect) leftAddon = _CheckMark || (_CheckMark = /*#__PURE__*/_jsx(CheckMark, {
-        "data-testid": "leftAddon-checkmark"
-      }));
-      return /*#__PURE__*/_jsx(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(PropWrap, {
-        "data-testid": "left-addon",
-        isMulti: isMulti,
-        alignItems: "center",
-        justifyContent: "center",
-        pl: "16px"
-      }, void 0, showLeftAddon && leftAddon), /*#__PURE__*/_jsx(Grid, {
-        height: "44px",
-        pr: "xs",
-        pl: !leftAddon && isGroup ? '24px' : 'xs'
-      }, void 0, label && (_Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
-        alignItems: "center"
-      }, void 0, /*#__PURE__*/_jsx(Label, {
-        "data-testid": "contextMenuItem-label"
-      }, void 0, label)))), /*#__PURE__*/_jsx(Grid, {
-        alignItems: !label ? 'center' : undefined
-      }, void 0, _Title || (_Title = /*#__PURE__*/_jsx(Title, {
-        "data-testid": "contextMenuItem-title"
-      }, void 0, title)))));
-    }
-  });
-};
-
-const props = {
-  /** label */
-  label: PropTypes.string.description('label'),
-
-  /** menu item title */
-  title: PropTypes.string.isRequired.description('menu item title'),
-
-  /**  */
-  leftProp: PropTypes.element.description(''),
-
-  /** multi select */
-  isMulti: PropTypes.bool.description('multi select'),
-
-  /**  */
-  singleSelect: PropTypes.bool.description(''),
-
-  /**  */
-  isGroup: PropTypes.bool.description(''),
-
-  /** on click handler */
-  onClick: PropTypes.func.description('on click handler'),
-
-  /** value for select */
-  value: PropTypes.number.description('value for select'),
-
-  /** selected value */
-  isSelected: PropTypes.bool.description('selected value')
-};
-const DSMobileContextMenuItemWithSchema = describe(DSMobileContextMenuItem);
-DSMobileContextMenuItemWithSchema.propTypes = props;
-
-export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema };

package/esm/MobileContextMenu/index.js

@@ -1,3 +0,0 @@
-export { DSMobileContextMenu, DSMobileContextMenuWithSchema } from './MobileContextMenu.js';
-export { DSMobileContextMenuItem, DSMobileContextMenuItemWithSchema } from './MobileContextMenuItem.js';
-export { DSMobileContextMenuGroup, DSMobileContextMenuGroupWithSchema } from './MobileContextMenuGroup.js';

package/esm/MobileDatePicker/Input.js

@@ -1,32 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM, focus } from '@elliemae/ds-system';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["innerRef"];
-
-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 StyledInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-1djip5a-0"
-})(["input[type=date]&{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;color:transparent;white-space:nowrap;position:relative;height:", ";width:100%;max-width:calc(100% - 32px);outline:none;box-sizing:border-box;display:flex;background:", ";padding:0 ", ";z-index:1;border-radius:2px;border:solid 1px ", ";}input[type=date]&:active,input[type=date]&:focus{", "}&:before{color:", ";content:'", "';}input[type=date]&::-webkit-datetime-edit,input[type=date]&::-webkit-inner-spin-button,input[type=date]&::-webkit-clear-button{-webkit-appearance:none;display:none;}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => focus(props.theme.colors.brand[700]), props => props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'], props => props.value === '' ? props.placeholder : props['data-displayvalue']);
-const Input = _ref => {
-  let {
-    innerRef
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(StyledInput, _objectSpread({
-    ref: innerRef
-  }, props));
-};
-
-export { Input };

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -1,107 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useRef, useEffect } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { DSIconColors } from '@elliemae/ds-icon';
-import { DatePicker } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { DSInputGroup } from '@elliemae/ds-form';
-import { Input } from './Input.js';
-
-var _DatePicker;
-
-const DSMobileDatePicker = _ref => {
-  let {
-    disabled,
-    value,
-    tabIndex,
-    placeholder,
-    onChange
-  } = _ref;
-  const inputRef = useRef(null);
-  useEffect(() => {
-    /*
-      necessary if value is being set in mount, 
-      otherwise the clear won't work on the first click
-      [SEE input onChange comment]
-    */
-    if (inputRef.current) {
-      inputRef.current.defaultValue = '';
-    }
-  }, [inputRef.current]);
-  const valueArr = value.split('-');
-  const displayValue = value && "".concat(valueArr[1], " / ").concat(valueArr[2], " / ").concat(valueArr[0]);
-  return /*#__PURE__*/_jsx(DSInputGroup, {
-    rightAddon: /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": "Date Picker Button",
-      color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
-      disabled: disabled,
-      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {})),
-      type: "button",
-      buttonType: "secondary",
-      onClick: () => {
-        inputRef.current.focus();
-        inputRef.current.click();
-      }
-    })
-  }, void 0, /*#__PURE__*/_jsx(Input, {
-    "data-testid": "ds-mobile-date-picker",
-    innerRef: inputRef,
-    "aria-label": "Date Picker Input Mask",
-    disabled: disabled,
-    onKeyDown: e => e.preventDefault(),
-    type: "date",
-    placeholder: placeholder,
-    onChange: e => {
-      // https://github.com/facebook/react/issues/8938#issuecomment-360573204
-      const {
-        target
-      } = e.nativeEvent;
-
-      function iosClearDefault() {
-        target.defaultValue = '';
-      }
-
-      window.setTimeout(iosClearDefault, 0);
-      onChange(e);
-    },
-    tabIndex: tabIndex,
-    value: value,
-    "data-displayvalue": displayValue
-  }));
-};
-
-DSMobileDatePicker.defaultProps = {
-  disabled: false,
-  tabIndex: 0,
-  placeholder: 'MM / DD / YYYY'
-};
-const props = {
-  /**
-   * defaults to false
-   */
-  disabled: PropTypes.bool.description('defaults to false'),
-
-  /**
-   * 0 as default
-   */
-  tabIndex: PropTypes.number.description('0 as default'),
-
-  /**
-   * MM / DD / YYYY as default
-   */
-  placeholder: PropTypes.string.description('MM / DD / YYYY as default'),
-
-  /**
-   * onChange handler, receives change event as first argument
-   */
-  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),
-
-  /**
-   * ISO8601 string representing the date in format YYYY-MM-DD or empty string
-   */
-  value: PropTypes.string.description('ISO8601 string representing the date in format YYYY-MM-DD or empty string')
-};
-const DSMobileDatePickerWithSchema = describe(DSMobileDatePicker);
-DSMobileDatePickerWithSchema.propTypes = props;
-
-export { DSMobileDatePicker, DSMobileDatePickerWithSchema };

package/esm/MobileDatePicker/index.js

@@ -1 +0,0 @@
-export { DSMobileDatePicker, DSMobileDatePickerWithSchema } from './MobileDatePicker.js';

package/esm/MobileDropdownMenu/MobileDropdownInput.js

@@ -1,48 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { focus } from '@elliemae/ds-system';
-import { ChevronDown } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-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 MobileDropdownInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-1rsc1yn-0"
-})(["-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:transparent;padding-right:32px;padding-left:10px;border-radius:2px;width:100%;background:", ";height:32px;line-height:32px;border:solid 1px ", ";&:active,&:focus{", "}"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral[200], props => focus(props.theme.colors.brand[700]));
-const MobileDropdownInputWrap = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1rsc1yn-1"
-})(["position:relative;width:100%;display:inline-block;height:32px;"]);
-const CaretWrap = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1rsc1yn-2"
-})(["width:32px;height:32px;position:absolute;right:0;top:0;display:flex;justify-content:center;align-items:center;"]);
-const Caret = _ref => {
-  let {
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(CaretWrap, {
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx(ChevronDown, {
-    color: ['brand-primary', '600']
-  }));
-};
-const DSMobileDropdownTriggerInput = _ref2 => {
-  let {
-    inputProps,
-    caretProps
-  } = _ref2;
-  return /*#__PURE__*/_jsx(MobileDropdownInputWrap, {
-    "data-testid": "ds-mobile-ddwn-menu"
-  }, void 0, /*#__PURE__*/jsx(MobileDropdownInput, _objectSpread(_objectSpread({}, inputProps), {}, {
-    readOnly: true
-  })), /*#__PURE__*/jsx(Caret, _objectSpread({}, caretProps)));
-};
-
-export { Caret, DSMobileDropdownTriggerInput, MobileDropdownInput, MobileDropdownInputWrap };

package/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -1,89 +0,0 @@
-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 React, { useState, useRef } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { DSMobileContextMenu } from '../MobileContextMenu/MobileContextMenu.js';
-import { DSMobileContextMenuItem } from '../MobileContextMenu/MobileContextMenuItem.js';
-import '../MobileContextMenu/MobileContextMenuGroup.js';
-import { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const DSMobileDropdownMenu = _ref => {
-  let {
-    placeholder,
-    options = [],
-    title,
-    value,
-    itemsProps = {
-      label: undefined,
-      leftProp: undefined,
-      isGroup: false,
-      isMulti: false,
-      singleSelect: false,
-      isItemSelected: () => false,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      onClick: () => {}
-    }
-  } = _ref;
-  const [menuOpen, setMenuOpen] = useState(false);
-  const inputRef = useRef(null);
-  const inputProps = React.useMemo(() => ({
-    readOnly: true,
-    value,
-    onClick: () => setMenuOpen(true),
-    ref: inputRef,
-    placeholder
-  }), [value, placeholder]);
-  const caretProps = React.useMemo(() => ({
-    onClick: () => {
-      inputRef.current.focus();
-      setMenuOpen(true);
-    }
-  }), []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(DSMobileDropdownTriggerInput, {
-      inputProps: inputProps,
-      caretProps: caretProps
-    }), menuOpen ? /*#__PURE__*/_jsx(DSMobileContextMenu, {
-      title: title,
-      open: true,
-      onChange: (_, e) => {
-        setMenuOpen(false);
-      },
-      onClickOutside: () => setMenuOpen(false)
-    }, void 0, options.map((opt, i) => /*#__PURE__*/_jsx(DSMobileContextMenuItem, {
-      title: opt.label,
-      value: opt.value,
-      isSelected: itemsProps.isItemSelected(opt),
-      onClick: e => {
-        setMenuOpen(false);
-        itemsProps.onClick(opt, e);
-      },
-      label: itemsProps.label,
-      leftProp: itemsProps.leftProp,
-      isGroup: itemsProps.isGroup,
-      isMulti: itemsProps.isMulti,
-      singleSelect: itemsProps.singleSelect
-    }, 'ddwn'.concat("".concat(i))))) : null]
-  });
-};
-
-const props = {
-  /** dropdown menu placeholder */
-  placeholder: PropTypes.string.description('dropdown menu placeholder'),
-
-  /** context menu menu title */
-  title: PropTypes.string.description('context menu menu title'),
-
-  /** context menu options / items */
-  options: PropTypes.arrayOf(PropTypes.shape({
-    value: PropTypes.string,
-    label: PropTypes.string
-  })).description('context menu options / items')
-};
-const DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);
-DSMobileDropdownMenuWithSchema.propTypes = props;
-
-export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };

package/esm/MobileDropdownMenu/index.js

@@ -1,2 +0,0 @@
-export { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema } from './MobileDropdownMenu.js';
-export { DSMobileDropdownTriggerInput } from './MobileDropdownInput.js';

package/esm/MobileEmtpyState/MobileEmptyState.js

@@ -1,31 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { PropTypes, describe } from 'react-desc';
-import { Search } from '@elliemae/ds-icons';
-
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1v2x6kj-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;"]);
-const Label = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1v2x6kj-1"
-})(["color:", ";font-size:", ";font-weight:", ";min-width:132px;"], props => props.theme.colors.neutral['600'], props => props.theme.space.xs, props => props.theme.fontWeights.semibold);
-
-const DSMobileEmptyState = _ref => {
-  let {
-    label = 'No search results found.'
-  } = _ref;
-  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, /*#__PURE__*/_jsx(Search, {
-    size: "xxl",
-    color: ['neutral', 400]
-  }), /*#__PURE__*/_jsx(Label, {}, void 0, label));
-};
-
-const props = {
-  /** empty state label */
-  label: PropTypes.string.description('empty state label')
-};
-const DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);
-DSMobileEmptyStateWithSchema.propTypes = props;
-
-export { DSMobileEmptyState, DSMobileEmptyStateWithSchema };

package/esm/MobileEmtpyState/index.js

@@ -1,2 +0,0 @@
-import { DSMobileEmptyState } from './MobileEmptyState.js';
-export { DSMobileEmptyState, DSMobileEmptyStateWithSchema, DSMobileEmptyState as default } from './MobileEmptyState.js';

package/esm/MobileFilterbar/Filterbar.js

@@ -1,35 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { PropTypes, describe } from 'react-desc';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import MobileSeparator from '../MobileSeparator/Separator.js';
-
-const Bar = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-14ysw84-0"
-})(["display:flex;overflow:auto;background-color:", ";padding-left:", ";& > *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}"], props => props.theme.colors.neutral['000'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-14ysw84-1"
-})(["& > *{margin:0;}"]);
-
-const DSMobileFilterbar = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    rows: ['auto', 'auto'],
-    "data-testid": "filter-bar-wrapper"
-  }, void 0, /*#__PURE__*/_jsx(Bar, {}, void 0, children), /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
-    margin: "xxs",
-    color: ['neutral', '300']
-  })));
-};
-
-const filterbarProps = {
-  children: PropTypes.element.description('FilterBar Items').isRequired
-};
-const FilterbarWithSchema = describe(DSMobileFilterbar);
-FilterbarWithSchema.propTypes = filterbarProps;
-
-export { DSMobileFilterbar, FilterbarWithSchema };

package/esm/MobileFilterbar/FilterbarItem.js

@@ -1,28 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-
-const DSMobileFilterbarItem = _ref => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    "data-testid": "filter-bar-item-wrapper",
-    cols: ['min-content'],
-    pr: "xxs",
-    pt: "xxs",
-    role: "button",
-    onClick: onClick
-  }, void 0, children);
-};
-
-const filterbarItemProps = {
-  children: PropTypes.element.description('FilterBar Items').isRequired,
-  onClick: PropTypes.func.description('Function executed when clicking filterbar item')
-};
-const FilterbarItemWithSchema = describe(DSMobileFilterbarItem);
-FilterbarItemWithSchema.propTypes = filterbarItemProps;
-
-export { DSMobileFilterbarItem, FilterbarItemWithSchema };

package/esm/MobileFilterbar/FilterbarSort.js

@@ -1,36 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import MobileSeparator from '../MobileSeparator/Separator.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-103uq0b-0"
-})(["& > *{margin-left:0;}"]);
-
-const DSMobileFilterbarSort = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [children, /*#__PURE__*/_jsx(Grid, {
-      pb: "xxs",
-      pt: "xxs",
-      cols: ['min-content']
-    }, void 0, /*#__PURE__*/_jsx(Separator, {}, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
-      margin: "xxs",
-      direction: "vertical",
-      color: ['neutral', '300']
-    })))]
-  });
-};
-
-const filterbarSortProps = {
-  children: PropTypes.element.description('FilterBar Sort Item').isRequired
-};
-const FilterbarSortWithSchema = describe(DSMobileFilterbarSort);
-FilterbarSortWithSchema.propTypes = filterbarSortProps;
-
-export { DSMobileFilterbarSort, FilterbarSortWithSchema };

package/esm/MobileFilterbar/index.js

@@ -1,3 +0,0 @@
-export { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar.js';
-export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './FilterbarSort.js';
-export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './FilterbarItem.js';