@elliemae/ds-mobile 2.0.0-alpha.1 → 2.0.0-alpha.10

package/cjs/MobileSelectList/MobileSelectList.js

@@ -22,7 +22,7 @@ var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 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; }
+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 MobileSelectList = ({
   open = false,
@@ -71,30 +71,30 @@ const MobileSelectList = ({
   if (buttonFooter) rows.push(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.16666));
   if (!open) return null;
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/_jsx__default['default'](styled.StyledContainer, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledContainer, {
       "data-testid": dataTestid,
       rows: rows,
       zIndex: zIndex
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.HeaderContainer, {}, void 0, header, useSearch && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       alignItems: "center",
       height: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl),
       pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
       pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSTextBox__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
       onChange: handleOnSearch,
       placeholder: "Filter by name",
       value: filter
-    }))), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       style: {
         overflow: 'auto'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.ListContainer, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ListContainer, {
       "data-testid": `${dataTestid}--list-container`
-    }, void 0, React__default['default'].Children.map(children, child => {
+    }, void 0, React__default["default"].Children.map(children, child => {
       let leftAddon = null;
       let rightAddon = null;
       const {
@@ -110,18 +110,18 @@ const MobileSelectList = ({
         rightAddon = styled.selectedMark;
       }
 
-      return /*#__PURE__*/_jsx__default['default'](MobileTouchable.DSMobileTouchable, {
+      return /*#__PURE__*/_jsx__default["default"](MobileTouchable.DSMobileTouchable, {
         onClick: handleChange.bind(child.props)
-      }, void 0, /*#__PURE__*/React__default['default'].cloneElement(child, {
+      }, void 0, /*#__PURE__*/React__default["default"].cloneElement(child, {
         leftAddon,
         rightAddon
       }));
-    })))), buttonFooter && /*#__PURE__*/_jsx__default['default'](styled.Footer, {
+    })))), buttonFooter && /*#__PURE__*/_jsx__default["default"](styled.Footer, {
       alignItems: "center" // eslint-disable-next-line max-lines
       ,
       pl: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
       pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-    }, void 0, /*#__PURE__*/React__default['default'].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
+    }, void 0, /*#__PURE__*/React__default["default"].cloneElement(buttonFooter, _objectSpread(_objectSpread({}, buttonFooter.props), {}, {
       containerProps: {
         'data-testid': `${dataTestid}--btn`
       },

package/cjs/MobileSelectList/styled.js

@@ -20,33 +20,33 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
 var DSCheckmark__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckmark);
 
-const StyledContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const HeaderContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1dckxve-1"
 })(["border-bottom:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
-const Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1dckxve-2"
 })(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
-const ListContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+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'](DSCheckbox__default['default'], {
+const checkbox = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
   checked: false,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-const checked = /*#__PURE__*/_jsx__default['default'](DSCheckbox__default['default'], {
+const checked = /*#__PURE__*/_jsx__default["default"](DSCheckbox__default["default"], {
   checked: true,
   onChange: lodash.noop,
   style: {
     pointerEvents: 'none'
   }
 });
-const selectedMark = /*#__PURE__*/_jsx__default['default'](DSCheckmark__default['default'], {
+const selectedMark = /*#__PURE__*/_jsx__default["default"](DSCheckmark__default["default"], {
   color: ['brand-primary', 600]
 });
 

package/cjs/MobileSeparator/Separator.js

@@ -16,8 +16,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 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 Separator = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+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 Separator = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-lje3kq-0"
 })(["border-top:", ";border-left:", ";"], ({
   theme,
@@ -58,4 +58,4 @@ const MobileSeparatorWithSchema = reactDesc.describe(MobileSeparator);
 MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
 
 exports.MobileSeparatorWithSchema = MobileSeparatorWithSchema;
-exports['default'] = MobileSeparator;
+exports["default"] = MobileSeparator;

package/cjs/MobileSeparator/index.js

@@ -7,4 +7,4 @@ var Separator = require('./Separator.js');
 
 
 exports.MobileSeparatorWithSchema = Separator.MobileSeparatorWithSchema;
-exports.default = Separator['default'];
+exports["default"] = Separator["default"];

package/cjs/MobileTimePicker/Input.js

@@ -19,15 +19,15 @@ const _excluded = ["innerRef"];
 
 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 StyledInput = /*#__PURE__*/styled__default['default'].input.withConfig({
+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 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);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(StyledInput, _objectSpread({
     ref: innerRef

package/cjs/MobileTimePicker/MobileTimePicker.js

@@ -45,12 +45,12 @@ const DSMobileTimePicker = ({
     const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];
     return `${h} : ${valueArr[1]} ${ampm}`;
   }, [value]);
-  return /*#__PURE__*/_jsx__default['default'](DSInputGroup__default['default'], {
-    rightAddon: /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSInputGroup__default["default"], {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       "aria-label": "Time Picker Button",
       color: !disabled ? Icon.DSIconColors.PRIMARY : Icon.DSIconColors.NEUTRAL,
       disabled: disabled,
-      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default['default'](RecentDocuments__default['default'], {})),
+      icon: _RecentDocuments || (_RecentDocuments = /*#__PURE__*/_jsx__default["default"](RecentDocuments__default["default"], {})),
       type: "button",
       buttonType: "secondary",
       onClick: () => {
@@ -58,7 +58,7 @@ const DSMobileTimePicker = ({
         inputRef.current.click();
       }
     })
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Input.Input, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Input.Input, {
     innerRef: inputRef,
     type: "time",
     "data-testid": "ds-mobile-time-picker",

package/cjs/MobileTimePicker/MobileTimePicker.stories.js

@@ -22,9 +22,9 @@ const Basic = () => {
     onChange
   } = dsDevutils.useMobileTimePicker(); // KNOBS
 
-  return /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     m: "xs"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](MobileTimePicker.DSMobileTimePicker, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](MobileTimePicker.DSMobileTimePicker, {
     value: value,
     onChange: onChange
   }));
@@ -32,4 +32,4 @@ const Basic = () => {
 dsDevutils.addDefaultMobileView(Basic);
 
 exports.Basic = Basic;
-exports['default'] = MobileTimePicker_stories;
+exports["default"] = MobileTimePicker_stories;

package/cjs/MobileTouchable/MobileTouchable.js

@@ -21,8 +21,8 @@ const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
 
 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 StyledContainer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+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"](Grid.Grid).withConfig({
   componentId: "sc-6cxve6-0"
 })(["cursor:pointer;background:", ";"], props => props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000']);
 
@@ -34,7 +34,7 @@ const MobileTouchable = _ref => {
     dataTestid = 'mobile-touchable',
     render
   } = _ref,
-      gridProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      gridProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [touching, setTouching] = React.useState(false);
   const handleStart = React.useCallback(() => setTouching(true));

package/cjs/Modal/Modal.js

@@ -25,7 +25,7 @@ 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; }
+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 = ({
   zIndex = 1,
@@ -46,43 +46,43 @@ const Modal = ({
   const theme = dsSystem.useTheme();
   if (!isOpen) return null;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](styled.BodyFix, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.BodyFix, {
       isOpen: isOpen
-    }), /*#__PURE__*/_jsx__default['default'](styled.BackShadow, {
+    }), /*#__PURE__*/_jsx__default["default"](styled.BackShadow, {
       onClick: onClose,
       zIndex: zIndex
-    }), /*#__PURE__*/_jsx__default['default'](styled.ModalPosition, {
+    }), /*#__PURE__*/_jsx__default["default"](styled.ModalPosition, {
       zIndex: zIndex,
       cols: ['auto']
-    }, void 0, /*#__PURE__*/_jsx__default['default'](styled.ModalBox, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.ModalBox, {
       maxHeight: `${window.innerHeight * 0.75}px`,
       rows: [1, '80px'],
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       pl: "xs",
       pr: "xs",
       style: {
         overflow: 'hidden'
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       rows: ['auto', 'auto', 1],
       style: {
         overflow: 'hidden'
       }
-    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx__default['default'](styled.ModalIcon, {}, void 0, /*#__PURE__*/_jsx__default['default'](WarningTriangle__default['default'], {
+    }, void 0, _ModalIcon || (_ModalIcon = /*#__PURE__*/_jsx__default["default"](styled.ModalIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](WarningTriangle__default["default"], {
       size: "xxl"
-    }))), /*#__PURE__*/_jsx__default['default'](styled.ModalTitle, {
+    }))), /*#__PURE__*/_jsx__default["default"](styled.ModalTitle, {
       "data-testid": "modal-title"
-    }, void 0, title), /*#__PURE__*/_jsx__default['default'](styled.ModalDescription, {
+    }, void 0, title), /*#__PURE__*/_jsx__default["default"](styled.ModalDescription, {
       "data-testid": "modal-desc",
       style: {
         overflow: 'auto'
       }
-    }, void 0, description))), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, description))), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       pt: "24px"
-    }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
       pl: "xs",
       pr: "xs",
       cols: showSecondaryAction ? [1, 1] : [1],
@@ -92,11 +92,11 @@ const Modal = ({
       style: {
         borderTop: `1px solid ${theme.colors.neutral[100]}`
       }
-    }, void 0, showSecondaryAction && /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread(_objectSpread({}, secondaryActionProps), {}, {
+    }, 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({
+    })), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
       labelText: primaryActionProps.labelText || ' Accept'
     }, primaryActionProps), {}, {
       buttonType: "primary",

package/cjs/Modal/styled.js

@@ -15,22 +15,22 @@ const BodyFix = dsSystem.createGlobalStyle`
         ${props => props.isOpen ? 'overflow: hidden;' : ''};
     }
 `;
-const ModalBox = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const ModalBox = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const ModalPosition = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const BackShadow = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const ModalIcon = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const ModalTitle = /*#__PURE__*/styled__default["default"](Grid.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'](Grid.Grid).withConfig({
+const ModalDescription = /*#__PURE__*/styled__default["default"](Grid.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]);
 

package/cjs/PageFilter/PageFilter.js

@@ -18,22 +18,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-0"
 })(["border-bottom:1px solid ", ";"], props => props.theme.colors.neutral['300']);
-const ButtonSlot = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ButtonSlot = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-15cmidp-1"
 })(["display:flex;justify-content:center;align-items:center;"]);
-const Title = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-15cmidp-2"
 })(["display:flex;justify-content:flex-start;align-items:center;font-size:22px;"]);
-const BreadCrumb = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const BreadCrumb = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-3"
 })(["align-items:flex-end;font-size:16px;color:", ";"], props => props.theme.colors.neutral[500]);
-const Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-15cmidp-4"
 })(["margin:0 auto;width:100%;overflow:auto;"]);
-const Footer = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Footer = /*#__PURE__*/styled__default["default"](Grid.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]);
 
@@ -55,24 +55,24 @@ const PageFilter = ({
   const bodyStyle = {
     maxWidth: dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
   };
-  return /*#__PURE__*/_jsx__default['default'](FullPageContainer.DSFullPageContainer, {
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Header, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Header, {
     cols: cols,
     height: headerDimension
-  }, void 0, leftProp && /*#__PURE__*/_jsx__default['default'](ButtonSlot, {
+  }, void 0, leftProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
     ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, void 0, leftProp), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default['default'](BreadCrumb, {
+  }, void 0, leftProp), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx__default["default"](BreadCrumb, {
     pl: !leftProp && '1rem'
-  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default['default'](Title, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx__default["default"](Title, {
     style: leftProp ? {} : {
       paddingLeft: '1rem'
     }
-  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx__default['default'](ButtonSlot, {
+  }, void 0, pageTitle)), rightProp && /*#__PURE__*/_jsx__default["default"](ButtonSlot, {
     ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-  }, void 0, rightProp)), /*#__PURE__*/_jsx__default['default'](Body, {
+  }, void 0, rightProp)), /*#__PURE__*/_jsx__default["default"](Body, {
     style: bodyStyle
-  }, void 0, children), footerButton && /*#__PURE__*/_jsx__default['default'](Footer, {}, void 0, footerButton));
+  }, void 0, children), footerButton && /*#__PURE__*/_jsx__default["default"](Footer, {}, void 0, footerButton));
 };
 
 const DSPageFilter = PageFilter;

package/cjs/PageForm/PageForm.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1qg3tcm-0"
 })(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
   theme
@@ -32,13 +32,13 @@ const PageForm = ({
   const rows = [1];
   if (header) rows.unshift(dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
   if (footer) rows.push(theme.space.l);
-  return /*#__PURE__*/_jsx__default['default'](FullPageContainer.DSFullPageContainer, {
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx__default['default'](Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, footer));
+  }, void 0, /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, body))), footer && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, footer));
 };
 
 const DSPageForm = PageForm;

package/cjs/PageList/PageList.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const PageTitleWrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const PageTitleWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-e4h57j-0"
 })(["min-height:44px;"]);
 const DSMobilePageList = dsSystem.withTheme(({
@@ -29,9 +29,9 @@ const DSMobilePageList = dsSystem.withTheme(({
   const rows = ['auto', dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
   if (header) rows.unshift(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
   if (footer) rows.push('56px');
-  return /*#__PURE__*/_jsx__default['default'](FullPageContainer.DSFullPageContainer, {
+  return /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {
     rows: rows
-  }, void 0, header && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default['default'](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default['default'](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, footer));
+  }, void 0, header && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, header), /*#__PURE__*/_jsx__default["default"](PageTitleWrapper, {}, void 0, pageTitle), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, filterBar), /*#__PURE__*/_jsx__default["default"](FullPageContainerScroll.DSFullPageContainerScroll, {}, void 0, body), footer && /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, footer));
 });
 const DSPageList = DSMobilePageList;
 

package/cjs/PageSearch/PageSearch.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Header = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-a8tzbi-0"
 })(["height:100%;background:", ";padding:", ";"], props => props.theme.colors.brand['600'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
 const DSMobilePageSearch = dsSystem.withTheme(({
@@ -25,15 +25,15 @@ const DSMobilePageSearch = dsSystem.withTheme(({
   theme
 }) => {
   const rows = [dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81), dsSystem.op('*', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62), 1];
-  return /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     rows: rows,
     height: "100%"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default['default'](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default['default'](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderContainer, {}, void 0, pageTitle)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchContainer, {}, void 0, searchHeader)), /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "100%",
     style: {
       overflow: 'hidden'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {
     height: "100%",
     style: {
       overflow: 'auto'

package/cjs/PageSummary/PageSummary.js

@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Body = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const Body = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
   componentId: "sc-1jlvilw-0"
 })(["margin:0 auto;width:100%;@media (min-width:", "){", "}"], ({
   theme
@@ -34,11 +34,11 @@ const PageSummary = ({
   actions = null,
   actionsZIndex = 1,
   bodySecondary = null
-}) => /*#__PURE__*/_jsx__default['default'](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default['default'](Tags.Header, {
+}) => /*#__PURE__*/_jsx__default["default"](FullPageContainer.DSFullPageContainer, {}, void 0, header && /*#__PURE__*/_jsx__default["default"](Tags.Header, {
   zIndex: headerZIndex
-}, void 0, header), /*#__PURE__*/_jsx__default['default'](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default['default'](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default['default'](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default['default'](Tags.Toolbar, {
+}, void 0, header), /*#__PURE__*/_jsx__default["default"](Tags.Section, {}, void 0, /*#__PURE__*/_jsx__default["default"](Grid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodyPrimary)), /*#__PURE__*/_jsx__default["default"](Tags.Toolbar, {
   zIndex: actionsZIndex
-}, void 0, actions), /*#__PURE__*/_jsx__default['default'](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](Body, {}, void 0, bodySecondary))));
+}, void 0, actions), /*#__PURE__*/_jsx__default["default"](Tags.BodyWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](Body, {}, void 0, bodySecondary))));
 
 const DSPageSummary = PageSummary;
 

package/cjs/PageSummary/Tags.js

@@ -8,20 +8,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const Header = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Header = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-0"
 })(["position:fixed;display:grid;top:0;left:0;width:100%;height:64px;z-index:", ";"], ({
   zIndex
 }) => zIndex);
-const Toolbar = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Toolbar = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-1"
 })(["position:sticky;left:0;top:64px;background:", ";z-index:", ";"], props => props.theme.colors.neutral['000'], ({
   zIndex
 }) => zIndex);
-const BodyWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const BodyWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-2"
 })(["position:relative;display:grid;top:0;left:0;height:100%;"]);
-const Section = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Section = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1bwtial-3"
 })(["position:relative;top:64px;height:100%;"]);
 

package/cjs/SideNav/SideNav.js

@@ -38,49 +38,49 @@ const DSSideNav = ({
   };
 
   const renderMenuList = () => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default['default'](styles.MenuList, {}, void 0, menuItems.map(({
+    children: menuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, menuItems.map(({
       icon,
       text,
       onClick
-    }, idx) => /*#__PURE__*/_jsx__default['default']("div", {
+    }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
       className: "menuitem",
       onClick: menuItemClick.bind(null, idx, text, onClick)
-    }, idx, /*#__PURE__*/_jsx__default['default']("div", {
+    }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
       className: "icon"
-    }, void 0, icon), /*#__PURE__*/_jsx__default['default']("div", {
+    }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
       className: `text ${idx === selectedMenuItemIdx ? 'active' : ''}`
     }, void 0, text)))) : null
   });
 
-  const renderBottomMenu = () => /*#__PURE__*/_jsx__default['default'](styles.MenuList, {}, void 0, bottomMenuItems.map(({
+  const renderBottomMenu = () => /*#__PURE__*/_jsx__default["default"](styles.MenuList, {}, void 0, bottomMenuItems.map(({
     icon,
     text,
     onClick
-  }, idx) => /*#__PURE__*/_jsx__default['default']("div", {
+  }, idx) => /*#__PURE__*/_jsx__default["default"]("div", {
     className: "menuitem",
     onClick: () => onClick(idx, text)
-  }, idx, /*#__PURE__*/_jsx__default['default']("div", {
+  }, idx, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "icon"
-  }, void 0, icon), /*#__PURE__*/_jsx__default['default']("div", {
+  }, void 0, icon), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "text"
   }, void 0, text))));
 
-  return /*#__PURE__*/_jsx__default['default'](styles.Container, {
+  return /*#__PURE__*/_jsx__default["default"](styles.Container, {
     "data-testid": containerProps['data-testid'] || 'global-header-menu'
-  }, void 0, /*#__PURE__*/_jsx__default['default'](dsBasic.DSBackdrop, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsBasic.DSBackdrop, {
     onClick: onClose,
     type: "cover"
-  }), /*#__PURE__*/_jsx__default['default'](styles.Menu, {}, void 0, /*#__PURE__*/_jsx__default['default'](styles.MenuWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](styles.Heading, {}, void 0, /*#__PURE__*/_jsx__default['default'](styles.Icon, {}, void 0, EM_logo()), /*#__PURE__*/_jsx__default['default']("div", {
+  }), /*#__PURE__*/_jsx__default["default"](styles.Menu, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.MenuWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Heading, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {}, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
-  }, void 0, /*#__PURE__*/_jsx__default['default']("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {})), /*#__PURE__*/_jsx__default['default']("div", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("label", {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"]("div", {
     className: "icon"
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Close__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Close__default["default"], {
     onClick: onClose,
     size: Icon.DSIconSizes.S,
     color: Icon.DSIconColors.WHITE
-  })))), _Hr || (_Hr = /*#__PURE__*/_jsx__default['default'](styles.Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx__default['default'](styles.BottomMenu, {}, void 0, /*#__PURE__*/_jsx__default['default']("div", {
+  })))), _Hr || (_Hr = /*#__PURE__*/_jsx__default["default"](styles.Hr, {})), renderMenuList(), bottomMenuItems.length > 0 ? /*#__PURE__*/_jsx__default["default"](styles.BottomMenu, {}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
     className: "content"
-  }, void 0, _hr || (_hr = /*#__PURE__*/_jsx__default['default']("hr", {})), renderBottomMenu())) : null)));
+  }, void 0, _hr || (_hr = /*#__PURE__*/_jsx__default["default"]("hr", {})), renderBottomMenu())) : null)));
 };
 
 const menuProps = reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({