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

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

@@ -3,114 +3,98 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.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 system = require('@elliemae/ds-utilities/system');
 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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var _excluded = ["innerRef", "onFocus", "onBlur"];
+const _excluded = ["innerRef", "onFocus", "onBlur"];
 
 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 TreeListRovingHoc = function TreeListRovingHoc(instance) {
-  return function (props) {
-    var _instance$getInstance = instance.getInstance(),
-        hotKeys = _instance$getInstance.hotKeys;
-
-    return /*#__PURE__*/React__default['default'].createElement(FocusGroupProvider__default['default'], {
-      hotKeys: hotKeys
-    }, props.children);
-  };
+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
 
 
-var TreeItemRovingHoc = function TreeItemRovingHoc(Component) {
-  return function (_ref) {
-    var innerRef = _ref.innerRef,
-        onFocus = _ref.onFocus,
-        onBlur = _ref.onBlur,
-        props = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var ref = React.useRef(null); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    useFocusGroupItem__default['default'](ref, {
-      onFocus: onFocus,
-      onBlur: onBlur
-    });
-    return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, props, {
-      innerRef: dsUtilities.mergeRefs(ref, innerRef)
-    }));
-  };
+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: system.mergeRefs(ref, innerRef)
+  }));
 };
 
-var TreeRovingPlugin = createInstancePlugin__default['default']('tree-data', {
-  getItemProps: function getItemProps(props, instance) {
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        isItemFocused = _useState2[0],
-        setIsItemFocused = _useState2[1];
-
+const TreeRovingPlugin = createInstancePlugin__default["default"]('tree-data', {
+  getItemProps(props, instance) {
+    const [isItemFocused, setIsItemFocused] = React.useState(false);
     return _objectSpread(_objectSpread({}, props), {}, {
-      onBlur: function onBlur() {
-        return setIsItemFocused(false);
-      },
+      onBlur: () => setIsItemFocused(false),
       // eslint-disable-next-line no-unused-vars
-      onFocus: function onFocus(e) {
+      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 scrollToItem() {
+            scrollToItem: (...args) => {
               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: isItemFocused,
+      isItemFocused,
       'data-index': props.index
     });
   },
-  renderers: function renderers(_renderers, instance) {
-    var ListWrapper = React.useMemo(function () {
-      return TreeListRovingHoc(instance);
-    }, []);
-    var Item = React.useMemo(function () {
-      return TreeItemRovingHoc(_renderers.item);
-    }, []);
-    return _objectSpread(_objectSpread({}, _renderers), {}, {
+
+  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;
-//# sourceMappingURL=TreeRovingPlugin.js.map

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

@@ -2,18 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_roving_TreeRovingPlugin = require('./TreeRovingPlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var TreeRovingPlugin = require('./TreeRovingPlugin.js');
 
 
 
-exports.TreeRovingPlugin = deprecated_plugins_roving_TreeRovingPlugin.TreeRovingPlugin;
-//# sourceMappingURL=index.js.map
+exports.TreeRovingPlugin = TreeRovingPlugin.TreeRovingPlugin;

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

@@ -2,19 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var Highlighter = require('react-highlight-words');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
+require('react');
+var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
 
 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);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
-var markParentsAsChildMatch = function markParentsAsChildMatch(record) {
-  var currRecord = record;
+const markParentsAsChildMatch = record => {
+  let currRecord = record;
 
   while (currRecord.parentNode) {
     currRecord.parentNode.childMatch = true;
@@ -26,25 +28,27 @@ function transformRecords(records, instance) {
   var _instance$getListRef, _instance$getListRef$;
 
   // gets the ul with overflow: auto
-  var 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;
-
-  var _instance$getInstance = instance.getInstance(),
-      searchQuery = _instance$getInstance.props.searchQuery;
-
+  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(function (record) {
-    return record.selfMatch || record.childMatch;
-  });
+  return records.filter(record => record.selfMatch || record.childMatch);
 }
 
 transformRecords.order = 0;
 
 function transformRecord(record, instance) {
-  var _instance$getInstance2 = instance.getInstance(),
-      searchQuery = _instance$getInstance2.props.searchQuery,
-      getItemLabel = _instance$getInstance2.getItemLabel;
+  const {
+    props: {
+      searchQuery
+    },
+    getItemLabel
+  } = instance.getInstance();
 
   if (searchQuery && getItemLabel(record).toLowerCase().indexOf(searchQuery.toLowerCase()) !== -1) {
     markParentsAsChildMatch(record); // eslint-disable-next-line no-param-reassign
@@ -57,15 +61,15 @@ function transformRecord(record, instance) {
 
 transformRecord.order = 0;
 
-var itemRenderer = function itemRenderer(value, itemProps, instance) {
-  var _instance$getInstance3 = instance.getInstance(),
-      _instance$getInstance4 = _instance$getInstance3.props,
-      searchQuery = _instance$getInstance4.searchQuery,
-      _instance$getInstance5 = _instance$getInstance4.showHighlight,
-      showHighlight = _instance$getInstance5 === void 0 ? true : _instance$getInstance5;
-
+const itemRenderer = (value, itemProps, instance) => {
+  const {
+    props: {
+      searchQuery,
+      showHighlight = true
+    }
+  } = instance.getInstance();
   if (!showHighlight || !searchQuery) return value;
-  return /*#__PURE__*/React__default['default'].createElement(Highlighter__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](Highlighter__default["default"], {
     autoEscape: true,
     highlightClassName: "tree-text-highlight",
     searchWords: [searchQuery],
@@ -74,25 +78,30 @@ var itemRenderer = function itemRenderer(value, itemProps, instance) {
 };
 
 itemRenderer.order = 0;
-var SearchableTreePlugin = createInstancePlugin__default['default']('searchable-tree', {
-  instance: function instance(_instance) {
-    var searchQuery = _instance.props.searchQuery; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    var prevSearchQuery = dsUtilities.usePrevious(searchQuery);
+const SearchableTreePlugin = createInstancePlugin__default["default"]('searchable-tree', {
+  instance: instance => {
+    const {
+      props: {
+        searchQuery
+      }
+    } = instance; // eslint-disable-next-line react-hooks/rules-of-hooks
+
+    const prevSearchQuery = usePrevious__default["default"](searchQuery);
     return {
-      prevSearchQuery: prevSearchQuery
+      prevSearchQuery
     };
   },
-  shouldWalkChildren: function shouldWalkChildren(record, instance) {
-    var _instance$getInstance6 = instance.getInstance(),
-        searchQuery = _instance$getInstance6.props.searchQuery;
-
+  shouldWalkChildren: (record, instance) => {
+    const {
+      props: {
+        searchQuery
+      }
+    } = instance.getInstance();
     return !!searchQuery;
   },
   record: transformRecord,
   records: transformRecords,
-  itemRenderer: itemRenderer
+  itemRenderer
 });
 
 exports.SearchableTreePlugin = SearchableTreePlugin;
-//# sourceMappingURL=SearchableTreePlugin.js.map

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

@@ -2,13 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_plugins_searchable_SearchableTreePlugin = require('./SearchableTreePlugin.js');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('react-highlight-words');
-require('react');
-require('@elliemae/ds-utilities');
+var SearchableTreePlugin = require('./SearchableTreePlugin.js');
 
 
 
-exports.SearchableTreePlugin = deprecated_plugins_searchable_SearchableTreePlugin.SearchableTreePlugin;
-//# sourceMappingURL=index.js.map
+exports.SearchableTreePlugin = SearchableTreePlugin.SearchableTreePlugin;

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
+const getListFromDocument = document.querySelector("[data-testid=\"tree-list\"]");
 
 exports.getListFromDocument = getListFromDocument;
-//# sourceMappingURL=utils.js.map