@elliemae/ds-shuttle-v2 3.53.0-beta.8 → 3.53.0-next.10

package/dist/esm/tests/configs/loadMore.js

@@ -1,149 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2, { useMemo, useState, useCallback } from "react";
-import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
-import { useDSTree } from "@elliemae/ds-tree-model";
-import { uid } from "uid";
-const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
-  const node = {
-    id: uid(),
-    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
-    parent: parent ? parent.id : null
-  };
-  if (depth <= finalDepth) {
-    node.subitems = Array.from(
-      { length: 2 },
-      (_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
-    );
-  }
-  return node;
-};
-const options = {
-  getUniqueId: (item) => item.id
-};
-const startingSourceData = genTreeOfData({ prefix: "Source" });
-const startingDestinationData = genTreeOfData({ prefix: "Destination" });
-const BreadCrumb = (props) => {
-  const { breadCrumbPath, setCurrentNode, ...rest } = props;
-  return /* @__PURE__ */ jsx(DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ jsx(DSBreadcrumb.Item, { label: node.plainItem.label, onClick: () => setCurrentNode(node) }, `${node.dsId}`)) });
-};
-const BreadCrumbHoc = ({ path, setCurrentNode }) => {
-  const WrappedBreadCrumb = (props) => /* @__PURE__ */ jsx(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
-  return WrappedBreadCrumb;
-};
-const useListData = (startingData) => {
-  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);
-  const [currentNode, setCurrentNode] = useState(getRoot());
-  const [selection, setSelection] = useState({});
-  const [isLoadingMore, setIsLoadingMore] = useState(false);
-  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);
-  const displayedData = useMemo(
-    () => currentNode.children.map((node) => node.getJson()),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [currentNode, hash]
-  );
-  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);
-  const onLoadMore = useCallback(() => {
-    setIsLoadingMore(true);
-    setTimeout(() => {
-      const newChildren = Array.from(
-        { length: 1 },
-        (_, i) => genTreeOfData({ parent: currentNode.plainItem, childIndex: currentNode.children.length + i })
-      );
-      newChildren.forEach((child) => addNode(child, { parent: currentNode }));
-      setIsLoadingMore(false);
-    }, 1e3);
-  }, [addNode, currentNode]);
-  return {
-    getNode,
-    addNode,
-    replaceNode,
-    removeNode,
-    currentNode,
-    setCurrentNode,
-    selection,
-    setSelection,
-    isLoadingMore,
-    onLoadMore,
-    breadcrumbPath,
-    displayedData,
-    onDrilldown
-  };
-};
-const useShuttle = () => {
-  const {
-    currentNode: currentSourceNode,
-    setCurrentNode: setCurrentSourceNode,
-    selection: sourceSelection,
-    setSelection: setSourceSelection,
-    breadcrumbPath: sourceBreadCrumbPath,
-    displayedData: sourceDisplayedData,
-    onDrilldown: onSourceDrilldown,
-    getNode: getSourceNode,
-    addNode: addSourceNode,
-    removeNode: removeSourceNode,
-    isLoadingMore: isSourceLoadingMore,
-    onLoadMore: onLoadMoreSource
-  } = useListData(startingSourceData, "S");
-  const {
-    currentNode: currentDestinationNode,
-    setCurrentNode: setCurrentDestinationNode,
-    selection: destinationSelection,
-    setSelection: setDestinationSelection,
-    breadcrumbPath: destinationBreadCrumbPath,
-    displayedData: destinationDisplayedData,
-    onDrilldown: onDestinationDrilldown,
-    getNode: getDestinationNode,
-    addNode: addDestinationNode,
-    removeNode: removeDestinationNode,
-    isLoadingMore: isDestinationLoadingMore,
-    onLoadMore: onLoadMoreDestination
-  } = useListData(startingDestinationData, "D");
-  const onSourceAdd = useCallback(
-    (items) => items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),
-    [addSourceNode, currentSourceNode, getSourceNode]
-  );
-  const onSourceRemove = useCallback(
-    (items) => items.forEach((item) => removeSourceNode(item.id, item)),
-    [removeSourceNode]
-  );
-  const onDestinationAdd = useCallback(
-    (items) => items.forEach(
-      (item) => addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode })
-    ),
-    [addDestinationNode, currentDestinationNode, getDestinationNode]
-  );
-  const onDestinationRemove = useCallback(
-    (items) => items.forEach((item) => removeDestinationNode(item.id)),
-    [removeDestinationNode]
-  );
-  return {
-    setCurrentSourceNode,
-    setCurrentDestinationNode,
-    sourceDisplayedData,
-    destinationDisplayedData,
-    sourceSelection,
-    destinationSelection,
-    setSourceSelection,
-    setDestinationSelection,
-    onSourceDrilldown,
-    onDestinationDrilldown,
-    onSourceAdd,
-    onSourceRemove,
-    onDestinationAdd,
-    onDestinationRemove,
-    sourceBreadCrumbPath,
-    destinationBreadCrumbPath,
-    isSourceLoadingMore,
-    onLoadMoreSource,
-    isDestinationLoadingMore,
-    onLoadMoreDestination,
-    currentSourceNode,
-    currentDestinationNode
-  };
-};
-export {
-  BreadCrumbHoc,
-  useShuttle
-};
-//# sourceMappingURL=loadMore.js.map

package/dist/esm/tests/configs/loadMore.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/configs/loadMore.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n  const node = {\n    id: uid(),\n    label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n    parent: parent ? parent.id : null,\n  };\n\n  if (depth <= finalDepth) {\n    node.subitems = Array.from({ length: 2 }, (_, i) =>\n      genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n    );\n  }\n  return node;\n};\n\nconst options = {\n  getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst BreadCrumb = (props) => {\n  const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n  return (\n    <DSBreadcrumb isTitle {...rest}>\n      {breadCrumbPath.map((node) => (\n        <DSBreadcrumb.Item key={`${node.dsId}`} label={node.plainItem.label} onClick={() => setCurrentNode(node)} />\n      ))}\n    </DSBreadcrumb>\n  );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n  const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n  return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n  const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n  const [currentNode, setCurrentNode] = useState(getRoot());\n  const [selection, setSelection] = useState({});\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n\n  const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n  const displayedData = useMemo(\n    () => currentNode.children.map((node) => node.getJson()),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [currentNode, hash],\n  );\n\n  const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n  const onLoadMore = useCallback(() => {\n    setIsLoadingMore(true);\n    setTimeout(() => {\n      const newChildren = Array.from({ length: 1 }, (_, i) =>\n        genTreeOfData({ parent: currentNode.plainItem, childIndex: currentNode.children.length + i }),\n      );\n      newChildren.forEach((child) => addNode(child, { parent: currentNode }));\n      setIsLoadingMore(false);\n    }, 1000);\n  }, [addNode, currentNode]);\n\n  return {\n    getNode,\n    addNode,\n    replaceNode,\n    removeNode,\n    currentNode,\n    setCurrentNode,\n    selection,\n    setSelection,\n    isLoadingMore,\n    onLoadMore,\n    breadcrumbPath,\n    displayedData,\n    onDrilldown,\n  };\n};\n\nexport const useShuttle = () => {\n  const {\n    currentNode: currentSourceNode,\n    setCurrentNode: setCurrentSourceNode,\n    selection: sourceSelection,\n    setSelection: setSourceSelection,\n    breadcrumbPath: sourceBreadCrumbPath,\n    displayedData: sourceDisplayedData,\n    onDrilldown: onSourceDrilldown,\n    getNode: getSourceNode,\n    addNode: addSourceNode,\n    removeNode: removeSourceNode,\n    isLoadingMore: isSourceLoadingMore,\n    onLoadMore: onLoadMoreSource,\n  } = useListData(startingSourceData, 'S');\n\n  const {\n    currentNode: currentDestinationNode,\n    setCurrentNode: setCurrentDestinationNode,\n    selection: destinationSelection,\n    setSelection: setDestinationSelection,\n    breadcrumbPath: destinationBreadCrumbPath,\n    displayedData: destinationDisplayedData,\n    onDrilldown: onDestinationDrilldown,\n    getNode: getDestinationNode,\n    addNode: addDestinationNode,\n    removeNode: removeDestinationNode,\n    isLoadingMore: isDestinationLoadingMore,\n    onLoadMore: onLoadMoreDestination,\n  } = useListData(startingDestinationData, 'D');\n\n  const onSourceAdd = useCallback(\n    (items) =>\n      items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),\n    [addSourceNode, currentSourceNode, getSourceNode],\n  );\n\n  const onSourceRemove = useCallback(\n    (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n    [removeSourceNode],\n  );\n\n  const onDestinationAdd = useCallback(\n    (items) =>\n      items.forEach((item) =>\n        addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode }),\n      ),\n    [addDestinationNode, currentDestinationNode, getDestinationNode],\n  );\n\n  const onDestinationRemove = useCallback(\n    (items) => items.forEach((item) => removeDestinationNode(item.id)),\n    [removeDestinationNode],\n  );\n\n  return {\n    setCurrentSourceNode,\n    setCurrentDestinationNode,\n    sourceDisplayedData,\n    destinationDisplayedData,\n    sourceSelection,\n    destinationSelection,\n    setSourceSelection,\n    setDestinationSelection,\n    onSourceDrilldown,\n    onDestinationDrilldown,\n    onSourceAdd,\n    onSourceRemove,\n    onDestinationAdd,\n    onDestinationRemove,\n    sourceBreadCrumbPath,\n    destinationBreadCrumbPath,\n    isSourceLoadingMore,\n    onLoadMoreSource,\n    isDestinationLoadingMore,\n    onLoadMoreDestination,\n\n    currentSourceNode,\n    currentDestinationNode,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkCf;AAjCR,OAAOA,UAAS,SAAS,UAAU,mBAAmB;AACtD,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,WAAW;AAEpB,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,GAAG,SAAS,MAAM,aAAa,GAAG,aAAa,EAAE,MAAM;AAC9F,QAAM,OAAO;AAAA,IACX,IAAI,IAAI;AAAA,IACR,OAAO,SAAS,GAAG,OAAO,KAAK,IAAI,UAAU,KAAK,GAAG,MAAM;AAAA,IAC3D,QAAQ,SAAS,OAAO,KAAK;AAAA,EAC/B;AAEA,MAAI,SAAS,YAAY;AACvB,SAAK,WAAW,MAAM;AAAA,MAAK,EAAE,QAAQ,EAAE;AAAA,MAAG,CAAC,GAAG,MAC5C,cAAc,EAAE,QAAQ,OAAO,QAAQ,GAAG,QAAQ,MAAM,YAAY,GAAG,WAAW,CAAC;AAAA,IACrF;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,UAAU;AAAA,EACd,aAAa,CAAC,SAAS,KAAK;AAC9B;AAEA,MAAM,qBAAqB,cAAc,EAAE,QAAQ,SAAS,CAAC;AAC7D,MAAM,0BAA0B,cAAc,EAAE,QAAQ,cAAc,CAAC;AAEvE,MAAM,aAAa,CAAC,UAAU;AAC5B,QAAM,EAAE,gBAAgB,gBAAgB,GAAG,KAAK,IAAI;AAEpD,SACE,oBAAC,gBAAa,SAAO,MAAE,GAAG,MACvB,yBAAe,IAAI,CAAC,SACnB,oBAAC,aAAa,MAAb,EAAuC,OAAO,KAAK,UAAU,OAAO,SAAS,MAAM,eAAe,IAAI,KAA/E,GAAG,KAAK,IAAI,EAAsE,CAC3G,GACH;AAEJ;AAEO,MAAM,gBAAgB,CAAC,EAAE,MAAM,eAAe,MAAM;AACzD,QAAM,oBAAoB,CAAC,UAAU,oBAAC,cAAY,GAAG,OAAO,gBAAgB,MAAM,gBAAgC;AAClH,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,iBAAiB;AACpC,QAAM,EAAE,MAAM,SAAS,SAAS,SAAS,SAAS,aAAa,WAAW,IAAI,UAAU,cAAc,OAAO;AAC7G,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,QAAQ,CAAC;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC,CAAC;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,QAAM,iBAAiB,QAAQ,MAAM,QAAQ,YAAY,IAAI,GAAG,CAAC,aAAa,OAAO,CAAC;AAEtF,QAAM,gBAAgB;AAAA,IACpB,MAAM,YAAY,SAAS,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;AAAA;AAAA,IAEvD,CAAC,aAAa,IAAI;AAAA,EACpB;AAEA,QAAM,cAAc,YAAY,CAAC,SAAS,eAAe,QAAQ,KAAK,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;AAErF,QAAM,aAAa,YAAY,MAAM;AACnC,qBAAiB,IAAI;AACrB,eAAW,MAAM;AACf,YAAM,cAAc,MAAM;AAAA,QAAK,EAAE,QAAQ,EAAE;AAAA,QAAG,CAAC,GAAG,MAChD,cAAc,EAAE,QAAQ,YAAY,WAAW,YAAY,YAAY,SAAS,SAAS,EAAE,CAAC;AAAA,MAC9F;AACA,kBAAY,QAAQ,CAAC,UAAU,QAAQ,OAAO,EAAE,QAAQ,YAAY,CAAC,CAAC;AACtE,uBAAiB,KAAK;AAAA,IACxB,GAAG,GAAI;AAAA,EACT,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd,IAAI,YAAY,oBAAoB,GAAG;AAEvC,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,YAAY;AAAA,EACd,IAAI,YAAY,yBAAyB,GAAG;AAE5C,QAAM,cAAc;AAAA,IAClB,CAAC,UACC,MAAM,QAAQ,CAAC,SAAS,cAAc,MAAM,EAAE,QAAQ,cAAc,KAAK,MAAM,KAAK,kBAAkB,CAAC,CAAC;AAAA,IAC1G,CAAC,eAAe,mBAAmB,aAAa;AAAA,EAClD;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,UAAU,MAAM,QAAQ,CAAC,SAAS,iBAAiB,KAAK,IAAI,IAAI,CAAC;AAAA,IAClE,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,UACC,MAAM;AAAA,MAAQ,CAAC,SACb,mBAAmB,MAAM,EAAE,QAAQ,mBAAmB,KAAK,MAAM,KAAK,uBAAuB,CAAC;AAAA,IAChG;AAAA,IACF,CAAC,oBAAoB,wBAAwB,kBAAkB;AAAA,EACjE;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAAU,MAAM,QAAQ,CAAC,SAAS,sBAAsB,KAAK,EAAE,CAAC;AAAA,IACjE,CAAC,qBAAqB;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": ["React"]
-}