@elliemae/ds-treeview 2.2.0-next.4 → 2.3.0-alpha.2

package/esm/utils/keyboard-helpers.js

@@ -1,91 +1,55 @@
-import { useContext, useCallback, useEffect } from 'react';
-import TreeViewContext from '../TreeViewContext.js';
-import { focusItem } from './tree-helpers.js';
-import { toggleItemExpand, toggleExpandAllHelper } from './group-expands-helpers.js';
-
-/* eslint-disable max-params */
-// 9 tab
-// 13 enter
-// 32 space
-// 37 left arrow
-// 38 up arrow
-// 39 right arrow
-// 40 down arrow
-// 35 end
-// 36 home
-// 56 number 8
-// 106 (NumPad) *
-const useOnItemKeyDown = (item, draggableProps) => {
+import * as React from "react";
+import { useCallback, useContext, useEffect } from "react";
+import TreeViewContext from "../TreeViewContext";
+import { focusItem } from "./tree-helpers";
+import { toggleExpandAllHelper, toggleItemExpand } from "./group-expands-helpers";
+const useOnItemKeyDown = (item) => {
   const ctx = useContext(TreeViewContext);
   const {
-    props: {
-      onItemFocus
-    },
+    props: { onItemFocus },
     triggerTreeRerender,
+    isDragging,
     visibleItems,
     setFocusedItem,
     setSelectedItem,
     setLatestToggledItem,
     updateUserExpandedState,
-    virtualListHelpers: {
-      scrollToIndex
-    }
+    virtualListHelpers: { scrollToIndex }
   } = ctx;
-  const {
-    isGroup,
-    isExpanded
-  } = item;
-  const onItemFocusCurry = useCallback(newFocusItem => onItemFocus({
+  const { isGroup, isExpanded } = item;
+  const onItemFocusCurry = useCallback((newFocusItem) => onItemFocus({
     itemIndex: newFocusItem.virtualIndex,
-    scrollToItem: function () {
-      let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        align: 'start'
-      };
-      return scrollToIndex(newFocusItem.virtualIndex, opts);
-    },
+    scrollToItem: (opts = { align: "start" }) => scrollToIndex(newFocusItem.virtualIndex, opts),
     item: newFocusItem
   }), [onItemFocus, scrollToIndex]);
-  const onItemKeyDown = useCallback(e => {
-    const {
-      keyCode
-    } = e;
-
-    if (!(draggableProps && draggableProps.active)) {
-      if (keyCode !== 9) e.preventDefault(); // allow tab/shift+tab
-
-      if ((keyCode === 13 || keyCode === 32) && e.target.tagName === 'LI') {
+  const onItemKeyDown = useCallback((e) => {
+    const { keyCode } = e;
+    if (!isDragging) {
+      if (keyCode !== 9)
+        e.preventDefault();
+      if (keyCode === 13 || keyCode === 32)
         setSelectedItem(item);
-      }
-
       if (keyCode === 37) {
         if (isGroup && isExpanded) {
           toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);
           setLatestToggledItem(item);
         }
       }
-
       if (keyCode === 39) {
         if (isGroup && !isExpanded) {
           toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);
           setLatestToggledItem(item);
         }
       }
-
-      const {
-        virtualIndex
-      } = item;
-
-      if (typeof virtualIndex === 'number') {
+      const { virtualIndex } = item;
+      if (typeof virtualIndex === "number") {
         const lastItemIndex = visibleItems.length - 1;
-
         if (keyCode === 38) {
           const isLoopedFocus = virtualIndex === 0;
           const newFocusIndex = isLoopedFocus ? lastItemIndex : virtualIndex - 1;
           const newFocusItem = visibleItems[newFocusIndex];
           scrollToIndex(newFocusIndex);
-
           if (isLoopedFocus) {
-            // when looping the list from start to end we need to wait a bit before focusing
             setTimeout(() => {
               setFocusedItem(newFocusItem);
               focusItem(newFocusItem);
@@ -97,15 +61,12 @@ const useOnItemKeyDown = (item, draggableProps) => {
             focusItem(newFocusItem);
           }
         }
-
         if (keyCode === 40) {
           const isLoopedFocus = virtualIndex === lastItemIndex;
           const newFocusIndex = isLoopedFocus ? 0 : virtualIndex + 1;
           const newFocusItem = visibleItems[newFocusIndex];
           scrollToIndex(newFocusIndex);
-
           if (isLoopedFocus) {
-            // when looping the list from start to end we need to wait a bit before focusing
             setTimeout(() => {
               setFocusedItem(newFocusItem);
               onItemFocusCurry(newFocusItem);
@@ -117,7 +78,6 @@ const useOnItemKeyDown = (item, draggableProps) => {
             focusItem(newFocusItem);
           }
         }
-
         if (keyCode === 35) {
           if (virtualIndex !== lastItemIndex) {
             const newFocusItem = visibleItems[lastItemIndex];
@@ -129,7 +89,6 @@ const useOnItemKeyDown = (item, draggableProps) => {
             }, 300);
           }
         }
-
         if (keyCode === 36) {
           if (virtualIndex !== 0) {
             const newFocusItem = visibleItems[0];
@@ -143,27 +102,40 @@ const useOnItemKeyDown = (item, draggableProps) => {
         }
       }
     }
-  }, [draggableProps, setSelectedItem, item, isGroup, isExpanded, triggerTreeRerender, updateUserExpandedState, scrollToIndex, setLatestToggledItem, visibleItems, setFocusedItem, onItemFocusCurry]);
+  }, [
+    isDragging,
+    setSelectedItem,
+    item,
+    isGroup,
+    isExpanded,
+    triggerTreeRerender,
+    scrollToIndex,
+    setLatestToggledItem,
+    visibleItems,
+    setFocusedItem,
+    onItemFocusCurry,
+    updateUserExpandedState
+  ]);
   return onItemKeyDown;
 };
-const useGlobalKeyboardListener = func => {
+const useGlobalKeyboardListener = (func) => {
   useEffect(() => {
-    document.addEventListener('keydown', func);
-    return () => document.removeEventListener('keydown', func);
+    document.addEventListener("keydown", func);
+    return () => document.removeEventListener("keydown", func);
   }, [func]);
 };
 const useGlobalToggleAllExpandShortcut = (treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState) => {
-  const memoizedToggleAllKeyboardShortcut = useCallback(e => {
-    const {
-      shiftKey,
-      keyCode
-    } = e;
-
+  const memoizedToggleAllKeyboardShortcut = useCallback((e) => {
+    const { shiftKey, keyCode } = e;
     if (shiftKey && keyCode === 56) {
-      toggleExpandAllHelper('toggle', treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
+      toggleExpandAllHelper("toggle", treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);
     }
   }, [setLatestToggledItem, treeRoot, triggerTreeRerender, updateUserExpandedState]);
   return useGlobalKeyboardListener(memoizedToggleAllKeyboardShortcut);
 };
-
-export { useGlobalKeyboardListener, useGlobalToggleAllExpandShortcut, useOnItemKeyDown };
+export {
+  useGlobalKeyboardListener,
+  useGlobalToggleAllExpandShortcut,
+  useOnItemKeyDown
+};
+//# sourceMappingURL=keyboard-helpers.js.map

package/esm/utils/keyboard-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/keyboard-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useContext, useEffect } from 'react';\nimport TreeViewContext from '../TreeViewContext';\nimport { focusItem } from './tree-helpers';\nimport { toggleExpandAllHelper, toggleItemExpand } from './group-expands-helpers';\nimport type { DSTreeviewT } from '../react-desc-prop-types';\nimport type { DSTreeviewInternalsT } from '../sharedTypes';\n\n// 9 tab\n// 13 enter\n// 32 space\n// 37 left arrow\n// 38 up arrow\n// 39 right arrow\n// 40 down arrow\n// 35 end\n// 36 home\n\n// 56 number 8\n// 106 (NumPad) *\n\nexport const useOnItemKeyDown = (item: DSTreeviewT.Item) => {\n  const ctx = useContext(TreeViewContext);\n  const {\n    props: { onItemFocus },\n    triggerTreeRerender,\n    isDragging,\n    visibleItems,\n    setFocusedItem,\n    setSelectedItem,\n    setLatestToggledItem,\n    updateUserExpandedState,\n    virtualListHelpers: { scrollToIndex },\n  } = ctx;\n  const { isGroup, isExpanded } = item;\n  const onItemFocusCurry = useCallback(\n    (newFocusItem: DSTreeviewT.Item) =>\n      onItemFocus({\n        itemIndex: newFocusItem.virtualIndex as number,\n        scrollToItem: (opts = { align: 'start' }) => scrollToIndex(newFocusItem.virtualIndex as number, opts),\n        item: newFocusItem,\n      }),\n    [onItemFocus, scrollToIndex],\n  );\n\n  const onItemKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLLIElement>) => {\n      const { keyCode } = e;\n      if (!isDragging) {\n        if (keyCode !== 9) e.preventDefault(); // allow tab/shift+tab\n        if (keyCode === 13 || keyCode === 32) setSelectedItem(item);\n\n        if (keyCode === 37) {\n          if (isGroup && isExpanded) {\n            toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);\n            setLatestToggledItem(item);\n          }\n        }\n        if (keyCode === 39) {\n          if (isGroup && !isExpanded) {\n            toggleItemExpand(item, triggerTreeRerender, updateUserExpandedState, scrollToIndex);\n            setLatestToggledItem(item);\n          }\n        }\n\n        const { virtualIndex } = item;\n        if (typeof virtualIndex === 'number') {\n          const lastItemIndex = visibleItems.length - 1;\n          if (keyCode === 38) {\n            const isLoopedFocus = virtualIndex === 0;\n            const newFocusIndex = isLoopedFocus ? lastItemIndex : virtualIndex - 1;\n            const newFocusItem = visibleItems[newFocusIndex];\n            scrollToIndex(newFocusIndex);\n            if (isLoopedFocus) {\n              // when looping the list from start to end we need to wait a bit before focusing\n              setTimeout(() => {\n                setFocusedItem(newFocusItem);\n                focusItem(newFocusItem);\n                onItemFocusCurry(newFocusItem);\n              }, 300);\n            } else {\n              setFocusedItem(newFocusItem);\n              onItemFocusCurry(newFocusItem);\n              focusItem(newFocusItem);\n            }\n          }\n          if (keyCode === 40) {\n            const isLoopedFocus = virtualIndex === lastItemIndex;\n            const newFocusIndex = isLoopedFocus ? 0 : virtualIndex + 1;\n            const newFocusItem = visibleItems[newFocusIndex];\n            scrollToIndex(newFocusIndex);\n            if (isLoopedFocus) {\n              // when looping the list from start to end we need to wait a bit before focusing\n              setTimeout(() => {\n                setFocusedItem(newFocusItem);\n                onItemFocusCurry(newFocusItem);\n                focusItem(newFocusItem);\n              }, 300);\n            } else {\n              setFocusedItem(newFocusItem);\n              onItemFocusCurry(newFocusItem);\n              focusItem(newFocusItem);\n            }\n          }\n          if (keyCode === 35) {\n            if (virtualIndex !== lastItemIndex) {\n              const newFocusItem = visibleItems[lastItemIndex];\n              scrollToIndex(lastItemIndex);\n              setTimeout(() => {\n                setFocusedItem(newFocusItem);\n                onItemFocusCurry(newFocusItem);\n                focusItem(newFocusItem);\n              }, 300);\n            }\n          }\n          if (keyCode === 36) {\n            if (virtualIndex !== 0) {\n              const newFocusItem = visibleItems[0];\n              scrollToIndex(0);\n              setTimeout(() => {\n                setFocusedItem(newFocusItem);\n                onItemFocusCurry(newFocusItem);\n                focusItem(newFocusItem);\n              }, 300);\n            }\n          }\n        }\n      }\n    },\n    [\n      isDragging,\n      setSelectedItem,\n      item,\n      isGroup,\n      isExpanded,\n      triggerTreeRerender,\n      scrollToIndex,\n      setLatestToggledItem,\n      visibleItems,\n      setFocusedItem,\n      onItemFocusCurry,\n      updateUserExpandedState,\n    ],\n  );\n\n  return onItemKeyDown;\n};\n\nexport const useGlobalKeyboardListener = (func: (e: KeyboardEvent) => void) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nexport const useGlobalToggleAllExpandShortcut = (\n  treeRoot: DSTreeviewT.Item['node'],\n  triggerTreeRerender: () => void,\n  setLatestToggledItem: DSTreeviewInternalsT.CTX['setLatestToggledItem'],\n  updateUserExpandedState: DSTreeviewInternalsT.CTX['updateUserExpandedState'],\n) => {\n  const memoizedToggleAllKeyboardShortcut = useCallback(\n    (e: KeyboardEvent) => {\n      const { shiftKey, keyCode } = e;\n      if (shiftKey && keyCode === 56) {\n        toggleExpandAllHelper('toggle', treeRoot, triggerTreeRerender, setLatestToggledItem, updateUserExpandedState);\n      }\n    },\n    [setLatestToggledItem, treeRoot, triggerTreeRerender, updateUserExpandedState],\n  );\n\n  return useGlobalKeyboardListener(memoizedToggleAllKeyboardShortcut);\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/utils/object-helpers.js

@@ -1,64 +1,47 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-
-/* eslint-disable no-sequences */
-
-/* eslint-disable no-return-assign */
-
-/* eslint-disable no-restricted-syntax */
-
-/* eslint-disable guard-for-in */
+import * as React from "react";
 function isObjectADate(o) {
-  var _o$constructor;
-
-  return (o === null || o === void 0 ? void 0 : (_o$constructor = o.constructor) === null || _o$constructor === void 0 ? void 0 : _o$constructor.name) === 'Date';
+  return o?.constructor?.name === "Date";
 }
-
 function isObjectAnArray(o) {
   return Array.isArray(o);
 }
-
 function isObjectAString(o) {
-  return typeof o === 'object';
+  return typeof o === "object";
 }
-
-const unfreeze = o => {
+const unfreeze = (o) => {
   let oo;
-
   if (o === null) {
     oo = null;
-  } else if (o === undefined) {
-    oo = undefined;
+  } else if (o === void 0) {
+    oo = void 0;
   } else if (isObjectADate(o)) {
     oo = new Date(o);
   } else if (isObjectAnArray(o)) {
     oo = [];
-    o.forEach(v => {
+    o.forEach((v) => {
       oo.push(v);
     });
   } else if (isObjectAString(o)) {
     oo = String(o);
   } else if (isObjectAString(o)) {
     oo = {};
-
     for (const property in o) {
       oo[property] = o[property];
     }
   } else {
     oo = o;
   }
-
   return oo;
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function filterObject(obj, predicate) {
   return Object.keys(obj).reduce((res, key) => {
-    if (predicate(obj[key])) res[key] = obj[key];
+    if (predicate(obj[key]))
+      res[key] = obj[key];
     return res;
   }, {});
 }
-
-export { filterObject, unfreeze };
+export {
+  filterObject,
+  unfreeze
+};
+//# sourceMappingURL=object-helpers.js.map

package/esm/utils/object-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/object-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-sequences */\n/* eslint-disable no-return-assign */\n/* eslint-disable no-restricted-syntax */\n/* eslint-disable guard-for-in */\n\nfunction isObjectADate(o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>): o is Date {\n  return o?.constructor?.name === 'Date';\n}\nfunction isObjectAnArray(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is unknown[] {\n  return Array.isArray(o);\n}\nfunction isObjectAString(\n  o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>,\n): o is Record<string, unknown> {\n  return typeof o === 'object';\n}\n\nexport const unfreeze = (o: string | number | unknown[] | Date | null | undefined | Record<string, unknown>) => {\n  let oo: string | number | unknown[] | Date | null | undefined | Record<string, unknown>;\n  if (o === null) {\n    oo = null;\n  } else if (o === undefined) {\n    oo = undefined;\n  } else if (isObjectADate(o)) {\n    oo = new Date(o);\n  } else if (isObjectAnArray(o)) {\n    oo = [];\n    o.forEach((v) => {\n      (oo as unknown[]).push(v);\n    });\n  } else if (isObjectAString(o)) {\n    oo = String(o);\n  } else if (isObjectAString(o)) {\n    oo = {};\n    for (const property in o) {\n      oo[property] = o[property];\n    }\n  } else {\n    oo = o;\n  }\n  return oo;\n};\n\ntype GenericItemT<T = unknown> = { [key: string]: T };\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function filterObject<T = unknown>(obj: GenericItemT<T>, predicate: (val: T) => boolean) {\n  return Object.keys(obj).reduce<GenericItemT<T>>((res, key) => {\n    if (predicate(obj[key])) res[key] = obj[key];\n    return res;\n  }, {} as GenericItemT<T>);\n}\n"],
+  "mappings": "AAAA;ACKA,uBAAuB,GAA+F;AACpH,SAAO,GAAG,aAAa,SAAS;AAAA;AAElC,yBACE,GACgB;AAChB,SAAO,MAAM,QAAQ;AAAA;AAEvB,yBACE,GAC8B;AAC9B,SAAO,OAAO,MAAM;AAAA;AAGf,MAAM,WAAW,CAAC,MAAuF;AAC9G,MAAI;AACJ,MAAI,MAAM,MAAM;AACd,SAAK;AAAA,aACI,MAAM,QAAW;AAC1B,SAAK;AAAA,aACI,cAAc,IAAI;AAC3B,SAAK,IAAI,KAAK;AAAA,aACL,gBAAgB,IAAI;AAC7B,SAAK;AACL,MAAE,QAAQ,CAAC,MAAM;AACf,MAAC,GAAiB,KAAK;AAAA;AAAA,aAEhB,gBAAgB,IAAI;AAC7B,SAAK,OAAO;AAAA,aACH,gBAAgB,IAAI;AAC7B,SAAK;AACL,eAAW,YAAY,GAAG;AACxB,SAAG,YAAY,EAAE;AAAA;AAAA,SAEd;AACL,SAAK;AAAA;AAEP,SAAO;AAAA;AAKF,sBAAmC,KAAsB,WAAgC;AAC9F,SAAO,OAAO,KAAK,KAAK,OAAwB,CAAC,KAAK,QAAQ;AAC5D,QAAI,UAAU,IAAI;AAAO,UAAI,OAAO,IAAI;AACxC,WAAO;AAAA,KACN;AAAA;",
+  "names": []
+}

package/esm/utils/refs-helpers.js

@@ -1,21 +1,15 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-
-// allow multiple refs to be set to point to the same DOM element
-const setMultipleRefs = function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
+import * as React from "react";
+const setMultipleRefs = (...refs) => {
   const filteredRefs = refs.filter(Boolean);
-  if (!filteredRefs.length) return () => {};
-  if (filteredRefs.length === 0) return () => {};
-  return newRef => {
-    filteredRefs.forEach(refToBeUpdated => {
-      if (typeof refToBeUpdated === 'function') {
+  if (!filteredRefs.length)
+    return () => {
+    };
+  if (filteredRefs.length === 0)
+    return () => {
+    };
+  return (newRef) => {
+    filteredRefs.forEach((refToBeUpdated) => {
+      if (typeof refToBeUpdated === "function") {
         refToBeUpdated(newRef);
       } else if (refToBeUpdated) {
         refToBeUpdated.current = newRef;
@@ -23,5 +17,7 @@ const setMultipleRefs = function () {
     });
   };
 };
-
-export { setMultipleRefs };
+export {
+  setMultipleRefs
+};
+//# sourceMappingURL=refs-helpers.js.map

package/esm/utils/refs-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/refs-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// allow multiple refs to be set to point to the same DOM element\ntype GenericMergeableRef = null | undefined | React.MutableRefObject<unknown> | ((ref: HTMLElement) => void);\nexport const setMultipleRefs = (...refs: GenericMergeableRef[]): ((ref: HTMLElement) => void) => {\n  const filteredRefs = refs.filter(Boolean);\n  if (!filteredRefs.length) return () => {};\n  if (filteredRefs.length === 0) return () => {};\n\n  return (newRef) => {\n    filteredRefs.forEach((refToBeUpdated) => {\n      if (typeof refToBeUpdated === 'function') {\n        refToBeUpdated(newRef);\n      } else if (refToBeUpdated) {\n        refToBeUpdated.current = newRef;\n      }\n    });\n  };\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,kBAAkB,IAAI,SAA8D;AAC/F,QAAM,eAAe,KAAK,OAAO;AACjC,MAAI,CAAC,aAAa;AAAQ,WAAO,MAAM;AAAA;AACvC,MAAI,aAAa,WAAW;AAAG,WAAO,MAAM;AAAA;AAE5C,SAAO,CAAC,WAAW;AACjB,iBAAa,QAAQ,CAAC,mBAAmB;AACvC,UAAI,OAAO,mBAAmB,YAAY;AACxC,uBAAe;AAAA,iBACN,gBAAgB;AACzB,uBAAe,UAAU;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/utils/selectable-helper.js

@@ -1,70 +1,59 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { walkAllNodeChildren, walkParents } from './tree-helpers.js';
-
-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(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 getGroupCheckState = node => {
+import * as React from "react";
+import { walkParents, walkAllNodeChildren } from "./tree-helpers";
+const getGroupCheckState = (node) => {
   let childAllChecked = true;
   let anyChildChecked = false;
-  walkAllNodeChildren(node, childNode => {
+  walkAllNodeChildren(node, (childNode) => {
     const {
-      model: {
-        isChecked
-      }
+      model: { isChecked }
     } = childNode;
-    if (isChecked === 'mixed' || isChecked === true) anyChildChecked = true;else childAllChecked = false;
+    if (isChecked === "mixed" || isChecked === true)
+      anyChildChecked = true;
+    else
+      childAllChecked = false;
   });
-  if (childAllChecked) return true;
-  if (anyChildChecked) return 'mixed';
+  if (childAllChecked)
+    return true;
+  if (anyChildChecked)
+    return "mixed";
   return false;
 };
-const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
-  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const selectCheckboxItemModelParentsTillRoot = (modelToCheck, triggerTreeRerender = null) => {
   const newSelections = {};
-  const {
-    nodePath
-  } = modelToCheck;
-  walkParents(nodePath, parentNode => {
+  const { nodePath } = modelToCheck;
+  walkParents(nodePath, (parentNode) => {
     const nextState = getGroupCheckState(parentNode);
     parentNode.model.isChecked = nextState;
     newSelections[parentNode.model.id] = nextState;
   });
-  if (triggerTreeRerender) triggerTreeRerender();
+  if (triggerTreeRerender)
+    triggerTreeRerender();
   return newSelections;
 };
-const toggleCheckboxItem = function (itemToSelect) {
-  let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+const toggleCheckboxItem = (itemToSelect, triggerTreeRerender = null) => {
   const {
     node: {
-      model: {
-        id,
-        isChecked,
-        children = []
-      }
+      model: { id, isChecked, children = [] }
     }
   } = itemToSelect;
-  const newSelections = {}; // 'mixed' -> true -> false -> true [...->false -> true]
-
-  const nextState = isChecked === 'mixed' ? true : !isChecked;
+  const newSelections = {};
+  const nextState = isChecked === "mixed" ? true : !isChecked;
   itemToSelect.node.model.isChecked = nextState;
   newSelections[id] = nextState;
-
   if (children.length > 0 && (nextState === true || nextState === false)) {
-    walkAllNodeChildren(itemToSelect.node, childNode => {
+    walkAllNodeChildren(itemToSelect.node, (childNode) => {
       childNode.model.isChecked = nextState;
       newSelections[childNode.model.id] = nextState;
     });
   }
-
   const parentsNewSelections = selectCheckboxItemModelParentsTillRoot(itemToSelect);
-  if (triggerTreeRerender) triggerTreeRerender();
-  return _objectSpread(_objectSpread({}, parentsNewSelections), newSelections);
+  if (triggerTreeRerender)
+    triggerTreeRerender();
+  return { ...parentsNewSelections, ...newSelections };
+};
+export {
+  getGroupCheckState,
+  selectCheckboxItemModelParentsTillRoot,
+  toggleCheckboxItem
 };
-
-export { getGroupCheckState, selectCheckboxItemModelParentsTillRoot, toggleCheckboxItem };
+//# sourceMappingURL=selectable-helper.js.map

package/esm/utils/selectable-helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/selectable-helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { walkParents, walkAllNodeChildren } from './tree-helpers';\nimport type { DSTreeviewT } from '../react-desc-prop-types';\n\nexport const getGroupCheckState = (node: DSTreeviewT.Item['node']) => {\n  let childAllChecked = true;\n  let anyChildChecked = false;\n  walkAllNodeChildren(node, (childNode) => {\n    const {\n      model: { isChecked },\n    } = childNode;\n    if (isChecked === 'mixed' || isChecked === true) anyChildChecked = true;\n    else childAllChecked = false;\n  });\n\n  if (childAllChecked) return true;\n  if (anyChildChecked) return 'mixed';\n  return false;\n};\n\nexport const selectCheckboxItemModelParentsTillRoot = (\n  modelToCheck: DSTreeviewT.Item,\n  triggerTreeRerender: (() => void) | null = null,\n) => {\n  const newSelections: DSTreeviewT.SelectionItems = {};\n  const { nodePath } = modelToCheck;\n  walkParents(nodePath, (parentNode) => {\n    const nextState = getGroupCheckState(parentNode);\n    parentNode.model.isChecked = nextState;\n    newSelections[parentNode.model.id] = nextState;\n  });\n  if (triggerTreeRerender) triggerTreeRerender();\n  return newSelections;\n};\n\nexport const toggleCheckboxItem = (itemToSelect: DSTreeviewT.Item, triggerTreeRerender: (() => void) | null = null) => {\n  const {\n    node: {\n      model: { id, isChecked, children = [] },\n    },\n  } = itemToSelect;\n\n  const newSelections: DSTreeviewT.SelectionItems = {};\n  // 'mixed' -> true -> false -> true [...->false -> true]\n  const nextState = isChecked === 'mixed' ? true : !isChecked;\n  itemToSelect.node.model.isChecked = nextState;\n  newSelections[id] = nextState;\n\n  if (children.length > 0 && (nextState === true || nextState === false)) {\n    walkAllNodeChildren(itemToSelect.node, (childNode) => {\n      childNode.model.isChecked = nextState;\n      newSelections[childNode.model.id] = nextState;\n    });\n  }\n\n  const parentsNewSelections = selectCheckboxItemModelParentsTillRoot(itemToSelect);\n\n  if (triggerTreeRerender) triggerTreeRerender();\n  return { ...parentsNewSelections, ...newSelections };\n};\n"],
+  "mappings": "AAAA;ACCA;AAGO,MAAM,qBAAqB,CAAC,SAAmC;AACpE,MAAI,kBAAkB;AACtB,MAAI,kBAAkB;AACtB,sBAAoB,MAAM,CAAC,cAAc;AACvC,UAAM;AAAA,MACJ,OAAO,EAAE;AAAA,QACP;AACJ,QAAI,cAAc,WAAW,cAAc;AAAM,wBAAkB;AAAA;AAC9D,wBAAkB;AAAA;AAGzB,MAAI;AAAiB,WAAO;AAC5B,MAAI;AAAiB,WAAO;AAC5B,SAAO;AAAA;AAGF,MAAM,yCAAyC,CACpD,cACA,sBAA2C,SACxC;AACH,QAAM,gBAA4C;AAClD,QAAM,EAAE,aAAa;AACrB,cAAY,UAAU,CAAC,eAAe;AACpC,UAAM,YAAY,mBAAmB;AACrC,eAAW,MAAM,YAAY;AAC7B,kBAAc,WAAW,MAAM,MAAM;AAAA;AAEvC,MAAI;AAAqB;AACzB,SAAO;AAAA;AAGF,MAAM,qBAAqB,CAAC,cAAgC,sBAA2C,SAAS;AACrH,QAAM;AAAA,IACJ,MAAM;AAAA,MACJ,OAAO,EAAE,IAAI,WAAW,WAAW;AAAA;AAAA,MAEnC;AAEJ,QAAM,gBAA4C;AAElD,QAAM,YAAY,cAAc,UAAU,OAAO,CAAC;AAClD,eAAa,KAAK,MAAM,YAAY;AACpC,gBAAc,MAAM;AAEpB,MAAI,SAAS,SAAS,KAAM,eAAc,QAAQ,cAAc,QAAQ;AACtE,wBAAoB,aAAa,MAAM,CAAC,cAAc;AACpD,gBAAU,MAAM,YAAY;AAC5B,oBAAc,UAAU,MAAM,MAAM;AAAA;AAAA;AAIxC,QAAM,uBAAuB,uCAAuC;AAEpE,MAAI;AAAqB;AACzB,SAAO,KAAK,yBAAyB;AAAA;",
+  "names": []
+}

package/esm/utils/string-helpers.js

@@ -1,3 +1,6 @@
-const standardizeSearchQueryString = input => input.trim().toLowerCase();
-
-export { standardizeSearchQueryString };
+import * as React from "react";
+const standardizeSearchQueryString = (input) => input.trim().toLowerCase();
+export {
+  standardizeSearchQueryString
+};
+//# sourceMappingURL=string-helpers.js.map

package/esm/utils/string-helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/string-helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const standardizeSearchQueryString = (input: string) => input.trim().toLowerCase();\n"],
+  "mappings": "AAAA;ACAO,MAAM,+BAA+B,CAAC,UAAkB,MAAM,OAAO;",
+  "names": []
+}