@elliemae/ds-shuttle 3.15.0 → 3.16.0-next.10

package/dist/esm/components/ShuttleBreadcrumb.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleBreadcrumb.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { animationConfig } from '../animation/animationConfig';\n\nfunction ShuttleBreadcrumb({ className = '', hierarchy = [], onNavigateTo = () => null }) {\n  const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());\n\n  return (\n    <div className={className}>\n      <DSBreadcrumb isTitle>\n        {animatedCrumbs.map(({ item, props, key }) => (\n          <DSBreadcrumb.Item\n            key={key}\n            containerComponent={animated.li}\n            label={item.name}\n            onClick={() => onNavigateTo(item, 'up')}\n            style={props}\n          />\n        ))}\n      </DSBreadcrumb>\n    </div>\n  );\n}\n\nexport { ShuttleBreadcrumb };\nexport default ShuttleBreadcrumb;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACab;AAXV,SAAS,eAAe,gBAAgB;AACxC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,KAAK,GAAG;AACxF,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB,WAAW,CAAC;AAE/F,SACE,oBAAC,SAAI,WACH,8BAAC,gBAAa,SAAO,MAClB,yBAAe,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,MACtC;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MAEC,oBAAoB,SAAS;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,MACtC,OAAO;AAAA;AAAA,IAJF;AAAA,EAKP,CACD,GACH,GACF;AAEJ;AAGA,IAAO,4BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { useTransition, animated } from 'react-spring/web';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { animationConfig } from '../animation/animationConfig.js';\n\nconst ShuttleBreadcrumb = ({ className = '', hierarchy = [], onNavigateTo = () => null }) => {\n  const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());\n\n  return (\n    <div className={className}>\n      <DSBreadcrumb isTitle>\n        {animatedCrumbs.map(({ item, props, key }) => (\n          <DSBreadcrumb.Item\n            key={key}\n            containerComponent={animated.li}\n            label={item.name}\n            onClick={() => onNavigateTo(item, 'up')}\n            style={props}\n          />\n        ))}\n      </DSBreadcrumb>\n    </div>\n  );\n};\n\nexport { ShuttleBreadcrumb };\nexport default ShuttleBreadcrumb;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACab;AAXV,SAAS,eAAe,gBAAgB;AACxC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC,EAAE,YAAY,IAAI,YAAY,CAAC,GAAG,eAAe,MAAM,KAAK,MAAM;AAC3F,QAAM,iBAAiB,cAAc,WAAW,CAAC,SAAS,KAAK,IAAI,gBAAgB,WAAW,CAAC;AAE/F,SACE,oBAAC,SAAI,WACH,8BAAC,gBAAa,SAAO,MAClB,yBAAe,IAAI,CAAC,EAAE,MAAM,OAAO,IAAI,MACtC;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MAEC,oBAAoB,SAAS;AAAA,MAC7B,OAAO,KAAK;AAAA,MACZ,SAAS,MAAM,aAAa,MAAM,IAAI;AAAA,MACtC,OAAO;AAAA;AAAA,IAJF;AAAA,EAKP,CACD,GACH,GACF;AAEJ;AAGA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleListItem/ShuttleListItem.js

@@ -7,7 +7,7 @@ import { animated } from "react-spring/web";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 import { sortableHandle } from "react-sortable-hoc";
 import { GripperVertical } from "@elliemae/ds-icons";
-import { isMovable } from "../../helper";
+import { isMovable } from "../../helper.js";
 const blockName = "shuttle-list-item";
 const Wrapper = aggregatedClasses(animated.li)(blockName);
 const ActionsGroup = aggregatedClasses("div")(blockName, "actions");
@@ -18,7 +18,7 @@ const Content = aggregatedClasses("label")(blockName, "content", ({ isChecked, c
   "read-only": isReadonly
 }));
 const SortHandler = sortableHandle(() => /* @__PURE__ */ jsx(GripperVertical, { className: "gripper" }));
-function ShuttleListItem({
+const ShuttleListItem = ({
   item = {},
   showIcons = void 0,
   showIcon = true,
@@ -29,7 +29,7 @@ function ShuttleListItem({
   actions = [],
   showSortHandler = false,
   ...rest
-}) {
+}) => {
   const theme = useContext(ThemeContext);
   return /* @__PURE__ */ jsxs(Wrapper, { ...rest, role: "listitem", style: { ...style, zIndex: theme.zIndex.dialog }, children: [
     /* @__PURE__ */ jsxs(
@@ -50,7 +50,7 @@ function ShuttleListItem({
     ),
     showActions && /* @__PURE__ */ jsx(ActionsGroup, { children: actions })
   ] });
-}
+};
 var ShuttleListItem_default = ShuttleListItem;
 export {
   ShuttleListItem,

package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleListItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { animated } from 'react-spring/web';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { sortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { isMovable } from '../../helper';\n\nconst blockName = 'shuttle-list-item';\nconst Wrapper = aggregatedClasses(animated.li)(blockName);\nconst ActionsGroup = aggregatedClasses('div')(blockName, 'actions');\nconst IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');\nconst Content = aggregatedClasses('label')(blockName, 'content', ({ isChecked, canMove, isReadonly }) => ({\n  checked: isChecked,\n  'can-hover': canMove,\n  'read-only': isReadonly,\n}));\n\nconst SortHandler = sortableHandle(() => <GripperVertical className=\"gripper\" />);\n\nfunction ShuttleListItem({\n  item = {},\n  showIcons = undefined,\n  showIcon = true,\n  onSelect = () => null,\n  isChecked = false,\n  style = undefined,\n  showActions = true,\n  actions = [],\n  showSortHandler = false,\n  ...rest\n}) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    // z-index fixed https://jira.elliemae.io/browse/PUI-8802\n    <Wrapper {...rest} role=\"listitem\" style={{ ...style, zIndex: theme.zIndex.dialog }}>\n      <Content\n        classProps={{\n          canMove: isMovable(item),\n          isChecked,\n          isReadonly: item.readyOnly,\n        }}\n        onClick={onSelect}\n      >\n        {showSortHandler && <SortHandler />}\n        {(showIcon || showIcons) && <IconWrapper>{item.icon}</IconWrapper>}\n        <DSTruncatedTooltipText className=\"shuttle-tooltip-text\" value={item.name} />\n      </Content>\n      {showActions && <ActionsGroup>{actions}</ActionsGroup>}\n    </Wrapper>\n  );\n}\n\nexport { ShuttleListItem };\nexport default ShuttleListItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBkB,cAmBnC,YAnBmC;AAnBzC,SAAgB,kBAAkB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,EAAE,EAAE,SAAS;AACxD,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,UAAU,kBAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,oBAAC,mBAAgB,WAAU,WAAU,CAAE;AAEhF,SAAS,gBAAgB;AAAA,EACvB,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,KACf;AACL,GAAG;AACD,QAAM,QAAQ,WAAW,YAAY;AAErC,SAEE,qBAAC,WAAS,GAAG,MAAM,MAAK,YAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO,GAChF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV,SAAS,UAAU,IAAI;AAAA,UACvB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QAER;AAAA,6BAAmB,oBAAC,eAAY;AAAA,WAC/B,YAAY,cAAc,oBAAC,eAAa,eAAK,MAAK;AAAA,UACpD,oBAAC,0BAAuB,WAAU,wBAAuB,OAAO,KAAK,MAAM;AAAA;AAAA;AAAA,IAC7E;AAAA,IACC,eAAe,oBAAC,gBAAc,mBAAQ;AAAA,KACzC;AAEJ;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { animated } from 'react-spring/web';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { sortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { isMovable } from '../../helper.js';\n\nconst blockName = 'shuttle-list-item';\nconst Wrapper = aggregatedClasses(animated.li)(blockName);\nconst ActionsGroup = aggregatedClasses('div')(blockName, 'actions');\nconst IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');\nconst Content = aggregatedClasses('label')(blockName, 'content', ({ isChecked, canMove, isReadonly }) => ({\n  checked: isChecked,\n  'can-hover': canMove,\n  'read-only': isReadonly,\n}));\n\nconst SortHandler = sortableHandle(() => <GripperVertical className=\"gripper\" />);\n\nconst ShuttleListItem = ({\n  item = {},\n  showIcons = undefined,\n  showIcon = true,\n  onSelect = () => null,\n  isChecked = false,\n  style = undefined,\n  showActions = true,\n  actions = [],\n  showSortHandler = false,\n  ...rest\n}) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    // z-index fixed https://jira.elliemae.io/browse/PUI-8802\n    <Wrapper {...rest} role=\"listitem\" style={{ ...style, zIndex: theme.zIndex.dialog }}>\n      <Content\n        classProps={{\n          canMove: isMovable(item),\n          isChecked,\n          isReadonly: item.readyOnly,\n        }}\n        onClick={onSelect}\n      >\n        {showSortHandler && <SortHandler />}\n        {(showIcon || showIcons) && <IconWrapper>{item.icon}</IconWrapper>}\n        <DSTruncatedTooltipText className=\"shuttle-tooltip-text\" value={item.name} />\n      </Content>\n      {showActions && <ActionsGroup>{actions}</ActionsGroup>}\n    </Wrapper>\n  );\n};\n\nexport { ShuttleListItem };\nexport default ShuttleListItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoBkB,cAmBnC,YAnBmC;AAnBzC,SAAgB,kBAAkB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,EAAE,EAAE,SAAS;AACxD,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,UAAU,kBAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,oBAAC,mBAAgB,WAAU,WAAU,CAAE;AAEhF,MAAM,kBAAkB,CAAC;AAAA,EACvB,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,KACf;AACL,MAAM;AACJ,QAAM,QAAQ,WAAW,YAAY;AAErC,SAEE,qBAAC,WAAS,GAAG,MAAM,MAAK,YAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO,GAChF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV,SAAS,UAAU,IAAI;AAAA,UACvB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QAER;AAAA,6BAAmB,oBAAC,eAAY;AAAA,WAC/B,YAAY,cAAc,oBAAC,eAAa,eAAK,MAAK;AAAA,UACpD,oBAAC,0BAAuB,WAAU,wBAAuB,OAAO,KAAK,MAAM;AAAA;AAAA;AAAA,IAC7E;AAAA,IACC,eAAe,oBAAC,gBAAc,mBAAQ;AAAA,KACzC;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
-import { isMovable } from "../../helper";
-import { DrillDownButton, MoveButton } from "./ActionButtons";
-import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleSourceListItem({
+import { isMovable } from "../../helper.js";
+import { DrillDownButton, MoveButton } from "./ActionButtons.js";
+import { ShuttleListItem } from "./ShuttleListItem.js";
+const ShuttleSourceListItem = ({
   item = {},
   onItemCheck = () => null,
   onMoveToTarget = () => null,
@@ -14,7 +14,7 @@ function ShuttleSourceListItem({
   showDrillDownButton = true,
   index,
   ...rest
-}) {
+}) => {
   const [clicked, setClicked] = useState(false);
   const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
   useEffect(() => {
@@ -22,9 +22,7 @@ function ShuttleSourceListItem({
       moveToTarget();
     }
   }, [clicked]);
-  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [
-    item
-  ]);
+  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [item]);
   const checkItem = useCallback(() => {
     if (!clicked)
       onItemCheck(item);
@@ -62,7 +60,7 @@ function ShuttleSourceListItem({
       onSelect: checkItem
     }
   );
-}
+};
 var ShuttleSourceListItem_default = ShuttleSourceListItem;
 export {
   ShuttleSourceListItem,

package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleSourceListItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { isMovable } from '../../helper';\nimport { DrillDownButton, MoveButton } from './ActionButtons';\nimport { ShuttleListItem } from './ShuttleListItem';\n\nfunction ShuttleSourceListItem({\n  item = {},\n  onItemCheck = () => null,\n  onMoveToTarget = () => null,\n  onNavigateOnSourceTo = () => null,\n  isChecked = false,\n  showMoveButton = true,\n  showDrillDownButton = true,\n  index,\n  ...rest\n}) {\n  const [clicked, setClicked] = useState(false);\n  const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);\n  useEffect(() => {\n    if (clicked) {\n      moveToTarget();\n    }\n  }, [clicked]);\n  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [\n    item,\n  ]);\n  const checkItem = useCallback(() => {\n    if (!clicked) onItemCheck(item);\n  }, [item, clicked]);\n  const handleOnClick = () => {\n    if (!clicked) {\n      setClicked(true);\n    }\n  };\n\n  return (\n    <ShuttleListItem\n      {...rest}\n      actions={[\n        showDrillDownButton && (\n          <DrillDownButton\n            key=\"drill-down\"\n            disabled={\n              (!item.hasChildren && !item.asyncLoad) ||\n              item.readOnly ||\n              item.disableDrillDown\n            }\n            onClick={navigateOnSourceTo}\n          />\n        ),\n        showMoveButton && (\n          <MoveButton\n            data-testid=\"ds-shuttle__move-button\"\n            key=\"move\"\n            disabled={!isMovable(item) || item.readOnly}\n            onClick={handleOnClick}\n          />\n        ),\n      ]}\n      isChecked={isChecked}\n      item={item}\n      onSelect={checkItem}\n    />\n  );\n}\n\nexport { ShuttleSourceListItem };\nexport default ShuttleSourceListItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyCb;AAxCV,SAAgB,UAAU,aAAa,iBAAiB;AACxD,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,kBAAkB;AAC5C,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AACL,GAAG;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,YAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY,IAAI;AAAA,EAChC,GAAG,CAAC,MAAM,OAAO,CAAC;AAClB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,QACP,uBACE;AAAA,UAAC;AAAA;AAAA,YAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,YAEP,SAAS;AAAA;AAAA,UANL;AAAA,QAON;AAAA,QAEF,kBACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YAEZ,UAAU,CAAC,UAAU,IAAI,KAAK,KAAK;AAAA,YACnC,SAAS;AAAA;AAAA,UAFL;AAAA,QAGN;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;AAGA,IAAO,gCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { isMovable } from '../../helper.js';\nimport { DrillDownButton, MoveButton } from './ActionButtons.js';\nimport { ShuttleListItem } from './ShuttleListItem.js';\n\nconst ShuttleSourceListItem = ({\n  item = {},\n  onItemCheck = () => null,\n  onMoveToTarget = () => null,\n  onNavigateOnSourceTo = () => null,\n  isChecked = false,\n  showMoveButton = true,\n  showDrillDownButton = true,\n  index,\n  ...rest\n}) => {\n  const [clicked, setClicked] = useState(false);\n  const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);\n  useEffect(() => {\n    if (clicked) {\n      moveToTarget();\n    }\n  }, [clicked]);\n  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [item]);\n  const checkItem = useCallback(() => {\n    if (!clicked) onItemCheck(item);\n  }, [item, clicked]);\n  const handleOnClick = () => {\n    if (!clicked) {\n      setClicked(true);\n    }\n  };\n\n  return (\n    <ShuttleListItem\n      {...rest}\n      actions={[\n        showDrillDownButton && (\n          <DrillDownButton\n            key=\"drill-down\"\n            disabled={(!item.hasChildren && !item.asyncLoad) || item.readOnly || item.disableDrillDown}\n            onClick={navigateOnSourceTo}\n          />\n        ),\n        showMoveButton && (\n          <MoveButton\n            data-testid=\"ds-shuttle__move-button\"\n            key=\"move\"\n            disabled={!isMovable(item) || item.readOnly}\n            onClick={handleOnClick}\n          />\n        ),\n      ]}\n      isChecked={isChecked}\n      item={item}\n      onSelect={checkItem}\n    />\n  );\n};\n\nexport { ShuttleSourceListItem };\nexport default ShuttleSourceListItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuCb;AAtCV,SAAgB,UAAU,aAAa,iBAAiB;AACxD,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB,kBAAkB;AAC5C,SAAS,uBAAuB;AAEhC,MAAM,wBAAwB,CAAC;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,YAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/E,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY,IAAI;AAAA,EAChC,GAAG,CAAC,MAAM,OAAO,CAAC;AAClB,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,QACP,uBACE;AAAA,UAAC;AAAA;AAAA,YAEC,UAAW,CAAC,KAAK,eAAe,CAAC,KAAK,aAAc,KAAK,YAAY,KAAK;AAAA,YAC1E,SAAS;AAAA;AAAA,UAFL;AAAA,QAGN;AAAA,QAEF,kBACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YAEZ,UAAU,CAAC,UAAU,IAAI,KAAK,KAAK;AAAA,YACnC,SAAS;AAAA;AAAA,UAFL;AAAA,QAGN;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;AAGA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
-import { DeleteButton, DrillDownButton } from "./ActionButtons";
-import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleTargetListItem({
+import { DeleteButton, DrillDownButton } from "./ActionButtons.js";
+import { ShuttleListItem } from "./ShuttleListItem.js";
+const ShuttleTargetListItem = ({
   item = {},
   onMoveToSource = () => null,
   onNavigateOnTargetTo = () => null,
@@ -13,11 +13,9 @@ function ShuttleTargetListItem({
   showActions = true,
   index,
   ...rest
-}) {
+}) => {
   const moveToSource = useCallback(() => onMoveToSource(item), [item]);
-  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [
-    item
-  ]);
+  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [item]);
   return /* @__PURE__ */ jsx(
     ShuttleListItem,
     {
@@ -45,7 +43,7 @@ function ShuttleTargetListItem({
       showActions
     }
   );
-}
+};
 var ShuttleTargetListItem_default = ShuttleTargetListItem;
 export {
   ShuttleTargetListItem,

package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleTargetListItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\nimport React, { useCallback } from 'react';\nimport { DeleteButton, DrillDownButton } from './ActionButtons';\nimport { ShuttleListItem } from './ShuttleListItem';\n\nfunction ShuttleTargetListItem({\n  item = {},\n  onMoveToSource = () => null,\n  onNavigateOnTargetTo = () => null,\n  isRoot = false,\n  showDeleteButton = true,\n  showDrillDownButton = true,\n  showActions = true,\n  index,\n  ...rest\n}) {\n  const moveToSource = useCallback(() => onMoveToSource(item), [item]);\n  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [\n    item,\n  ]);\n  return (\n    <ShuttleListItem\n      {...rest}\n      actions={[\n        showDrillDownButton && (\n          <DrillDownButton\n            key=\"drill-down\"\n            disabled={\n              (!item.hasChildren && !item.asyncLoad) ||\n              item.readOnly ||\n              item.disableDrillDown\n            }\n            onClick={navigateOnTargetTo}\n          />\n        ),\n        showDeleteButton && isRoot && (\n          <DeleteButton\n            key=\"delete\"\n            disabled={item.readOnly}\n            onClick={moveToSource}\n            data-testid=\"ds-shuttle__close-button\"\n          />\n        ),\n      ]}\n      item={item}\n      showActions={showActions}\n    />\n  );\n}\n\nexport { ShuttleTargetListItem };\nexport default ShuttleTargetListItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBb;AAxBV,SAAgB,mBAAmB;AACnC,SAAS,cAAc,uBAAuB;AAC9C,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AACL,GAAG;AACD,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,QACP,uBACE;AAAA,UAAC;AAAA;AAAA,YAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,YAEP,SAAS;AAAA;AAAA,UANL;AAAA,QAON;AAAA,QAEF,oBAAoB,UAClB;AAAA,UAAC;AAAA;AAAA,YAEC,UAAU,KAAK;AAAA,YACf,SAAS;AAAA,YACT,eAAY;AAAA;AAAA,UAHR;AAAA,QAIN;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,gCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-underscore-dangle */\nimport React, { useCallback } from 'react';\nimport { DeleteButton, DrillDownButton } from './ActionButtons.js';\nimport { ShuttleListItem } from './ShuttleListItem.js';\n\nconst ShuttleTargetListItem = ({\n  item = {},\n  onMoveToSource = () => null,\n  onNavigateOnTargetTo = () => null,\n  isRoot = false,\n  showDeleteButton = true,\n  showDrillDownButton = true,\n  showActions = true,\n  index,\n  ...rest\n}) => {\n  const moveToSource = useCallback(() => onMoveToSource(item), [item]);\n  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [item]);\n  return (\n    <ShuttleListItem\n      {...rest}\n      actions={[\n        showDrillDownButton && (\n          <DrillDownButton\n            key=\"drill-down\"\n            disabled={(!item.hasChildren && !item.asyncLoad) || item.readOnly || item.disableDrillDown}\n            onClick={navigateOnTargetTo}\n          />\n        ),\n        showDeleteButton && isRoot && (\n          <DeleteButton\n            key=\"delete\"\n            disabled={item.readOnly}\n            onClick={moveToSource}\n            data-testid=\"ds-shuttle__close-button\"\n          />\n        ),\n      ]}\n      item={item}\n      showActions={showActions}\n    />\n  );\n};\n\nexport { ShuttleTargetListItem };\nexport default ShuttleTargetListItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuBb;AAtBV,SAAgB,mBAAmB;AACnC,SAAS,cAAc,uBAAuB;AAC9C,SAAS,uBAAuB;AAEhC,MAAM,wBAAwB,CAAC;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AACL,MAAM;AACJ,QAAM,eAAe,YAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAAS;AAAA,QACP,uBACE;AAAA,UAAC;AAAA;AAAA,YAEC,UAAW,CAAC,KAAK,eAAe,CAAC,KAAK,aAAc,KAAK,YAAY,KAAK;AAAA,YAC1E,SAAS;AAAA;AAAA,UAFL;AAAA,QAGN;AAAA,QAEF,oBAAoB,UAClB;AAAA,UAAC;AAAA;AAAA,YAEC,UAAU,KAAK;AAAA,YACf,SAAS;AAAA,YACT,eAAY;AAAA;AAAA,UAHR;AAAA,QAIN;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAGA,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleListPanel.js

@@ -1,10 +1,8 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { DSButton } from "@elliemae/ds-button";
-import { ShuttleListPanel as Wrapper } from "../classedComponents";
-function ShuttleListPanel({ onClick = () => null, open = false, children }) {
-  return /* @__PURE__ */ jsx(Wrapper, { classProps: { open }, children: /* @__PURE__ */ jsx(DSButton, { buttonType: "text", icon: children, onClick, "data-testid": "list-panel-btn" }) });
-}
+import { ShuttleListPanel as Wrapper } from "../classedComponents.js";
+const ShuttleListPanel = ({ onClick = () => null, open = false, children }) => /* @__PURE__ */ jsx(Wrapper, { classProps: { open }, children: /* @__PURE__ */ jsx(DSButton, { buttonType: "text", icon: children, onClick, "data-testid": "list-panel-btn" }) });
 var ShuttleListPanel_default = ShuttleListPanel;
 export {
   ShuttleListPanel,

package/dist/esm/components/ShuttleListPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleListPanel.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ShuttleListPanel as Wrapper } from '../classedComponents';\n\nfunction ShuttleListPanel({ onClick = () => null, open = false, children }) {\n  return (\n    <Wrapper classProps={{ open }}>\n      <DSButton buttonType=\"text\" icon={children} onClick={onClick} data-testid=\"list-panel-btn\" />\n    </Wrapper>\n  );\n}\n\nexport { ShuttleListPanel };\nexport default ShuttleListPanel;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOjB;AANN,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,eAAe;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,oBAAC,WAAQ,YAAY,EAAE,KAAK,GAC1B,8BAAC,YAAS,YAAW,QAAO,MAAM,UAAU,SAAkB,eAAY,kBAAiB,GAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ShuttleListPanel as Wrapper } from '../classedComponents.js';\n\nconst ShuttleListPanel = ({ onClick = () => null, open = false, children }) => (\n  <Wrapper classProps={{ open }}>\n    <DSButton buttonType=\"text\" icon={children} onClick={onClick} data-testid=\"list-panel-btn\" />\n  </Wrapper>\n);\n\nexport { ShuttleListPanel };\nexport default ShuttleListPanel;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMnB;AALJ,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,eAAe;AAE5C,MAAM,mBAAmB,CAAC,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,MACvE,oBAAC,WAAQ,YAAY,EAAE,KAAK,GAC1B,8BAAC,YAAS,YAAW,QAAO,MAAM,UAAU,SAAkB,eAAY,kBAAiB,GAC7F;AAIF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleSource.js

@@ -5,9 +5,9 @@ import PropTypes from "prop-types";
 import { ArrowShortRight, Search } from "@elliemae/ds-icons";
 import { DSButton } from "@elliemae/ds-button";
 import { runAll } from "@elliemae/ds-utilities";
-import { ShuttleSearchBox } from "./ShuttleSearchBox";
-import { ShuttleInfiniteScrollIndicator } from "./ShuttleInfiniteScrollIndicator";
-import { ShuttleSourceListItem } from "./ShuttleListItem/ShuttleSourceListItem";
+import { ShuttleSearchBox } from "./ShuttleSearchBox.js";
+import { ShuttleInfiniteScrollIndicator } from "./ShuttleInfiniteScrollIndicator.js";
+import { ShuttleSourceListItem } from "./ShuttleListItem/ShuttleSourceListItem.js";
 import {
   ShuttleFooterCounter,
   Overflow,
@@ -20,17 +20,17 @@ import {
   ShuttleFooterActions,
   EmptyMessage,
   LoadingList
-} from "../classedComponents";
-import { ShuttleListPanel } from "./ShuttleListPanel";
-import { VirtualizedList } from "./VirtualizedList";
-import { getActiveIdFromHierarchy } from "../helper";
-import { AnimationState } from "../AnimationState";
-import { SearchState } from "../SearchState";
-import { VirtualizedSortableList } from "./VirtualizedSortableList";
-import { LoadingIndicator } from "./LoadingIndicator";
+} from "../classedComponents.js";
+import { ShuttleListPanel } from "./ShuttleListPanel.js";
+import { VirtualizedList } from "./VirtualizedList.js";
+import { getActiveIdFromHierarchy } from "../helper.js";
+import { AnimationState } from "../AnimationState.js";
+import { SearchState } from "../SearchState.js";
+import { VirtualizedSortableList } from "./VirtualizedSortableList.js";
+import { LoadingIndicator } from "./LoadingIndicator.js";
 const noop = () => {
 };
-function ShuttleSource({
+const ShuttleSource = ({
   items = [],
   checkedItems = [],
   hierarchy = [],
@@ -54,7 +54,7 @@ function ShuttleSource({
   },
   moreItemsLoading = false,
   hasNextPage = false
-}) {
+}) => {
   const {
     state: { isMovingBack = false, isMoving }
   } = useContext(AnimationState.Context);
@@ -160,7 +160,7 @@ function ShuttleSource({
       /* @__PURE__ */ jsx(ShuttleFooterCounter, { children: renderSourceCounter(checkedItems.length) })
     ] })
   ] });
-}
+};
 ShuttleSource.propTypes = {
   items: PropTypes.arrayOf(PropTypes.shape({})),
   checkedItems: PropTypes.arrayOf(PropTypes.shape({})),

package/dist/esm/components/ShuttleSource.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleSource.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowShortRight, Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { ShuttleSearchBox } from './ShuttleSearchBox';\nimport { ShuttleInfiniteScrollIndicator } from './ShuttleInfiniteScrollIndicator';\nimport { ShuttleSourceListItem } from './ShuttleListItem/ShuttleSourceListItem';\nimport {\n  ShuttleFooterCounter,\n  Overflow,\n  ShuttleFooter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleHeaderSearchToggle,\n  ShuttleList,\n  ShuttleWrapper,\n  ShuttleFooterActions,\n  EmptyMessage,\n  LoadingList,\n} from '../classedComponents';\nimport { ShuttleListPanel } from './ShuttleListPanel';\nimport { VirtualizedList } from './VirtualizedList';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { SearchState } from '../SearchState';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleSource({\n  items = [],\n  checkedItems = [], // build Map() and memoize it for better performance\n  hierarchy = [],\n  onMoveItem = noop,\n  onCheckItem = noop,\n  onMoveCheckedItems = noop,\n  onNavigateTo = noop,\n  onClearCheckedItems = noop,\n  emptyMessage = 'No items found',\n  composeSourceItemProps = noop,\n  loading = false,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  sourceSortable = false,\n  onSortEnd = noop,\n  sourceClearItemsText = 'CLEAR ALL',\n  searchPlaceholder,\n  renderSourceCounter = (amount) => `${amount} items`,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n}) {\n  const {\n    state: { isMovingBack = false, isMoving },\n  } = useContext(AnimationState.Context);\n  const {\n    state: { searching, searchTerm },\n    setSearchTerm,\n    reset: resetSearch,\n    toggleSearchBox,\n  } = useContext(SearchState.Context);\n\n  const hashedCheckedItems = useMemo(\n    () => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}),\n    [checkedItems],\n  );\n\n  const handleCloseSearch = useCallback(() => {\n    setSearchTerm('');\n    runAll(resetSearch, onSearchClose)();\n  }, [searching]);\n\n  const handleToggleSearch = useCallback(() => {\n    toggleSearchBox(!searching);\n    if (searching) {\n      handleCloseSearch();\n    } else {\n      onSearchOpen();\n    }\n  }, [searching]);\n\n  const ComponentList = useMemo(() => (sourceSortable ? VirtualizedSortableList : VirtualizedList), [sourceSortable]);\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  const isEmpty = !items.length;\n  const hasContent = !loading && !isEmpty;\n  const contentIsEmpty = !loading && isEmpty;\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n        <ShuttleHeaderSearchToggle\n          buttonType=\"text\"\n          icon={<Search />}\n          onClick={handleToggleSearch}\n          containerProps={{ 'data-testid': 'shuttle-header-search-toggle' }}\n        />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMovingBack }} style={{ pointerEvents: isMoving ? 'none' : null }}>\n        <ShuttleSearchBox\n          key={searching}\n          isOpen={searching}\n          onClose={runAll(() => toggleSearchBox(false), handleCloseSearch)}\n          onFilter={runAll(setSearchTerm, onSearch)}\n          placeholder={searchPlaceholder}\n          value={searchTerm}\n        />\n        {hasContent ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              searching,\n              empty: isEmpty,\n            }}\n          >\n            <ComponentList\n              key={searchTerm}\n              helperClass=\"drag-helper\"\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleSourceListItem\n                  data-testid=\"source-list-item\"\n                  {...rest}\n                  {...composeSourceItemProps(item, rest)}\n                  isChecked={!!hashedCheckedItems[item.id]}\n                  item={item}\n                  onItemCheck={onCheckItem}\n                  onMoveToTarget={onMoveItem}\n                  onNavigateOnSourceTo={onNavigateTo}\n                  showSortHandler={sourceSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              getMoreItems={onGetMoreItems}\n              hasNextPage={hasNextPage}\n            />\n          </Overflow>\n        ) : null}\n        {contentIsEmpty ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <EmptyMessage>{emptyMessage}</EmptyMessage>\n          </LoadingList>\n        ) : null}\n        {loading ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <LoadingIndicator />\n          </LoadingList>\n        ) : null}\n        <ShuttleListPanel onClick={onMoveCheckedItems} open={checkedItems.length > 1}>\n          <ArrowShortRight />\n        </ShuttleListPanel>\n        {moreItemsLoading ? <ShuttleInfiniteScrollIndicator isOpen /> : null}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!checkedItems.length && (\n            <DSButton buttonType=\"link\" labelText={sourceClearItemsText} onClick={onClearCheckedItems} />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderSourceCounter(checkedItems.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nShuttleSource.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  checkedItems: PropTypes.arrayOf(PropTypes.shape({})),\n  hierarchy: PropTypes.arrayOf(PropTypes.shape({})),\n  onMoveItem: PropTypes.func,\n  onCheckItem: PropTypes.func,\n  onMoveCheckedItems: PropTypes.func,\n  onNavigateTo: PropTypes.func,\n  onClearCheckedItems: PropTypes.func,\n  emptyMessage: PropTypes.string,\n  composeSourceItemProps: PropTypes.func,\n  loading: PropTypes.bool,\n  onSearch: PropTypes.func,\n  onSearchClose: PropTypes.func,\n  onSearchOpen: PropTypes.func,\n  sourceSortable: PropTypes.bool,\n  onSortEnd: PropTypes.func,\n  sourceClearItemsText: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  renderSourceCounter: PropTypes.func,\n  onGetMoreItems: PropTypes.func,\n  moreItemsLoading: PropTypes.bool,\n  hasNextPage: PropTypes.bool,\n};\n\nexport { ShuttleSource };\nexport default ShuttleSource;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowShortRight, Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { ShuttleSearchBox } from './ShuttleSearchBox.js';\nimport { ShuttleInfiniteScrollIndicator } from './ShuttleInfiniteScrollIndicator.js';\nimport { ShuttleSourceListItem } from './ShuttleListItem/ShuttleSourceListItem.js';\nimport {\n  ShuttleFooterCounter,\n  Overflow,\n  ShuttleFooter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleHeaderSearchToggle,\n  ShuttleList,\n  ShuttleWrapper,\n  ShuttleFooterActions,\n  EmptyMessage,\n  LoadingList,\n} from '../classedComponents.js';\nimport { ShuttleListPanel } from './ShuttleListPanel.js';\nimport { VirtualizedList } from './VirtualizedList.js';\nimport { getActiveIdFromHierarchy } from '../helper.js';\nimport { AnimationState } from '../AnimationState.js';\nimport { SearchState } from '../SearchState.js';\nimport { VirtualizedSortableList } from './VirtualizedSortableList.js';\nimport { LoadingIndicator } from './LoadingIndicator.js';\n\nconst noop = () => {};\n\nconst ShuttleSource = ({\n  items = [],\n  checkedItems = [], // build Map() and memoize it for better performance\n  hierarchy = [],\n  onMoveItem = noop,\n  onCheckItem = noop,\n  onMoveCheckedItems = noop,\n  onNavigateTo = noop,\n  onClearCheckedItems = noop,\n  emptyMessage = 'No items found',\n  composeSourceItemProps = noop,\n  loading = false,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  sourceSortable = false,\n  onSortEnd = noop,\n  sourceClearItemsText = 'CLEAR ALL',\n  searchPlaceholder,\n  renderSourceCounter = (amount) => `${amount} items`,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n}) => {\n  const {\n    state: { isMovingBack = false, isMoving },\n  } = useContext(AnimationState.Context);\n  const {\n    state: { searching, searchTerm },\n    setSearchTerm,\n    reset: resetSearch,\n    toggleSearchBox,\n  } = useContext(SearchState.Context);\n\n  const hashedCheckedItems = useMemo(\n    () => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}),\n    [checkedItems],\n  );\n\n  const handleCloseSearch = useCallback(() => {\n    setSearchTerm('');\n    runAll(resetSearch, onSearchClose)();\n  }, [searching]);\n\n  const handleToggleSearch = useCallback(() => {\n    toggleSearchBox(!searching);\n    if (searching) {\n      handleCloseSearch();\n    } else {\n      onSearchOpen();\n    }\n  }, [searching]);\n\n  const ComponentList = useMemo(() => (sourceSortable ? VirtualizedSortableList : VirtualizedList), [sourceSortable]);\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  const isEmpty = !items.length;\n  const hasContent = !loading && !isEmpty;\n  const contentIsEmpty = !loading && isEmpty;\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n        <ShuttleHeaderSearchToggle\n          buttonType=\"text\"\n          icon={<Search />}\n          onClick={handleToggleSearch}\n          containerProps={{ 'data-testid': 'shuttle-header-search-toggle' }}\n        />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMovingBack }} style={{ pointerEvents: isMoving ? 'none' : null }}>\n        <ShuttleSearchBox\n          key={searching}\n          isOpen={searching}\n          onClose={runAll(() => toggleSearchBox(false), handleCloseSearch)}\n          onFilter={runAll(setSearchTerm, onSearch)}\n          placeholder={searchPlaceholder}\n          value={searchTerm}\n        />\n        {hasContent ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              searching,\n              empty: isEmpty,\n            }}\n          >\n            <ComponentList\n              key={searchTerm}\n              helperClass=\"drag-helper\"\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleSourceListItem\n                  data-testid=\"source-list-item\"\n                  {...rest}\n                  {...composeSourceItemProps(item, rest)}\n                  isChecked={!!hashedCheckedItems[item.id]}\n                  item={item}\n                  onItemCheck={onCheckItem}\n                  onMoveToTarget={onMoveItem}\n                  onNavigateOnSourceTo={onNavigateTo}\n                  showSortHandler={sourceSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              getMoreItems={onGetMoreItems}\n              hasNextPage={hasNextPage}\n            />\n          </Overflow>\n        ) : null}\n        {contentIsEmpty ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <EmptyMessage>{emptyMessage}</EmptyMessage>\n          </LoadingList>\n        ) : null}\n        {loading ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <LoadingIndicator />\n          </LoadingList>\n        ) : null}\n        <ShuttleListPanel onClick={onMoveCheckedItems} open={checkedItems.length > 1}>\n          <ArrowShortRight />\n        </ShuttleListPanel>\n        {moreItemsLoading ? <ShuttleInfiniteScrollIndicator isOpen /> : null}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!checkedItems.length && (\n            <DSButton buttonType=\"link\" labelText={sourceClearItemsText} onClick={onClearCheckedItems} />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderSourceCounter(checkedItems.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n};\n\nShuttleSource.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  checkedItems: PropTypes.arrayOf(PropTypes.shape({})),\n  hierarchy: PropTypes.arrayOf(PropTypes.shape({})),\n  onMoveItem: PropTypes.func,\n  onCheckItem: PropTypes.func,\n  onMoveCheckedItems: PropTypes.func,\n  onNavigateTo: PropTypes.func,\n  onClearCheckedItems: PropTypes.func,\n  emptyMessage: PropTypes.string,\n  composeSourceItemProps: PropTypes.func,\n  loading: PropTypes.bool,\n  onSearch: PropTypes.func,\n  onSearchClose: PropTypes.func,\n  onSearchOpen: PropTypes.func,\n  sourceSortable: PropTypes.bool,\n  onSortEnd: PropTypes.func,\n  sourceClearItemsText: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  renderSourceCounter: PropTypes.func,\n  onGetMoreItems: PropTypes.func,\n  moreItemsLoading: PropTypes.bool,\n  hasNextPage: PropTypes.bool,\n};\n\nexport { ShuttleSource };\nexport default ShuttleSource;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/components/ShuttleTarget.js

@@ -13,16 +13,16 @@ import {
   ShuttleList,
   ShuttleWrapper,
   LoadingList
-} from "../classedComponents";
-import { getActiveIdFromHierarchy } from "../helper";
-import { AnimationState } from "../AnimationState";
-import { VirtualizedList } from "./VirtualizedList";
-import { ShuttleTargetListItem } from "./ShuttleListItem/ShuttleTargetListItem";
-import { VirtualizedSortableList } from "./VirtualizedSortableList";
-import { LoadingIndicator } from "./LoadingIndicator";
+} from "../classedComponents.js";
+import { getActiveIdFromHierarchy } from "../helper.js";
+import { AnimationState } from "../AnimationState.js";
+import { VirtualizedList } from "./VirtualizedList.js";
+import { ShuttleTargetListItem } from "./ShuttleListItem/ShuttleTargetListItem.js";
+import { VirtualizedSortableList } from "./VirtualizedSortableList.js";
+import { LoadingIndicator } from "./LoadingIndicator.js";
 const noop = () => {
 };
-function ShuttleTarget({
+const ShuttleTarget = ({
   items = [],
   hierarchy = [],
   onNavigateTo = noop,
@@ -35,7 +35,7 @@ function ShuttleTarget({
   targetClearItemsText = "CLEAR ALL",
   renderTargetCounter = (amount) => `${amount} items`,
   loading = false
-}) {
+}) => {
   const {
     state: { isMoving = false }
   } = useContext(AnimationState.Context);
@@ -93,7 +93,7 @@ function ShuttleTarget({
       /* @__PURE__ */ jsx(ShuttleFooterCounter, { children: renderTargetCounter(items.length) })
     ] })
   ] });
-}
+};
 var ShuttleTarget_default = ShuttleTarget;
 export {
   ShuttleTarget,

package/dist/esm/components/ShuttleTarget.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleTarget.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nimport {\n  EmptyMessage,\n  Overflow,\n  ShuttleFooter,\n  ShuttleFooterActions,\n  ShuttleFooterCounter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleList,\n  ShuttleWrapper,\n  LoadingList,\n} from '../classedComponents';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedList } from './VirtualizedList';\nimport { ShuttleTargetListItem } from './ShuttleListItem/ShuttleTargetListItem';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleTarget({\n  items = [],\n  hierarchy = [],\n  onNavigateTo = noop,\n  onMoveItem = noop,\n  onClearMovedItems = noop,\n  emptyMessage = 'No items selected',\n  composeTargetItemProps = () => ({}),\n  targetSortable = false,\n  onSortEnd = noop,\n  targetClearItemsText = 'CLEAR ALL',\n  renderTargetCounter = (amount) => `${amount} items`,\n  loading = false,\n}) {\n  const {\n    state: { isMoving = false },\n  } = useContext(AnimationState.Context);\n  const isEmpty = !items.length;\n  const emptyContent = loading ? <LoadingIndicator /> : <EmptyMessage>{emptyMessage}</EmptyMessage>;\n\n  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMoving }}>\n        {!loading && !isEmpty ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              empty: !items.length,\n            }}\n          >\n            <ComponentList\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleTargetListItem\n                  data-testid=\"target-list-item\"\n                  {...rest}\n                  {...composeTargetItemProps(item, rest)}\n                  isRoot={!getActiveIdFromHierarchy(hierarchy).id}\n                  item={item}\n                  onMoveToSource={onMoveItem}\n                  onNavigateOnTargetTo={onNavigateTo}\n                  showSortHandler={targetSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              target\n            />\n          </Overflow>\n        ) : (\n          <LoadingList>{emptyContent}</LoadingList>\n        )}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!items.length && (\n            <DSButton\n              containerProps={{ 'data-testid': 'shuttle-clear-all-target' }}\n              buttonType=\"link\"\n              labelText={targetClearItemsText}\n              onClick={onClearMovedItems}\n            />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderTargetCounter(items.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nexport { ShuttleTarget };\nexport default ShuttleTarget;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0CU,cA8C3B,YA9C2B;AA1CjC,SAAgB,kBAAkB;AAClC,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAEjC,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,cAAc;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,OAAO,CAAC;AAAA,EACjC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AACZ,GAAG;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,MAAM;AAAA,EAC5B,IAAI,WAAW,eAAe,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,oBAAC,oBAAiB,IAAK,oBAAC,gBAAc,wBAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,MAAM;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,kBACC;AAAA,wBAAC,iBACC,8BAAC,2BAAwB,WAAsB,cAA4B,GAC7E;AAAA,IACA,oBAAC,eAAY,YAAY,EAAE,WAAW,SAAS,GAC5C,WAAC,WAAW,CAAC,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,QACrD,YAAY;AAAA,UACV,OAAO,CAAC,MAAM;AAAA,QAChB;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAc,CAAC,EAAE,SAAS,KAAK,MAC7B;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACX,GAAG;AAAA,gBACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,gBACrC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,gBAC7C;AAAA,gBACA,gBAAgB;AAAA,gBAChB,sBAAsB;AAAA,gBACtB,iBAAiB;AAAA;AAAA,YACnB;AAAA,YAEF;AAAA,YACA,WAAW;AAAA,YACX,QAAM;AAAA;AAAA,QACR;AAAA;AAAA,IACF,IAEA,oBAAC,eAAa,wBAAa,GAE/B;AAAA,IACA,qBAAC,iBACC;AAAA,0BAAC,wBACE,WAAC,CAAC,MAAM,UACP;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,UAC5D,YAAW;AAAA,UACX,WAAW;AAAA,UACX,SAAS;AAAA;AAAA,MACX,GAEJ;AAAA,MACA,oBAAC,wBAAsB,8BAAoB,MAAM,MAAM,GAAE;AAAA,OAC3D;AAAA,KACF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport {\n  EmptyMessage,\n  Overflow,\n  ShuttleFooter,\n  ShuttleFooterActions,\n  ShuttleFooterCounter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleList,\n  ShuttleWrapper,\n  LoadingList,\n} from '../classedComponents.js';\nimport { getActiveIdFromHierarchy } from '../helper.js';\nimport { AnimationState } from '../AnimationState.js';\nimport { VirtualizedList } from './VirtualizedList.js';\nimport { ShuttleTargetListItem } from './ShuttleListItem/ShuttleTargetListItem.js';\nimport { VirtualizedSortableList } from './VirtualizedSortableList.js';\nimport { LoadingIndicator } from './LoadingIndicator.js';\n\nconst noop = () => {};\n\nconst ShuttleTarget = ({\n  items = [],\n  hierarchy = [],\n  onNavigateTo = noop,\n  onMoveItem = noop,\n  onClearMovedItems = noop,\n  emptyMessage = 'No items selected',\n  composeTargetItemProps = () => ({}),\n  targetSortable = false,\n  onSortEnd = noop,\n  targetClearItemsText = 'CLEAR ALL',\n  renderTargetCounter = (amount) => `${amount} items`,\n  loading = false,\n}) => {\n  const {\n    state: { isMoving = false },\n  } = useContext(AnimationState.Context);\n  const isEmpty = !items.length;\n  const emptyContent = loading ? <LoadingIndicator /> : <EmptyMessage>{emptyMessage}</EmptyMessage>;\n\n  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMoving }}>\n        {!loading && !isEmpty ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              empty: !items.length,\n            }}\n          >\n            <ComponentList\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleTargetListItem\n                  data-testid=\"target-list-item\"\n                  {...rest}\n                  {...composeTargetItemProps(item, rest)}\n                  isRoot={!getActiveIdFromHierarchy(hierarchy).id}\n                  item={item}\n                  onMoveToSource={onMoveItem}\n                  onNavigateOnTargetTo={onNavigateTo}\n                  showSortHandler={targetSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              target\n            />\n          </Overflow>\n        ) : (\n          <LoadingList>{emptyContent}</LoadingList>\n        )}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!items.length && (\n            <DSButton\n              containerProps={{ 'data-testid': 'shuttle-clear-all-target' }}\n              buttonType=\"link\"\n              labelText={targetClearItemsText}\n              onClick={onClearMovedItems}\n            />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderTargetCounter(items.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n};\n\nexport { ShuttleTarget };\nexport default ShuttleTarget;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyCU,cA8C3B,YA9C2B;AAzCjC,SAAgB,kBAAkB;AAClC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAEjC,MAAM,OAAO,MAAM;AAAC;AAEpB,MAAM,gBAAgB,CAAC;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,OAAO,CAAC;AAAA,EACjC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AACZ,MAAM;AACJ,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,MAAM;AAAA,EAC5B,IAAI,WAAW,eAAe,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,oBAAC,oBAAiB,IAAK,oBAAC,gBAAc,wBAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,MAAM;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,kBACC;AAAA,wBAAC,iBACC,8BAAC,2BAAwB,WAAsB,cAA4B,GAC7E;AAAA,IACA,oBAAC,eAAY,YAAY,EAAE,WAAW,SAAS,GAC5C,WAAC,WAAW,CAAC,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,QACrD,YAAY;AAAA,UACV,OAAO,CAAC,MAAM;AAAA,QAChB;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAc,CAAC,EAAE,SAAS,KAAK,MAC7B;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACX,GAAG;AAAA,gBACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,gBACrC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,gBAC7C;AAAA,gBACA,gBAAgB;AAAA,gBAChB,sBAAsB;AAAA,gBACtB,iBAAiB;AAAA;AAAA,YACnB;AAAA,YAEF;AAAA,YACA,WAAW;AAAA,YACX,QAAM;AAAA;AAAA,QACR;AAAA;AAAA,IACF,IAEA,oBAAC,eAAa,wBAAa,GAE/B;AAAA,IACA,qBAAC,iBACC;AAAA,0BAAC,wBACE,WAAC,CAAC,MAAM,UACP;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,UAC5D,YAAW;AAAA,UACX,WAAW;AAAA,UACX,SAAS;AAAA;AAAA,MACX,GAEJ;AAAA,MACA,oBAAC,wBAAsB,8BAAoB,MAAM,MAAM,GAAE;AAAA,OAC3D;AAAA,KACF;AAEJ;AAGA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/components/VirtualizedItem.js

@@ -1,22 +1,19 @@
 import * as React from "react";
 import { memo } from "react";
 import { areEqual } from "react-window";
-const VirtualizedItem = memo(
-  ({ data, index, style: virtualizedStyles, showSortHandler = false }) => {
-    const { items, itemRenderer, isItemMoving } = data;
-    const { item, props: animatedStyles, key } = items[index] || {};
-    if (!item)
-      return null;
-    return itemRenderer({
-      index,
-      key,
-      item,
-      showSortHandler,
-      style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
-    });
-  },
-  areEqual
-);
+const VirtualizedItem = memo(({ data, index, style: virtualizedStyles, showSortHandler = false }) => {
+  const { items, itemRenderer, isItemMoving } = data;
+  const { item, props: animatedStyles, key } = items[index] || {};
+  if (!item)
+    return null;
+  return itemRenderer({
+    index,
+    key,
+    item,
+    showSortHandler,
+    style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
+  });
+}, areEqual);
 var VirtualizedItem_default = VirtualizedItem;
 export {
   VirtualizedItem,

package/dist/esm/components/VirtualizedItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { memo } from 'react';\nimport { areEqual } from 'react-window';\n\nconst VirtualizedItem = memo(\n  ({ data, index, style: virtualizedStyles, showSortHandler = false }) => {\n    const { items, itemRenderer, isItemMoving } = data;\n    const { item, props: animatedStyles, key } = items[index] || {};\n    if (!item) return null;\n    return itemRenderer({\n      index,\n      key,\n      item,\n      showSortHandler,\n      style: isItemMoving\n        ? { ...animatedStyles, ...virtualizedStyles }\n        : virtualizedStyles,\n    });\n  },\n  areEqual,\n);\n\nexport { VirtualizedItem };\nexport default VirtualizedItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,kBAAkB;AAAA,EACtB,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,MAAM,MAAM;AACtE,UAAM,EAAE,OAAO,cAAc,aAAa,IAAI;AAC9C,UAAM,EAAE,MAAM,OAAO,gBAAgB,IAAI,IAAI,MAAM,UAAU,CAAC;AAC9D,QAAI,CAAC;AAAM,aAAO;AAClB,WAAO,aAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,eACH,EAAE,GAAG,gBAAgB,GAAG,kBAAkB,IAC1C;AAAA,IACN,CAAC;AAAA,EACH;AAAA,EACA;AACF;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { memo } from 'react';\nimport { areEqual } from 'react-window';\n\nconst VirtualizedItem = memo(({ data, index, style: virtualizedStyles, showSortHandler = false }) => {\n  const { items, itemRenderer, isItemMoving } = data;\n  const { item, props: animatedStyles, key } = items[index] || {};\n  if (!item) return null;\n  return itemRenderer({\n    index,\n    key,\n    item,\n    showSortHandler,\n    style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles,\n  });\n}, areEqual);\n\nexport { VirtualizedItem };\nexport default VirtualizedItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAEzB,MAAM,kBAAkB,KAAK,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,MAAM,MAAM;AACnG,QAAM,EAAE,OAAO,cAAc,aAAa,IAAI;AAC9C,QAAM,EAAE,MAAM,OAAO,gBAAgB,IAAI,IAAI,MAAM,UAAU,CAAC;AAC9D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eAAe,EAAE,GAAG,gBAAgB,GAAG,kBAAkB,IAAI;AAAA,EACtE,CAAC;AACH,GAAG,QAAQ;AAGX,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/VirtualizedList.js

@@ -5,10 +5,10 @@ import { useTransition } from "react-spring/web";
 import { FixedSizeList as List } from "react-window";
 import InfiniteLoader from "react-window-infinite-loader";
 import AutoSizer from "react-virtualized-auto-sizer";
-import { animationConfig } from "../animation/animationConfig";
-import { AnimationState } from "../AnimationState";
-import { VirtualizedItem } from "./VirtualizedItem";
-function VirtualizedList({
+import { animationConfig } from "../animation/animationConfig.js";
+import { AnimationState } from "../AnimationState.js";
+import { VirtualizedItem } from "./VirtualizedItem.js";
+const VirtualizedList = ({
   items,
   itemRenderer,
   searching,
@@ -18,7 +18,7 @@ function VirtualizedList({
   hasNextPage = true,
   getMoreItems = () => {
   }
-}) {
+}) => {
   const hasMounted = useRef(false);
   const {
     state: { isMoving, isMovingBack },
@@ -33,33 +33,25 @@ function VirtualizedList({
   });
   const itemCount = hasNextPage ? items.length + 1 : items.length;
   const isItemLoaded = (index) => !hasNextPage || index < items.length;
-  return /* @__PURE__ */ jsx(AutoSizer, { children: ({ height, width }) => /* @__PURE__ */ jsx(
-    InfiniteLoader,
+  return /* @__PURE__ */ jsx(AutoSizer, { children: ({ height, width }) => /* @__PURE__ */ jsx(InfiniteLoader, { isItemLoaded, itemCount, loadMoreItems: getMoreItems, children: ({ onItemsRendered, ref }) => /* @__PURE__ */ jsx(
+    List,
     {
-      isItemLoaded,
-      itemCount,
-      loadMoreItems: getMoreItems,
-      children: ({ onItemsRendered, ref }) => /* @__PURE__ */ jsx(
-        List,
-        {
-          height: searching ? 300 : height,
-          width,
-          innerRef,
-          itemCount: transitions.length,
-          itemData: {
-            items: transitions,
-            itemRenderer,
-            isItemMoving: hasMounted.current && (isMoving || isMovingBack)
-          },
-          itemSize: 35,
-          onItemsRendered,
-          ref,
-          children: children || VirtualizedItem
-        }
-      )
+      height: searching ? 300 : height,
+      width,
+      innerRef,
+      itemCount: transitions.length,
+      itemData: {
+        items: transitions,
+        itemRenderer,
+        isItemMoving: hasMounted.current && (isMoving || isMovingBack)
+      },
+      itemSize: 35,
+      onItemsRendered,
+      ref,
+      children: children || VirtualizedItem
     }
-  ) });
-}
+  ) }) });
+};
 var VirtualizedList_default = VirtualizedList;
 export {
   VirtualizedList,

package/dist/esm/components/VirtualizedList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useTransition } from 'react-spring/web';\nimport { FixedSizeList as List } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { animationConfig } from '../animation/animationConfig';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedItem } from './VirtualizedItem';\n\nfunction VirtualizedList({\n  items,\n  itemRenderer,\n  searching,\n  target = false,\n  innerRef,\n  children,\n  hasNextPage = true,\n  getMoreItems = () => {},\n}) {\n  const hasMounted = useRef(false);\n  const {\n    state: { isMoving, isMovingBack },\n    reset,\n  } = useContext(AnimationState.Context);\n\n  useEffect(() => {\n    hasMounted.current = true;\n  }, []);\n\n  const transitions = useTransition(items, (item) => item.id, {\n    ...animationConfig.moveItem(target),\n    onDestroyed: () => reset(),\n  });\n\n  const itemCount = hasNextPage ? items.length + 1 : items.length;\n\n  const isItemLoaded = (index) => !hasNextPage || index < items.length;\n\n  return (\n    <AutoSizer>\n      {({ height, width }) => (\n        <InfiniteLoader\n          isItemLoaded={isItemLoaded}\n          itemCount={itemCount}\n          loadMoreItems={getMoreItems}\n        >\n          {({ onItemsRendered, ref }) => (\n            <List\n              height={searching ? 300 : height}\n              width={width}\n              innerRef={innerRef}\n              itemCount={transitions.length}\n              itemData={{\n                items: transitions,\n                itemRenderer,\n                isItemMoving: hasMounted.current && (isMoving || isMovingBack),\n              }}\n              itemSize={35}\n              onItemsRendered={onItemsRendered}\n              ref={ref}\n            >\n              {children || VirtualizedItem}\n            </List>\n          )}\n        </InfiniteLoader>\n      )}\n    </AutoSizer>\n  );\n}\n\nexport { VirtualizedList };\nexport default VirtualizedList;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgDX;AA/CZ,SAAgB,YAAY,WAAW,cAAc;AACrD,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,YAAY;AACtC,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAEhC,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EAAC;AACxB,GAAG;AACD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,aAAa;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,IAC1D,GAAG,gBAAgB,SAAS,MAAM;AAAA,IAClC,aAAa,MAAM,MAAM;AAAA,EAC3B,CAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,oBAAC,aACE,WAAC,EAAE,QAAQ,MAAM,MAChB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEd,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,QAAC;AAAA;AAAA,UACC,QAAQ,YAAY,MAAM;AAAA,UAC1B;AAAA,UACA;AAAA,UACA,WAAW,YAAY;AAAA,UACvB,UAAU;AAAA,YACR,OAAO;AAAA,YACP;AAAA,YACA,cAAc,WAAW,YAAY,YAAY;AAAA,UACnD;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UAEC,sBAAY;AAAA;AAAA,MACf;AAAA;AAAA,EAEJ,GAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useTransition } from 'react-spring/web';\nimport { FixedSizeList as List } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { animationConfig } from '../animation/animationConfig.js';\nimport { AnimationState } from '../AnimationState.js';\nimport { VirtualizedItem } from './VirtualizedItem.js';\n\nconst VirtualizedList = ({\n  items,\n  itemRenderer,\n  searching,\n  target = false,\n  innerRef,\n  children,\n  hasNextPage = true,\n  getMoreItems = () => {},\n}) => {\n  const hasMounted = useRef(false);\n  const {\n    state: { isMoving, isMovingBack },\n    reset,\n  } = useContext(AnimationState.Context);\n\n  useEffect(() => {\n    hasMounted.current = true;\n  }, []);\n\n  const transitions = useTransition(items, (item) => item.id, {\n    ...animationConfig.moveItem(target),\n    onDestroyed: () => reset(),\n  });\n\n  const itemCount = hasNextPage ? items.length + 1 : items.length;\n\n  const isItemLoaded = (index) => !hasNextPage || index < items.length;\n\n  return (\n    <AutoSizer>\n      {({ height, width }) => (\n        <InfiniteLoader isItemLoaded={isItemLoaded} itemCount={itemCount} loadMoreItems={getMoreItems}>\n          {({ onItemsRendered, ref }) => (\n            <List\n              height={searching ? 300 : height}\n              width={width}\n              innerRef={innerRef}\n              itemCount={transitions.length}\n              itemData={{\n                items: transitions,\n                itemRenderer,\n                isItemMoving: hasMounted.current && (isMoving || isMovingBack),\n              }}\n              itemSize={35}\n              onItemsRendered={onItemsRendered}\n              ref={ref}\n            >\n              {children || VirtualizedItem}\n            </List>\n          )}\n        </InfiniteLoader>\n      )}\n    </AutoSizer>\n  );\n};\n\nexport { VirtualizedList };\nexport default VirtualizedList;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4CX;AA3CZ,SAAgB,YAAY,WAAW,cAAc;AACrD,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,YAAY;AACtC,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAEhC,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EAAC;AACxB,MAAM;AACJ,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,aAAa;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,IAC1D,GAAG,gBAAgB,SAAS,MAAM;AAAA,IAClC,aAAa,MAAM,MAAM;AAAA,EAC3B,CAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,oBAAC,aACE,WAAC,EAAE,QAAQ,MAAM,MAChB,oBAAC,kBAAe,cAA4B,WAAsB,eAAe,cAC9E,WAAC,EAAE,iBAAiB,IAAI,MACvB;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,YAAY,MAAM;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,WAAW,YAAY;AAAA,MACvB,UAAU;AAAA,QACR,OAAO;AAAA,QACP;AAAA,QACA,cAAc,WAAW,YAAY,YAAY;AAAA,MACnD;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEC,sBAAY;AAAA;AAAA,EACf,GAEJ,GAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/VirtualizedSortableList.js

@@ -1,12 +1,10 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { sortableElement, sortableContainer } from "react-sortable-hoc";
-import { VirtualizedList } from "./VirtualizedList";
-import { VirtualizedItem } from "./VirtualizedItem";
+import { VirtualizedList } from "./VirtualizedList.js";
+import { VirtualizedItem } from "./VirtualizedItem.js";
 const SortableList = sortableContainer(VirtualizedList);
-function VirtualizedSortableList({ items, ...otherProps }) {
-  return /* @__PURE__ */ jsx(SortableList, { ...otherProps, items, useDragHandle: true, children: sortableElement(VirtualizedItem) });
-}
+const VirtualizedSortableList = ({ items, ...otherProps }) => /* @__PURE__ */ jsx(SortableList, { ...otherProps, items, useDragHandle: true, children: sortableElement(VirtualizedItem) });
 var VirtualizedSortableList_default = VirtualizedSortableList;
 export {
   VirtualizedSortableList,