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

package/cjs/InfiniteLoader/Loader.js

@@ -2,31 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
-var InfiniteLoader_styled = require('./styled.js');
-require('styled-components');
+var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 
-/* eslint-disable react/no-unused-state */
-var Loader = function Loader(_ref) {
-  var isOpen = _ref.isOpen;
-  return /*#__PURE__*/React__default['default'].createElement(InfiniteLoader_styled.LoaderBox, {
+var _DSIndeterminateProgr;
+const Loader = _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
     className: isOpen && 'opened'
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
     processing: true,
     title: "Loading"
-  }));
-};
-Loader.propTypes = {
-  isOpen: PropTypes__default['default'].bool
+  })));
 };
 
 exports.Loader = Loader;
-//# sourceMappingURL=Loader.js.map

package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -2,76 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var RWInfiniteLoader = require('react-window-infinite-loader');
 var reactWindow = require('react-window');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var RWInfiniteLoader__default = /*#__PURE__*/_interopDefaultLegacy(RWInfiniteLoader);
 
-var VirtualizedInfiniteLoader = function VirtualizedInfiniteLoader(_ref) {
-  var _ref$moreItemsLoading = _ref.moreItemsLoading,
-      moreItemsLoading = _ref$moreItemsLoading === void 0 ? false : _ref$moreItemsLoading,
-      _ref$hasNextPage = _ref.hasNextPage,
-      hasNextPage = _ref$hasNextPage === void 0 ? false : _ref$hasNextPage,
-      _ref$isItemLoaded = _ref.isItemLoaded,
-      isItemLoaded = _ref$isItemLoaded === void 0 ? function () {
-    return true;
-  } : _ref$isItemLoaded,
-      loadMoreItems = _ref.loadMoreItems,
-      _ref$getItemSize = _ref.getItemSize,
-      getItemSize = _ref$getItemSize === void 0 ? function () {
-    return 38;
-  } : _ref$getItemSize,
-      height = _ref.height,
-      Row = _ref.item;
-
-  var _useState = React.useState(10),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      itemCount = _useState2[0],
-      setItemCount = _useState2[1];
-
-  var loadMore = function loadMore(startIndex, stopIndex) {
+const VirtualizedInfiniteLoader = _ref => {
+  let {
+    moreItemsLoading = false,
+    hasNextPage = false,
+    isItemLoaded = () => true,
+    loadMoreItems,
+    getItemSize = () => 38,
+    height,
+    item: Row
+  } = _ref;
+  const [itemCount, setItemCount] = React.useState(10);
+
+  const loadMore = (startIndex, stopIndex) => {
     if (hasNextPage) setItemCount(itemCount + 1);
     return loadMoreItems(startIndex, stopIndex);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(RWInfiniteLoader__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](RWInfiniteLoader__default["default"], {
     isItemLoaded: isItemLoaded,
     itemCount: itemCount,
     loadMoreItems: loadMore
-  }, function (_ref2) {
-    var onItemsRendered = _ref2.onItemsRendered,
-        ref = _ref2.ref;
-    return /*#__PURE__*/React__default['default'].createElement(reactWindow.VariableSizeList, {
+  }, void 0, _ref2 => {
+    let {
+      onItemsRendered,
+      ref
+    } = _ref2;
+    return /*#__PURE__*/jsxRuntime.jsx(reactWindow.VariableSizeList, {
       className: "List",
       height: height,
       itemCount: itemCount,
       itemSize: getItemSize,
       onItemsRendered: onItemsRendered,
       ref: ref,
-      width: "100%"
-    }, Row);
-  }), moreItemsLoading && /*#__PURE__*/React__default['default'].createElement("div", {
+      width: "100%",
+      children: Row
+    });
+  }), moreItemsLoading && /*#__PURE__*/_jsx__default["default"]("div", {
     style: {
       position: 'absolute',
       bottom: 0,
       background: 'blue',
       zIndex: 1
     }
-  }, "Loading"));
+  }, void 0, "Loading"));
 };
 
-var listProps = {
+const listProps = {
   /** Function responsible for tracking the loaded state of each item. */
   isItemLoaded: reactDesc.PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),
 
@@ -93,10 +87,8 @@ var listProps = {
   /** flag for virtualized list */
   hasNextPage: reactDesc.PropTypes.bool.description('flag for virtualized list')
 };
-VirtualizedInfiniteLoader.propTypes = listProps;
-var VirtualizedInfiniteLoaderWithSchema = reactDesc.describe(VirtualizedInfiniteLoader);
+const VirtualizedInfiniteLoaderWithSchema = reactDesc.describe(VirtualizedInfiniteLoader);
 VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
 
 exports.VirtualizedInfiniteLoader = VirtualizedInfiniteLoader;
 exports.VirtualizedInfiniteLoaderWithSchema = VirtualizedInfiniteLoaderWithSchema;
-//# sourceMappingURL=VirtualizedInfiniteLoader.js.map

package/cjs/InfiniteLoader/index.js

@@ -2,24 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InfiniteLoader_Infiniteloader = require('./Infiniteloader.js');
-var InfiniteLoader_VirtualizedInfiniteLoader = require('./VirtualizedInfiniteLoader.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-grid');
-require('./Loader.js');
-require('prop-types');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('./styled.js');
-require('styled-components');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-window-infinite-loader');
-require('react-window');
+var Infiniteloader = require('./Infiniteloader.js');
+var VirtualizedInfiniteLoader = require('./VirtualizedInfiniteLoader.js');
 
 
 
-exports.InfiniteLoader = InfiniteLoader_Infiniteloader.InfiniteLoader;
-exports.InfiniteLoaderWithSchema = InfiniteLoader_Infiniteloader.InfiniteLoaderWithSchema;
-exports.VirtualizedInfiniteLoader = InfiniteLoader_VirtualizedInfiniteLoader.VirtualizedInfiniteLoader;
-exports.VirtualizedInfiniteLoaderWithSchema = InfiniteLoader_VirtualizedInfiniteLoader.VirtualizedInfiniteLoaderWithSchema;
-//# sourceMappingURL=index.js.map
+exports.InfiniteLoader = Infiniteloader.InfiniteLoader;
+exports.InfiniteLoaderWithSchema = Infiniteloader.InfiniteLoaderWithSchema;
+exports.VirtualizedInfiniteLoader = VirtualizedInfiniteLoader.VirtualizedInfiniteLoader;
+exports.VirtualizedInfiniteLoaderWithSchema = VirtualizedInfiniteLoader.VirtualizedInfiniteLoaderWithSchema;

package/cjs/InfiniteLoader/styled.js

@@ -8,9 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var LoaderBox = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LoaderBox = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-ejumr4-0"
 })(["position:absolute;width:100%;z-index:10;background-color:white;height:50px;bottom:-50px;border-top:1px solid #e0e3e8;align-items:center;transition:400ms cubic-bezier(0,0,0.42,1);&.opened{transition:400ms cubic-bezier(0.36,0,1,1);bottom:0;}"]);
 
 exports.LoaderBox = LoaderBox;
-//# sourceMappingURL=styled.js.map

package/cjs/LoadingPage/Page.js

@@ -3,116 +3,89 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.constructor.js');
+require('core-js/modules/esnext.async-iterator.to-array.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.to-array.js');
+require('core-js/modules/esnext.async-iterator.filter.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 PropTypes = require('prop-types');
 var dsSystem = require('@elliemae/ds-system');
 var lodash = require('lodash');
 var styled = require('styled-components');
 var Backdrop = require('@elliemae/ds-backdrop');
+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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Backdrop__default = /*#__PURE__*/_interopDefaultLegacy(Backdrop);
 
 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; }
-var LoadingPageLoader = /*#__PURE__*/styled__default['default'].div.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 LoadingPageLoader = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-wx0z8k-0"
-})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], function (_ref) {
-  var type = _ref.type;
+})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], _ref => {
+  let {
+    type
+  } = _ref;
   return type === 'cover' ? 'position: fixed' : 'position: absolute';
-}, function (props) {
-  return props.zIndex;
-});
-
-var LoadingPage = function LoadingPage(_ref2) {
-  var backdropZIndex = _ref2.backdropZIndex,
-      children = _ref2.children,
-      loader = _ref2.loader,
-      loading = _ref2.loading,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'fill' : _ref2$type,
-      _ref2$zIndex = _ref2.zIndex,
-      zIndex = _ref2$zIndex === void 0 ? 1 : _ref2$zIndex;
-
-  var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      position = _useState2[0],
-      setPosition = _useState2[1];
-
-  var childRef = React.useRef(null);
-  React.useEffect(function () {
+}, props => props.zIndex);
+
+const LoadingPage = _ref2 => {
+  let {
+    backdropZIndex,
+    children,
+    loader,
+    loading,
+    type = 'fill',
+    zIndex = 1
+  } = _ref2;
+  const [position, setPosition] = React.useState(null);
+  const childRef = React.useRef(null);
+  React.useEffect(() => {
     if (childRef && childRef.current) {
-      var style = childRef && window.getComputedStyle(childRef.current);
+      const style = childRef && window.getComputedStyle(childRef.current);
       setPosition(style.getPropertyValue('position'));
     }
   }, [childRef]);
-  var Back = loading && /*#__PURE__*/React__default['default'].createElement(Backdrop__default['default'], {
+
+  const Back = loading && /*#__PURE__*/_jsx__default["default"](Backdrop__default["default"], {
     type: type,
     zIndex: backdropZIndex
   });
-  var Loader = loader && loading && /*#__PURE__*/React__default['default'].createElement(LoadingPageLoader, {
+
+  const Loader = loader && loading && /*#__PURE__*/_jsx__default["default"](LoadingPageLoader, {
     zIndex: zIndex,
     type: type,
     hide: !loading
-  }, loader);
+  }, void 0, loader);
+
+  const injectRefPosition = child => /*#__PURE__*/React__default["default"].cloneElement(React__default["default"].Children.only(child), {
+    ref: childRef,
+    children: React__default["default"].Children.toArray(child.props.children).concat([Loader, Back]),
+    style: _objectSpread(_objectSpread({}, lodash.get(child, 'props.style', {})), {}, {
+      position: position === 'static' ? 'relative' : position
+    })
+  });
 
-  var injectRefPosition = function injectRefPosition(child) {
-    return /*#__PURE__*/React__default['default'].cloneElement(React__default['default'].Children.only(child), {
-      ref: childRef,
-      children: React__default['default'].Children.toArray(child.props.children).concat([Loader, Back]),
-      style: _objectSpread(_objectSpread({}, lodash.get(child, 'props.style', {})), {}, {
-        position: position === 'static' ? 'relative' : position
-      })
+  if (React__default["default"].Children.count(children) === 0) {
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [Loader, Back]
     });
-  };
-
-  if (React__default['default'].Children.count(children) === 0) {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, Loader, Back);
   }
 
   return injectRefPosition(children);
 };
 
-LoadingPage.propTypes = {
-  /**
-   * z-index of dimmer background
-   */
-  backdropZIndex: PropTypes__default['default'].number,
-
-  /**
-   * Children page to show behind the loader
-   */
-  children: PropTypes__default['default'].element,
-
-  /**
-   * Array of elements centrally aligned
-   */
-  loader: PropTypes__default['default'].arrayOf(PropTypes__default['default'].element),
-
-  /**
-   * Show / hide loader
-   */
-  loading: PropTypes__default['default'].bool,
-
-  /**
-   * ['cover', 'fill']
-   */
-  type: PropTypes__default['default'].oneOf(['fill', 'cover']),
-
-  /**
-   * z-index of loader, should be higher than the backdropZIndex
-   */
-  zIndex: PropTypes__default['default'].number
-};
-var DSMobileLoadingPage = dsSystem.withTheme(LoadingPage);
+const DSMobileLoadingPage = dsSystem.withTheme(LoadingPage);
 
 exports.DSMobileLoadingPage = DSMobileLoadingPage;
-//# sourceMappingURL=Page.js.map

package/cjs/LoadingPage/index.js

@@ -2,18 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LoadingPage_Page = require('./Page.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('prop-types');
-require('@elliemae/ds-system');
-require('lodash');
-require('styled-components');
-require('@elliemae/ds-backdrop');
+var Page = require('./Page.js');
 
 
 
-exports.DSMobileLoadingPage = LoadingPage_Page.DSMobileLoadingPage;
-exports.default = LoadingPage_Page.DSMobileLoadingPage;
-//# sourceMappingURL=index.js.map
+exports.DSMobileLoadingPage = Page.DSMobileLoadingPage;
+exports["default"] = Page.DSMobileLoadingPage;

package/cjs/MobileActionToolbar/MobileActionToolbar.js

@@ -2,60 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var dsGrid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var MobileActionToolbar_MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-button');
+var MobileActionToolbarItem = require('./MobileActionToolbarItem.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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var ToolStrip = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+const ToolStrip = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-162vd15-0"
-})(["display:flex;justify-content:space-around;align-items:center;background-color:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-});
-
-var Toolbar = function Toolbar(_ref) {
-  var _ref$withDepth = _ref.withDepth,
-      withDepth = _ref$withDepth === void 0 ? true : _ref$withDepth,
-      _ref$buttons = _ref.buttons,
-      buttons = _ref$buttons === void 0 ? [] : _ref$buttons,
-      theme = _ref.theme;
-  var rows = [1];
-  var toolbarHeight = theme.space.m;
-  var borderStyle = withDepth ? {
+})(["display:flex;justify-content:space-around;align-items:center;background-color:", ";"], props => props.theme.colors.neutral['000']);
+
+const Toolbar = _ref => {
+  let {
+    withDepth = true,
+    buttons = [],
+    theme
+  } = _ref;
+  const rows = [1];
+  const toolbarHeight = theme.space.m;
+  const borderStyle = withDepth ? {
     boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)'
   } : {
     boxShadow: 'none'
   };
-  return /*#__PURE__*/React__default['default'].createElement(ToolStrip, {
+  return /*#__PURE__*/_jsx__default["default"](ToolStrip, {
     rows: rows,
     height: toolbarHeight,
     style: borderStyle
-  }, buttons);
+  }, void 0, buttons);
 };
 
-var props = {
+const props = {
   /** toggle box shadow for buttons border */
   withDepth: reactDesc.PropTypes.bool.description('toggle box shadow for buttons border'),
 
   /** button array for the mobile action toolbar */
   buttons: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('button array for the mobile action toolbar')
 };
-Toolbar.propTypes = props;
-var DSMobileActionToolbar = dsSystem.withTheme(Toolbar);
-var DSMobileActionToolbarWithSchema = reactDesc.describe(DSMobileActionToolbar);
+const DSMobileActionToolbar = dsSystem.withTheme(Toolbar);
+const DSMobileActionToolbarWithSchema = reactDesc.describe(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
 
-exports.ToolbarItem = MobileActionToolbar_MobileActionToolbarItem['default'];
+exports.ToolbarItem = MobileActionToolbarItem["default"];
 exports.DSMobileActionToolbarWithSchema = DSMobileActionToolbarWithSchema;
-exports['default'] = DSMobileActionToolbar;
-//# sourceMappingURL=MobileActionToolbar.js.map
+exports["default"] = DSMobileActionToolbar;

package/cjs/MobileActionToolbar/MobileActionToolbarItem.js

@@ -2,29 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSButton = require('@elliemae/ds-button');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _excluded = ["icon"];
+const _excluded = ["icon"];
 
-var ToolbarItem = function ToolbarItem(_ref) {
-  var icon = _ref.icon,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+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 displayIcon = /*#__PURE__*/React__default['default'].cloneElement(icon, {
+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 ToolbarItem = _ref => {
+  let {
+    icon
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const displayIcon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
     size: 'm'
   });
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({}, otherProps, {
+  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
     icon: displayIcon,
     size: "m"
@@ -32,14 +44,12 @@ var ToolbarItem = function ToolbarItem(_ref) {
 };
 
 ToolbarItem.displayName = 'ToolbarItem';
-var props = {
+const props = {
   /** toolbar item icon */
   icon: reactDesc.PropTypes.element.description('Toolbar item icon')
 };
-ToolbarItem.propTypes = props;
-var DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
+const DSToolbarItemWithSchema = reactDesc.describe(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
 
 exports.DSToolbarItemWithSchema = DSToolbarItemWithSchema;
-exports['default'] = ToolbarItem;
-//# sourceMappingURL=MobileActionToolbarItem.js.map
+exports["default"] = ToolbarItem;

package/cjs/MobileActionToolbar/index.js

@@ -2,21 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var MobileActionToolbar_MobileActionToolbar = require('./MobileActionToolbar.js');
-var MobileActionToolbar_MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
-require('react');
-require('react-desc');
-require('@elliemae/ds-grid');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-button');
+var MobileActionToolbar = require('./MobileActionToolbar.js');
+var MobileActionToolbarItem = require('./MobileActionToolbarItem.js');
 
 
 
-exports.DSMobileActionToolbarWithSchema = MobileActionToolbar_MobileActionToolbar.DSMobileActionToolbarWithSchema;
-exports.default = MobileActionToolbar_MobileActionToolbar['default'];
-exports.DSToolbarItemWithSchema = MobileActionToolbar_MobileActionToolbarItem.DSToolbarItemWithSchema;
-exports.ToolbarItem = MobileActionToolbar_MobileActionToolbarItem['default'];
-//# sourceMappingURL=index.js.map
+exports.DSMobileActionToolbarWithSchema = MobileActionToolbar.DSMobileActionToolbarWithSchema;
+exports["default"] = MobileActionToolbar["default"];
+exports.DSToolbarItemWithSchema = MobileActionToolbarItem.DSToolbarItemWithSchema;
+exports.ToolbarItem = MobileActionToolbarItem["default"];