@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/cjs/MobileTimePicker/MobileTimePicker.js

@@ -2,32 +2,33 @@
 
 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 MobileTimePicker_Input = require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-system');
-require('styled-components');
+var Input = require('./Input.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
-  var disabled = _ref.disabled,
-      value = _ref.value,
-      tabIndex = _ref.tabIndex,
-      placeholder = _ref.placeholder,
-      _onChange = _ref.onChange;
-  var inputRef = React.useRef(null);
-  var valueArr = value.split(':');
-  React.useEffect(function () {
+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
@@ -37,26 +38,26 @@ var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
       inputRef.current.defaultValue = '';
     }
   }, [inputRef.current]);
-  var displayValue = React.useMemo(function () {
+  const displayValue = React.useMemo(() => {
     if (!value || !valueArr[0] || !valueArr[1]) return '';
-    var ampm = valueArr[0] >= 12 ? 'pm' : 'am';
-    var h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
+    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__*/React__default['default'].createElement(dsForm.DSInputGroup, {
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  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: /*#__PURE__*/React__default['default'].createElement(dsIcons.RecentDocuments, null),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](dsIcons.RecentDocuments, {})),
       type: "button",
       buttonType: "secondary",
-      onClick: function onClick() {
+      onClick: () => {
         inputRef.current.focus();
         inputRef.current.click();
       }
     })
-  }, /*#__PURE__*/React__default['default'].createElement(MobileTimePicker_Input.Input, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
     innerRef: inputRef,
     type: "time",
     "data-testid": "ds-mobile-time-picker",
@@ -66,17 +67,18 @@ var DSMobileTimePicker = function DSMobileTimePicker(_ref) {
     tabIndex: tabIndex,
     value: value,
     "data-displayvalue": displayValue,
-    onChange: function onChange(e) {
+    onChange: e => {
       // https://github.com/facebook/react/issues/8938#issuecomment-360573204
-      var target = e.nativeEvent.target;
+      const {
+        target
+      } = e.nativeEvent;
 
       function iosClearDefault() {
         target.defaultValue = '';
       }
 
       window.setTimeout(iosClearDefault, 0);
-
-      _onChange(e);
+      onChange(e);
     }
   }));
 };
@@ -87,7 +89,7 @@ DSMobileTimePicker.defaultProps = {
   placeholder: 'HH : MM am',
   value: ''
 };
-var pickerProps = {
+const pickerProps = {
   /**
    * defaults to false
    */
@@ -113,10 +115,8 @@ var pickerProps = {
    */
   value: reactDesc.PropTypes.string.description('HH:MM string representing the time or empty string')
 };
-DSMobileTimePicker.propTypes = pickerProps;
-var DSMobileTimePickerWithSchema = reactDesc.describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
+const DSMobileTimePickerWithSchema = reactDesc.describe(DSMobileTimePicker).description('Time picker for mobile & tablet');
 DSMobileTimePickerWithSchema.propTypes = pickerProps;
 
 exports.DSMobileTimePicker = DSMobileTimePicker;
 exports.DSMobileTimePickerWithSchema = DSMobileTimePickerWithSchema;
-//# sourceMappingURL=MobileTimePicker.js.map

package/cjs/MobileTimePicker/MobileTimePicker.stories.js

@@ -0,0 +1,35 @@
+'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

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileTimePicker_MobileTimePicker = require('./MobileTimePicker.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-icon');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-form');
-require('./Input.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-system');
-require('styled-components');
+var MobileTimePicker = require('./MobileTimePicker.js');
 
 
 
-exports.DSMobileTimePicker = MobileTimePicker_MobileTimePicker.DSMobileTimePicker;
-exports.DSMobileTimePickerWithSchema = MobileTimePicker_MobileTimePicker.DSMobileTimePickerWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSMobileTimePicker = MobileTimePicker.DSMobileTimePicker;
+exports.DSMobileTimePickerWithSchema = MobileTimePicker.DSMobileTimePickerWithSchema;

package/cjs/MobileTouchable/MobileTouchable.js

@@ -2,70 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 PropTypes = require('prop-types');
 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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
-var StyledContainer = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
-  componentId: "sc-6cxve6-0"
-})(["cursor:pointer;background:", ";"], function (props) {
-  return props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'];
-});
-
-var MobileTouchable = function MobileTouchable(_ref) {
-  var children = _ref.children,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? lodash.noop : _ref$onClick;
-      _ref.theme;
-      var _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? 'mobile-touchable' : _ref$dataTestid,
-      render = _ref.render,
-      gridProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      touching = _useState2[0],
-      setTouching = _useState2[1];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var handleStart = React.useCallback(function () {
-    return setTouching(true);
-  });
-  var handleEnd = React.useCallback(function () {
-    return setTouching(false);
-  });
-  return /*#__PURE__*/React__default['default'].createElement(StyledContainer, _extends__default['default']({}, gridProps, {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 || render(gridProps));
+    "data-testid": dataTestid,
+    children: children || render(gridProps)
+  }));
 };
 
-MobileTouchable.propTypes = {
-  onClick: PropTypes__default['default'].func,
-  children: PropTypes__default['default'].any,
-  render: PropTypes__default['default'].func,
-  theme: PropTypes__default['default'].any,
-  dataTestid: PropTypes__default['default'].string
-};
-var DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
+const DSMobileTouchable = dsSystem.withTheme(MobileTouchable);
 
 exports.DSMobileTouchable = DSMobileTouchable;
-//# sourceMappingURL=MobileTouchable.js.map

package/cjs/MobileTouchable/index.js

@@ -2,18 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileTouchable_MobileTouchable = require('./MobileTouchable.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('lodash');
-require('prop-types');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-system');
+var MobileTouchable = require('./MobileTouchable.js');
 
 
 
-exports.DSMobileTouchable = MobileTouchable_MobileTouchable.DSMobileTouchable;
-//# sourceMappingURL=index.js.map
+exports.DSMobileTouchable = MobileTouchable.DSMobileTouchable;

package/cjs/Modal/Modal.js

@@ -2,108 +2,115 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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 Modal_styled = require('./styled.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var Modal = function Modal(_ref) {
-  var _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 1 : _ref$zIndex,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$description = _ref.description,
-      description = _ref$description === void 0 ? '' : _ref$description,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? lodash.noop : _ref$onClose,
-      _ref$showSecondaryAct = _ref.showSecondaryAction,
-      showSecondaryAction = _ref$showSecondaryAct === void 0 ? true : _ref$showSecondaryAct,
-      _ref$secondaryActionP = _ref.secondaryActionProps,
-      secondaryActionProps = _ref$secondaryActionP === void 0 ? {
-    onClick: lodash.noop,
-    labelText: 'Cancel'
-  } : _ref$secondaryActionP,
-      _ref$primaryActionPro = _ref.primaryActionProps,
-      primaryActionProps = _ref$primaryActionPro === void 0 ? {
-    onClick: lodash.noop,
-    labelText: 'Accept'
-  } : _ref$primaryActionPro,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen;
-  var theme = dsSystem.useTheme();
+var _ModalIcon;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Modal_styled.BodyFix, {
-    isOpen: isOpen
-  }), /*#__PURE__*/React__default['default'].createElement(Modal_styled.BackShadow, {
-    onClick: onClose,
-    zIndex: zIndex
-  }), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalPosition, {
-    zIndex: zIndex,
-    cols: ['auto']
-  }, /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalBox, {
-    maxHeight: "".concat(window.innerHeight * 0.75, "px"),
-    rows: [1, '80px'],
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    pl: "xs",
-    pr: "xs",
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    rows: ['auto', 'auto', 1],
-    style: {
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalIcon, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.WarningTriangle, {
-    size: "xxl"
-  })), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalTitle, {
-    "data-testid": "modal-title"
-  }, title), /*#__PURE__*/React__default['default'].createElement(Modal_styled.ModalDescription, {
-    "data-testid": "modal-desc",
-    style: {
-      overflow: 'auto'
-    }
-  }, description))), /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    pt: "24px"
-  }, /*#__PURE__*/React__default['default'].createElement(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])
-    }
-  }, showSecondaryAction && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({}, secondaryActionProps, {
-    labelText: secondaryActionProps.labelText || ' Cancel',
-    buttonType: "secondary",
-    "data-testid": "modal-secondary-btn"
-  })), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    labelText: primaryActionProps.labelText || ' Accept'
-  }, primaryActionProps, {
-    buttonType: "primary",
-    "data-testid": "modal-primary-btn"
-  })))))));
+  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"
+    }))))))]
+  });
 };
 
-var modalProps = {
+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,
@@ -119,10 +126,8 @@ var modalProps = {
     labelText: reactDesc.PropTypes.string
   }).description('Primary action props')
 };
-Modal.propTypes = modalProps;
-var ModalWithSchema = reactDesc.describe(Modal);
+const ModalWithSchema = reactDesc.describe(Modal);
 ModalWithSchema.propTypes = modalProps;
 
 exports.Modal = Modal;
 exports.ModalWithSchema = ModalWithSchema;
-//# sourceMappingURL=Modal.js.map

package/cjs/Modal/index.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal_Modal = require('./Modal.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('react-desc');
-require('lodash');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@elliemae/ds-system');
-require('./styled.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
+var Modal = require('./Modal.js');
 
 
 
-exports.Modal = Modal_Modal.Modal;
-exports.ModalWithSchema = Modal_Modal.ModalWithSchema;
-//# sourceMappingURL=index.js.map
+exports.Modal = Modal.Modal;
+exports.ModalWithSchema = Modal.ModalWithSchema;

package/cjs/Modal/styled.js

@@ -13,45 +13,25 @@ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_tagged
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject;
-var BodyFix = dsSystem.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n    body{\n        ", ";\n    }\n"])), function (props) {
-  return props.isOpen ? 'overflow: hidden;' : '';
-});
-var ModalBox = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+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);"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.maxHeight;
-});
-var ModalPosition = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["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%;"], function (props) {
-  return props.zIndex;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-});
-var BackShadow = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["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;"], function (props) {
-  return props.zIndex;
-});
-var ModalIcon = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["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:", ";}"], function (props) {
-  return props.theme.colors.warning[600];
-});
-var ModalTitle = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["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;"], function (props) {
-  return props.theme.colors.neutral[600];
-});
-var ModalDescription = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["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;"], function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return props.theme.colors.neutral[500];
-});
+})(["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;
@@ -60,4 +40,3 @@ exports.ModalDescription = ModalDescription;
 exports.ModalIcon = ModalIcon;
 exports.ModalPosition = ModalPosition;
 exports.ModalTitle = ModalTitle;
-//# sourceMappingURL=styled.js.map