@elliemae/ds-mobile 3.0.0-next.2 → 3.0.0-next.6

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -1,112 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useRef, useEffect, useMemo } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { DSIconColors } from '@elliemae/ds-icon';
-import { RecentDocuments } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { DSInputGroup } from '@elliemae/ds-form';
-import { Input } from './Input.js';
-
-var _RecentDocuments;
-
-const DSMobileTimePicker = _ref => {
-  let {
-    disabled,
-    value,
-    tabIndex,
-    placeholder,
-    onChange
-  } = _ref;
-  const inputRef = useRef(null);
-  const valueArr = value.split(':');
-  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 displayValue = useMemo(() => {
-    if (!value || !valueArr[0] || !valueArr[1]) return '';
-    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';
-    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
-    return "".concat(h, " : ").concat(valueArr[1], " ").concat(ampm);
-  }, [value]);
-  return /*#__PURE__*/_jsx(DSInputGroup, {
-    rightAddon: /*#__PURE__*/_jsx(DSButton, {
-      "aria-label": "Time Picker Button",
-      color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
-      disabled: disabled,
-      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx(RecentDocuments, {})),
-      type: "button",
-      buttonType: "secondary",
-      onClick: () => {
-        inputRef.current.focus();
-        inputRef.current.click();
-      }
-    })
-  }, void 0, /*#__PURE__*/_jsx(Input, {
-    innerRef: inputRef,
-    type: "time",
-    "data-testid": "ds-mobile-time-picker",
-    "aria-label": "Time Picker Input Mask",
-    disabled: disabled,
-    placeholder: placeholder,
-    tabIndex: tabIndex,
-    value: value,
-    "data-displayvalue": displayValue,
-    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);
-    }
-  }));
-};
-
-DSMobileTimePicker.defaultProps = {
-  disabled: false,
-  tabIndex: 0,
-  placeholder: 'HH : MM am',
-  value: ''
-};
-const pickerProps = {
-  /**
-   * defaults to false
-   */
-  disabled: PropTypes.bool.description('disabled prop, defaults to false'),
-
-  /**
-   * 0 as default
-   */
-  tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),
-
-  /**
-   * HH : MM am as default
-   */
-  placeholder: PropTypes.string.description('HH : MM am as default'),
-
-  /**
-   * onChange handler, receives change event as first argument
-   */
-  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),
-
-  /**
-   * HH:MM string representing the time or empty string
-   */
-  value: PropTypes.string.description('HH:MM string representing the time or empty string')
-};
-const DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
-DSMobileTimePickerWithSchema.propTypes = pickerProps;
-
-export { DSMobileTimePicker, DSMobileTimePickerWithSchema };

package/esm/MobileTimePicker/MobileTimePicker.stories.js

@@ -1,26 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { addDefaultMobileView, PATH_MOBILE_TIME_PICKER, useMobileTimePicker } from '@elliemae/ds-devutils';
-import { DSMobileTimePicker } from './MobileTimePicker.js';
-
-var MobileTimePicker_stories = {
-  title: PATH_MOBILE_TIME_PICKER
-};
-const Basic = () => {
-  // KNOBS
-  const {
-    value,
-    onChange
-  } = useMobileTimePicker(); // KNOBS
-
-  return /*#__PURE__*/_jsx(Grid, {
-    m: "xs"
-  }, void 0, /*#__PURE__*/_jsx(DSMobileTimePicker, {
-    value: value,
-    onChange: onChange
-  }));
-};
-addDefaultMobileView(Basic);
-
-export { Basic, MobileTimePicker_stories as default };

package/esm/MobileTimePicker/index.js

@@ -1 +0,0 @@
-export { DSMobileTimePicker, DSMobileTimePickerWithSchema } from './MobileTimePicker.js';

package/esm/MobileTouchable/MobileTouchable.js

@@ -1,50 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-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.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useCallback } from 'react';
-import { noop } from 'lodash';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { withTheme } from '@elliemae/ds-system';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
-
-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-6cxve6-0"
-})(["cursor:pointer;background:", ";"], props => props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000']);
-
-const MobileTouchable = _ref => {
-  let {
-    children,
-    onClick = noop,
-    theme,
-    dataTestid = 'mobile-touchable',
-    render
-  } = _ref,
-      gridProps = _objectWithoutProperties(_ref, _excluded);
-
-  const [touching, setTouching] = useState(false);
-  const handleStart = useCallback(() => setTouching(true));
-  const handleEnd = useCallback(() => setTouching(false));
-  return /*#__PURE__*/jsx(StyledContainer, _objectSpread(_objectSpread({}, gridProps), {}, {
-    touching: touching,
-    onClick: onClick,
-    onTouchStart: handleStart,
-    onTouchEnd: handleEnd,
-    "data-testid": dataTestid,
-    children: children || render(gridProps)
-  }));
-};
-
-const DSMobileTouchable = withTheme(MobileTouchable);
-
-export { DSMobileTouchable };

package/esm/MobileTouchable/index.js

@@ -1 +0,0 @@
-export { DSMobileTouchable } from './MobileTouchable.js';

package/esm/Modal/Modal.js

@@ -1,122 +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 { PropTypes, describe } from 'react-desc';
-import { noop } from 'lodash';
-import { Grid } from '@elliemae/ds-grid';
-import { WarningTriangle } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { useTheme } from '@elliemae/ds-system';
-import { BodyFix, BackShadow, ModalPosition, ModalBox, ModalIcon, ModalTitle, ModalDescription } from './styled.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _ModalIcon;
-
-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 Modal = _ref => {
-  let {
-    zIndex = 1,
-    title = '',
-    description = '',
-    onClose = noop,
-    showSecondaryAction = true,
-    secondaryActionProps = {
-      onClick: noop,
-      labelText: 'Cancel'
-    },
-    primaryActionProps = {
-      onClick: noop,
-      labelText: 'Accept'
-    },
-    isOpen = false
-  } = _ref;
-  const theme = useTheme();
-  if (!isOpen) return null;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(BodyFix, {
-      isOpen: isOpen
-    }), /*#__PURE__*/_jsx(BackShadow, {
-      onClick: onClose,
-      zIndex: zIndex
-    }), /*#__PURE__*/_jsx(ModalPosition, {
-      zIndex: zIndex,
-      cols: ['auto']
-    }, void 0, /*#__PURE__*/_jsx(ModalBox, {
-      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
-      rows: [1, '80px'],
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      pl: "xs",
-      pr: "xs",
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      rows: ['auto', 'auto', 1],
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx(ModalIcon, {}, void 0, /*#__PURE__*/_jsx(WarningTriangle, {
-      size: "xxl"
-    }))), /*#__PURE__*/_jsx(ModalTitle, {
-      "data-testid": "modal-title"
-    }, void 0, title), /*#__PURE__*/_jsx(ModalDescription, {
-      "data-testid": "modal-desc",
-      style: {
-        overflow: 'auto'
-      }
-    }, void 0, description))), /*#__PURE__*/_jsx(Grid, {
-      pt: "24px"
-    }, void 0, /*#__PURE__*/_jsx(Grid, {
-      pl: "xs",
-      pr: "xs",
-      cols: showSecondaryAction ? [1, 1] : [1],
-      gutter: "xs",
-      justifyContent: "center",
-      alignItems: "center",
-      style: {
-        borderTop: "1px solid ".concat(theme.colors.neutral[100])
-      }
-    }, void 0, showSecondaryAction && /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
-      labelText: secondaryActionProps.labelText || ' Cancel',
-      buttonType: "secondary",
-      "data-testid": "modal-secondary-btn"
-    })), /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
-      labelText: primaryActionProps.labelText || ' Accept'
-    }, primaryActionProps), {}, {
-      buttonType: "primary",
-      "data-testid": "modal-primary-btn"
-    }))))))]
-  });
-};
-
-const modalProps = {
-  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),
-  zIndex: PropTypes.number.description('z-index value').defaultValue(1),
-  title: PropTypes.string.description('Modal s title').isRequired,
-  description: PropTypes.string.description('Modal s content').isRequired,
-  onClose: PropTypes.func.description('Function executed when the modal closes'),
-  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),
-  secondaryActionProps: PropTypes.shape({
-    onClick: PropTypes.func,
-    labelText: PropTypes.string
-  }).description('Secondary action props'),
-  primaryActionProps: PropTypes.shape({
-    onClick: PropTypes.func,
-    labelText: PropTypes.string
-  }).description('Primary action props')
-};
-const ModalWithSchema = describe(Modal);
-ModalWithSchema.propTypes = modalProps;
-
-export { Modal, ModalWithSchema };

package/esm/Modal/index.js

@@ -1 +0,0 @@
-export { Modal, ModalWithSchema } from './Modal.js';

package/esm/Modal/styled.js

@@ -1,27 +0,0 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { createGlobalStyle } from '@elliemae/ds-system';
-
-var _templateObject;
-const BodyFix = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    body{\n        ", ";\n    }\n"])), props => props.isOpen ? 'overflow: hidden;' : '');
-const ModalBox = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-0"
-})(["width:100%;background:", ";max-height:", ";box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.maxHeight);
-const ModalPosition = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-1"
-})(["z-index:", ";background:", ";position:absolute;top:12.5%;width:80%;left:10%;"], props => props.zIndex, props => props.theme.colors.neutral['000']);
-const BackShadow = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-2"
-})(["z-index:", ";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);overflow:hidden;"], props => props.zIndex);
-const ModalIcon = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-3"
-})(["padding-top:24px;justify-content:center;span.em-ds-icon svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.warning[600]);
-const ModalTitle = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-4"
-})(["padding-top:24px;font-size:22px;font-weight:600;color:", ";text-align:center;"], props => props.theme.colors.neutral[600]);
-const ModalDescription = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-cke90o-5"
-})(["padding-top:", ";font-size:16px;font-weight:400;color:", ";text-align:center;"], props => props.theme.space.xxs, props => props.theme.colors.neutral[500]);
-
-export { BackShadow, BodyFix, ModalBox, ModalDescription, ModalIcon, ModalPosition, ModalTitle };

package/esm/PageFilter/PageFilter.js

@@ -1,76 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.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 '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react/jsx-runtime';
-
-const Header = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15cmidp-0"
-})(["border-bottom:1px solid ", ";"], props => props.theme.colors.neutral['300']);
-const ButtonSlot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-15cmidp-1"
-})(["display:flex;justify-content:center;align-items:center;"]);
-const Title = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-15cmidp-2"
-})(["display:flex;justify-content:flex-start;align-items:center;font-size:22px;"]);
-const BreadCrumb = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15cmidp-3"
-})(["align-items:flex-end;font-size:16px;color:", ";"], props => props.theme.colors.neutral[500]);
-const Body = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15cmidp-4"
-})(["margin:0 auto;width:100%;overflow:auto;"]);
-const Footer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-15cmidp-5"
-})(["display:flex;justify-content:space-around;align-items:center;width:100%;padding:0.67rem;border-top:1px solid ", ";& > button{flex-grow:1;margin:0 0.33rem;}"], props => props.theme.colors.neutral[300]);
-
-const PageFilter = _ref => {
-  let {
-    children = null,
-    breadCrumb = null,
-    pageTitle = null,
-    leftProp = null,
-    rightProp = null,
-    footerButton = null
-  } = _ref;
-  const theme = useTheme();
-  const headerDimension = theme.space.l;
-  const rows = [headerDimension, 1];
-  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));
-  const cols = ['auto'];
-  if (leftProp) cols.unshift(headerDimension);
-  if (rightProp) cols.push(headerDimension);
-  const bodyStyle = {
-    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
-  };
-  return /*#__PURE__*/_jsx(DSFullPageContainer, {
-    rows: rows
-  }, void 0, /*#__PURE__*/_jsx(Header, {
-    cols: cols,
-    height: headerDimension
-  }, void 0, leftProp && /*#__PURE__*/_jsx(ButtonSlot, {
-    ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, void 0, leftProp), /*#__PURE__*/_jsx(Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx(BreadCrumb, {
-    pl: !leftProp && '1rem'
-  }, void 0, breadCrumb), /*#__PURE__*/_jsx(Title, {
-    style: leftProp ? {} : {
-      paddingLeft: '1rem'
-    }
-  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx(ButtonSlot, {
-    ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, void 0, rightProp)), /*#__PURE__*/_jsx(Body, {
-    style: bodyStyle
-  }, void 0, children), footerButton && /*#__PURE__*/_jsx(Footer, {}, void 0, footerButton));
-};
-
-const DSPageFilter = PageFilter;
-
-export { DSPageFilter };

package/esm/PageForm/PageForm.js

@@ -1,45 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { useTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
-import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
-
-const Body = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1qg3tcm-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.breakpoints.small;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
-});
-
-const PageForm = _ref3 => {
-  let {
-    header = null,
-    body = null,
-    footer = null
-  } = _ref3;
-  const theme = useTheme();
-  const rows = [1];
-  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
-  if (footer) rows.push(theme.space.l);
-  return /*#__PURE__*/_jsx(DSFullPageContainer, {
-    rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
-};
-
-const DSPageForm = PageForm;
-const DSMobilePageForm = DSPageForm;
-
-export { DSMobilePageForm, DSPageForm };

package/esm/PageList/PageList.js

@@ -1,30 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.js';
-import { DSFullPageContainerScroll } from '../FullPageContainer/FullPageContainerScroll.js';
-
-const PageTitleWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-e4h57j-0"
-})(["min-height:44px;"]);
-const DSMobilePageList = withTheme(_ref => {
-  let {
-    header = null,
-    pageTitle = null,
-    filterBar = null,
-    body = null,
-    footer = null,
-    theme
-  } = _ref;
-  const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
-  if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
-  if (footer) rows.push('56px');
-  return /*#__PURE__*/_jsx(DSFullPageContainer, {
-    rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx(Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx(DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx(Grid, {}, void 0, footer));
-});
-const DSPageList = DSMobilePageList;
-
-export { DSMobilePageList, DSPageList };

package/esm/PageList/index.js

@@ -1 +0,0 @@
-export { DSMobilePageList, DSPageList } from './PageList.js';

package/esm/PageSearch/PageSearch.js

@@ -1,37 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { withTheme, op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-
-const Header = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-a8tzbi-0"
-})(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-const DSMobilePageSearch = withTheme(_ref => {
-  let {
-    HeaderContainer = Header,
-    SearchContainer = Header,
-    searchHeader = null,
-    pageTitle = 'Search',
-    body = null,
-    theme
-  } = _ref;
-  const rows = [op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
-  return /*#__PURE__*/_jsx(Grid, {
-    rows: rows,
-    height: "100%"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx(Grid, {
-    height: "100%",
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    height: "100%",
-    style: {
-      overflow: 'auto'
-    }
-  }, void 0, body)));
-});
-const DSPageSearch = DSMobilePageSearch;
-
-export { DSMobilePageSearch, DSPageSearch };

package/esm/PageSummary/PageSummary.js

@@ -1,49 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { DSFullPageContainer } from '../FullPageContainer/FullPageContainer.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 '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react/jsx-runtime';
-import { Header, Section, Toolbar, BodyWrapper } from './Tags.js';
-
-const Body = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1jlvilw-0"
-})(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.breakpoints.small;
-}, _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return "width: ".concat(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25), ";");
-});
-
-const PageSummary = _ref3 => {
-  let {
-    header = null,
-    headerZIndex = 1,
-    bodyPrimary = null,
-    actions = null,
-    actionsZIndex = 1,
-    bodySecondary = null
-  } = _ref3;
-  return /*#__PURE__*/_jsx(DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx(Header, {
-    zIndex: headerZIndex
-  }, void 0, header), /*#__PURE__*/_jsx(Section, {}, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx(Toolbar, {
-    zIndex: actionsZIndex
-  }, void 0, actions), /*#__PURE__*/_jsx(BodyWrapper, {}, void 0, /*#__PURE__*/_jsx(Body, {}, void 0, bodySecondary))));
-};
-
-const DSPageSummary = PageSummary;
-
-export { DSPageSummary };

package/esm/PageSummary/Tags.js

@@ -1,26 +0,0 @@
-import styled from 'styled-components';
-
-const Header = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bwtial-0"
-})(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], _ref => {
-  let {
-    zIndex
-  } = _ref;
-  return zIndex;
-});
-const Toolbar = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bwtial-1"
-})(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], _ref2 => {
-  let {
-    zIndex
-  } = _ref2;
-  return zIndex;
-});
-const BodyWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bwtial-2"
-})(["position:relative;display:grid;top:0;left:0;height:100%;"]);
-const Section = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bwtial-3"
-})(["position:relative;top:64px;height:100%;"]);
-
-export { BodyWrapper, Header, Section, Toolbar };