@elliemae/ds-shuttle 3.0.0-alpha.0 → 3.0.0-alpha.1

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

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2 from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
@@ -18,23 +49,32 @@ const Content = aggregatedClasses("label")(blockName, "content", ({ isChecked, c
 const SortHandler = sortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
   className: "gripper"
 }));
-function ShuttleListItem({
-  item = {},
-  showIcons = void 0,
-  showIcon = true,
-  onSelect = () => null,
-  isChecked = false,
-  style = void 0,
-  showActions = true,
-  actions = [],
-  showSortHandler = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    ...rest,
+function ShuttleListItem(_a) {
+  var _b = _a, {
+    item = {},
+    showIcons = void 0,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = void 0,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "showIcons",
+    "showIcon",
+    "onSelect",
+    "isChecked",
+    "style",
+    "showActions",
+    "actions",
+    "showSortHandler"
+  ]);
+  return /* @__PURE__ */ React2.createElement(Wrapper, __spreadProps(__spreadValues({}, rest), {
     role: "listitem",
     style
-  }, /* @__PURE__ */ React2.createElement(Content, {
+  }), /* @__PURE__ */ React2.createElement(Content, {
     classProps: {
       canMove: isMovable(item),
       isChecked,

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

@@ -2,6 +2,6 @@
   "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 from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\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  return (\n    <Wrapper {...rest} role=\"listitem\" style={style}>\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;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,IAAI;AAC/C,MAAM,eAAe,kBAAkB,OAAO,WAAW;AACzD,MAAM,cAAc,kBAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,kBAAkB,SAAS,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA;AAGf,MAAM,cAAc,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEpE,yBAAyB;AAAA,EACvB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,kBAAkB;AAAA,KACf;AAAA,GACF;AACD,SACE,qCAAC,SAAD;AAAA,OAAa;AAAA,IAAM,MAAK;AAAA,IAAW;AAAA,KACjC,qCAAC,SAAD;AAAA,IACE,YAAY;AAAA,MACV,SAAS,UAAU;AAAA,MACnB;AAAA,MACA,YAAY,KAAK;AAAA;AAAA,IAEnB,SAAS;AAAA,KAER,mBAAmB,qCAAC,aAAD,OAClB,aAAY,cAAc,qCAAC,aAAD,MAAc,KAAK,OAC/C,qCAAC,wBAAD;AAAA,IAAwB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,OAEtE,eAAe,qCAAC,cAAD,MAAe;AAAA;AAMrC,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,SAAS,IAAI;AAC/C,MAAM,eAAe,kBAAkB,OAAO,WAAW;AACzD,MAAM,cAAc,kBAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,kBAAkB,SAAS,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA;AAGf,MAAM,cAAc,eAAe,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;AAEpE,yBAAyB,IAWtB;AAXsB,eACvB;AAAA,WAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,UAAU;AAAA,IACV,kBAAkB;AAAA,MATK,IAUpB,iBAVoB,IAUpB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qCAAC,SAAD,iCAAa,OAAb;AAAA,IAAmB,MAAK;AAAA,IAAW;AAAA,MACjC,qCAAC,SAAD;AAAA,IACE,YAAY;AAAA,MACV,SAAS,UAAU;AAAA,MACnB;AAAA,MACA,YAAY,KAAK;AAAA;AAAA,IAEnB,SAAS;AAAA,KAER,mBAAmB,qCAAC,aAAD,OAClB,aAAY,cAAc,qCAAC,aAAD,MAAc,KAAK,OAC/C,qCAAC,wBAAD;AAAA,IAAwB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,OAEtE,eAAe,qCAAC,cAAD,MAAe;AAAA;AAMrC,IAAO,0BAAQ;",
   "names": []
 }

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

@@ -1,19 +1,59 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useState, useCallback, useEffect } from "react";
 import { isMovable } from "../../helper";
 import { DrillDownButton, MoveButton } from "./ActionButtons";
 import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleSourceListItem({
-  item = {},
-  onItemCheck = () => null,
-  onMoveToTarget = () => null,
-  onNavigateOnSourceTo = () => null,
-  isChecked = false,
-  showMoveButton = true,
-  showDrillDownButton = true,
-  index,
-  ...rest
-}) {
+function ShuttleSourceListItem(_a) {
+  var _b = _a, {
+    item = {},
+    onItemCheck = () => null,
+    onMoveToTarget = () => null,
+    onNavigateOnSourceTo = () => null,
+    isChecked = false,
+    showMoveButton = true,
+    showDrillDownButton = true,
+    index
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "onItemCheck",
+    "onMoveToTarget",
+    "onNavigateOnSourceTo",
+    "isChecked",
+    "showMoveButton",
+    "showDrillDownButton",
+    "index"
+  ]);
   const [clicked, setClicked] = useState(false);
   const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
   useEffect(() => {
@@ -33,8 +73,7 @@ function ShuttleSourceListItem({
       setClicked(true);
     }
   };
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
-    ...rest,
+  return /* @__PURE__ */ React2.createElement(ShuttleListItem, __spreadProps(__spreadValues({}, rest), {
     actions: [
       showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
         key: "drill-down",
@@ -51,7 +90,7 @@ function ShuttleSourceListItem({
     isChecked,
     item,
     onSelect: checkItem
-  });
+  }));
 }
 var ShuttleSourceListItem_default = ShuttleSourceListItem;
 export {

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

@@ -2,6 +2,6 @@
   "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;ACCA;AACA;AACA;AACA;AAEA,+BAA+B;AAAA,EAC7B,OAAO;AAAA,EACP,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AAAA,GACF;AACD,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,eAAe,YAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,YAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA;AAAA,KAED,CAAC;AACJ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY;AAAA,KACzB,CAAC,MAAM;AACV,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW;AAAA;AAAA;AAIf,SACE,qCAAC,iBAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC,iBAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,kBACE,qCAAC,YAAD;AAAA,QACE,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,SAAS,KAAK;AAAA,QACnC,SAAS;AAAA;AAAA;AAAA,IAIf;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;AAMhB,IAAO,gCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AAEA,+BAA+B,IAU5B;AAV4B,eAC7B;AAAA,WAAO;AAAA,IACP,cAAc,MAAM;AAAA,IACpB,iBAAiB,MAAM;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB;AAAA,MAR6B,IAS1B,iBAT0B,IAS1B;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,eAAe,YAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,YAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA;AAAA,KAED,CAAC;AACJ,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,QAAM,YAAY,YAAY,MAAM;AAClC,QAAI,CAAC;AAAS,kBAAY;AAAA,KACzB,CAAC,MAAM;AACV,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,SAAS;AACZ,iBAAW;AAAA;AAAA;AAIf,SACE,qCAAC,iBAAD,iCACM,OADN;AAAA,IAEE,SAAS;AAAA,MACP,uBACE,qCAAC,iBAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,kBACE,qCAAC,YAAD;AAAA,QACE,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,SAAS,KAAK;AAAA,QACnC,SAAS;AAAA;AAAA;AAAA,IAIf;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;AAMhB,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -1,24 +1,63 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useCallback } from "react";
 import { DeleteButton, DrillDownButton } from "./ActionButtons";
 import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleTargetListItem({
-  item = {},
-  onMoveToSource = () => null,
-  onNavigateOnTargetTo = () => null,
-  isRoot = false,
-  showDeleteButton = true,
-  showDrillDownButton = true,
-  showActions = true,
-  index,
-  ...rest
-}) {
+function ShuttleTargetListItem(_a) {
+  var _b = _a, {
+    item = {},
+    onMoveToSource = () => null,
+    onNavigateOnTargetTo = () => null,
+    isRoot = false,
+    showDeleteButton = true,
+    showDrillDownButton = true,
+    showActions = true,
+    index
+  } = _b, rest = __objRest(_b, [
+    "item",
+    "onMoveToSource",
+    "onNavigateOnTargetTo",
+    "isRoot",
+    "showDeleteButton",
+    "showDrillDownButton",
+    "showActions",
+    "index"
+  ]);
   const moveToSource = useCallback(() => onMoveToSource(item), [item]);
   const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [
     item
   ]);
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
-    ...rest,
+  return /* @__PURE__ */ React2.createElement(ShuttleListItem, __spreadProps(__spreadValues({}, rest), {
     actions: [
       showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
         key: "drill-down",
@@ -34,7 +73,7 @@ function ShuttleTargetListItem({
     ],
     item,
     showActions
-  });
+  }));
 }
 var ShuttleTargetListItem_default = ShuttleTargetListItem;
 export {

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

@@ -2,6 +2,6 @@
   "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;ACCA;AACA;AACA;AAEA,+BAA+B;AAAA,EAC7B,OAAO;AAAA,EACP,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AAAA,GACF;AACD,QAAM,eAAe,YAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,SACE,qCAAC,iBAAD;AAAA,OACM;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC,iBAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,oBAAoB,UAClB,qCAAC,cAAD;AAAA,QACE,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA;AAAA;AAAA,IAIlB;AAAA,IACA;AAAA;AAAA;AAMN,IAAO,gCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAEA,+BAA+B,IAU5B;AAV4B,eAC7B;AAAA,WAAO;AAAA,IACP,iBAAiB,MAAM;AAAA,IACvB,uBAAuB,MAAM;AAAA,IAC7B,SAAS;AAAA,IACT,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,cAAc;AAAA,IACd;AAAA,MAR6B,IAS1B,iBAT0B,IAS1B;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,YAAY,MAAM,eAAe,OAAO,CAAC;AAC9D,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,OAAO;AAAA,IACvE;AAAA;AAEF,SACE,qCAAC,iBAAD,iCACM,OADN;AAAA,IAEE,SAAS;AAAA,MACP,uBACE,qCAAC,iBAAD;AAAA,QACE,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA;AAAA,MAGb,oBAAoB,UAClB,qCAAC,cAAD;AAAA,QACE,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA;AAAA;AAAA,IAIlB;AAAA,IACA;AAAA;AAAA;AAMN,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleSource.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useCallback, useContext, useMemo } from "react";
 import PropTypes from "prop-types";
@@ -63,7 +94,7 @@ function ShuttleSource({
     reset: resetSearch,
     toggleSearchBox
   } = useContext(SearchState.Context);
-  const hashedCheckedItems = useMemo(() => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}), [checkedItems]);
+  const hashedCheckedItems = useMemo(() => checkedItems.reduce((result, item) => __spreadProps(__spreadValues({}, result), { [item]: true }), {}), [checkedItems]);
   const handleCloseSearch = useCallback(() => {
     setSearchTerm("");
     runAll(resetSearch, onSearchClose)();
@@ -113,17 +144,19 @@ function ShuttleSource({
   }, /* @__PURE__ */ React2.createElement(ComponentList, {
     key: searchTerm,
     helperClass: "drag-helper",
-    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleSourceListItem, {
-      "data-testid": "source-list-item",
-      ...rest,
-      ...composeSourceItemProps(item, rest),
-      isChecked: !!hashedCheckedItems[item.id],
-      item,
-      onItemCheck: onCheckItem,
-      onMoveToTarget: onMoveItem,
-      onNavigateOnSourceTo: onNavigateTo,
-      showSortHandler: sourceSortable
-    }),
+    itemRenderer: (_a) => {
+      var _b = _a, { item } = _b, rest = __objRest(_b, ["item"]);
+      return /* @__PURE__ */ React2.createElement(ShuttleSourceListItem, __spreadProps(__spreadValues(__spreadValues({
+        "data-testid": "source-list-item"
+      }, rest), composeSourceItemProps(item, rest)), {
+        isChecked: !!hashedCheckedItems[item.id],
+        item,
+        onItemCheck: onCheckItem,
+        onMoveToTarget: onMoveItem,
+        onNavigateOnSourceTo: onNavigateTo,
+        showSortHandler: sourceSortable
+      }));
+    },
     items,
     onSortEnd: handleSortEnd,
     getMoreItems: onGetMoreItems,

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

@@ -2,6 +2,6 @@
   "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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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB;AAAA,EACA,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,iBAAiB,MAAM;AAAA;AAAA,EACvB,mBAAmB;AAAA,EACnB,cAAc;AAAA,GACb;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,OAAO;AAAA,MAC7B,WAAW,eAAe;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,IACP;AAAA,MACE,WAAW,YAAY;AAE3B,QAAM,qBAAqB,QACzB,MAAM,aAAa,OAAO,CAAC,QAAQ,SAAU,iCAAK,SAAL,GAAc,OAAO,SAAS,KAC3E,CAAC;AAGH,QAAM,oBAAoB,YAAY,MAAM;AAC1C,kBAAc;AACd,WAAO,aAAa;AAAA,KACnB,CAAC;AAEJ,QAAM,qBAAqB,YAAY,MAAM;AAC3C,oBAAgB,CAAC;AACjB,QAAI,WAAW;AACb;AAAA,WACK;AACL;AAAA;AAAA,KAED,CAAC;AAEJ,QAAM,gBAAgB,QAAQ,MAAO,iBAAiB,0BAA0B,iBAAkB,CAAC;AAEnG,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,aAAa,CAAC,WAAW,CAAC;AAChC,QAAM,iBAAiB,CAAC,WAAW;AAEnC,SACE,qCAAC,gBAAD,MACE,qCAAC,eAAD,MACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,MAC/C,qCAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB,EAAE,eAAe;AAAA,OAGrC,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,IAAgB,OAAO,EAAE,eAAe,WAAW,SAAS;AAAA,KAChG,qCAAC,kBAAD;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,gBAAgB,QAAQ;AAAA,IAC9C,UAAU,OAAO,eAAe;AAAA,IAChC,aAAa;AAAA,IACb,OAAO;AAAA,MAER,aACC,qCAAC,UAAD;AAAA,IACE,iBAAiB,yBAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,KAGT,qCAAC,eAAD;AAAA,IACE,KAAK;AAAA,IACL,aAAY;AAAA,IACZ,cAAc,CAAC,OAAmB;AAAnB,mBAAE,WAAF,IAAW,iBAAX,IAAW,CAAT;AACf,kDAAC,uBAAD;AAAA,QACE,eAAY;AAAA,SACR,OACA,uBAAuB,MAAM,QAHnC;AAAA,QAIE,WAAW,CAAC,CAAC,mBAAmB,KAAK;AAAA,QACrC;AAAA,QACA,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,iBAAiB;AAAA;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,QAGF,MACH,iBACC,qCAAC,aAAD;AAAA,IAAa,eAAY;AAAA,KACvB,qCAAC,cAAD,MAAe,iBAEf,MACH,UACC,qCAAC,aAAD;AAAA,IAAa,eAAY;AAAA,KACvB,qCAAC,kBAAD,SAEA,MACJ,qCAAC,kBAAD;AAAA,IAAkB,SAAS;AAAA,IAAoB,MAAM,aAAa,SAAS;AAAA,KACzE,qCAAC,iBAAD,QAED,mBAAmB,qCAAC,gCAAD;AAAA,IAAgC,QAAM;AAAA,OAAM,OAElE,qCAAC,eAAD,MACE,qCAAC,sBAAD,MACG,CAAC,CAAC,aAAa,UACd,qCAAC,UAAD;AAAA,IAAU,YAAW;AAAA,IAAO,WAAW;AAAA,IAAsB,SAAS;AAAA,OAG1E,qCAAC,sBAAD,MAAuB,oBAAoB,aAAa;AAAA;AAMhE,cAAc,YAAY;AAAA,EACxB,OAAO,UAAU,QAAQ,UAAU,MAAM;AAAA,EACzC,cAAc,UAAU,QAAQ,UAAU,MAAM;AAAA,EAChD,WAAW,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC7C,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,oBAAoB,UAAU;AAAA,EAC9B,cAAc,UAAU;AAAA,EACxB,qBAAqB,UAAU;AAAA,EAC/B,cAAc,UAAU;AAAA,EACxB,wBAAwB,UAAU;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA,EACrB,sBAAsB,UAAU;AAAA,EAChC,mBAAmB,UAAU;AAAA,EAC7B,qBAAqB,UAAU;AAAA,EAC/B,gBAAgB,UAAU;AAAA,EAC1B,kBAAkB,UAAU;AAAA,EAC5B,aAAa,UAAU;AAAA;AAIzB,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/components/ShuttleTarget.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import React2, { useContext } from "react";
 import { DSButton } from "@elliemae/ds-button";
@@ -58,16 +89,18 @@ function ShuttleTarget({
       empty: !items.length
     }
   }, /* @__PURE__ */ React2.createElement(ComponentList, {
-    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleTargetListItem, {
-      "data-testid": "target-list-item",
-      ...rest,
-      ...composeTargetItemProps(item, rest),
-      isRoot: !getActiveIdFromHierarchy(hierarchy).id,
-      item,
-      onMoveToSource: onMoveItem,
-      onNavigateOnTargetTo: onNavigateTo,
-      showSortHandler: targetSortable
-    }),
+    itemRenderer: (_a) => {
+      var _b = _a, { item } = _b, rest = __objRest(_b, ["item"]);
+      return /* @__PURE__ */ React2.createElement(ShuttleTargetListItem, __spreadProps(__spreadValues(__spreadValues({
+        "data-testid": "target-list-item"
+      }, rest), composeTargetItemProps(item, rest)), {
+        isRoot: !getActiveIdFromHierarchy(hierarchy).id,
+        item,
+        onMoveToSource: onMoveItem,
+        onNavigateOnTargetTo: onNavigateTo,
+        showSortHandler: targetSortable
+      }));
+    },
     items,
     onSortEnd: handleSortEnd,
     target: true

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

@@ -2,6 +2,6 @@
   "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;ACAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO;AAAA,EAChC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AAAA,GACT;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,MAClB,WAAW,eAAe;AAC9B,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,qCAAC,kBAAD,QAAuB,qCAAC,cAAD,MAAe;AAErE,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,SACE,qCAAC,gBAAD,MACE,qCAAC,eAAD,MACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,OAEjD,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,KACnC,CAAC,WAAW,CAAC,UACZ,qCAAC,UAAD;AAAA,IACE,iBAAiB,yBAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA;AAAA,KAGhB,qCAAC,eAAD;AAAA,IACE,cAAc,CAAC,EAAE,SAAS,WACxB,qCAAC,uBAAD;AAAA,MACE,eAAY;AAAA,SACR;AAAA,SACA,uBAAuB,MAAM;AAAA,MACjC,QAAQ,CAAC,yBAAyB,WAAW;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,QAIV,qCAAC,aAAD,MAAc,gBAGlB,qCAAC,eAAD,MACE,qCAAC,sBAAD,MACG,CAAC,CAAC,MAAM,UACP,qCAAC,UAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,OAIf,qCAAC,sBAAD,MAAuB,oBAAoB,MAAM;AAAA;AAOzD,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO;AAAA,EAChC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AAAA,GACT;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,MAClB,WAAW,eAAe;AAC9B,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,qCAAC,kBAAD,QAAuB,qCAAC,cAAD,MAAe;AAErE,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,SACE,qCAAC,gBAAD,MACE,qCAAC,eAAD,MACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,OAEjD,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,KACnC,CAAC,WAAW,CAAC,UACZ,qCAAC,UAAD;AAAA,IACE,iBAAiB,yBAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA;AAAA,KAGhB,qCAAC,eAAD;AAAA,IACE,cAAc,CAAC,OAAmB;AAAnB,mBAAE,WAAF,IAAW,iBAAX,IAAW,CAAT;AACf,kDAAC,uBAAD;AAAA,QACE,eAAY;AAAA,SACR,OACA,uBAAuB,MAAM,QAHnC;AAAA,QAIE,QAAQ,CAAC,yBAAyB,WAAW;AAAA,QAC7C;AAAA,QACA,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,iBAAiB;AAAA;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,QAIV,qCAAC,aAAD,MAAc,gBAGlB,qCAAC,eAAD,MACE,qCAAC,sBAAD,MACG,CAAC,CAAC,MAAM,UACP,qCAAC,UAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,OAIf,qCAAC,sBAAD,MAAuB,oBAAoB,MAAM;AAAA;AAOzD,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/components/VirtualizedItem.js

@@ -1,3 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import * as React from "react";
 import { memo } from "react";
 import { areEqual } from "react-window";
@@ -11,7 +27,7 @@ const VirtualizedItem = memo(({ data, index, style: virtualizedStyles, showSortH
     key,
     item,
     showSortHandler,
-    style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
+    style: isItemMoving ? __spreadValues(__spreadValues({}, animatedStyles), virtualizedStyles) : virtualizedStyles
   });
 }, areEqual);
 var VirtualizedItem_default = VirtualizedItem;

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

@@ -2,6 +2,6 @@
   "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;ACAA;AACA;AAEA,MAAM,kBAAkB,KACtB,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,YAAY;AACtE,QAAM,EAAE,OAAO,cAAc,iBAAiB;AAC9C,QAAM,EAAE,MAAM,OAAO,gBAAgB,QAAQ,MAAM,UAAU;AAC7D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eACH,KAAK,mBAAmB,sBACxB;AAAA;AAAA,GAGR;AAIF,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEA,MAAM,kBAAkB,KACtB,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,YAAY;AACtE,QAAM,EAAE,OAAO,cAAc,iBAAiB;AAC9C,QAAM,EAAE,MAAM,OAAO,gBAAgB,QAAQ,MAAM,UAAU;AAC7D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eACH,kCAAK,iBAAmB,qBACxB;AAAA;AAAA,GAGR;AAIF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/esm/components/VirtualizedList.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2, { useContext, useEffect, useRef } from "react";
 import { useTransition } from "react-spring/web";
@@ -26,10 +45,9 @@ function VirtualizedList({
   useEffect(() => {
     hasMounted.current = true;
   }, []);
-  const transitions = useTransition(items, (item) => item.id, {
-    ...animationConfig.moveItem(target),
+  const transitions = useTransition(items, (item) => item.id, __spreadProps(__spreadValues({}, animationConfig.moveItem(target)), {
     onDestroyed: () => reset()
-  });
+  }));
   const itemCount = hasNextPage ? items.length + 1 : items.length;
   const isItemLoaded = (index) => !hasNextPage || index < items.length;
   return /* @__PURE__ */ React2.createElement(AutoSizer, null, ({ height, width }) => /* @__PURE__ */ React2.createElement(InfiniteLoader, {

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

@@ -2,6 +2,6 @@
   "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;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,yBAAyB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA;AAAA,GACpB;AACD,QAAM,aAAa,OAAO;AAC1B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,MACE,WAAW,eAAe;AAE9B,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,OACvD,gBAAgB,SAAS;AAAA,IAC5B,aAAa,MAAM;AAAA;AAGrB,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,qCAAC,WAAD,MACG,CAAC,EAAE,QAAQ,YACV,qCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC,MAAD;AAAA,IACE,QAAQ,YAAY,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB,UAAU;AAAA,MACR,OAAO;AAAA,MACP;AAAA,MACA,cAAc,WAAW,WAAY,aAAY;AAAA;AAAA,IAEnD,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY;AAAA;AAU3B,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,yBAAyB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA;AAAA,GACpB;AACD,QAAM,aAAa,OAAO;AAC1B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,MACE,WAAW,eAAe;AAE9B,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI,iCACvD,gBAAgB,SAAS,UAD8B;AAAA,IAE1D,aAAa,MAAM;AAAA;AAGrB,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,qCAAC,WAAD,MACG,CAAC,EAAE,QAAQ,YACV,qCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC,MAAD;AAAA,IACE,QAAQ,YAAY,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB,UAAU;AAAA,MACR,OAAO;AAAA,MACP;AAAA,MACA,cAAc,WAAW,WAAY,aAAY;AAAA;AAAA,IAEnD,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY;AAAA;AAU3B,IAAO,0BAAQ;",
   "names": []
 }