@elliemae/ds-mobile 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/InfiniteLoader/Infiniteloader.js

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsBasic = require('@elliemae/ds-basic');
-var InfiniteLoader_Loader = require('./Loader.js');
-require('prop-types');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
-require('./styled.js');
-require('styled-components');
+var Loader = require('./Loader.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 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 InfiniteLoader = function InfiniteLoader(_ref) {
-  var isFetching = _ref.isFetching,
-      fetchData = _ref.fetchData,
-      children = _ref.children,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? window.innerHeight : _ref$height;
-
-  var callback = function callback(entries) {
-    var isIntersecting = entries[0].isIntersecting;
+const InfiniteLoader = ({
+  isFetching,
+  fetchData,
+  children,
+  height = window.innerHeight
+}) => {
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
 
     if (isIntersecting && !isFetching) {
       fetchData(); // observer.current.unobserve(target.current);
@@ -34,9 +33,9 @@ var InfiniteLoader = function InfiniteLoader(_ref) {
   }; // const [target, setTarget] = useState(null);
 
 
-  var target = React.useRef(null);
-  var observer = React.useRef(null);
-  React.useEffect(function () {
+  const target = React.useRef(null);
+  const observer = React.useRef(null);
+  React.useEffect(() => {
     if (observer.current) {
       observer.current.disconnect();
     }
@@ -51,35 +50,35 @@ var InfiniteLoader = function InfiniteLoader(_ref) {
       observer.current.observe(target.current);
     }
 
-    return function () {
+    return () => {
       var _observer$current, _observer$current2;
 
       (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.unobserve(target.current);
       (_observer$current2 = observer.current) === null || _observer$current2 === void 0 ? void 0 : _observer$current2.disconnect();
     };
   }, [target, observer, fetchData]);
-  return /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsBasic.Grid, {
     style: {
       position: 'relative',
-      height: height,
+      height,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(dsBasic.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsBasic.Grid, {
     style: {
       overflow: isFetching ? 'hidden' : 'auto',
-      height: height
+      height
     }
-  }, children, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, children, /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: target,
     style: {
       height: 1
     }
-  })), /*#__PURE__*/React__default['default'].createElement(InfiniteLoader_Loader.Loader, {
+  })), /*#__PURE__*/_jsx__default["default"](Loader.Loader, {
     isOpen: isFetching
   }));
 };
 
-var listProps = {
+const listProps = {
   /** toggle loading state */
   isFetching: reactDesc.PropTypes.bool.description('toggle loading state'),
 
@@ -92,10 +91,8 @@ var listProps = {
   /** infinite loader list height */
   height: reactDesc.PropTypes.number.isRequired.description('infinite loader list height')
 };
-InfiniteLoader.propTypes = listProps;
-var InfiniteLoaderWithSchema = reactDesc.describe(InfiniteLoader);
+const InfiniteLoaderWithSchema = reactDesc.describe(InfiniteLoader);
 InfiniteLoaderWithSchema.propTypes = listProps;
 
 exports.InfiniteLoader = InfiniteLoader;
 exports.InfiniteLoaderWithSchema = InfiniteLoaderWithSchema;
-//# sourceMappingURL=Infiniteloader.js.map

package/cjs/InfiniteLoader/Loader.js

@@ -2,31 +2,24 @@
 
 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-basic/IndeterminateProgressIndicator');
-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, {
-    className: isOpen && 'opened'
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
-    processing: true,
-    title: "Loading"
-  }));
-};
-Loader.propTypes = {
-  isOpen: PropTypes__default['default'].bool
-};
+var _DSIndeterminateProgr;
+const Loader = ({
+  isOpen
+}) => /*#__PURE__*/_jsx__default["default"](styled.LoaderBox, {
+  className: isOpen && 'opened'
+}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+  processing: true,
+  title: "Loading"
+})));
 
 exports.Loader = Loader;
-//# sourceMappingURL=Loader.js.map

package/cjs/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -2,101 +2,65 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 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 = ({
+  moreItemsLoading = false,
+  hasNextPage = false,
+  isItemLoaded = () => true,
+  loadMoreItems,
+  getItemSize = () => 38,
+  height,
+  item: Row
+}) => {
+  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, {
-      className: "List",
-      height: height,
-      itemCount: itemCount,
-      itemSize: getItemSize,
-      onItemsRendered: onItemsRendered,
-      ref: ref,
-      width: "100%"
-    }, Row);
-  }), moreItemsLoading && /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, ({
+    onItemsRendered,
+    ref
+  }) => /*#__PURE__*/jsxRuntime.jsx(reactWindow.VariableSizeList, {
+    className: "List",
+    height: height,
+    itemCount: itemCount,
+    itemSize: getItemSize,
+    onItemsRendered: onItemsRendered,
+    ref: ref,
+    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 = {
-  /** 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.'),
-
-  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */
-  loadMoreItems: reactDesc.PropTypes.func.description('Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.'),
-
-  /** callback to get row item size */
-  getItemSize: reactDesc.PropTypes.func.description('callback to get row item size'),
-
-  /** height for the list */
-  height: reactDesc.PropTypes.number.description('height for the list'),
-
-  /** flag to know if virtual list should be on loading state */
-  moreItemsLoading: reactDesc.PropTypes.bool.description('flag to know if virtual list s'),
-
-  /** Row item to render */
-  item: reactDesc.PropTypes.element.description('Row item to render'),
-
-  /** flag for virtualized list */
-  hasNextPage: reactDesc.PropTypes.bool.description('flag for virtualized list')
-};
-VirtualizedInfiniteLoader.propTypes = listProps;
-var VirtualizedInfiniteLoaderWithSchema = reactDesc.describe(VirtualizedInfiniteLoader);
-VirtualizedInfiniteLoader.propTypes = listProps;
+const VirtualizedInfiniteLoaderWithSchema = reactDesc.describe(VirtualizedInfiniteLoader);
 
 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-basic');
-require('./Loader.js');
-require('prop-types');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
-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,76 @@
 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');
 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-basic/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;
-  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 () {
+})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], ({
+  type
+}) => type === 'cover' ? 'position: fixed' : 'position: absolute', props => props.zIndex);
+
+const LoadingPage = ({
+  backdropZIndex,
+  children,
+  loader,
+  loading,
+  type = 'fill',
+  zIndex = 1
+}) => {
+  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-basic/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,53 @@
 
 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 Grid = require('@elliemae/ds-basic/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-basic/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'](Grid.Grid).withConfig({
+const ToolStrip = /*#__PURE__*/styled__default["default"](Grid.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 = ({
+  withDepth = true,
+  buttons = [],
+  theme
+}) => {
+  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;