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

package/esm/MobileFooter/Action.js

@@ -1,51 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import styled from 'styled-components';
-import { typography } from '@xstyled/styled-components';
-import { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import { PropTypes, describe } from 'react-desc';
-
-const Label = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1op229o-0"
-})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], typography, color('neutral', '800'), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-
-const DSMobileFooterAction = _ref => {
-  let {
-    label,
-    icon,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    "data-testid": "ds-mobile-footer-action",
-    rows: ['auto'].concat(label ? 'min-content' : 'none'),
-    justifyContent: "center",
-    role: "button",
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    justifyContent: "center",
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/React.cloneElement(icon, {
-    'data-testid': 'ds-mobile-footer-action-icon',
-    size: !label ? 'l' : 'm'
-  })), label && /*#__PURE__*/_jsx(Grid, {
-    justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(Label, {
-    fontSize: "11px"
-  }, void 0, label)));
-};
-
-const actionProps = {
-  /** Action label */
-  label: PropTypes.string.description('Action label'),
-
-  /** Action icon */
-  icon: PropTypes.element.description('Action icon'),
-
-  /** onClick callback */
-  onClick: PropTypes.func.description('onClick callback')
-};
-const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');
-DSMobileFooterActionWithSchema.propTypes = actionProps;
-
-export { DSMobileFooterAction, DSMobileFooterActionWithSchema };

package/esm/MobileFooter/Footer.js

@@ -1,55 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.constructor.js';
-import 'core-js/modules/esnext.async-iterator.to-array.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.to-array.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React from 'react';
-import styled from 'styled-components';
-import { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import DSButton from '@elliemae/ds-button';
-import { PropTypes, describe } from 'react-desc';
-import { DSMobileFooterText } from './Text.js';
-
-const FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
-
-const MobileFooter = _ref => {
-  let {
-    children
-  } = _ref;
-  const childArr = React.Children.toArray(children);
-  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;
-
-  const setCols = () => {
-    if (isButtonType) {
-      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
-    }
-
-    return childArr.map(() => "".concat(100 / childArr.length, "%"));
-  };
-
-  return /*#__PURE__*/_jsx(FooterWrap, {}, void 0, /*#__PURE__*/_jsx(Grid, {
-    cols: setCols(),
-    gutter: isButtonType ? 'xs' : undefined,
-    justifyContent: "center",
-    alignItems: isButtonType ? 'center' : undefined
-  }, void 0, childArr.map((c, i) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  _jsx(Grid, {}, i, c))));
-};
-
-const footerProps = {
-  /**
-   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
-   */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
-};
-const MobileFooterWithSchema = describe(MobileFooter);
-MobileFooterWithSchema.propTypes = footerProps;
-
-export { MobileFooterWithSchema, MobileFooter as default };

package/esm/MobileFooter/Text.js

@@ -1,24 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { truncate, textStyle, color } from '@elliemae/ds-system';
-import { PropTypes, describe } from 'react-desc';
-
-const Text = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1v0cqsw-0"
-})(["margin:auto 0;", " ", " ", ""], truncate(), textStyle('body'), color('neutral', '800'));
-
-const DSMobileFooterText = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(Text, {}, void 0, children);
-};
-
-const props = {
-  children: PropTypes.string.isRequired.description('Children')
-};
-const DSMobileFooterTextWithSchema = describe(DSMobileFooterText);
-DSMobileFooterTextWithSchema.propTypes = props;
-
-export { DSMobileFooterText, DSMobileFooterTextWithSchema };

package/esm/MobileFooter/index.js

@@ -1,3 +0,0 @@
-export { default as DSMobileFooter, MobileFooterWithSchema } from './Footer.js';
-export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text.js';
-export { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action.js';

package/esm/MobileListItem/MobileListItem.js

@@ -1,58 +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 { truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, border } from '@elliemae/ds-system';
-
-const StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-n7r3qn-0"
-})(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral['300']));
-const StyledTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-n7r3qn-1"
-})(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], truncate());
-
-const MobileListItem = _ref => {
-  let {
-    leftAddon = null,
-    rightAddon = null,
-    title = '',
-    value = '',
-    dataTestid = 'mobile-list-item',
-    theme
-  } = _ref;
-  const cols = [1];
-  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /*#__PURE__*/_jsx(StyledContainer, {
-    cols: cols,
-    height: theme.space.m,
-    width: "100%",
-    pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    gutter: "xs",
-    "data-testid": "".concat(dataTestid, "--").concat(value)
-  }, void 0, leftAddon && /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, void 0, leftAddon), /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, void 0, rightAddon));
-};
-
-const DSMobileListItem = withTheme(MobileListItem);
-const listItemProps = {
-  leftAddon: PropTypes.element.description('Element placed at the left'),
-  rightAddon: PropTypes.element.description('Element placed at the right'),
-  title: PropTypes.string.description('Item s title').isRequired,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Item s value, used for data-testid attr'),
-  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),
-  theme: PropTypes.object.description('')
-};
-const ListItemWithSchema = describe(MobileListItem);
-ListItemWithSchema.propTypes = listItemProps;
-
-export { DSMobileListItem, ListItemWithSchema };

package/esm/MobileListItem/index.js

@@ -1 +0,0 @@
-export { DSMobileListItem, ListItemWithSchema } from './MobileListItem.js';

package/esm/MobilePageHeader/MobilePageHeader.js

@@ -1,162 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useMemo, useState, useCallback } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { TruncatedExpandableText } from '@elliemae/ds-truncated-expandable-text';
-import { Grid } from '@elliemae/ds-grid';
-import { truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, border } from '@elliemae/ds-system';
-import { ChevronSmallDown } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import MobileSeparator from '../MobileSeparator/Separator.js';
-
-var _ChevronSmallDown;
-const StyledTitle = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1tfu1y9-0"
-})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
-const StyledBreadCrumb = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1tfu1y9-1"
-})(["font-size:16px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['600'], truncate());
-const Label = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1tfu1y9-2"
-})(["color:", ";", ""], props => props.theme.colors.neutral['500'], truncate());
-const Value = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1tfu1y9-3"
-})(["", " color:", ";", " margin-top:", ";"], truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? "margin-right: 4px;" : '', props => props.withBreadcrumb ? '12px' : '0');
-const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1tfu1y9-4"
-})(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));
-
-const MobilePageHeader = _ref => {
-  let {
-    pageTitle = null,
-    contextMenu = null,
-    firstAction = null,
-    secondAction = null,
-    backArrow = null,
-    breadCrumb = null,
-    onOpenContextMenu = () => null,
-    value,
-    label,
-    theme
-  } = _ref;
-  const hasValue = value === 0 || value;
-  const countActions = useMemo(() => {
-    let count = 0;
-    if (firstAction) count++;
-    if (secondAction) count++;
-    return count;
-  }, [firstAction, secondAction]);
-  const [open, setOpen] = useState();
-  const handleContext = useCallback(() => {
-    setOpen(!open);
-  }, [open]);
-
-  const separator = /*#__PURE__*/_jsx(Grid, {
-    height: "32px",
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    height: "24px"
-  }, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
-    direction: "vertical",
-    margin: "xxs",
-    color: ['neutral', '300']
-  })));
-
-  const cols = [1, 'auto'];
-  const cols2 = ['auto'];
-  if (countActions) cols.push('auto');
-  if (hasValue) cols2.push('auto');
-  if (label) cols2.push('auto');
-  return /*#__PURE__*/_jsx(Wrapper, {
-    cols: cols,
-    pl: theme.space.xs,
-    pr: theme.space.xs,
-    alignItems: "flex-start",
-    width: "100%",
-    "data-testid": "page-header-wrapper"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    cols: backArrow ? ['auto', 1] : [1],
-    alignItems: "flex-start",
-    pr: countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, void 0, backArrow && /*#__PURE__*/_jsx(Grid, {
-    height: breadCrumb ? '56px' : '44px',
-    alignItems: "center"
-  }, void 0, backArrow), /*#__PURE__*/_jsx(Grid, {
-    flexGrow: 0,
-    pt: !breadCrumb ? 0 : theme.space.xxs
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    cols: ['auto', 'auto'],
-    alignItems: "flex-start"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx(StyledBreadCrumb, {
-    "data-testid": "page-header-breadcrum"
-  }, void 0, breadCrumb), /*#__PURE__*/_jsx(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "flex-start",
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-title"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    pt: breadCrumb ? 0 : theme.space.xxxs
-  }, void 0, /*#__PURE__*/_jsx(TruncatedExpandableText, {
-    value: pageTitle
-  })))), contextMenu && /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center",
-    mt: breadCrumb ? '20px' : '8px'
-  }, void 0, /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
-    size: "s",
-    onClick: () => {
-      handleContext();
-      onOpenContextMenu();
-    },
-    containerProps: {
-      'data-testid': 'trigger-context-menu'
-    }
-  }), /*#__PURE__*/React.cloneElement(contextMenu, {
-    open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,
-    onChange: (event, item) => {
-      if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);
-      handleContext();
-    }
-  }))))), hasValue && /*#__PURE__*/_jsx(Grid, {
-    height: breadCrumb ? '56px' : '44px',
-    alignItems: "center",
-    cols: ['auto', 'auto']
-  }, void 0, separator, /*#__PURE__*/_jsx(Value, {
-    withMarginRight: !!label,
-    "data-testid": "page-header-value"
-  }, void 0, value)), label && /*#__PURE__*/_jsx(Grid, {
-    height: breadCrumb ? '56px' : '44px',
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(Label, {
-    withBreadcrumb: !!breadCrumb,
-    "data-testid": "page-header-label"
-  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx(Grid, {
-    height: breadCrumb ? '56px' : '44px',
-    alignItems: "center",
-    cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, void 0, firstAction && /*#__PURE__*/_jsx(Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx(Grid, {}, void 0, secondAction)));
-};
-
-const pageHeaderProps = {
-  pageTitle: PropTypes.string.description('Page title').isRequired,
-  contextMenu: PropTypes.element.description('Context Menu to open'),
-  onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),
-  firstAction: PropTypes.element.description('Action Button'),
-  secondAction: PropTypes.element.description('Action Button'),
-  backArrow: PropTypes.element.description('Back Arrow Button'),
-  breadCrumb: PropTypes.string.description('BreadCrumbs title'),
-  value: PropTypes.number.description('Page summary value'),
-  label: PropTypes.string.description('Page summary label'),
-  theme: PropTypes.object.description('dimsum theme')
-};
-const PageHeaderWithSchema = describe(MobilePageHeader);
-PageHeaderWithSchema.propTypes = pageHeaderProps;
-const DSMobilePageHeader = withTheme(MobilePageHeader);
-
-export { DSMobilePageHeader, PageHeaderWithSchema };

package/esm/MobilePageHeader/index.js

@@ -1 +0,0 @@
-export { DSMobilePageHeader, PageHeaderWithSchema } from './MobilePageHeader.js';

package/esm/MobileSelectList/MobileSelectList.js

@@ -1,135 +0,0 @@
-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.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.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { useState, useEffect } from 'react';
-import { noop } from 'lodash';
-import { Grid } from '@elliemae/ds-grid';
-import { DSTextBox } from '@elliemae/ds-form';
-import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
-import { StyledContainer, HeaderContainer, ListContainer, Footer, checked, checkbox, selectedMark } from './styled.js';
-import { jsx, Fragment } 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 MobileSelectList = _ref => {
-  let {
-    open = false,
-    header = null,
-    multiple = false,
-    onChange = noop,
-    children,
-    theme,
-    zIndex = 1,
-    useSearch,
-    onSearch = noop,
-    dataTestid = 'mobile-select-list',
-    buttonFooter = null,
-    onApply = noop,
-    selecteds: initSelecteds = []
-  } = _ref;
-  const rows = ['auto', 1];
-  const [selecteds, setSelected] = useState(initSelecteds);
-  const [filter, setFilter] = useState('');
-  useEffect(() => {
-    setSelected(initSelecteds);
-  }, [initSelecteds]);
-
-  const handleSelection = value => {
-    if (multiple) {
-      const index = selecteds.findIndex(s => s === value);
-      if (index > -1) setSelected(selecteds.filter(s => s !== value));else setSelected([...selecteds, value]);
-    } else setSelected([value]);
-  };
-
-  const handleChange = function (event) {
-    onChange(event, this);
-    handleSelection(this.value);
-  };
-
-  const handleOnSearch = e => {
-    setFilter(e.target.value);
-    onSearch(e);
-  };
-
-  const handleApply = function (e) {
-    if (this.onClick) this.onClick(e);
-    onApply(e, selecteds);
-  };
-
-  if (buttonFooter) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));
-  if (!open) return null;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/_jsx(StyledContainer, {
-      "data-testid": dataTestid,
-      rows: rows,
-      zIndex: zIndex
-    }, void 0, /*#__PURE__*/_jsx(HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx(Grid, {
-      alignItems: "center",
-      height: __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
-      pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-      pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-    }, void 0, /*#__PURE__*/_jsx(DSTextBox, {
-      onChange: handleOnSearch,
-      placeholder: "Filter by name",
-      value: filter
-    }))), /*#__PURE__*/_jsx(Grid, {
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      style: {
-        overflow: 'auto'
-      }
-    }, void 0, /*#__PURE__*/_jsx(ListContainer, {
-      "data-testid": "".concat(dataTestid, "--list-container")
-    }, void 0, React.Children.map(children, child => {
-      let leftAddon = null;
-      let rightAddon = null;
-      const {
-        value,
-        title
-      } = child.props;
-      const found = selecteds.findIndex(s => String(s) === String(value));
-      if (filter && !String(value).toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && !String(title).toLocaleLowerCase().includes(filter.toLocaleLowerCase())) return null;
-
-      if (multiple) {
-        if (found > -1) leftAddon = checked;else leftAddon = checkbox;
-      } else if (found > -1) {
-        rightAddon = selectedMark;
-      }
-
-      return /*#__PURE__*/_jsx(DSMobileTouchable, {
-        onClick: handleChange.bind(child.props)
-      }, void 0, /*#__PURE__*/React.cloneElement(child, {
-        leftAddon,
-        rightAddon
-      }));
-    })))), buttonFooter && /*#__PURE__*/_jsx(Footer, {
-      alignItems: "center" // eslint-disable-next-line max-lines
-      ,
-      pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-      pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-    }, 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)
-    }))))
-  });
-};
-
-const DSMobileSelectList = withTheme(MobileSelectList);
-
-export { DSMobileSelectList };

package/esm/MobileSelectList/index.js

@@ -1 +0,0 @@
-export { DSMobileSelectList } from './MobileSelectList.js';

package/esm/MobileSelectList/styled.js

@@ -1,42 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { noop } from 'lodash';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { DSCheckbox } from '@elliemae/ds-form';
-import { Checkmark } from '@elliemae/ds-icons';
-import { border } from '@elliemae/ds-system';
-import { DSMobileTouchable } from '../MobileTouchable/MobileTouchable.js';
-import { DSMobileListItem } from '../MobileListItem/MobileListItem.js';
-
-const StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1dckxve-0"
-})(["background:", ";z-index:", ";position:fixed;width:100%;top:0;left:0;right:0;height:100%;"], props => props.theme.colors.neutral['000'], props => props.zIndex);
-const HeaderContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1dckxve-1"
-})(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));
-const Footer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1dckxve-2"
-})(["border-top:", ";"], props => border(props.theme.colors.neutral['300']));
-const ListContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1dckxve-3"
-})(["& ", ":last-child ", "{border:none;}"], DSMobileTouchable, DSMobileListItem);
-const checkbox = /*#__PURE__*/_jsx(DSCheckbox, {
-  checked: false,
-  onChange: noop,
-  style: {
-    pointerEvents: 'none'
-  }
-});
-const checked = /*#__PURE__*/_jsx(DSCheckbox, {
-  checked: true,
-  onChange: noop,
-  style: {
-    pointerEvents: 'none'
-  }
-});
-const selectedMark = /*#__PURE__*/_jsx(Checkmark, {
-  color: ['brand-primary', 600]
-});
-
-export { Footer, HeaderContainer, ListContainer, StyledContainer, checkbox, checked, selectedMark };

package/esm/MobileSeparator/Separator.js

@@ -1,63 +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 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-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 Separator = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-lje3kq-0"
-})(["border-top:", ";border-left:", ";"], _ref => {
-  let {
-    theme,
-    color,
-    borderType
-  } = _ref;
-  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
-}, _ref2 => {
-  let {
-    theme,
-    color,
-    borderType
-  } = _ref2;
-  return "".concat(theme.colors[color[0]][color[1]], " 1px ").concat(borderType);
-});
-
-const MobileSeparator = _ref3 => {
-  let {
-    color = ['neutral', '800'],
-    direction = 'horizontal',
-    type = 'solid',
-    margin = 'xs'
-  } = _ref3;
-  const orientation = direction === 'vertical' ? 'height' : 'width';
-  const xORy = direction === 'vertical' ? 'mx' : 'my';
-  const styles = {
-    width: 0,
-    height: 0,
-    [orientation]: '100%',
-    [xORy]: margin,
-    borderType: type,
-    color
-  };
-  return /*#__PURE__*/jsx(Separator, _objectSpread({}, styles));
-};
-
-const mobileSeparatorProps = {
-  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),
-  direction: PropTypes.oneOf(['vertical', 'horizontal']).description('Direction of the separator').defaultValue('horizontal'),
-  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),
-  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Margin of the separator').defaultValue('xs')
-};
-const MobileSeparatorWithSchema = describe(MobileSeparator);
-MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
-
-export { MobileSeparatorWithSchema, MobileSeparator as default };

package/esm/MobileSeparator/index.js

@@ -1,2 +0,0 @@
-import MobileSeparator from './Separator.js';
-export { MobileSeparatorWithSchema, default } from './Separator.js';

package/esm/MobileTimePicker/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 { __UNSAFE_SPACE_TO_DIMSUM, focus } from '@elliemae/ds-system';
-import styled from 'styled-components';
-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-ra7fth-0"
-})(["input[type=time]&{-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=time]&:active,input[type=time]&:focus{", "}&:before{color:", ";content:'", "';}input[type=time]&::-webkit-datetime-edit,input[type=time]&::-webkit-inner-spin-button,input[type=time]&::-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 };