@elliemae/ds-shared 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/createDataInstance/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,101 +11,67 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 reducePropsGetter = function reducePropsGetter() {
-  var decorators = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var grid = arguments.length > 1 ? arguments[1] : undefined;
-  return function () {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var extraParams = arguments.length > 1 ? arguments[1] : undefined;
-    var nextProps = props;
-    decorators.forEach(function (decorator) {
-      nextProps = decorator(nextProps, grid, extraParams);
-    });
-    return nextProps;
-  };
+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 reducePropsGetter = (decorators = [], grid) => (props = {}, extraParams) => {
+  let nextProps = props;
+  decorators.forEach(decorator => {
+    nextProps = decorator(nextProps, grid, extraParams);
+  });
+  return nextProps;
 };
 /* eslint-disable-next-line max-params */
 
-function evaluateTransforms(transforms, value) {
-  var extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  var grid = arguments.length > 4 ? arguments[4] : undefined;
-  var nextProps = props;
-  transforms.forEach(function (transform) {
+function evaluateTransforms(transforms, value, extraParams = {}, props = {}, grid) {
+  let nextProps = props;
+  transforms.forEach(transform => {
     nextProps = transform(value, extraParams, nextProps, grid);
   });
   return nextProps;
 }
 /* eslint-disable-next-line max-params */
 
-function evaluateFormatters(formatters, value) {
-  var extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var grid = arguments.length > 3 ? arguments[3] : undefined;
-  return formatters.reduce(function (result, formatter) {
-    return formatter(result, extraParams, grid);
-  }, value);
+function evaluateFormatters(formatters, value, extraParams = {}, grid) {
+  return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);
 }
-function composeFormatters(formatters, instance) {
-  var getItemValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (record) {
-    return record.data.name;
-  };
+function composeFormatters(formatters, instance, getItemValue = record => record.data.name) {
   // todo: make the formatters subscribe to the item props instead of getting the whole instance
   // todo: addd should formatter update to memoize specific ones
-  return function (props) {
-    return formatters.reduce(function (result, formatter) {
-      return formatter(result, props, instance);
-    }, getItemValue(props.record));
-  };
+  return props => formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));
 }
-var applyDecorators = function applyDecorators(subject) {
-  var decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
-
-  return decorators.reduce(function (nextSubject, decorator) {
-    return decorator.apply(void 0, [nextSubject].concat(args));
-  }, subject);
-};
-var decorateColumns = function decorateColumns(columns, decorators, grid) {
-  var nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
-  return nextColumns.map(function (column, index) {
-    return applyDecorators(column, decorators.decorateColumn, grid, index);
-  });
-};
-var mergeInstance = function mergeInstance(instance, instanceHook) {
-  return _objectSpread(_objectSpread({}, instance), instanceHook(instance));
+const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
+const decorateColumns = (columns, decorators, grid) => {
+  const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
+  return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));
 };
-var registerStateHookToInstance = function registerStateHookToInstance(instance, stateHook) {
-  var _stateHook = stateHook(instance),
-      state = _stateHook.state,
-      actions = _stateHook.actions;
-
+const mergeInstance = (instance, instanceHook) => _objectSpread(_objectSpread({}, instance), instanceHook(instance));
+const registerStateHookToInstance = (instance, stateHook) => {
+  const {
+    state,
+    actions
+  } = stateHook(instance);
   return _objectSpread(_objectSpread({}, instance), {}, {
     state: _objectSpread(_objectSpread({}, instance.state), state),
     actions: _objectSpread(_objectSpread({}, instance.actions), actions)
   });
 };
 
-var reduceHotKey = function reduceHotKey(instance, _ref) {
-  var key = _ref.key,
-      handler = _ref.handler,
-      options = _ref.options,
-      allowDocumentHandler = _ref.allowDocumentHandler;
-  return _objectSpread(_objectSpread({}, instance), {}, {
-    hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, _defineProperty__default['default']({}, key, {
-      handler: handler,
-      options: options,
-      allowDocumentHandler: allowDocumentHandler
-    }))
-  });
-};
-
-var registerHotKeysHookToInstance = function registerHotKeysHookToInstance(instance, hotKeysHook) {
-  var hotKeys = hotKeysHook(instance);
+const reduceHotKey = (instance, {
+  key,
+  handler,
+  options,
+  allowDocumentHandler
+}) => _objectSpread(_objectSpread({}, instance), {}, {
+  hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, {
+    [key]: {
+      handler,
+      options,
+      allowDocumentHandler
+    }
+  })
+});
+
+const registerHotKeysHookToInstance = (instance, hotKeysHook) => {
+  const hotKeys = hotKeysHook(instance);
 
   if (Array.isArray(hotKeys)) {
     return hotKeys.reduce(reduceHotKey, instance);
@@ -122,4 +89,3 @@ exports.mergeInstance = mergeInstance;
 exports.reducePropsGetter = reducePropsGetter;
 exports.registerHotKeysHookToInstance = registerHotKeysHookToInstance;
 exports.registerStateHookToInstance = registerStateHookToInstance;
-//# sourceMappingURL=utils.js.map

package/cjs/defer-render-hoc/index.js

@@ -1,90 +1,45 @@
 'use strict';
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var raf = require('raf');
 var hoistNonReactStatic = require('hoist-non-react-statics');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
 var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatic);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/**
- * Allows two animation frames to complete to allow other components to update
- * and re-render before mounting and rendering an expensive `WrappedComponent`.
- *
- * @param WrappedComponent
- * @param fallback
- */
+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 deferComponentRender(WrappedComponent, fallback) {
-  var DeferredRenderWrapper = /*#__PURE__*/function (_PureComponent) {
-    _inherits__default['default'](DeferredRenderWrapper, _PureComponent);
-
-    var _super = _createSuper(DeferredRenderWrapper);
-
-    function DeferredRenderWrapper() {
-      var _this;
-
-      _classCallCheck__default['default'](this, DeferredRenderWrapper);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+  class DeferredRenderWrapper extends React.PureComponent {
+    constructor(...args) {
+      super(...args);
 
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", {
+      _defineProperty__default["default"](this, "state", {
         shouldRender: false
       });
-
-      return _this;
     }
 
-    _createClass__default['default'](DeferredRenderWrapper, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var _this2 = this;
+    componentDidMount() {
+      raf__default["default"](() => raf__default["default"](() => this.setState({
+        shouldRender: true
+      })));
+    }
 
-        raf__default['default'](function () {
-          return raf__default['default'](function () {
-            return _this2.setState({
-              shouldRender: true
-            });
-          });
-        });
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        // eslint-disable-next-line react/destructuring-assignment
-        return this.state.shouldRender ? /*#__PURE__*/React__default['default'].createElement(WrappedComponent, this.props) : fallback;
-      }
-    }]);
+    render() {
+      // eslint-disable-next-line react/destructuring-assignment
+      return this.state.shouldRender ? /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread({}, this.props)) : fallback;
+    }
 
-    return DeferredRenderWrapper;
-  }(React.PureComponent);
+  }
 
-  return hoistNonReactStatic__default['default'](DeferredRenderWrapper, WrappedComponent);
+  return hoistNonReactStatic__default["default"](DeferredRenderWrapper, WrappedComponent);
 }
 
 module.exports = deferComponentRender;
-//# sourceMappingURL=index.js.map

package/cjs/dimsum.config.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var dimsum_config = {
+  classNamePrefix: 'em-ds'
+};
+
+module.exports = dimsum_config;

package/cjs/index.js

@@ -2,27 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ScrollSync_ScrollSync = require('./ScrollSync/ScrollSync.js');
-var ScrollSync_ScrollSyncPane = require('./ScrollSync/ScrollSyncPane.js');
-var GroupContext_Group = require('./GroupContext/Group.js');
-var GroupContext_GroupContext = require('./GroupContext/GroupContext.js');
-var GroupContext_GroupItem = require('./GroupContext/GroupItem.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('@babel/runtime/helpers/extends');
-require('prop-types');
+var ScrollSync = require('./ScrollSync/ScrollSync.js');
+var ScrollSyncPane = require('./ScrollSync/ScrollSyncPane.js');
+var Group = require('./GroupContext/Group.js');
+var GroupContext = require('./GroupContext/GroupContext.js');
+var GroupItem = require('./GroupContext/GroupItem.js');
 
 
 
-exports.ScrollSync = ScrollSync_ScrollSync['default'];
-exports.ScrollSyncPane = ScrollSync_ScrollSyncPane;
-exports.Group = GroupContext_Group;
-exports.GroupContext = GroupContext_GroupContext.GroupContext;
-exports.GroupItem = GroupContext_GroupItem;
-//# sourceMappingURL=index.js.map
+exports.ScrollSync = ScrollSync["default"];
+exports.ScrollSyncPane = ScrollSyncPane;
+exports.Group = Group;
+exports.GroupContext = GroupContext.GroupContext;
+exports.GroupItem = GroupItem;

package/cjs/prop-types.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const dsBasicSizes = ['s', 'm', 'l'];
+const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'];
+const iconSizes = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
+const iconColors = [['neutral', '900'], ['neutral', '0'], ['danger', '900'], ['warning', '500'], ['success', '900'], ['brand-primary', '600']];
+const CHECKBOX_VARIANT = {
+  DEFAULT: 'variant-default',
+  FOCUS: 'variant-focus',
+  ACTIVE: 'variant-active',
+  DISABLED: 'variant-disabled',
+  ERROR: 'variant-error'
+};
+const checkboxVariants = [CHECKBOX_VARIANT.DEFAULT, CHECKBOX_VARIANT.FOCUS, CHECKBOX_VARIANT.ACTIVE, CHECKBOX_VARIANT.DISABLED, CHECKBOX_VARIANT.ERROR];
+const COMBOBOX_VARIANT = {
+  DEFAULT: 'variant-default',
+  FOCUS: 'variant-focus-input',
+  FOCUS_ICON: 'variant-focus-icon',
+  ACTIVE: 'variant-active-input',
+  ACTIVE_ICON: 'variant-active-icon',
+  DISABLED: 'variant-disabled',
+  ERROR: 'variant-error'
+};
+const comboBoxVariants = [COMBOBOX_VARIANT.DEFAULT, COMBOBOX_VARIANT.FOCUS, COMBOBOX_VARIANT.FOCUS_ICON, COMBOBOX_VARIANT.ACTIVE, COMBOBOX_VARIANT.ACTIVE_ICON, COMBOBOX_VARIANT.DISABLED, COMBOBOX_VARIANT.ERROR];
+const sizeVariants = {
+  S: 's',
+  M: 'm',
+  L: 'l'
+};
+const position = {
+  LEFT: 'left',
+  RIGHT: 'right',
+  CENTER: 'center'
+};
+const fontColor = {
+  NEUTRAL500: 'neutral500',
+  NEUTRAL700: 'neutral700'
+};
+const orientation = ['horizontal', 'vertical'];
+const orientationVariants = {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical'
+};
+
+exports.CHECKBOX_VARIANT = CHECKBOX_VARIANT;
+exports.COMBOBOX_VARIANT = COMBOBOX_VARIANT;
+exports.checkboxVariants = checkboxVariants;
+exports.comboBoxVariants = comboBoxVariants;
+exports.dsBasicSizes = dsBasicSizes;
+exports.fontColor = fontColor;
+exports.iconColors = iconColors;
+exports.iconSizes = iconSizes;
+exports.orientation = orientation;
+exports.orientationVariants = orientationVariants;
+exports.position = position;
+exports.sizeVariants = sizeVariants;
+exports.sizes = sizes;

package/cjs/react-spring/index.js

@@ -2,16 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var web_cjs = require('react-spring/web.cjs');
+var web = require('react-spring/web');
 
 
 
-Object.keys(web_cjs).forEach(function (k) {
+Object.keys(web).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () {
-			return web_cjs[k];
-		}
+		get: function () { return web[k]; }
 	});
 });
-//# sourceMappingURL=index.js.map

package/cjs/react-spring/renderprops.js

@@ -2,16 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var renderprops_cjs = require('react-spring/renderprops.cjs');
+var renderprops = require('react-spring/renderprops');
 
 
 
-Object.keys(renderprops_cjs).forEach(function (k) {
+Object.keys(renderprops).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () {
-			return renderprops_cjs[k];
-		}
+		get: function () { return renderprops[k]; }
 	});
 });
-//# sourceMappingURL=renderprops.js.map

package/cjs/toolbar/ToolbarProvider.js

@@ -2,134 +2,113 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
-var DSPopover = require('@elliemae/ds-popper');
-var dsUtilities = require('@elliemae/ds-utilities');
+var DSPopover = require('@elliemae/ds-basic/Popover');
+var hooks = require('@elliemae/ds-utilities/hooks');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
 
 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 ToolbarContext = /*#__PURE__*/React__default['default'].createContext();
-var Provider = ToolbarContext.Provider;
+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 ToolbarContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = ToolbarContext;
 
-var useScrollListener = function useScrollListener(callback, dependencies) {
-  React.useEffect(function () {
+const useScrollListener = (callback, dependencies) => {
+  React.useEffect(() => {
     window.addEventListener('scroll', callback, true);
-    return function () {
+    return () => {
       window.removeEventListener('scroll', callback, true);
     };
   }, [dependencies]);
 };
 
-var noop = function noop() {
-  return null;
-};
+const noop = () => null;
+
+function ToolbarProvider({
+  delay = 200,
+  children,
+  onHide = noop,
+  onShow = noop
+}) {
+  const showTimer = React.useRef();
+  const hideTimer = React.useRef();
+  const toolbarRef = React.useRef();
+  const [tooltipState, setTooltipState] = React.useState({});
 
-function ToolbarProvider(_ref) {
-  var _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? 200 : _ref$delay,
-      children = _ref.children,
-      _ref$onHide = _ref.onHide,
-      onHide = _ref$onHide === void 0 ? noop : _ref$onHide,
-      _ref$onShow = _ref.onShow,
-      onShow = _ref$onShow === void 0 ? noop : _ref$onShow;
-  var showTimer = React.useRef();
-  var hideTimer = React.useRef();
-  var toolbarRef = React.useRef();
-
-  var _useState = React.useState({}),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      tooltipState = _useState2[0],
-      setTooltipState = _useState2[1];
-
-  var show = function show(state) {
+  const show = state => {
     if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);
-    showTimer.current = setTimeout(function () {
-      return setTooltipState(_objectSpread(_objectSpread({}, state), {}, {
-        visible: true
-      }));
-    }, delay);
+    showTimer.current = setTimeout(() => setTooltipState(_objectSpread(_objectSpread({}, state), {}, {
+      visible: true
+    })), delay);
     onShow();
   };
 
-  var hide = function hide(e, force) {
+  const hide = (e, force) => {
     if (!force) clearTimeout(showTimer.current);
-    hideTimer.current = setTimeout(function () {
-      return setTooltipState(function (prevState) {
-        return _objectSpread(_objectSpread({}, prevState), {}, {
-          visible: false
-        });
-      });
-    }, 100);
+    hideTimer.current = setTimeout(() => setTooltipState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
+      visible: false
+    })), 100);
     onHide(tooltipState, e);
   };
 
-  useScrollListener(function (e) {
-    return hide(e, true);
-  }, tooltipState.visible);
-  dsUtilities.useOnClickOutside(toolbarRef, function () {
-    return hide();
-  });
+  useScrollListener(e => hide(e, true), tooltipState.visible);
+  hooks.useOnClickOutside(toolbarRef, () => hide());
 
-  var keyDownHandler = function keyDownHandler(e) {
+  const keyDownHandler = e => {
     if (e.key === 'Escape') {
       hide(e);
     }
   };
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     window.addEventListener('keydown', keyDownHandler);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', keyDownHandler);
     };
   });
-  var value = React.useMemo(function () {
-    return {
-      state: tooltipState,
-      show: show,
-      hide: hide
-    };
-  }, [tooltipState.reference]);
-  return /*#__PURE__*/React__default['default'].createElement(Provider, {
+  const value = React.useMemo(() => ({
+    state: tooltipState,
+    show,
+    hide
+  }), [tooltipState.reference]);
+  return /*#__PURE__*/_jsx__default["default"](Provider, {
     value: value
-  }, children, /*#__PURE__*/React__default['default'].createElement(DSPopover__default['default'], _extends__default['default']({
+  }, void 0, children, /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread({
     boundaries: "scrollParent"
-  }, tooltipState.options || {}, {
+  }, tooltipState.options || {}), {}, {
     content: tooltipState.renderer,
     placement: "left",
     referenceEl: tooltipState.reference,
-    renderer: function renderer(_ref2) {
-      var Component = _ref2.as,
-          style = _ref2.style,
-          Content = _ref2.children;
-      return /*#__PURE__*/React__default['default'].createElement("div", {
-        ref: toolbarRef,
-        onMouseEnter: function onMouseEnter(e) {
-          return show(tooltipState);
-        },
-        onMouseLeave: hide
-      }, /*#__PURE__*/React__default['default'].createElement(Component, {
+    renderer: ({
+      as: Component,
+      style,
+      children: Content
+    }) => /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: toolbarRef,
+      onMouseEnter: e => show(tooltipState),
+      onMouseLeave: hide,
+      children: /*#__PURE__*/_jsx__default["default"](Component, {
         style: style
-      }, Content));
-    },
+      }, void 0, Content)
+    }),
     style: tooltipState.style,
     visible: tooltipState.visible
   })));
 }
 
-var ToolbarProvider$1 = /*#__PURE__*/React__default['default'].memo(ToolbarProvider);
+var ToolbarProvider$1 = /*#__PURE__*/React__default["default"].memo(ToolbarProvider);
 
 exports.ToolbarContext = ToolbarContext;
-exports['default'] = ToolbarProvider$1;
-//# sourceMappingURL=ToolbarProvider.js.map
+exports["default"] = ToolbarProvider$1;