@elliemae/ds-utilities 3.13.0 → 3.14.0-next.1

package/dist/cjs/index.js

@@ -108,6 +108,7 @@ __export(src_exports, {
   uniqBy: () => import_utils.uniqBy,
   useCallbackAfterRender: () => import_hooks.useCallbackAfterRender,
   useCancellableDelayedCallback: () => import_hooks.useCancellableDelayedCallback,
+  useDSTree: () => import_tree_model.useDSTree,
   useDerivedStateFromProps: () => import_hooks.useDerivedStateFromProps,
   useExecutionTimer: () => import_hooks.useExecutionTimer,
   useExpandState: () => import_hooks.useExpandState,
@@ -146,6 +147,7 @@ var import_compose = require("./compose");
 var import_platform = require("./platform");
 var import_reactTypesUtility = require("./reactTypesUtility");
 var import_validations = require("./validations");
+var import_tree_model = require("./tree-model");
 var import_crossTypeSort = require("./algorithms/crossTypeSort");
 __reExport(src_exports, require("./deprecated"), module.exports);
 __reExport(src_exports, require("./props-helpers"), module.exports);

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport { getObjectValuesToArray, getObjectKeysToArray } from './objectUtilities';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, setMultipleRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useMakeMutable,\n  useCallbackAfterRender,\n  useFocusTrap,\n  UseFocusTrapWithSchema,\n  useIsMobile,\n  useOnBlurOut,\n  UseOnBlurOutWithSchema,\n  useOnFirstFocusIn,\n  UseOnFirstFocusInWithSchema,\n  useOnSpecificFocus,\n  UseOnSpecificFocusWithSchema,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport { isDOMTypeElement } from './reactTypesUtility';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n\nexport { crossTypeSort } from './algorithms/crossTypeSort';\n\n// TODO -- REMOVE WHEN READY\nexport * from './deprecated';\nexport * from './props-helpers';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,6BAA6D;AAC7D,uBAeO;AACP,mBA+CO;AACP,oBAA2D;AAC3D,mBA2BO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAAiC;AACjC,yBAAuD;AAEvD,2BAA8B;AAG9B,wBAAc,yBA1Gd;AA2GA,wBAAc,4BA3Gd;",
+  "sourcesContent": ["export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport { getObjectValuesToArray, getObjectKeysToArray } from './objectUtilities';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, setMultipleRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useMakeMutable,\n  useCallbackAfterRender,\n  useFocusTrap,\n  UseFocusTrapWithSchema,\n  useIsMobile,\n  useOnBlurOut,\n  UseOnBlurOutWithSchema,\n  useOnFirstFocusIn,\n  UseOnFirstFocusInWithSchema,\n  useOnSpecificFocus,\n  UseOnSpecificFocusWithSchema,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport { isDOMTypeElement } from './reactTypesUtility';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\nexport { type Item, useDSTree } from './tree-model';\n\nexport { crossTypeSort } from './algorithms/crossTypeSort';\n\n// TODO -- REMOVE WHEN READY\nexport * from './deprecated';\nexport * from './props-helpers';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAiD;AACjD,qDAAmE;AACnE,wBAA2B;AAC3B,6BAA6D;AAC7D,uBAeO;AACP,mBA+CO;AACP,oBAA2D;AAC3D,mBA2BO;AACP,uBAAwD;AACxD,qBAAwB;AACxB,sBAAiC;AACjC,+BAAiC;AACjC,yBAAuD;AACvD,wBAAqC;AAErC,2BAA8B;AAG9B,wBAAc,yBA3Gd;AA4GA,wBAAc,4BA5Gd;",
   "names": []
 }

package/dist/cjs/props-helpers/getProps/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/props-helpers/getProps/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const getAriaProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));\n\nexport const getDataProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;AAE5E,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;",
+  "sourcesContent": ["export const getAriaProps = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: T,\n): Record<string, unknown> => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));\n\nexport const getDataProps = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: T,\n): Record<string, unknown> => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe,CAC1B,UAC4B,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;AAExG,MAAM,eAAe,CAC1B,UAC4B,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;",
   "names": []
 }

package/dist/cjs/props-helpers/globalProps/getGlobalAttributes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/props-helpers/globalProps/getGlobalAttributes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { AllHTMLAttributes, AriaAttributes, DOMAttributes, HTMLAttributes } from 'react';\nimport type { GlobalAttributes } from './constants';\nimport { globalAttributes } from './constants';\n\nexport type GlobalAttributesT<T = Element> = AriaAttributes &\n  DOMAttributes<T> &\n  HTMLAttributes<T> &\n  Omit<AllHTMLAttributes<T>, 'as'>;\n\nexport const getGlobalAttributes = <T, S = Element>(\n  props: T,\n  overrides?: Partial<GlobalAttributes<CallableFunction>>,\n): GlobalAttributesT<S> => {\n  const globalAttributesObject: GlobalAttributesT<S> = {};\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in globalAttributes || key.startsWith('data-')) {\n      if (\n        overrides &&\n        key in overrides &&\n        typeof value === 'function' &&\n        typeof overrides[key as keyof GlobalAttributes] === 'function'\n      ) {\n        const newFunc = (...args: unknown[]) => {\n          (value as CallableFunction)(...args);\n          (overrides[key as keyof GlobalAttributes] as CallableFunction)(...args);\n        };\n        globalAttributesObject[key as keyof GlobalAttributes] = newFunc as unknown as T[keyof T];\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        globalAttributesObject[key as keyof GlobalAttributes] = value;\n      }\n    }\n  });\n  return globalAttributesObject;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,uBAAiC;AAO1B,MAAM,sBAAsB,CACjC,OACA,cACyB;AACzB,QAAM,yBAA+C,CAAC;AACtD,SAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,QAAI,OAAO,qCAAoB,IAAI,WAAW,OAAO,GAAG;AACtD,UACE,aACA,OAAO,aACP,OAAO,UAAU,cACjB,OAAO,UAAU,SAAmC,YACpD;AACA,cAAM,UAAU,IAAI,SAAoB;AACtC,UAAC,MAA2B,GAAG,IAAI;AACnC,UAAC,UAAU,KAAoD,GAAG,IAAI;AAAA,QACxE;AACA,+BAAuB,OAAiC;AAAA,MAC1D,OAAO;AAEL,+BAAuB,OAAiC;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "sourcesContent": ["import type { AllHTMLAttributes, AriaAttributes, DOMAttributes, HTMLAttributes } from 'react';\nimport type { GlobalAttributes } from './constants';\nimport { globalAttributes } from './constants';\n\nexport type GlobalAttributesT<T = Element> = AriaAttributes &\n  DOMAttributes<T> &\n  HTMLAttributes<T> &\n  Omit<AllHTMLAttributes<T>, 'as'>;\n\nexport const getGlobalAttributes = <T, S = Element>(\n  props: T,\n  overrides?: Partial<GlobalAttributes<CallableFunction>>,\n): GlobalAttributesT<S> => {\n  const globalAttributesObject: GlobalAttributesT<S> = {};\n  Object.entries(props as Record<string, unknown>).forEach(([key, value]) => {\n    if (key in globalAttributes || key.startsWith('data-')) {\n      if (\n        overrides &&\n        key in overrides &&\n        typeof value === 'function' &&\n        typeof overrides[key as keyof GlobalAttributes] === 'function'\n      ) {\n        const newFunc = (...args: unknown[]) => {\n          (value as CallableFunction)(...args);\n          (overrides[key as keyof GlobalAttributes] as CallableFunction)(...args);\n        };\n        globalAttributesObject[key as keyof GlobalAttributes] = newFunc as unknown as T[keyof T];\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        globalAttributesObject[key as keyof GlobalAttributes] = value;\n      }\n    }\n  });\n  return globalAttributesObject;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,uBAAiC;AAO1B,MAAM,sBAAsB,CACjC,OACA,cACyB;AACzB,QAAM,yBAA+C,CAAC;AACtD,SAAO,QAAQ,KAAgC,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACzE,QAAI,OAAO,qCAAoB,IAAI,WAAW,OAAO,GAAG;AACtD,UACE,aACA,OAAO,aACP,OAAO,UAAU,cACjB,OAAO,UAAU,SAAmC,YACpD;AACA,cAAM,UAAU,IAAI,SAAoB;AACtC,UAAC,MAA2B,GAAG,IAAI;AACnC,UAAC,UAAU,KAAoD,GAAG,IAAI;AAAA,QACxE;AACA,+BAAuB,OAAiC;AAAA,MAC1D,OAAO;AAEL,+BAAuB,OAAiC;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/tree-model/DSTree.js

@@ -0,0 +1,107 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSTree_exports = {};
+__export(DSTree_exports, {
+  DSTree: () => DSTree
+});
+module.exports = __toCommonJS(DSTree_exports);
+var React = __toESM(require("react"));
+var import_Node = require("./Node");
+class DSTree {
+  constructor(item, options) {
+    this.getRoot = () => this.root;
+    this.getNode = (id) => this.nodes[id];
+    this.getNodes = () => this.nodes;
+    this.walk = (callback) => {
+      this.root.walk(callback);
+    };
+    this.walkParents = (callback) => {
+      this.root.walkParents(callback);
+    };
+    this.findNode = (callback) => this.root.findNode(callback);
+    this.findAllNodes = (callback) => this.root.findAllNodes(callback);
+    this.flatten = () => this.root.flatten();
+    this.addNode = (item, options = {}) => {
+      const { position, parent, callback } = options;
+      const parentDefault = parent || this.root;
+      const positionDefault = position ?? parentDefault.children.length;
+      const node = new import_Node.Node(item, {
+        childIndex: positionDefault,
+        depth: parentDefault.depth + 1,
+        parent: parentDefault,
+        tree: this
+      });
+      this.getNode(parentDefault.dsId).addNode(node);
+      this._hash += 1;
+      callback?.(node, this);
+      return node;
+    };
+    this.removeNode = (id, options = {}) => {
+      const node = this.getNode(id);
+      if (!node)
+        throw new Error(`Node with id ${id} not found`);
+      node.removeNode();
+      this._hash += 1;
+      options.callback?.(node, this);
+      return node;
+    };
+    this.moveNode = (id, options = {}) => {
+      const removedNode = this.removeNode(id);
+      const node = this.addNode(removedNode.getJson(), options);
+      this._hash += 1;
+      return node;
+    };
+    this.replaceNode = (id, item, options = {}) => {
+      const removedNode = this.removeNode(id);
+      const node = this.addNode(item, { parent: removedNode.parent, position: removedNode.childIndex });
+      this._hash += 1;
+      options.callback?.(node, this);
+      return node;
+    };
+    this.getPath = (id) => this.getRoot().getPath(id);
+    this.getPathIds = (id) => this.getRoot().getPathIds(id);
+    this.getUniqueId = options.getUniqueId;
+    this.root = new import_Node.Node(item, { childIndex: 0, depth: 0, tree: this });
+    this.nodes = {};
+    this._hash = 0;
+    this.root.walk((node) => {
+      this.nodes[node.dsId] = node;
+      return true;
+    });
+  }
+  addNodeToNodesDictionary(node) {
+    if (this.nodes[node.dsId]) {
+      throw new Error(`DSTree: repeated dsId ${node.dsId}`);
+    }
+    this.nodes[node.dsId] = node;
+  }
+  removeNodeFromNodesDictionary(node) {
+    delete this.nodes[node.dsId];
+  }
+  get hash() {
+    return this._hash;
+  }
+}
+//# sourceMappingURL=DSTree.js.map

package/dist/cjs/tree-model/DSTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree-model/DSTree.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { AddOptions, Item, MoveOptions, MutateOptions, RemoveOptions } from './types';\nimport { Node } from './Node';\n\nexport class DSTree<T extends Item> {\n  private root: Node<T>;\n\n  private _hash: number;\n\n  private nodes: Record<string, Node<T>>;\n\n  getUniqueId: (item: T) => string;\n\n  constructor(item: T, options: { getUniqueId: (item: T) => string }) {\n    this.getUniqueId = options.getUniqueId;\n    this.root = new Node(item, { childIndex: 0, depth: 0, tree: this });\n    this.nodes = {};\n    this._hash = 0;\n\n    // autocalculate a dictionary where dsId are keys and nodes are values\n    // and add the tree link to each node\n    this.root.walk((node) => {\n      this.nodes[node.dsId] = node;\n      return true;\n    });\n  }\n\n  addNodeToNodesDictionary(node: Node<T>): void {\n    // check that we have no repeated ids\n    if (this.nodes[node.dsId]) {\n      throw new Error(`DSTree: repeated dsId ${node.dsId}`);\n    }\n\n    this.nodes[node.dsId] = node;\n  }\n\n  removeNodeFromNodesDictionary(node: Node<T>): void {\n    delete this.nodes[node.dsId];\n  }\n\n  get hash(): number {\n    return this._hash;\n  }\n\n  getRoot = (): Node<T> => this.root;\n\n  getNode = (id: string): Node<T> => this.nodes[id];\n\n  getNodes = (): Record<string, Node<T>> => this.nodes;\n\n  walk = (callback: (node: Node<T>) => boolean): void => {\n    this.root.walk(callback);\n  };\n\n  walkParents = (callback: (node: Node<T>) => boolean): void => {\n    this.root.walkParents(callback);\n  };\n\n  findNode = (callback: (node: Node<T>) => boolean): Node<T> | null => this.root.findNode(callback);\n\n  findAllNodes = (callback: (node: Node<T>) => boolean): Node<T>[] => this.root.findAllNodes(callback);\n\n  flatten = (): Node<T>[] => this.root.flatten();\n\n  addNode = (item: T, options: AddOptions<T> = {}): Node<T> => {\n    const { position, parent, callback } = options;\n    const parentDefault = parent || this.root;\n    const positionDefault = position ?? parentDefault.children.length;\n\n    // create node and add it to the parent\n    const node = new Node(item, {\n      childIndex: positionDefault,\n      depth: parentDefault.depth + 1,\n      parent: parentDefault,\n      tree: this,\n    });\n    this.getNode(parentDefault.dsId).addNode(node);\n\n    // change hash\n    this._hash += 1;\n\n    // invoke the callback if present\n    callback?.(node, this);\n\n    return node;\n  };\n\n  removeNode = (id: string, options: RemoveOptions<T> = {}): Node<T> => {\n    const node = this.getNode(id);\n    if (!node) throw new Error(`Node with id ${id} not found`);\n\n    node.removeNode();\n\n    // change hash\n    this._hash += 1;\n\n    // invoke the callback if present\n    options.callback?.(node, this);\n\n    return node;\n  };\n\n  moveNode = (id: string, options: MoveOptions<T> = {}): Node<T> => {\n    const removedNode = this.removeNode(id);\n    const node = this.addNode(removedNode.getJson(), options);\n\n    this._hash += 1;\n\n    return node;\n  };\n\n  replaceNode = (id: string, item: T, options: MutateOptions<T> = {}): Node<T> => {\n    const removedNode = this.removeNode(id);\n    const node = this.addNode(item, { parent: removedNode.parent, position: removedNode.childIndex });\n\n    this._hash += 1;\n\n    // invoke the callback if present\n    options.callback?.(node, this);\n\n    return node;\n  };\n\n  getPath = (id: string): Node<T>[] => this.getRoot().getPath(id);\n\n  getPathIds = (id: string): string[] => this.getRoot().getPathIds(id);\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,kBAAqB;AAEd,MAAM,OAAuB;AAAA,EASlC,YAAY,MAAS,SAA+C;AA+BpE,mBAAU,MAAe,KAAK;AAE9B,mBAAU,CAAC,OAAwB,KAAK,MAAM;AAE9C,oBAAW,MAA+B,KAAK;AAE/C,gBAAO,CAAC,aAA+C;AACrD,WAAK,KAAK,KAAK,QAAQ;AAAA,IACzB;AAEA,uBAAc,CAAC,aAA+C;AAC5D,WAAK,KAAK,YAAY,QAAQ;AAAA,IAChC;AAEA,oBAAW,CAAC,aAAyD,KAAK,KAAK,SAAS,QAAQ;AAEhG,wBAAe,CAAC,aAAoD,KAAK,KAAK,aAAa,QAAQ;AAEnG,mBAAU,MAAiB,KAAK,KAAK,QAAQ;AAE7C,mBAAU,CAAC,MAAS,UAAyB,CAAC,MAAe;AAC3D,YAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,YAAM,gBAAgB,UAAU,KAAK;AACrC,YAAM,kBAAkB,YAAY,cAAc,SAAS;AAG3D,YAAM,OAAO,IAAI,iBAAK,MAAM;AAAA,QAC1B,YAAY;AAAA,QACZ,OAAO,cAAc,QAAQ;AAAA,QAC7B,QAAQ;AAAA,QACR,MAAM;AAAA,MACR,CAAC;AACD,WAAK,QAAQ,cAAc,IAAI,EAAE,QAAQ,IAAI;AAG7C,WAAK,SAAS;AAGd,iBAAW,MAAM,IAAI;AAErB,aAAO;AAAA,IACT;AAEA,sBAAa,CAAC,IAAY,UAA4B,CAAC,MAAe;AACpE,YAAM,OAAO,KAAK,QAAQ,EAAE;AAC5B,UAAI,CAAC;AAAM,cAAM,IAAI,MAAM,gBAAgB,cAAc;AAEzD,WAAK,WAAW;AAGhB,WAAK,SAAS;AAGd,cAAQ,WAAW,MAAM,IAAI;AAE7B,aAAO;AAAA,IACT;AAEA,oBAAW,CAAC,IAAY,UAA0B,CAAC,MAAe;AAChE,YAAM,cAAc,KAAK,WAAW,EAAE;AACtC,YAAM,OAAO,KAAK,QAAQ,YAAY,QAAQ,GAAG,OAAO;AAExD,WAAK,SAAS;AAEd,aAAO;AAAA,IACT;AAEA,uBAAc,CAAC,IAAY,MAAS,UAA4B,CAAC,MAAe;AAC9E,YAAM,cAAc,KAAK,WAAW,EAAE;AACtC,YAAM,OAAO,KAAK,QAAQ,MAAM,EAAE,QAAQ,YAAY,QAAQ,UAAU,YAAY,WAAW,CAAC;AAEhG,WAAK,SAAS;AAGd,cAAQ,WAAW,MAAM,IAAI;AAE7B,aAAO;AAAA,IACT;AAEA,mBAAU,CAAC,OAA0B,KAAK,QAAQ,EAAE,QAAQ,EAAE;AAE9D,sBAAa,CAAC,OAAyB,KAAK,QAAQ,EAAE,WAAW,EAAE;AA/GjE,SAAK,cAAc,QAAQ;AAC3B,SAAK,OAAO,IAAI,iBAAK,MAAM,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,KAAK,CAAC;AAClE,SAAK,QAAQ,CAAC;AACd,SAAK,QAAQ;AAIb,SAAK,KAAK,KAAK,CAAC,SAAS;AACvB,WAAK,MAAM,KAAK,QAAQ;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEA,yBAAyB,MAAqB;AAE5C,QAAI,KAAK,MAAM,KAAK,OAAO;AACzB,YAAM,IAAI,MAAM,yBAAyB,KAAK,MAAM;AAAA,IACtD;AAEA,SAAK,MAAM,KAAK,QAAQ;AAAA,EAC1B;AAAA,EAEA,8BAA8B,MAAqB;AACjD,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,KAAK;AAAA,EACd;AAoFF;",
+  "names": []
+}

package/dist/cjs/tree-model/Node.js

@@ -0,0 +1,141 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Node_exports = {};
+__export(Node_exports, {
+  Node: () => Node
+});
+module.exports = __toCommonJS(Node_exports);
+var React = __toESM(require("react"));
+var import_lodash = require("lodash");
+class Node {
+  constructor(item, { childIndex, depth, parent, tree }) {
+    this.fixChildIndexes = () => {
+      for (let i = 0; i < this.children.length; i++) {
+        this.children[i].childIndex = i;
+      }
+      this._hash += 1;
+    };
+    this.getCleanItem = (item) => {
+      const plainItem = (0, import_lodash.omit)(item, ["subitems"]);
+      return (0, import_lodash.cloneDeep)(plainItem);
+    };
+    this.walk = (callback) => {
+      const shouldContinueWalking = callback(this);
+      if (shouldContinueWalking) {
+        for (const child of this.children) {
+          child.walk(callback);
+        }
+      }
+    };
+    this.walkParents = (callback) => {
+      const shouldContinueWalking = callback(this);
+      if (shouldContinueWalking && this.parent) {
+        this.parent.walkParents(callback);
+      }
+    };
+    this.findNode = (callback) => {
+      let found = null;
+      this.walk((node) => {
+        if (found)
+          return false;
+        if (callback(node))
+          found = node;
+        return !found;
+      });
+      return found;
+    };
+    this.findAllNodes = (callback) => {
+      const found = [];
+      this.walk((node) => {
+        if (callback(node))
+          found.push(node);
+        return true;
+      });
+      return found;
+    };
+    this.flatten = () => {
+      const flattened = [];
+      this.walk((node) => {
+        flattened.push(node);
+        return true;
+      });
+      return flattened;
+    };
+    this.getPath = (id) => {
+      const path = [];
+      const node = this.tree.getNode(id);
+      if (!node)
+        return path;
+      node.walkParents((parent) => {
+        path.push(parent);
+        return parent.dsId !== this.dsId;
+      });
+      return path.reverse();
+    };
+    this.getPathIds = (id) => this.getPath(id).map((node) => node.dsId);
+    this.getJson = () => ({
+      ...this.plainItem,
+      subitems: this.children.map((child) => child.getJson())
+    });
+    this.addNode = (node) => {
+      const position = node.childIndex;
+      if (position < 0 || position > this.children.length) {
+        throw new Error(`Invalid position ${position} for parent ${this.dsId} with item ${node.dsId}`);
+      }
+      this.children.splice(position, 0, node);
+      this.fixChildIndexes();
+      node.walk((child) => {
+        this.tree.addNodeToNodesDictionary(child);
+        return true;
+      });
+      this._hash += 1;
+    };
+    this.removeNode = () => {
+      if (!this.parent)
+        throw new Error(`Cannot remove root node with id ${this.dsId}`);
+      this.parent.children.splice(this.childIndex, 1);
+      this.parent.fixChildIndexes();
+      this.walk((child) => {
+        this.tree.removeNodeFromNodesDictionary(child);
+        return true;
+      });
+      this._hash += 1;
+    };
+    this.dsId = tree.getUniqueId(item);
+    this.childIndex = childIndex;
+    this.depth = depth;
+    this.parent = parent ?? null;
+    this.tree = tree;
+    this._hash = 0;
+    this.children = item.subitems?.map(
+      (subitem, index) => new Node(subitem, { childIndex: index, depth: depth + 1, parent: this, tree })
+    ) ?? [];
+    this.plainItem = this.getCleanItem(item);
+  }
+  get hash() {
+    return this._hash;
+  }
+}
+//# sourceMappingURL=Node.js.map

package/dist/cjs/tree-model/Node.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree-model/Node.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-use-before-define */\n/* eslint-disable max-params */\nimport { cloneDeep, omit } from 'lodash';\nimport type { DSTree } from './DSTree';\nimport type { Item, NodeConstructorOptions } from './types';\n\nexport class Node<T extends Item> {\n  dsId: string;\n\n  plainItem: T;\n\n  childIndex: number;\n\n  depth: number;\n\n  parent: Node<T> | null;\n\n  children: Node<T>[];\n\n  private tree!: DSTree<T>;\n\n  private _hash: number;\n\n  constructor(item: T, { childIndex, depth, parent, tree }: NodeConstructorOptions<T>) {\n    this.dsId = tree.getUniqueId(item);\n    this.childIndex = childIndex;\n    this.depth = depth;\n    this.parent = parent ?? null;\n    this.tree = tree;\n    this._hash = 0;\n\n    this.children =\n      item.subitems?.map(\n        (subitem, index) => new Node(subitem as T, { childIndex: index, depth: depth + 1, parent: this, tree }),\n      ) ?? [];\n\n    // Save the item without the subitems\n    this.plainItem = this.getCleanItem(item);\n  }\n\n  // ===========================================================================\n  // INTERNAL METHODS\n  // ===========================================================================\n\n  fixChildIndexes = (): void => {\n    for (let i = 0; i < this.children.length; i++) {\n      this.children[i].childIndex = i;\n    }\n    this._hash += 1;\n  };\n\n  getCleanItem = (item: T): T => {\n    const plainItem = omit(item, ['subitems']);\n    return cloneDeep(plainItem as T);\n  };\n\n  // ===========================================================================\n  // READ METHODS\n  // ===========================================================================\n\n  get hash(): number {\n    return this._hash;\n  }\n\n  walk = (callback: (node: Node<T>) => boolean): void => {\n    const shouldContinueWalking = callback(this);\n    if (shouldContinueWalking) {\n      for (const child of this.children) {\n        child.walk(callback);\n      }\n    }\n  };\n\n  walkParents = (callback: (node: Node<T>) => boolean): void => {\n    const shouldContinueWalking = callback(this);\n    if (shouldContinueWalking && this.parent) {\n      this.parent.walkParents(callback);\n    }\n  };\n\n  findNode = (callback: (node: Node<T>) => boolean): Node<T> | null => {\n    // find first node using walk\n    let found: Node<T> | null = null;\n    this.walk((node) => {\n      // If we already found it, don't look anymore\n      if (found) return false;\n\n      // Otherwise keep looking\n      if (callback(node)) found = node;\n      return !found;\n    });\n\n    return found;\n  };\n\n  findAllNodes = (callback: (node: Node<T>) => boolean): Node<T>[] => {\n    const found: Node<T>[] = [];\n    this.walk((node) => {\n      if (callback(node)) found.push(node);\n      return true;\n    });\n    return found;\n  };\n\n  flatten = (): Node<T>[] => {\n    const flattened: Node<T>[] = [];\n    this.walk((node) => {\n      flattened.push(node);\n      return true;\n    });\n    return flattened;\n  };\n\n  getPath = (id: string): Node<T>[] => {\n    const path: Node<T>[] = [];\n    const node = this.tree.getNode(id);\n    if (!node) return path;\n    node.walkParents((parent) => {\n      path.push(parent);\n      return parent.dsId !== this.dsId;\n    });\n    return path.reverse();\n  };\n\n  getPathIds = (id: string): string[] => this.getPath(id).map((node) => node.dsId);\n\n  getJson = (): T => ({\n    ...this.plainItem,\n    subitems: this.children.map((child) => child.getJson()),\n  });\n\n  // ===========================================================================\n  // WRITE METHODS\n  // ===========================================================================\n\n  addNode = (node: Node<T>) => {\n    // check that the position is valid for that parent\n    const position = node.childIndex;\n    if (position < 0 || position > this.children.length) {\n      throw new Error(`Invalid position ${position} for parent ${this.dsId} with item ${node.dsId}`);\n    }\n\n    // add the new node\n    this.children.splice(position, 0, node);\n\n    // fix the childIndex of the nodes after the new one\n    this.fixChildIndexes();\n\n    // add subtree of the new node to the node dictionary\n    node.walk((child) => {\n      this.tree.addNodeToNodesDictionary(child);\n      return true;\n    });\n\n    this._hash += 1;\n  };\n\n  removeNode = () => {\n    // if no parent throw error\n    if (!this.parent) throw new Error(`Cannot remove root node with id ${this.dsId}`);\n\n    // remove from parent\n    this.parent.children.splice(this.childIndex, 1);\n\n    // fix the childIndex of the nodes of the parent\n    this.parent.fixChildIndexes();\n\n    // remove subtree from the node dictionary\n    this.walk((child) => {\n      this.tree.removeNodeFromNodesDictionary(child);\n      return true;\n    });\n\n    this._hash += 1;\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/tree-model/index.js

@@ -0,0 +1,32 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tree_model_exports = {};
+__export(tree_model_exports, {
+  useDSTree: () => import_useDSTree.useDSTree
+});
+module.exports = __toCommonJS(tree_model_exports);
+var React = __toESM(require("react"));
+var import_useDSTree = require("./useDSTree");
+//# sourceMappingURL=index.js.map

package/dist/cjs/tree-model/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree-model/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export type { Item } from './types';\nexport { useDSTree } from './useDSTree';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA0B;",
+  "names": []
+}

package/dist/cjs/tree-model/types.js

@@ -0,0 +1,24 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+var React = __toESM(require("react"));
+//# sourceMappingURL=types.js.map

package/dist/cjs/tree-model/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree-model/types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSTree } from './DSTree';\nimport type { Node } from './Node';\n\nexport interface Item {\n  subitems?: Item[];\n}\n\nexport interface NodeConstructorOptions<T extends Item> {\n  childIndex: number;\n  depth: number;\n  tree: DSTree<T>;\n  parent?: Node<T> | null;\n}\n\nexport interface AddOptions<T extends Item> {\n  position?: number;\n  parent?: Node<T> | null;\n  callback?: (node: Node<T>, tree: DSTree<T>) => void;\n}\n\nexport interface RemoveOptions<T extends Item> {\n  callback?: (node: Node<T>, tree: DSTree<T>) => void;\n}\n\nexport interface MoveOptions<T extends Item> {\n  position?: number;\n  parent?: Node<T>;\n  callback?: (node: Node<T>, tree: DSTree<T>) => void;\n}\n\nexport interface MutateOptions<T extends Item> {\n  callback?: (node: Node<T>, tree: DSTree<T>) => void;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/tree-model/useDSTree.js

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDSTree_exports = {};
+__export(useDSTree_exports, {
+  useDSTree: () => useDSTree
+});
+module.exports = __toCommonJS(useDSTree_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_DSTree = require("./DSTree");
+const useDSTree = (rootItem, opts) => {
+  const tree = (0, import_react.useMemo)(() => new import_DSTree.DSTree(rootItem, opts), [opts, rootItem]);
+  const [hash, setHash] = (0, import_react.useState)(tree.hash);
+  const addNode = (0, import_react.useCallback)(
+    (item, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.addNode(item, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const removeNode = (0, import_react.useCallback)(
+    (id, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.removeNode(id, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const moveNode = (0, import_react.useCallback)(
+    (id, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.moveNode(id, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const replaceNode = (0, import_react.useCallback)(
+    (id, item, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.replaceNode(id, item, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  return {
+    hash,
+    getRoot: tree.getRoot,
+    getNode: tree.getNode,
+    walk: tree.walk,
+    walkParents: tree.walkParents,
+    findNode: tree.findNode,
+    findAllNodes: tree.findAllNodes,
+    flatten: tree.flatten,
+    addNode,
+    removeNode,
+    moveNode,
+    replaceNode,
+    getPath: tree.getPath,
+    getPathIds: tree.getPathIds
+  };
+};
+//# sourceMappingURL=useDSTree.js.map

package/dist/cjs/tree-model/useDSTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/tree-model/useDSTree.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\nimport { DSTree } from './DSTree';\nimport type { AddOptions, Item, MoveOptions, MutateOptions, RemoveOptions } from './types';\n\nexport const useDSTree = <T extends Item>(rootItem: T, opts: { getUniqueId: (item: T) => string }) => {\n  const tree = useMemo(() => new DSTree(rootItem, opts), [opts, rootItem]);\n  const [hash, setHash] = useState(tree.hash);\n\n  const addNode = useCallback(\n    (item: T, options?: AddOptions<T>) => {\n      const cb: AddOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.addNode(item, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const removeNode = useCallback(\n    (id: string, options?: RemoveOptions<T>) => {\n      const cb: RemoveOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.removeNode(id, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const moveNode = useCallback(\n    (id: string, options?: MoveOptions<T>) => {\n      const cb: MoveOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.moveNode(id, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const replaceNode = useCallback(\n    (id: string, item: T, options?: MutateOptions<T>) => {\n      const cb: MutateOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.replaceNode(id, item, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  return {\n    hash,\n    getRoot: tree.getRoot,\n    getNode: tree.getNode,\n    walk: tree.walk,\n    walkParents: tree.walkParents,\n    findNode: tree.findNode,\n    findAllNodes: tree.findAllNodes,\n    flatten: tree.flatten,\n    addNode,\n    removeNode,\n    moveNode,\n    replaceNode,\n    getPath: tree.getPath,\n    getPathIds: tree.getPathIds,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,oBAAuB;AAGhB,MAAM,YAAY,CAAiB,UAAa,SAA+C;AACpG,QAAM,WAAO,sBAAQ,MAAM,IAAI,qBAAO,UAAU,IAAI,GAAG,CAAC,MAAM,QAAQ,CAAC;AACvE,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK,IAAI;AAE1C,QAAM,cAAU;AAAA,IACd,CAAC,MAAS,YAA4B;AACpC,YAAM,KAAgC,CAAC,MAAM,WAAW;AACtD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,QAAQ,MAAM,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,iBAAa;AAAA,IACjB,CAAC,IAAY,YAA+B;AAC1C,YAAM,KAAmC,CAAC,MAAM,WAAW;AACzD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,WAAW,IAAI,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACzD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,eAAW;AAAA,IACf,CAAC,IAAY,YAA6B;AACxC,YAAM,KAAiC,CAAC,MAAM,WAAW;AACvD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,SAAS,IAAI,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACvD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,IAAY,MAAS,YAA+B;AACnD,YAAM,KAAmC,CAAC,MAAM,WAAW;AACzD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,YAAY,IAAI,MAAM,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,MAAM,KAAK;AAAA,IACX,aAAa,KAAK;AAAA,IAClB,UAAU,KAAK;AAAA,IACf,cAAc,KAAK;AAAA,IACnB,SAAS,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK;AAAA,IACd,YAAY,KAAK;AAAA,EACnB;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -101,6 +101,7 @@ import { compose } from "./compose";
 import { DOCUMENT, WINDOW } from "./platform";
 import { isDOMTypeElement } from "./reactTypesUtility";
 import { isRequired, isGreaterThan, isValidDate } from "./validations";
+import { useDSTree } from "./tree-model";
 import { crossTypeSort } from "./algorithms/crossTypeSort";
 export * from "./deprecated";
 export * from "./props-helpers";
@@ -188,6 +189,7 @@ export {
   uniqBy,
   useCallbackAfterRender,
   useCancellableDelayedCallback,
+  useDSTree,
   useDerivedStateFromProps,
   useExecutionTimer,
   useExpandState,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport { getObjectValuesToArray, getObjectKeysToArray } from './objectUtilities';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, setMultipleRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useMakeMutable,\n  useCallbackAfterRender,\n  useFocusTrap,\n  UseFocusTrapWithSchema,\n  useIsMobile,\n  useOnBlurOut,\n  UseOnBlurOutWithSchema,\n  useOnFirstFocusIn,\n  UseOnFirstFocusInWithSchema,\n  useOnSpecificFocus,\n  UseOnSpecificFocusWithSchema,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport { isDOMTypeElement } from './reactTypesUtility';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\n\nexport { crossTypeSort } from './algorithms/crossTypeSort';\n\n// TODO -- REMOVE WHEN READY\nexport * from './deprecated';\nexport * from './props-helpers';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAoB,WAAXA,gBAAwC;AACjD,SAAoB,WAAXA,gBAA0D;AACnE,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,4BAA4B;AAC7D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,WAAW,iBAAiB,cAAc;AAC3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB,uBAAuB;AACxD,SAAS,eAAe;AACxB,SAAS,UAAU,cAAc;AACjC,SAAS,wBAAwB;AACjC,SAAS,YAAY,eAAe,mBAAmB;AAEvD,SAAS,qBAAqB;AAG9B,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default as getComponentFromProps } from './getComponentFromProps';\nexport { default as onClickHandlerForNonInteractiveElements } from './onClickHandlerForNonInteractiveElements';\nexport { capitalize } from './capitalize';\nexport { getObjectValuesToArray, getObjectKeysToArray } from './objectUtilities';\nexport {\n  checkNotEmpty,\n  checkEmpty,\n  greaterThan,\n  validDate,\n  equal,\n  notEqual,\n  isNull,\n  isNotNull,\n  isIn,\n  isNotIn,\n  greaterThanOrEquals,\n  lessThanOrEquals,\n  startsWith,\n  contains,\n} from './operators';\nexport {\n  cx,\n  runAll,\n  hashArray,\n  safeCall,\n  removeUndefinedProperties,\n  isObject,\n  curry,\n  arrayMove,\n  uniq,\n  filter,\n  uniqBy,\n  groupBy,\n  property,\n  get,\n  set,\n  cloneDeep,\n  debounce,\n  findIndex,\n  isEmpty,\n  isString,\n  isEqual,\n  maxBy,\n  meanBy,\n  noop,\n  omit,\n  orderBy,\n  pull,\n  sortBy,\n  sumBy,\n  transform,\n  isFunction,\n  range,\n  parseInt,\n  padStart,\n  isNaN,\n  values,\n  throttle,\n  toggleInObject,\n  toggleInArray,\n  pick,\n  pickBy,\n  differenceBy,\n  differenceWith,\n  addOrRemove,\n  isEqualWith,\n  isBoolean,\n} from './utils';\nexport { setRef, mergeRefs, setMultipleRefs, logger } from './system';\nexport {\n  useMeasure,\n  useForceUpdate,\n  useOnClickOutside,\n  useExecutionTimer,\n  useExpandState,\n  useHotkeys,\n  useHoverHandlersDelay,\n  useResizeObserver,\n  useShouldRecalculate,\n  useWindowScrollerList,\n  usePrevious,\n  useCancellableDelayedCallback,\n  useDerivedStateFromProps,\n  useOnElementResize,\n  useIsShowingEllipsis,\n  useMakeMutable,\n  useCallbackAfterRender,\n  useFocusTrap,\n  UseFocusTrapWithSchema,\n  useIsMobile,\n  useOnBlurOut,\n  UseOnBlurOutWithSchema,\n  useOnFirstFocusIn,\n  UseOnFirstFocusInWithSchema,\n  useOnSpecificFocus,\n  UseOnSpecificFocusWithSchema,\n} from './hooks';\nexport { getVisibleTimeByFormat, addLeadingZeros } from './timeUtils';\nexport { compose } from './compose';\nexport { DOCUMENT, WINDOW } from './platform';\nexport { isDOMTypeElement } from './reactTypesUtility';\nexport { isRequired, isGreaterThan, isValidDate } from './validations';\nexport { type Item, useDSTree } from './tree-model';\n\nexport { crossTypeSort } from './algorithms/crossTypeSort';\n\n// TODO -- REMOVE WHEN READY\nexport * from './deprecated';\nexport * from './props-helpers';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAoB,WAAXA,gBAAwC;AACjD,SAAoB,WAAXA,gBAA0D;AACnE,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,4BAA4B;AAC7D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,WAAW,iBAAiB,cAAc;AAC3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB,uBAAuB;AACxD,SAAS,eAAe;AACxB,SAAS,UAAU,cAAc;AACjC,SAAS,wBAAwB;AACjC,SAAS,YAAY,eAAe,mBAAmB;AACvD,SAAoB,iBAAiB;AAErC,SAAS,qBAAqB;AAG9B,cAAc;AACd,cAAc;",
   "names": ["default"]
 }

package/dist/esm/props-helpers/getProps/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/getProps/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getAriaProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));\n\nexport const getDataProps = <T = Record<string, unknown>>(props: T): Record<string, string> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;AAE5E,MAAM,eAAe,CAA8B,UACxD,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getAriaProps = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: T,\n): Record<string, unknown> => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('aria-')));\n\nexport const getDataProps = <T extends Record<string, unknown> = Record<string, unknown>>(\n  props: T,\n): Record<string, unknown> => Object.fromEntries(Object.entries(props).filter(([key]) => key.includes('data-')));\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe,CAC1B,UAC4B,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;AAExG,MAAM,eAAe,CAC1B,UAC4B,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,IAAI,SAAS,OAAO,CAAC,CAAC;",
   "names": []
 }

package/dist/esm/props-helpers/globalProps/getGlobalAttributes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/globalProps/getGlobalAttributes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { AllHTMLAttributes, AriaAttributes, DOMAttributes, HTMLAttributes } from 'react';\nimport type { GlobalAttributes } from './constants';\nimport { globalAttributes } from './constants';\n\nexport type GlobalAttributesT<T = Element> = AriaAttributes &\n  DOMAttributes<T> &\n  HTMLAttributes<T> &\n  Omit<AllHTMLAttributes<T>, 'as'>;\n\nexport const getGlobalAttributes = <T, S = Element>(\n  props: T,\n  overrides?: Partial<GlobalAttributes<CallableFunction>>,\n): GlobalAttributesT<S> => {\n  const globalAttributesObject: GlobalAttributesT<S> = {};\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in globalAttributes || key.startsWith('data-')) {\n      if (\n        overrides &&\n        key in overrides &&\n        typeof value === 'function' &&\n        typeof overrides[key as keyof GlobalAttributes] === 'function'\n      ) {\n        const newFunc = (...args: unknown[]) => {\n          (value as CallableFunction)(...args);\n          (overrides[key as keyof GlobalAttributes] as CallableFunction)(...args);\n        };\n        globalAttributesObject[key as keyof GlobalAttributes] = newFunc as unknown as T[keyof T];\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        globalAttributesObject[key as keyof GlobalAttributes] = value;\n      }\n    }\n  });\n  return globalAttributesObject;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,wBAAwB;AAO1B,MAAM,sBAAsB,CACjC,OACA,cACyB;AACzB,QAAM,yBAA+C,CAAC;AACtD,SAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,QAAI,OAAO,oBAAoB,IAAI,WAAW,OAAO,GAAG;AACtD,UACE,aACA,OAAO,aACP,OAAO,UAAU,cACjB,OAAO,UAAU,SAAmC,YACpD;AACA,cAAM,UAAU,IAAI,SAAoB;AACtC,UAAC,MAA2B,GAAG,IAAI;AACnC,UAAC,UAAU,KAAoD,GAAG,IAAI;AAAA,QACxE;AACA,+BAAuB,OAAiC;AAAA,MAC1D,OAAO;AAEL,+BAAuB,OAAiC;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { AllHTMLAttributes, AriaAttributes, DOMAttributes, HTMLAttributes } from 'react';\nimport type { GlobalAttributes } from './constants';\nimport { globalAttributes } from './constants';\n\nexport type GlobalAttributesT<T = Element> = AriaAttributes &\n  DOMAttributes<T> &\n  HTMLAttributes<T> &\n  Omit<AllHTMLAttributes<T>, 'as'>;\n\nexport const getGlobalAttributes = <T, S = Element>(\n  props: T,\n  overrides?: Partial<GlobalAttributes<CallableFunction>>,\n): GlobalAttributesT<S> => {\n  const globalAttributesObject: GlobalAttributesT<S> = {};\n  Object.entries(props as Record<string, unknown>).forEach(([key, value]) => {\n    if (key in globalAttributes || key.startsWith('data-')) {\n      if (\n        overrides &&\n        key in overrides &&\n        typeof value === 'function' &&\n        typeof overrides[key as keyof GlobalAttributes] === 'function'\n      ) {\n        const newFunc = (...args: unknown[]) => {\n          (value as CallableFunction)(...args);\n          (overrides[key as keyof GlobalAttributes] as CallableFunction)(...args);\n        };\n        globalAttributesObject[key as keyof GlobalAttributes] = newFunc as unknown as T[keyof T];\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n        globalAttributesObject[key as keyof GlobalAttributes] = value;\n      }\n    }\n  });\n  return globalAttributesObject;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,wBAAwB;AAO1B,MAAM,sBAAsB,CACjC,OACA,cACyB;AACzB,QAAM,yBAA+C,CAAC;AACtD,SAAO,QAAQ,KAAgC,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACzE,QAAI,OAAO,oBAAoB,IAAI,WAAW,OAAO,GAAG;AACtD,UACE,aACA,OAAO,aACP,OAAO,UAAU,cACjB,OAAO,UAAU,SAAmC,YACpD;AACA,cAAM,UAAU,IAAI,SAAoB;AACtC,UAAC,MAA2B,GAAG,IAAI;AACnC,UAAC,UAAU,KAAoD,GAAG,IAAI;AAAA,QACxE;AACA,+BAAuB,OAAiC;AAAA,MAC1D,OAAO;AAEL,+BAAuB,OAAiC;AAAA,MAC1D;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/dist/esm/tree-model/DSTree.js

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { Node } from "./Node";
+class DSTree {
+  constructor(item, options) {
+    this.getRoot = () => this.root;
+    this.getNode = (id) => this.nodes[id];
+    this.getNodes = () => this.nodes;
+    this.walk = (callback) => {
+      this.root.walk(callback);
+    };
+    this.walkParents = (callback) => {
+      this.root.walkParents(callback);
+    };
+    this.findNode = (callback) => this.root.findNode(callback);
+    this.findAllNodes = (callback) => this.root.findAllNodes(callback);
+    this.flatten = () => this.root.flatten();
+    this.addNode = (item, options = {}) => {
+      const { position, parent, callback } = options;
+      const parentDefault = parent || this.root;
+      const positionDefault = position ?? parentDefault.children.length;
+      const node = new Node(item, {
+        childIndex: positionDefault,
+        depth: parentDefault.depth + 1,
+        parent: parentDefault,
+        tree: this
+      });
+      this.getNode(parentDefault.dsId).addNode(node);
+      this._hash += 1;
+      callback?.(node, this);
+      return node;
+    };
+    this.removeNode = (id, options = {}) => {
+      const node = this.getNode(id);
+      if (!node)
+        throw new Error(`Node with id ${id} not found`);
+      node.removeNode();
+      this._hash += 1;
+      options.callback?.(node, this);
+      return node;
+    };
+    this.moveNode = (id, options = {}) => {
+      const removedNode = this.removeNode(id);
+      const node = this.addNode(removedNode.getJson(), options);
+      this._hash += 1;
+      return node;
+    };
+    this.replaceNode = (id, item, options = {}) => {
+      const removedNode = this.removeNode(id);
+      const node = this.addNode(item, { parent: removedNode.parent, position: removedNode.childIndex });
+      this._hash += 1;
+      options.callback?.(node, this);
+      return node;
+    };
+    this.getPath = (id) => this.getRoot().getPath(id);
+    this.getPathIds = (id) => this.getRoot().getPathIds(id);
+    this.getUniqueId = options.getUniqueId;
+    this.root = new Node(item, { childIndex: 0, depth: 0, tree: this });
+    this.nodes = {};
+    this._hash = 0;
+    this.root.walk((node) => {
+      this.nodes[node.dsId] = node;
+      return true;
+    });
+  }
+  addNodeToNodesDictionary(node) {
+    if (this.nodes[node.dsId]) {
+      throw new Error(`DSTree: repeated dsId ${node.dsId}`);
+    }
+    this.nodes[node.dsId] = node;
+  }
+  removeNodeFromNodesDictionary(node) {
+    delete this.nodes[node.dsId];
+  }
+  get hash() {
+    return this._hash;
+  }
+}
+export {
+  DSTree
+};
+//# sourceMappingURL=DSTree.js.map

package/dist/esm/tree-model/DSTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree-model/DSTree.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { AddOptions, Item, MoveOptions, MutateOptions, RemoveOptions } from './types';\nimport { Node } from './Node';\n\nexport class DSTree<T extends Item> {\n  private root: Node<T>;\n\n  private _hash: number;\n\n  private nodes: Record<string, Node<T>>;\n\n  getUniqueId: (item: T) => string;\n\n  constructor(item: T, options: { getUniqueId: (item: T) => string }) {\n    this.getUniqueId = options.getUniqueId;\n    this.root = new Node(item, { childIndex: 0, depth: 0, tree: this });\n    this.nodes = {};\n    this._hash = 0;\n\n    // autocalculate a dictionary where dsId are keys and nodes are values\n    // and add the tree link to each node\n    this.root.walk((node) => {\n      this.nodes[node.dsId] = node;\n      return true;\n    });\n  }\n\n  addNodeToNodesDictionary(node: Node<T>): void {\n    // check that we have no repeated ids\n    if (this.nodes[node.dsId]) {\n      throw new Error(`DSTree: repeated dsId ${node.dsId}`);\n    }\n\n    this.nodes[node.dsId] = node;\n  }\n\n  removeNodeFromNodesDictionary(node: Node<T>): void {\n    delete this.nodes[node.dsId];\n  }\n\n  get hash(): number {\n    return this._hash;\n  }\n\n  getRoot = (): Node<T> => this.root;\n\n  getNode = (id: string): Node<T> => this.nodes[id];\n\n  getNodes = (): Record<string, Node<T>> => this.nodes;\n\n  walk = (callback: (node: Node<T>) => boolean): void => {\n    this.root.walk(callback);\n  };\n\n  walkParents = (callback: (node: Node<T>) => boolean): void => {\n    this.root.walkParents(callback);\n  };\n\n  findNode = (callback: (node: Node<T>) => boolean): Node<T> | null => this.root.findNode(callback);\n\n  findAllNodes = (callback: (node: Node<T>) => boolean): Node<T>[] => this.root.findAllNodes(callback);\n\n  flatten = (): Node<T>[] => this.root.flatten();\n\n  addNode = (item: T, options: AddOptions<T> = {}): Node<T> => {\n    const { position, parent, callback } = options;\n    const parentDefault = parent || this.root;\n    const positionDefault = position ?? parentDefault.children.length;\n\n    // create node and add it to the parent\n    const node = new Node(item, {\n      childIndex: positionDefault,\n      depth: parentDefault.depth + 1,\n      parent: parentDefault,\n      tree: this,\n    });\n    this.getNode(parentDefault.dsId).addNode(node);\n\n    // change hash\n    this._hash += 1;\n\n    // invoke the callback if present\n    callback?.(node, this);\n\n    return node;\n  };\n\n  removeNode = (id: string, options: RemoveOptions<T> = {}): Node<T> => {\n    const node = this.getNode(id);\n    if (!node) throw new Error(`Node with id ${id} not found`);\n\n    node.removeNode();\n\n    // change hash\n    this._hash += 1;\n\n    // invoke the callback if present\n    options.callback?.(node, this);\n\n    return node;\n  };\n\n  moveNode = (id: string, options: MoveOptions<T> = {}): Node<T> => {\n    const removedNode = this.removeNode(id);\n    const node = this.addNode(removedNode.getJson(), options);\n\n    this._hash += 1;\n\n    return node;\n  };\n\n  replaceNode = (id: string, item: T, options: MutateOptions<T> = {}): Node<T> => {\n    const removedNode = this.removeNode(id);\n    const node = this.addNode(item, { parent: removedNode.parent, position: removedNode.childIndex });\n\n    this._hash += 1;\n\n    // invoke the callback if present\n    options.callback?.(node, this);\n\n    return node;\n  };\n\n  getPath = (id: string): Node<T>[] => this.getRoot().getPath(id);\n\n  getPathIds = (id: string): string[] => this.getRoot().getPathIds(id);\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,YAAY;AAEd,MAAM,OAAuB;AAAA,EASlC,YAAY,MAAS,SAA+C;AA+BpE,mBAAU,MAAe,KAAK;AAE9B,mBAAU,CAAC,OAAwB,KAAK,MAAM;AAE9C,oBAAW,MAA+B,KAAK;AAE/C,gBAAO,CAAC,aAA+C;AACrD,WAAK,KAAK,KAAK,QAAQ;AAAA,IACzB;AAEA,uBAAc,CAAC,aAA+C;AAC5D,WAAK,KAAK,YAAY,QAAQ;AAAA,IAChC;AAEA,oBAAW,CAAC,aAAyD,KAAK,KAAK,SAAS,QAAQ;AAEhG,wBAAe,CAAC,aAAoD,KAAK,KAAK,aAAa,QAAQ;AAEnG,mBAAU,MAAiB,KAAK,KAAK,QAAQ;AAE7C,mBAAU,CAAC,MAAS,UAAyB,CAAC,MAAe;AAC3D,YAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AACvC,YAAM,gBAAgB,UAAU,KAAK;AACrC,YAAM,kBAAkB,YAAY,cAAc,SAAS;AAG3D,YAAM,OAAO,IAAI,KAAK,MAAM;AAAA,QAC1B,YAAY;AAAA,QACZ,OAAO,cAAc,QAAQ;AAAA,QAC7B,QAAQ;AAAA,QACR,MAAM;AAAA,MACR,CAAC;AACD,WAAK,QAAQ,cAAc,IAAI,EAAE,QAAQ,IAAI;AAG7C,WAAK,SAAS;AAGd,iBAAW,MAAM,IAAI;AAErB,aAAO;AAAA,IACT;AAEA,sBAAa,CAAC,IAAY,UAA4B,CAAC,MAAe;AACpE,YAAM,OAAO,KAAK,QAAQ,EAAE;AAC5B,UAAI,CAAC;AAAM,cAAM,IAAI,MAAM,gBAAgB,cAAc;AAEzD,WAAK,WAAW;AAGhB,WAAK,SAAS;AAGd,cAAQ,WAAW,MAAM,IAAI;AAE7B,aAAO;AAAA,IACT;AAEA,oBAAW,CAAC,IAAY,UAA0B,CAAC,MAAe;AAChE,YAAM,cAAc,KAAK,WAAW,EAAE;AACtC,YAAM,OAAO,KAAK,QAAQ,YAAY,QAAQ,GAAG,OAAO;AAExD,WAAK,SAAS;AAEd,aAAO;AAAA,IACT;AAEA,uBAAc,CAAC,IAAY,MAAS,UAA4B,CAAC,MAAe;AAC9E,YAAM,cAAc,KAAK,WAAW,EAAE;AACtC,YAAM,OAAO,KAAK,QAAQ,MAAM,EAAE,QAAQ,YAAY,QAAQ,UAAU,YAAY,WAAW,CAAC;AAEhG,WAAK,SAAS;AAGd,cAAQ,WAAW,MAAM,IAAI;AAE7B,aAAO;AAAA,IACT;AAEA,mBAAU,CAAC,OAA0B,KAAK,QAAQ,EAAE,QAAQ,EAAE;AAE9D,sBAAa,CAAC,OAAyB,KAAK,QAAQ,EAAE,WAAW,EAAE;AA/GjE,SAAK,cAAc,QAAQ;AAC3B,SAAK,OAAO,IAAI,KAAK,MAAM,EAAE,YAAY,GAAG,OAAO,GAAG,MAAM,KAAK,CAAC;AAClE,SAAK,QAAQ,CAAC;AACd,SAAK,QAAQ;AAIb,SAAK,KAAK,KAAK,CAAC,SAAS;AACvB,WAAK,MAAM,KAAK,QAAQ;AACxB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAAA,EAEA,yBAAyB,MAAqB;AAE5C,QAAI,KAAK,MAAM,KAAK,OAAO;AACzB,YAAM,IAAI,MAAM,yBAAyB,KAAK,MAAM;AAAA,IACtD;AAEA,SAAK,MAAM,KAAK,QAAQ;AAAA,EAC1B;AAAA,EAEA,8BAA8B,MAAqB;AACjD,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,KAAK;AAAA,EACd;AAoFF;",
+  "names": []
+}

package/dist/esm/tree-model/Node.js

@@ -0,0 +1,115 @@
+import * as React from "react";
+import { cloneDeep, omit } from "lodash";
+class Node {
+  constructor(item, { childIndex, depth, parent, tree }) {
+    this.fixChildIndexes = () => {
+      for (let i = 0; i < this.children.length; i++) {
+        this.children[i].childIndex = i;
+      }
+      this._hash += 1;
+    };
+    this.getCleanItem = (item) => {
+      const plainItem = omit(item, ["subitems"]);
+      return cloneDeep(plainItem);
+    };
+    this.walk = (callback) => {
+      const shouldContinueWalking = callback(this);
+      if (shouldContinueWalking) {
+        for (const child of this.children) {
+          child.walk(callback);
+        }
+      }
+    };
+    this.walkParents = (callback) => {
+      const shouldContinueWalking = callback(this);
+      if (shouldContinueWalking && this.parent) {
+        this.parent.walkParents(callback);
+      }
+    };
+    this.findNode = (callback) => {
+      let found = null;
+      this.walk((node) => {
+        if (found)
+          return false;
+        if (callback(node))
+          found = node;
+        return !found;
+      });
+      return found;
+    };
+    this.findAllNodes = (callback) => {
+      const found = [];
+      this.walk((node) => {
+        if (callback(node))
+          found.push(node);
+        return true;
+      });
+      return found;
+    };
+    this.flatten = () => {
+      const flattened = [];
+      this.walk((node) => {
+        flattened.push(node);
+        return true;
+      });
+      return flattened;
+    };
+    this.getPath = (id) => {
+      const path = [];
+      const node = this.tree.getNode(id);
+      if (!node)
+        return path;
+      node.walkParents((parent) => {
+        path.push(parent);
+        return parent.dsId !== this.dsId;
+      });
+      return path.reverse();
+    };
+    this.getPathIds = (id) => this.getPath(id).map((node) => node.dsId);
+    this.getJson = () => ({
+      ...this.plainItem,
+      subitems: this.children.map((child) => child.getJson())
+    });
+    this.addNode = (node) => {
+      const position = node.childIndex;
+      if (position < 0 || position > this.children.length) {
+        throw new Error(`Invalid position ${position} for parent ${this.dsId} with item ${node.dsId}`);
+      }
+      this.children.splice(position, 0, node);
+      this.fixChildIndexes();
+      node.walk((child) => {
+        this.tree.addNodeToNodesDictionary(child);
+        return true;
+      });
+      this._hash += 1;
+    };
+    this.removeNode = () => {
+      if (!this.parent)
+        throw new Error(`Cannot remove root node with id ${this.dsId}`);
+      this.parent.children.splice(this.childIndex, 1);
+      this.parent.fixChildIndexes();
+      this.walk((child) => {
+        this.tree.removeNodeFromNodesDictionary(child);
+        return true;
+      });
+      this._hash += 1;
+    };
+    this.dsId = tree.getUniqueId(item);
+    this.childIndex = childIndex;
+    this.depth = depth;
+    this.parent = parent ?? null;
+    this.tree = tree;
+    this._hash = 0;
+    this.children = item.subitems?.map(
+      (subitem, index) => new Node(subitem, { childIndex: index, depth: depth + 1, parent: this, tree })
+    ) ?? [];
+    this.plainItem = this.getCleanItem(item);
+  }
+  get hash() {
+    return this._hash;
+  }
+}
+export {
+  Node
+};
+//# sourceMappingURL=Node.js.map

package/dist/esm/tree-model/Node.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree-model/Node.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-use-before-define */\n/* eslint-disable max-params */\nimport { cloneDeep, omit } from 'lodash';\nimport type { DSTree } from './DSTree';\nimport type { Item, NodeConstructorOptions } from './types';\n\nexport class Node<T extends Item> {\n  dsId: string;\n\n  plainItem: T;\n\n  childIndex: number;\n\n  depth: number;\n\n  parent: Node<T> | null;\n\n  children: Node<T>[];\n\n  private tree!: DSTree<T>;\n\n  private _hash: number;\n\n  constructor(item: T, { childIndex, depth, parent, tree }: NodeConstructorOptions<T>) {\n    this.dsId = tree.getUniqueId(item);\n    this.childIndex = childIndex;\n    this.depth = depth;\n    this.parent = parent ?? null;\n    this.tree = tree;\n    this._hash = 0;\n\n    this.children =\n      item.subitems?.map(\n        (subitem, index) => new Node(subitem as T, { childIndex: index, depth: depth + 1, parent: this, tree }),\n      ) ?? [];\n\n    // Save the item without the subitems\n    this.plainItem = this.getCleanItem(item);\n  }\n\n  // ===========================================================================\n  // INTERNAL METHODS\n  // ===========================================================================\n\n  fixChildIndexes = (): void => {\n    for (let i = 0; i < this.children.length; i++) {\n      this.children[i].childIndex = i;\n    }\n    this._hash += 1;\n  };\n\n  getCleanItem = (item: T): T => {\n    const plainItem = omit(item, ['subitems']);\n    return cloneDeep(plainItem as T);\n  };\n\n  // ===========================================================================\n  // READ METHODS\n  // ===========================================================================\n\n  get hash(): number {\n    return this._hash;\n  }\n\n  walk = (callback: (node: Node<T>) => boolean): void => {\n    const shouldContinueWalking = callback(this);\n    if (shouldContinueWalking) {\n      for (const child of this.children) {\n        child.walk(callback);\n      }\n    }\n  };\n\n  walkParents = (callback: (node: Node<T>) => boolean): void => {\n    const shouldContinueWalking = callback(this);\n    if (shouldContinueWalking && this.parent) {\n      this.parent.walkParents(callback);\n    }\n  };\n\n  findNode = (callback: (node: Node<T>) => boolean): Node<T> | null => {\n    // find first node using walk\n    let found: Node<T> | null = null;\n    this.walk((node) => {\n      // If we already found it, don't look anymore\n      if (found) return false;\n\n      // Otherwise keep looking\n      if (callback(node)) found = node;\n      return !found;\n    });\n\n    return found;\n  };\n\n  findAllNodes = (callback: (node: Node<T>) => boolean): Node<T>[] => {\n    const found: Node<T>[] = [];\n    this.walk((node) => {\n      if (callback(node)) found.push(node);\n      return true;\n    });\n    return found;\n  };\n\n  flatten = (): Node<T>[] => {\n    const flattened: Node<T>[] = [];\n    this.walk((node) => {\n      flattened.push(node);\n      return true;\n    });\n    return flattened;\n  };\n\n  getPath = (id: string): Node<T>[] => {\n    const path: Node<T>[] = [];\n    const node = this.tree.getNode(id);\n    if (!node) return path;\n    node.walkParents((parent) => {\n      path.push(parent);\n      return parent.dsId !== this.dsId;\n    });\n    return path.reverse();\n  };\n\n  getPathIds = (id: string): string[] => this.getPath(id).map((node) => node.dsId);\n\n  getJson = (): T => ({\n    ...this.plainItem,\n    subitems: this.children.map((child) => child.getJson()),\n  });\n\n  // ===========================================================================\n  // WRITE METHODS\n  // ===========================================================================\n\n  addNode = (node: Node<T>) => {\n    // check that the position is valid for that parent\n    const position = node.childIndex;\n    if (position < 0 || position > this.children.length) {\n      throw new Error(`Invalid position ${position} for parent ${this.dsId} with item ${node.dsId}`);\n    }\n\n    // add the new node\n    this.children.splice(position, 0, node);\n\n    // fix the childIndex of the nodes after the new one\n    this.fixChildIndexes();\n\n    // add subtree of the new node to the node dictionary\n    node.walk((child) => {\n      this.tree.addNodeToNodesDictionary(child);\n      return true;\n    });\n\n    this._hash += 1;\n  };\n\n  removeNode = () => {\n    // if no parent throw error\n    if (!this.parent) throw new Error(`Cannot remove root node with id ${this.dsId}`);\n\n    // remove from parent\n    this.parent.children.splice(this.childIndex, 1);\n\n    // fix the childIndex of the nodes of the parent\n    this.parent.fixChildIndexes();\n\n    // remove subtree from the node dictionary\n    this.walk((child) => {\n      this.tree.removeNodeFromNodesDictionary(child);\n      return true;\n    });\n\n    this._hash += 1;\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/tree-model/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { useDSTree } from "./useDSTree";
+export {
+  useDSTree
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/tree-model/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree-model/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export type { Item } from './types';\nexport { useDSTree } from './useDSTree';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;",
+  "names": []
+}

package/dist/esm/tree-model/types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/dist/esm/tree-model/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA,YAAY,WAAW;",
+  "names": []
+}

package/dist/esm/tree-model/useDSTree.js

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { useCallback, useMemo, useState } from "react";
+import { DSTree } from "./DSTree";
+const useDSTree = (rootItem, opts) => {
+  const tree = useMemo(() => new DSTree(rootItem, opts), [opts, rootItem]);
+  const [hash, setHash] = useState(tree.hash);
+  const addNode = useCallback(
+    (item, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.addNode(item, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const removeNode = useCallback(
+    (id, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.removeNode(id, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const moveNode = useCallback(
+    (id, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.moveNode(id, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  const replaceNode = useCallback(
+    (id, item, options) => {
+      const cb = (node, treecb) => {
+        options?.callback?.(node, treecb);
+        setHash(treecb.hash);
+      };
+      return tree.replaceNode(id, item, { ...options, callback: cb });
+    },
+    [tree]
+  );
+  return {
+    hash,
+    getRoot: tree.getRoot,
+    getNode: tree.getNode,
+    walk: tree.walk,
+    walkParents: tree.walkParents,
+    findNode: tree.findNode,
+    findAllNodes: tree.findAllNodes,
+    flatten: tree.flatten,
+    addNode,
+    removeNode,
+    moveNode,
+    replaceNode,
+    getPath: tree.getPath,
+    getPathIds: tree.getPathIds
+  };
+};
+export {
+  useDSTree
+};
+//# sourceMappingURL=useDSTree.js.map

package/dist/esm/tree-model/useDSTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/tree-model/useDSTree.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useMemo, useState } from 'react';\nimport { DSTree } from './DSTree';\nimport type { AddOptions, Item, MoveOptions, MutateOptions, RemoveOptions } from './types';\n\nexport const useDSTree = <T extends Item>(rootItem: T, opts: { getUniqueId: (item: T) => string }) => {\n  const tree = useMemo(() => new DSTree(rootItem, opts), [opts, rootItem]);\n  const [hash, setHash] = useState(tree.hash);\n\n  const addNode = useCallback(\n    (item: T, options?: AddOptions<T>) => {\n      const cb: AddOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.addNode(item, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const removeNode = useCallback(\n    (id: string, options?: RemoveOptions<T>) => {\n      const cb: RemoveOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.removeNode(id, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const moveNode = useCallback(\n    (id: string, options?: MoveOptions<T>) => {\n      const cb: MoveOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.moveNode(id, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  const replaceNode = useCallback(\n    (id: string, item: T, options?: MutateOptions<T>) => {\n      const cb: MutateOptions<T>['callback'] = (node, treecb) => {\n        options?.callback?.(node, treecb);\n        setHash(treecb.hash);\n      };\n      return tree.replaceNode(id, item, { ...options, callback: cb });\n    },\n    [tree],\n  );\n\n  return {\n    hash,\n    getRoot: tree.getRoot,\n    getNode: tree.getNode,\n    walk: tree.walk,\n    walkParents: tree.walkParents,\n    findNode: tree.findNode,\n    findAllNodes: tree.findAllNodes,\n    flatten: tree.flatten,\n    addNode,\n    removeNode,\n    moveNode,\n    replaceNode,\n    getPath: tree.getPath,\n    getPathIds: tree.getPathIds,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,SAAS,gBAAgB;AAC/C,SAAS,cAAc;AAGhB,MAAM,YAAY,CAAiB,UAAa,SAA+C;AACpG,QAAM,OAAO,QAAQ,MAAM,IAAI,OAAO,UAAU,IAAI,GAAG,CAAC,MAAM,QAAQ,CAAC;AACvE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK,IAAI;AAE1C,QAAM,UAAU;AAAA,IACd,CAAC,MAAS,YAA4B;AACpC,YAAM,KAAgC,CAAC,MAAM,WAAW;AACtD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,QAAQ,MAAM,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACxD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,aAAa;AAAA,IACjB,CAAC,IAAY,YAA+B;AAC1C,YAAM,KAAmC,CAAC,MAAM,WAAW;AACzD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,WAAW,IAAI,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACzD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,WAAW;AAAA,IACf,CAAC,IAAY,YAA6B;AACxC,YAAM,KAAiC,CAAC,MAAM,WAAW;AACvD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,SAAS,IAAI,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IACvD;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,IAAY,MAAS,YAA+B;AACnD,YAAM,KAAmC,CAAC,MAAM,WAAW;AACzD,iBAAS,WAAW,MAAM,MAAM;AAChC,gBAAQ,OAAO,IAAI;AAAA,MACrB;AACA,aAAO,KAAK,YAAY,IAAI,MAAM,EAAE,GAAG,SAAS,UAAU,GAAG,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA,SAAS,KAAK;AAAA,IACd,SAAS,KAAK;AAAA,IACd,MAAM,KAAK;AAAA,IACX,aAAa,KAAK;AAAA,IAClB,UAAU,KAAK;AAAA,IACf,cAAc,KAAK;AAAA,IACnB,SAAS,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,KAAK;AAAA,IACd,YAAY,KAAK;AAAA,EACnB;AACF;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "3.13.0",
+  "version": "3.14.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "files": [
@@ -161,7 +161,7 @@
     "use-force-update": "~1.0.10",
     "use-measure": "~0.3.0",
     "use-onclickoutside": "~0.4.1",
-    "@elliemae/ds-system": "3.13.0"
+    "@elliemae/ds-system": "3.14.0-next.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.5",