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

package/cjs/deprecated/plugins/selectable/SelectablePluginTree.js

@@ -2,26 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var Checkbox = require('@elliemae/ds-basic/form/Checkbox');
 var Radio = require('@elliemae/ds-basic/form/Radio');
 var utils = require('@elliemae/ds-utilities/utils');
 var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var deprecated_plugins_tree_walkTreeStrategy = require('../tree/walkTreeStrategy.js');
-var deprecated_plugins_tree_utils = require('../tree/utils.js');
-var deprecated_plugins_selectable_utils = require('./utils.js');
-require('lodash/get');
+var walkTreeStrategy = require('../tree/walkTreeStrategy.js');
+var utils$1 = require('../tree/utils.js');
+var utils$2 = require('./utils.js');
+require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+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 Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
@@ -29,66 +26,54 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 
 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; }
 
-var updateParentState = function updateParentState(_ref) {
-  var node = _ref.node,
-      checked = _ref.checked,
-      selectionState = _ref.selectionState,
-      _ref$isCurrentParentC = _ref.isCurrentParentChildren,
-      isCurrentParentChildren = _ref$isCurrentParentC === void 0 ? true : _ref$isCurrentParentC;
-  var parentNode = node.parentNode;
+const updateParentState = ({
+  node,
+  checked,
+  selectionState,
+  isCurrentParentChildren = true
+}) => {
+  const {
+    parentNode
+  } = node;
 
   if (parentNode) {
-    var nextSelectedChildrenAmount; // increase or decrease the amount
+    let nextSelectedChildrenAmount; // increase or decrease the amount
 
     if (checked === true && isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length;
     if (checked === true && !isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length + 1;
     if (checked === false) nextSelectedChildrenAmount = parentNode.selectedChildren.length - 1;
-    var parentChildren = deprecated_plugins_tree_utils.getParentChildren(node);
-    var parentChildrenLength = parentChildren && parentChildren.length; // check parent state
+    const parentChildren = utils$1.getParentChildren(node);
+    const parentChildrenLength = parentChildren && parentChildren.length; // check parent state
 
-    var parentState = deprecated_plugins_selectable_utils.checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
+    const parentState = utils$2.checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
     selectionState[parentNode.id || 'all'] = parentState;
     updateParentState({
       node: parentNode,
       checked: parentState,
-      selectionState: selectionState,
+      selectionState,
       isCurrentParentChildren: false
     });
   }
 };
 
-var useSelectableTreeState = function useSelectableTreeState(instance) {
-  var originalData = instance.originalData,
-      _instance$idKey = instance.idKey,
-      idKey = _instance$idKey === void 0 ? 'id' : _instance$idKey,
-      _instance$props = instance.props,
-      _instance$props$onSel = _instance$props.onSelect,
-      onSelect = _instance$props$onSel === void 0 ? function () {
-    return null;
-  } : _instance$props$onSel,
-      _instance$props$selec = _instance$props.selection,
-      selectionProp = _instance$props$selec === void 0 ? {} : _instance$props$selec,
-      _instance$props$onSel2 = _instance$props.onSelectionChange,
-      onSelectionChange = _instance$props$onSel2 === void 0 ? function () {
-    return null;
-  } : _instance$props$onSel2,
-      _instance$props$isMul = _instance$props.isMultiSelect,
-      isMultiSelect = _instance$props$isMul === void 0 ? false : _instance$props$isMul,
-      _instance$props$isSin = _instance$props.isSingleSelect,
-      isSingleSelect = _instance$props$isSin === void 0 ? false : _instance$props$isSin;
-
-  var _useDerivedStateFromP = useDerivedStateFromProps__default['default'](selectionProp),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      selection = _useDerivedStateFromP2[0],
-      setSelection = _useDerivedStateFromP2[1];
-
-  var isAllSelected = React.useMemo(function () {
+const useSelectableTreeState = instance => {
+  const {
+    originalData,
+    idKey = 'id',
+    props: {
+      onSelect = () => null,
+      selection: selectionProp = {},
+      onSelectionChange = () => null,
+      isMultiSelect = false,
+      isSingleSelect = false
+    }
+  } = instance;
+  const [selection, setSelection] = useDerivedStateFromProps__default["default"](selectionProp);
+  const isAllSelected = React.useMemo(() => {
     if (!isMultiSelect) return false;
-    var amountSelected = originalData.reduce(function (result, item) {
-      return selection[item[idKey]] === true ? result + 1 : result;
-    }, 0);
+    const amountSelected = originalData.reduce((result, item) => selection[item[idKey]] === true ? result + 1 : result, 0);
 
     if (amountSelected === originalData.length) {
       return true;
@@ -100,25 +85,19 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
 
     return 'mixed';
   }, [selection]);
-  var select = React.useCallback(function (record) {
-    var additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+  const select = React.useCallback((record, additionalActions = {}) => {
     if (utils.isFunction(onSelect)) {
       onSelect(record.data, {
-        scrollToItem: function scrollToItem() {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-
+        scrollToItem: (...args) => {
           if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
         },
         itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
       });
     }
 
-    setSelection(function (prevSelection) {
-      var nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
-      var nextState = isMultiSelect ? !prevSelection[record.id] : {};
+    setSelection(prevSelection => {
+      const nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
+      const nextState = isMultiSelect ? !prevSelection[record.id] : {};
       nextSelectionState[record.id] = nextState;
 
       if (isMultiSelect || isSingleSelect) {
@@ -127,11 +106,11 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
           if (record.parentNode && nextState) record.parentNode.selectedChildren.push(record.id);
           if (!nextState) record.selectedChildren = []; // get all children
 
-          deprecated_plugins_tree_walkTreeStrategy.walkTreeStrategy({
+          walkTreeStrategy.walkTreeStrategy({
             data: record.data.children,
             parentNode: record,
-            cb: function cb(node) {
-              var parentId = deprecated_plugins_tree_utils.getParentId(node); // if direct child and truthy next state
+            cb: node => {
+              const parentId = utils$1.getParentId(node); // if direct child and truthy next state
 
               if (nextState && parentId === record.id) {
                 record.selectedChildren.push(node.id);
@@ -151,11 +130,7 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
       }
 
       onSelectionChange(nextSelectionState, record.data, {
-        scrollToItem: function scrollToItem() {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-
+        scrollToItem: (...args) => {
           if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
         },
         itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
@@ -165,81 +140,83 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
   }, []);
   return {
     state: {
-      selection: selection,
-      isAllSelected: isAllSelected
+      selection,
+      isAllSelected
     },
     actions: {
-      select: select
+      select
     }
   };
 };
 
-var updateParentInternalState = function updateParentInternalState(record, checked) {
-  var parentNode = record.parentNode;
+const updateParentInternalState = (record, checked) => {
+  const {
+    parentNode
+  } = record;
   if (!parentNode) return; // if next state is checked
 
   if (checked === true) {
     parentNode.selectedChildren.push(record.id);
   } else {
-    parentNode.selectedChildren = parentNode.selectedChildren.filter(function (id) {
-      return id !== record.id;
-    });
+    parentNode.selectedChildren = parentNode.selectedChildren.filter(id => id !== record.id);
   }
 };
-var SelectablePluginTree = createInstancePlugin__default['default']('selectable', {
+const SelectablePluginTree = createInstancePlugin__default["default"]('selectable', {
   state: useSelectableTreeState,
   // itemRenderer: SelectionFormatter,
-  record: function record(_record, instance) {
-    var _instance$getInstance2 = instance.getInstance(),
-        selection = _instance$getInstance2.state.selection,
-        _instance$getInstance3 = _instance$getInstance2.props,
-        isMultiSelect = _instance$getInstance3.isMultiSelect,
-        isSingleSelect = _instance$getInstance3.isSingleSelect;
-
-    _record.checked = selection[_record.id];
+  record: (record, instance) => {
+    const {
+      state: {
+        selection
+      },
+      props: {
+        isMultiSelect,
+        isSingleSelect
+      }
+    } = instance.getInstance();
+    record.checked = selection[record.id];
 
     if (isMultiSelect || isSingleSelect) {
       // if it's the root of the tree declare the selectedChildren array
-      if (!_record.parentNode.id && _record.parentNode.selectedChildren === undefined) {
-        _record.parentNode.selectedChildren = [];
+      if (!record.parentNode.id && record.parentNode.selectedChildren === undefined) {
+        record.parentNode.selectedChildren = [];
       }
 
-      if (_record.isGroup && _record.selectedChildren === undefined) {
-        _record.selectedChildren = [];
+      if (record.isGroup && record.selectedChildren === undefined) {
+        record.selectedChildren = [];
       }
 
-      updateParentInternalState(_record, _record.checked);
+      updateParentInternalState(record, record.checked);
     }
 
-    return _record;
+    return record;
   },
-  getItemProps: function getItemProps(props, instance, _ref3) {
-    var record = _ref3.record;
-
-    var _instance$getInstance4 = instance.getInstance(),
-        select = _instance$getInstance4.actions.select,
-        _instance$getInstance5 = _instance$getInstance4.props,
-        isMultiSelect = _instance$getInstance5.isMultiSelect,
-        isSingleSelect = _instance$getInstance5.isSingleSelect,
-        disableLeafs = _instance$getInstance5.disableLeafs,
-        disableGroups = _instance$getInstance5.disableGroups;
-
-    var handleSelect = function handleSelect() {
-      return select(record, {
-        scrollToItem: function scrollToItem() {
-          var _props$listRef, _props$listRef$curren;
-
-          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-            args[_key3] = arguments[_key3];
-          }
 
-          return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
-        },
-        itemIndex: props === null || props === void 0 ? void 0 : props.index
-      });
-    };
+  getItemProps(props, instance, {
+    record
+  }) {
+    const {
+      actions: {
+        select
+      },
+      props: {
+        isMultiSelect,
+        isSingleSelect,
+        disableLeafs,
+        disableGroups
+      }
+    } = instance.getInstance();
+
+    const handleSelect = () => select(record, {
+      scrollToItem: (...args) => {
+        var _props$listRef, _props$listRef$curren;
 
-    var checkboxAddon = isMultiSelect && /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
+        return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
+      },
+      itemIndex: props === null || props === void 0 ? void 0 : props.index
+    });
+
+    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx__default["default"](Checkbox__default["default"], {
       checked: record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-checkbox",
@@ -247,7 +224,8 @@ var SelectablePluginTree = createInstancePlugin__default['default']('selectable'
       onChange: handleSelect,
       tabIndex: -1
     });
-    var radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/React__default['default'].createElement(Radio__default['default'], {
+
+    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx__default["default"](Radio__default["default"], {
       checked: !!record.checked,
       disabled: record.isGroup ? disableGroups : disableLeafs,
       className: "tree-item-radio",
@@ -258,7 +236,7 @@ var SelectablePluginTree = createInstancePlugin__default['default']('selectable'
 
     if (isMultiSelect || isSingleSelect) {
       return _objectSpread(_objectSpread({}, props), {}, {
-        leftAddons: [checkboxAddon, radioAddon].concat(_toConsumableArray__default['default'](props.leftAddons || [])),
+        leftAddons: [checkboxAddon, radioAddon, ...(props.leftAddons || [])],
         'aria-selected': !!record.checked
       });
     }
@@ -269,21 +247,24 @@ var SelectablePluginTree = createInstancePlugin__default['default']('selectable'
       'aria-selected': !!record.checked
     });
   },
-  hotKeys: function hotKeys(grid) {
+
+  hotKeys(grid) {
     return {
       key: 'space',
-      handler: function handler(_ref4) {
-        var index = _ref4.index;
-
-        var _grid$getInstance = grid.getInstance(),
-            records = _grid$getInstance.records,
-            select = _grid$getInstance.actions.select;
-
+      handler: ({
+        index
+      }) => {
+        const {
+          records,
+          actions: {
+            select
+          }
+        } = grid.getInstance();
         select(records[index]);
       }
     };
   }
+
 });
 
 exports.SelectablePluginTree = SelectablePluginTree;
-//# sourceMappingURL=SelectablePluginTree.js.map

package/cjs/deprecated/plugins/selectable/helper.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=helper.js.map

package/cjs/deprecated/plugins/selectable/index.js

@@ -2,22 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_selectable_SelectablePluginTree = require('./SelectablePluginTree.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-basic/form/Checkbox');
-require('@elliemae/ds-basic/form/Radio');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('../tree/walkTreeStrategy.js');
-require('../tree/utils.js');
-require('lodash/get');
-require('./utils.js');
+var SelectablePluginTree = require('./SelectablePluginTree.js');
 
 
 
-exports.SelectablePluginTree = deprecated_plugins_selectable_SelectablePluginTree.SelectablePluginTree;
-//# sourceMappingURL=index.js.map
+exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;

package/cjs/deprecated/plugins/selectable/utils.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var checkParentState = function checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked) {
-  var parentState = false;
+const checkParentState = (nextSelectedChildrenAmount, parentChildrenLength, checked) => {
+  let parentState = false;
 
   if (nextSelectedChildrenAmount === parentChildrenLength) {
     parentState = true;
@@ -17,4 +17,3 @@ var checkParentState = function checkParentState(nextSelectedChildrenAmount, par
 };
 
 exports.checkParentState = checkParentState;
-//# sourceMappingURL=utils.js.map

package/cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
@@ -12,44 +12,45 @@ var utils = require('@elliemae/ds-utilities/utils');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var ToolbarProvider = require('@elliemae/ds-shared/toolbar/ToolbarProvider');
 var FocusGroupContext = require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 var ToolbarProvider__default = /*#__PURE__*/_interopDefaultLegacy(ToolbarProvider);
 var FocusGroupContext__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupContext);
 
-var _excluded = ["onMouseEnter", "onMouseLeave", "extraParams", "renderToolbar", "isItemFocused", "icon", "rowSize"];
+const _excluded = ["onMouseEnter", "onMouseLeave", "extraParams", "renderToolbar", "isItemFocused", "icon", "rowSize"];
 
 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 ToolbarDisclosure = function ToolbarDisclosure(props) {
-  var onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      extraParams = props.extraParams,
-      renderToolbar = props.renderToolbar,
-      isItemFocused = props.isItemFocused,
-      _props$icon = props.icon,
-      icon = _props$icon === void 0 ? /*#__PURE__*/React__default['default'].createElement(MoreOptionsVert__default['default'], {
-    color: ['brand-primary', 800]
-  }) : _props$icon,
-      rowSize = props.rowSize,
-      rest = _objectWithoutProperties__default['default'](props, _excluded);
-
-  var toolbarContext = React.useContext(ToolbarProvider.ToolbarContext);
-  var ref = React.useRef(null);
-
-  var show = function show() {
+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 ToolbarDisclosure = props => {
+  const {
+    onMouseEnter,
+    onMouseLeave,
+    extraParams,
+    renderToolbar,
+    isItemFocused,
+    icon = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {
+      color: ['brand-primary', 800]
+    }),
+    rowSize
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const toolbarContext = React.useContext(ToolbarProvider.ToolbarContext);
+  const ref = React.useRef(null);
+
+  const show = () => {
     if (ref.current) {
-      var toolbar = renderToolbar(_objectSpread(_objectSpread({
+      const toolbar = renderToolbar(_objectSpread(_objectSpread({
         onCloseToolbar: toolbarContext.hide
       }, extraParams), {}, {
         size: rowSize
@@ -61,11 +62,11 @@ var ToolbarDisclosure = function ToolbarDisclosure(props) {
     }
   };
 
-  var hide = function hide(e) {
+  const hide = e => {
     toolbarContext.hide(e);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(Button__default['default'], _extends__default['default']({}, rest, {
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "text",
     className: "toolbar-trigger",
     icon: icon,
@@ -77,43 +78,47 @@ var ToolbarDisclosure = function ToolbarDisclosure(props) {
   }));
 };
 
-var TriggerFormatter = function TriggerFormatter(value, extraParams, instance) {
-  var _instance$getInstance = instance.getInstance(),
-      _instance$getInstance2 = _instance$getInstance.props,
-      onShowToolbar = _instance$getInstance2.onShowToolbar,
-      onCloseToolbar = _instance$getInstance2.onCloseToolbar,
-      renderToolbar = _instance$getInstance2.renderToolbar,
-      rowSize = _instance$getInstance2.rowSize;
-
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, value, /*#__PURE__*/React__default['default'].createElement(ToolbarDisclosure, {
-    isItemFocused: extraParams.isItemFocused,
-    onClose: onCloseToolbar,
-    onShow: onShowToolbar,
-    renderToolbar: renderToolbar,
-    rowSize: rowSize
-  }));
+const TriggerFormatter = (value, extraParams, instance) => {
+  const {
+    props: {
+      onShowToolbar,
+      onCloseToolbar,
+      renderToolbar,
+      rowSize
+    }
+  } = instance.getInstance();
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [value, /*#__PURE__*/_jsx__default["default"](ToolbarDisclosure, {
+      isItemFocused: extraParams.isItemFocused,
+      onClose: onCloseToolbar,
+      onShow: onShowToolbar,
+      renderToolbar: renderToolbar,
+      rowSize: rowSize
+    })]
+  });
 };
 
-var TreeToolbarPlugin = createInstancePlugin__default['default']('tree-toolbar', {
+const TreeToolbarPlugin = createInstancePlugin__default["default"]('tree-toolbar', {
   itemRenderer: TriggerFormatter,
-  renderers: function renderers(_renderers) {
-    var List = React.useMemo(function () {
-      var Component = _renderers.list; // eslint-disable-next-line react/display-name
-
-      return function (props) {
-        var focusContext = React.useContext(FocusGroupContext__default['default']);
-        return /*#__PURE__*/React__default['default'].createElement(ToolbarProvider__default['default'], {
-          onHide: function onHide(state, e) {
+
+  renderers(renderers) {
+    const List = React.useMemo(() => {
+      const Component = renderers.list; // eslint-disable-next-line react/display-name
+
+      return props => {
+        const focusContext = React.useContext(FocusGroupContext__default["default"]);
+        return /*#__PURE__*/_jsx__default["default"](ToolbarProvider__default["default"], {
+          onHide: (state, e) => {
             if (e && e.type === 'keydown' && focusContext) focusContext.focus();
           }
-        }, /*#__PURE__*/React__default['default'].createElement(Component, props));
+        }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
       };
     }, []);
-    return _objectSpread(_objectSpread({}, _renderers), {}, {
+    return _objectSpread(_objectSpread({}, renderers), {}, {
       list: List
     });
   }
+
 });
 
 exports.TreeToolbarPlugin = TreeToolbarPlugin;
-//# sourceMappingURL=TreeToolbarPlugin.js.map

package/cjs/deprecated/plugins/toolbar/index.js

@@ -2,19 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_toolbar_TreeToolbarPlugin = require('./TreeToolbarPlugin.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('@elliemae/ds-shared/toolbar/ToolbarProvider');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupContext');
+var TreeToolbarPlugin = require('./TreeToolbarPlugin.js');
 
 
 
-exports.TreeToolbarPlugin = deprecated_plugins_toolbar_TreeToolbarPlugin.TreeToolbarPlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;