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

package/cjs/MobileSelectList/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileSelectList = require('./MobileSelectList.js');
-
-
-
-exports.DSMobileSelectList = MobileSelectList.DSMobileSelectList;

package/cjs/MobileSelectList/styled.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var lodash = require('lodash');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var dsForm = require('@elliemae/ds-form');
-var dsIcons = require('@elliemae/ds-icons');
-var dsSystem = require('@elliemae/ds-system');
-var MobileTouchable = require('../MobileTouchable/MobileTouchable.js');
-var MobileListItem = require('../MobileListItem/MobileListItem.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.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__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1dckxve-1"
-})(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
-const Footer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
-  componentId: "sc-1dckxve-2"
-})(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
-const ListContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1dckxve-3"
-})(["& ", ":last-child ", "{border:none;}"], MobileTouchable.DSMobileTouchable, MobileListItem.DSMobileListItem);
-const checkbox = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
-  checked: false,
-  onChange: lodash.noop,
-  style: {
-    pointerEvents: 'none'
-  }
-});
-const checked = /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
-  checked: true,
-  onChange: lodash.noop,
-  style: {
-    pointerEvents: 'none'
-  }
-});
-const selectedMark = /*#__PURE__*/_jsx__default["default"](dsIcons.Checkmark, {
-  color: ['brand-primary', 600]
-});
-
-exports.Footer = Footer;
-exports.HeaderContainer = HeaderContainer;
-exports.ListContainer = ListContainer;
-exports.StyledContainer = StyledContainer;
-exports.checkbox = checkbox;
-exports.checked = checked;
-exports.selectedMark = selectedMark;

package/cjs/MobileSeparator/Separator.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Separator = /*#__PURE__*/styled__default["default"](dsGrid.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__*/jsxRuntime.jsx(Separator, _objectSpread({}, styles));
-};
-
-const mobileSeparatorProps = {
-  type: reactDesc.PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),
-  direction: reactDesc.PropTypes.oneOf(['vertical', 'horizontal']).description('Direction of the separator').defaultValue('horizontal'),
-  color: reactDesc.PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),
-  margin: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('Margin of the separator').defaultValue('xs')
-};
-const MobileSeparatorWithSchema = reactDesc.describe(MobileSeparator);
-MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
-
-exports.MobileSeparatorWithSchema = MobileSeparatorWithSchema;
-exports["default"] = MobileSeparator;

package/cjs/MobileSeparator/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Separator = require('./Separator.js');
-
-
-
-exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
-exports["default"] = Separator["default"];

package/cjs/MobileTimePicker/Input.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsSystem = require('@elliemae/ds-system');
-var styled = require('styled-components');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledInput = /*#__PURE__*/styled__default["default"].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 => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => dsSystem.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__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
-    ref: innerRef
-  }, props));
-};
-
-exports.Input = Input;

package/cjs/MobileTimePicker/MobileTimePicker.js

@@ -1,122 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var dsForm = require('@elliemae/ds-form');
-var Input = require('./Input.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _RecentDocuments;
-
-const DSMobileTimePicker = _ref => {
-  let {
-    disabled,
-    value,
-    tabIndex,
-    placeholder,
-    onChange
-  } = _ref;
-  const inputRef = React.useRef(null);
-  const valueArr = value.split(':');
-  React.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 = React.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__default["default"](dsForm.DSInputGroup, {
-    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": "Time Picker Button",
-      color: !disabled ? dsIcon.DSIconColors.PRIMARY : dsIcon.DSIconColors.NEUTRAL,
-      disabled: disabled,
-      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
-      type: "button",
-      buttonType: "secondary",
-      onClick: () => {
-        inputRef.current.focus();
-        inputRef.current.click();
-      }
-    })
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.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: reactDesc.PropTypes.bool.description('disabled prop, defaults to false'),
-
-  /**
-   * 0 as default
-   */
-  tabIndex: reactDesc.PropTypes.number.description('focus order HTML property, 0 as default'),
-
-  /**
-   * HH : MM am as default
-   */
-  placeholder: reactDesc.PropTypes.string.description('HH : MM am as default'),
-
-  /**
-   * onChange handler, receives change event as first argument
-   */
-  onChange: reactDesc.PropTypes.func.description('onChange handler, receives change event as first argument'),
-
-  /**
-   * HH:MM string representing the time or empty string
-   */
-  value: reactDesc.PropTypes.string.description('HH:MM string representing the time or empty string')
-};
-const DSMobileTimePickerWithSchema = reactDesc.describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
-DSMobileTimePickerWithSchema.propTypes = pickerProps;
-
-exports.DSMobileTimePicker = DSMobileTimePicker;
-exports.DSMobileTimePickerWithSchema = DSMobileTimePickerWithSchema;

package/cjs/MobileTimePicker/MobileTimePicker.stories.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsGrid = require('@elliemae/ds-grid');
-var dsDevutils = require('@elliemae/ds-devutils');
-var MobileTimePicker = require('./MobileTimePicker.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var MobileTimePicker_stories = {
-  title: dsDevutils.PATH_MOBILE_TIME_PICKER
-};
-const Basic = () => {
-  // KNOBS
-  const {
-    value,
-    onChange
-  } = dsDevutils.useMobileTimePicker(); // KNOBS
-
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    m: "xs"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](MobileTimePicker.DSMobileTimePicker, {
-    value: value,
-    onChange: onChange
-  }));
-};
-dsDevutils.addDefaultMobileView(Basic);
-
-exports.Basic = Basic;
-exports["default"] = MobileTimePicker_stories;

package/cjs/MobileTimePicker/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileTimePicker = require('./MobileTimePicker.js');
-
-
-
-exports.DSMobileTimePicker = MobileTimePicker.DSMobileTimePicker;
-exports.DSMobileTimePickerWithSchema = MobileTimePicker.DSMobileTimePickerWithSchema;

package/cjs/MobileTouchable/MobileTouchable.js

@@ -1,60 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var lodash = require('lodash');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
-var dsSystem = require('@elliemae/ds-system');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.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 = lodash.noop,
-    theme,
-    dataTestid = 'mobile-touchable',
-    render
-  } = _ref,
-      gridProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const [touching, setTouching] = React.useState(false);
-  const handleStart = React.useCallback(() => setTouching(true));
-  const handleEnd = React.useCallback(() => setTouching(false));
-  return /*#__PURE__*/jsxRuntime.jsx(StyledContainer, _objectSpread(_objectSpread({}, gridProps), {}, {
-    touching: touching,
-    onClick: onClick,
-    onTouchStart: handleStart,
-    onTouchEnd: handleEnd,
-    "data-testid": dataTestid,
-    children: children || render(gridProps)
-  }));
-};
-
-const DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
-
-exports.DSMobileTouchable = DSMobileTouchable;

package/cjs/MobileTouchable/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileTouchable = require('./MobileTouchable.js');
-
-
-
-exports.DSMobileTouchable = MobileTouchable.DSMobileTouchable;

package/cjs/Modal/Modal.js

@@ -1,133 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-var dsGrid = require('@elliemae/ds-grid');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var dsSystem = require('@elliemae/ds-system');
-var styled = require('./styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const Modal = _ref => {
-  let {
-    zIndex = 1,
-    title = '',
-    description = '',
-    onClose = lodash.noop,
-    showSecondaryAction = true,
-    secondaryActionProps = {
-      onClick: lodash.noop,
-      labelText: 'Cancel'
-    },
-    primaryActionProps = {
-      onClick: lodash.noop,
-      labelText: 'Accept'
-    },
-    isOpen = false
-  } = _ref;
-  const theme = dsSystem.useTheme();
-  if (!isOpen) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](styled.BodyFix, {
-      isOpen: isOpen
-    }), /*#__PURE__*/_jsx__default["default"](styled.BackShadow, {
-      onClick: onClose,
-      zIndex: zIndex
-    }), /*#__PURE__*/_jsx__default["default"](styled.ModalPosition, {
-      zIndex: zIndex,
-      cols: ['auto']
-    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ModalBox, {
-      maxHeight: "".concat(window.innerHeight * 0.75, "px"),
-      rows: [1, '80px'],
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      pl: "xs",
-      pr: "xs",
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      rows: ['auto', 'auto', 1],
-      style: {
-        overflow: 'hidden'
-      }
-    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx__default["default"](styled.ModalIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
-      size: "xxl"
-    }))), /*#__PURE__*/_jsx__default["default"](styled.ModalTitle, {
-      "data-testid": "modal-title"
-    }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.ModalDescription, {
-      "data-testid": "modal-desc",
-      style: {
-        overflow: 'auto'
-      }
-    }, void 0, description))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-      pt: "24px"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.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__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
-      labelText: secondaryActionProps.labelText || ' Cancel',
-      buttonType: "secondary",
-      "data-testid": "modal-secondary-btn"
-    })), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
-      labelText: primaryActionProps.labelText || ' Accept'
-    }, primaryActionProps), {}, {
-      buttonType: "primary",
-      "data-testid": "modal-primary-btn"
-    }))))))]
-  });
-};
-
-const modalProps = {
-  isOpen: reactDesc.PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),
-  zIndex: reactDesc.PropTypes.number.description('z-index value').defaultValue(1),
-  title: reactDesc.PropTypes.string.description('Modal s title').isRequired,
-  description: reactDesc.PropTypes.string.description('Modal s content').isRequired,
-  onClose: reactDesc.PropTypes.func.description('Function executed when the modal closes'),
-  showSecondaryAction: reactDesc.PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),
-  secondaryActionProps: reactDesc.PropTypes.shape({
-    onClick: reactDesc.PropTypes.func,
-    labelText: reactDesc.PropTypes.string
-  }).description('Secondary action props'),
-  primaryActionProps: reactDesc.PropTypes.shape({
-    onClick: reactDesc.PropTypes.func,
-    labelText: reactDesc.PropTypes.string
-  }).description('Primary action props')
-};
-const ModalWithSchema = reactDesc.describe(Modal);
-ModalWithSchema.propTypes = modalProps;
-
-exports.Modal = Modal;
-exports.ModalWithSchema = ModalWithSchema;

package/cjs/Modal/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Modal = require('./Modal.js');
-
-
-
-exports.Modal = Modal.Modal;
-exports.ModalWithSchema = Modal.ModalWithSchema;

package/cjs/Modal/styled.js

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var dsGrid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject;
-const BodyFix = dsSystem.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n    body{\n        ", ";\n    }\n"])), props => props.isOpen ? 'overflow: hidden;' : '');
-const ModalBox = /*#__PURE__*/styled__default["default"](dsGrid.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__default["default"](dsGrid.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__default["default"](dsGrid.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__default["default"](dsGrid.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__default["default"](dsGrid.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__default["default"](dsGrid.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]);
-
-exports.BackShadow = BackShadow;
-exports.BodyFix = BodyFix;
-exports.ModalBox = ModalBox;
-exports.ModalDescription = ModalDescription;
-exports.ModalIcon = ModalIcon;
-exports.ModalPosition = ModalPosition;
-exports.ModalTitle = ModalTitle;