@elliemae/ds-treeview 2.0.2 → 2.1.0-rc.4

package/cjs/deprecated/plugins/index.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TreeDndPlugin = require('./dnd/TreeDndPlugin.js');
-var TreeRovingPlugin = require('./roving/TreeRovingPlugin.js');
-var SelectablePluginTree = require('./selectable/SelectablePluginTree.js');
-var TreeToolbarPlugin = require('./toolbar/TreeToolbarPlugin.js');
-var TreeDataPlugin = require('./tree/TreeDataPlugin.js');
-var TreeVirtualizationPlugin = require('./virtualization/TreeVirtualizationPlugin.js');
-var SearchableTreePlugin = require('./searchable/SearchableTreePlugin.js');
-
-
-
-exports.TreeDndPlugin = TreeDndPlugin.TreeDndPlugin;
-exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;
-exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;
-exports.TreeToolbarPlugin = TreeToolbarPlugin.TreeToolbarPlugin;
-exports.TreePluginList = TreeDataPlugin.TreePluginList;
-exports.TreeVirtualizationPlugin = TreeVirtualizationPlugin.TreeVirtualizationPlugin;
-exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-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 React = require('react');
-var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
-var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-const _excluded = ["innerRef", "onFocus", "onBlur"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const TreeListRovingHoc = instance => props => {
-  const {
-    hotKeys
-  } = instance.getInstance();
-  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
-    hotKeys: hotKeys
-  }, void 0, props.children);
-}; // eslint-disable-next-line react/display-name
-
-
-const TreeItemRovingHoc = Component => _ref => {
-  let {
-    innerRef,
-    onFocus,
-    onBlur
-  } = _ref,
-      props = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const ref = React.useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  useFocusGroupItem__default["default"](ref, {
-    onFocus,
-    onBlur
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    innerRef: dsUtilities.mergeRefs(ref, innerRef)
-  }));
-};
-
-const TreeRovingPlugin = createInstancePlugin__default["default"]('tree-data', {
-  getItemProps(props, instance) {
-    const [isItemFocused, setIsItemFocused] = React.useState(false);
-    return _objectSpread(_objectSpread({}, props), {}, {
-      onBlur: () => setIsItemFocused(false),
-      // eslint-disable-next-line no-unused-vars
-      onFocus: e => {
-        var _instance$props;
-
-        setIsItemFocused(true);
-
-        if (instance !== null && instance !== void 0 && (_instance$props = instance.props) !== null && _instance$props !== void 0 && _instance$props.onItemFocus) {
-          instance.props.onItemFocus({
-            scrollToItem: function () {
-              var _props$listRef, _props$listRef$curren;
-
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
-              }
-
-              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
-          });
-        }
-      },
-      isItemFocused,
-      'data-index': props.index
-    });
-  },
-
-  renderers(renderers, instance) {
-    const ListWrapper = React.useMemo(() => TreeListRovingHoc(instance), []);
-    const Item = React.useMemo(() => TreeItemRovingHoc(renderers.item), []);
-    return _objectSpread(_objectSpread({}, renderers), {}, {
-      listWrapper: ListWrapper,
-      item: Item
-    });
-  }
-
-});
-TreeRovingPlugin.order = 0;
-
-exports.TreeRovingPlugin = TreeRovingPlugin;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TreeRovingPlugin = require('./TreeRovingPlugin.js');
-
-
-
-exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;

package/cjs/deprecated/plugins/searchable/SearchableTreePlugin.js

@@ -1,109 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-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');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var Highlighter = require('react-highlight-words');
-require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-var Highlighter__default = /*#__PURE__*/_interopDefaultLegacy(Highlighter);
-
-const markParentsAsChildMatch = record => {
-  let currRecord = record;
-
-  while (currRecord.parentNode) {
-    currRecord.parentNode.childMatch = true;
-    currRecord = currRecord.parentNode;
-  }
-};
-
-function transformRecords(records, instance) {
-  var _instance$getListRef, _instance$getListRef$;
-
-  // gets the ul with overflow: auto
-  const list = (_instance$getListRef = instance.getListRef()) === null || _instance$getListRef === void 0 ? void 0 : (_instance$getListRef$ = _instance$getListRef.current) === null || _instance$getListRef$ === void 0 ? void 0 : _instance$getListRef$.parentElement;
-  const {
-    props: {
-      searchQuery
-    }
-  } = instance.getInstance();
-  if (!searchQuery) return records; // Scroll the list to the top once the search is triggered
-
-  list === null || list === void 0 ? void 0 : list.scrollTo(0, 0);
-  return records.filter(record => record.selfMatch || record.childMatch);
-}
-
-transformRecords.order = 0;
-
-function transformRecord(record, instance) {
-  const {
-    props: {
-      searchQuery
-    },
-    getItemLabel
-  } = instance.getInstance();
-
-  if (searchQuery && getItemLabel(record).toLowerCase().indexOf(searchQuery.toLowerCase()) !== -1) {
-    markParentsAsChildMatch(record); // eslint-disable-next-line no-param-reassign
-
-    record.selfMatch = true;
-  }
-
-  return record;
-}
-
-transformRecord.order = 0;
-
-const itemRenderer = (value, itemProps, instance) => {
-  const {
-    props: {
-      searchQuery,
-      showHighlight = true
-    }
-  } = instance.getInstance();
-  if (!showHighlight || !searchQuery) return value;
-  return /*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
-    autoEscape: true,
-    highlightClassName: "tree-text-highlight",
-    searchWords: [searchQuery],
-    textToHighlight: value
-  });
-};
-
-itemRenderer.order = 0;
-const SearchableTreePlugin = createInstancePlugin__default["default"]('searchable-tree', {
-  instance: instance => {
-    const {
-      props: {
-        searchQuery
-      }
-    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const prevSearchQuery = dsUtilities.usePrevious(searchQuery);
-    return {
-      prevSearchQuery
-    };
-  },
-  shouldWalkChildren: (record, instance) => {
-    const {
-      props: {
-        searchQuery
-      }
-    } = instance.getInstance();
-    return !!searchQuery;
-  },
-  record: transformRecord,
-  records: transformRecords,
-  itemRenderer
-});
-
-exports.SearchableTreePlugin = SearchableTreePlugin;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SearchableTreePlugin = require('./SearchableTreePlugin.js');
-
-
-
-exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

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

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
-
-exports.getListFromDocument = getListFromDocument;

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

@@ -1,290 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.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 dsForm = require('@elliemae/ds-form');
-var dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var walkTreeStrategy = require('../tree/walkTreeStrategy.js');
-var utils = require('../tree/utils.js');
-var utils$1 = require('./utils.js');
-require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const updateParentState = _ref => {
-  let {
-    node,
-    checked,
-    selectionState,
-    isCurrentParentChildren = true
-  } = _ref;
-  const {
-    parentNode
-  } = node;
-
-  if (parentNode) {
-    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;
-    const parentChildren = utils.getParentChildren(node);
-    const parentChildrenLength = parentChildren && parentChildren.length; // check parent state
-
-    const parentState = utils$1.checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
-    selectionState[parentNode.id || 'all'] = parentState;
-    updateParentState({
-      node: parentNode,
-      checked: parentState,
-      selectionState,
-      isCurrentParentChildren: false
-    });
-  }
-};
-
-const useSelectableTreeState = instance => {
-  const {
-    originalData,
-    idKey = 'id',
-    props: {
-      onSelect = () => null,
-      selection: selectionProp = {},
-      onSelectionChange = () => null,
-      isMultiSelect = false,
-      isSingleSelect = false
-    }
-  } = instance;
-  const [selection, setSelection] = dsUtilities.useDerivedStateFromProps(selectionProp);
-  const isAllSelected = React.useMemo(() => {
-    if (!isMultiSelect) return false;
-    const amountSelected = originalData.reduce((result, item) => selection[item[idKey]] === true ? result + 1 : result, 0);
-
-    if (amountSelected === originalData.length) {
-      return true;
-    }
-
-    if (amountSelected === 0) {
-      return false;
-    }
-
-    return 'mixed';
-  }, [selection]);
-  const select = React.useCallback(function (record) {
-    let additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    if (dsUtilities.isFunction(onSelect)) {
-      onSelect(record.data, {
-        scrollToItem: function () {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-
-          if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
-        },
-        itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
-      });
-    }
-
-    setSelection(prevSelection => {
-      const nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
-      const nextState = isMultiSelect ? !prevSelection[record.id] : {};
-      nextSelectionState[record.id] = nextState;
-
-      if (isMultiSelect || isSingleSelect) {
-        // if node group then select all its leafs
-        if (record.isGroup && isMultiSelect) {
-          if (record.parentNode && nextState) record.parentNode.selectedChildren.push(record.id);
-          if (!nextState) record.selectedChildren = []; // get all children
-
-          walkTreeStrategy.walkTreeStrategy({
-            data: record.data.children,
-            parentNode: record,
-            cb: node => {
-              const parentId = utils.getParentId(node); // if direct child and truthy next state
-
-              if (nextState && parentId === record.id) {
-                record.selectedChildren.push(node.id);
-              }
-
-              nextSelectionState[node.id] = nextState;
-            }
-          });
-        } // mutates the cloned selection state
-
-
-        updateParentState({
-          node: record,
-          checked: nextState,
-          selectionState: nextSelectionState
-        });
-      }
-
-      onSelectionChange(nextSelectionState, record.data, {
-        scrollToItem: function () {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-
-          if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
-        },
-        itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
-      });
-      return nextSelectionState;
-    });
-  }, []);
-  return {
-    state: {
-      selection,
-      isAllSelected
-    },
-    actions: {
-      select
-    }
-  };
-};
-
-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(id => id !== record.id);
-  }
-};
-const SelectablePluginTree = createInstancePlugin__default["default"]('selectable', {
-  state: useSelectableTreeState,
-  // itemRenderer: SelectionFormatter,
-  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.isGroup && record.selectedChildren === undefined) {
-        record.selectedChildren = [];
-      }
-
-      updateParentInternalState(record, record.checked);
-    }
-
-    return record;
-  },
-
-  getItemProps(props, instance, _ref3) {
-    let {
-      record
-    } = _ref3;
-    const {
-      actions: {
-        select
-      },
-      props: {
-        isMultiSelect,
-        isSingleSelect,
-        disableLeafs,
-        disableGroups
-      }
-    } = instance.getInstance();
-
-    const handleSelect = () => select(record, {
-      scrollToItem: function () {
-        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
-    });
-
-    const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx__default["default"](dsForm.DSCheckbox, {
-      checked: record.checked,
-      disabled: record.isGroup ? disableGroups : disableLeafs,
-      className: "tree-item-checkbox",
-      "data-testid": "tree-item-checkbox",
-      onChange: handleSelect,
-      tabIndex: -1
-    });
-
-    const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx__default["default"](dsForm.DSRadio, {
-      checked: !!record.checked,
-      disabled: record.isGroup ? disableGroups : disableLeafs,
-      className: "tree-item-radio",
-      "data-testid": "tree-item-radio",
-      onChange: handleSelect,
-      tabIndex: -1
-    });
-
-    if (isMultiSelect || isSingleSelect) {
-      return _objectSpread(_objectSpread({}, props), {}, {
-        leftAddons: [checkboxAddon, radioAddon, ...(props.leftAddons || [])],
-        'aria-selected': !!record.checked
-      });
-    }
-
-    return _objectSpread(_objectSpread({}, props), {}, {
-      onClick: handleSelect,
-      className: dsUtilities.cx(props.className, record.checked && 'selected'),
-      'aria-selected': !!record.checked
-    });
-  },
-
-  hotKeys(grid) {
-    return {
-      key: 'space',
-      handler: _ref4 => {
-        let {
-          index
-        } = _ref4;
-        const {
-          records,
-          actions: {
-            select
-          }
-        } = grid.getInstance();
-        select(records[index]);
-      }
-    };
-  }
-
-});
-
-exports.SelectablePluginTree = SelectablePluginTree;

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

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SelectablePluginTree = require('./SelectablePluginTree.js');
-
-
-
-exports.SelectablePluginTree = SelectablePluginTree.SelectablePluginTree;

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

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const checkParentState = (nextSelectedChildrenAmount, parentChildrenLength, checked) => {
-  let parentState = false;
-
-  if (nextSelectedChildrenAmount === parentChildrenLength) {
-    parentState = true;
-  } else if (nextSelectedChildrenAmount > 0 && nextSelectedChildrenAmount < parentChildrenLength) {
-    parentState = 'mixed';
-  } else if (parentChildrenLength && checked === 'mixed') {
-    parentState = 'mixed';
-  }
-
-  return parentState;
-};
-
-exports.checkParentState = checkParentState;