@elliemae/ds-shuttle 3.2.1-rc.3 → 3.2.1-rc.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/cjs/Shuttle.actions.js +19 -29
  2. package/dist/cjs/Shuttle.actions.js.map +1 -1
  3. package/dist/cjs/ShuttleContainer.js +2 -28
  4. package/dist/cjs/ShuttleContainer.js.map +1 -1
  5. package/dist/cjs/ShuttleImpl.js +4 -32
  6. package/dist/cjs/ShuttleImpl.js.map +1 -1
  7. package/dist/cjs/ShuttleRenderer.js +44 -103
  8. package/dist/cjs/ShuttleRenderer.js.map +1 -1
  9. package/dist/cjs/components/OverflowList.js +3 -19
  10. package/dist/cjs/components/OverflowList.js.map +1 -1
  11. package/dist/cjs/components/ShuttleListItem/ActionButtons.js +12 -28
  12. package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +1 -1
  13. package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +15 -53
  14. package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
  15. package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +14 -51
  16. package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
  17. package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +14 -51
  18. package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
  19. package/dist/cjs/components/ShuttleSource.js +12 -43
  20. package/dist/cjs/components/ShuttleSource.js.map +1 -1
  21. package/dist/cjs/components/ShuttleTarget.js +10 -41
  22. package/dist/cjs/components/ShuttleTarget.js.map +1 -1
  23. package/dist/cjs/components/VirtualizedItem.js +1 -15
  24. package/dist/cjs/components/VirtualizedItem.js.map +1 -1
  25. package/dist/cjs/components/VirtualizedList.js +3 -19
  26. package/dist/cjs/components/VirtualizedList.js.map +1 -1
  27. package/dist/cjs/components/VirtualizedSortableList.js +4 -33
  28. package/dist/cjs/components/VirtualizedSortableList.js.map +1 -1
  29. package/dist/cjs/helper.js +5 -21
  30. package/dist/cjs/helper.js.map +1 -1
  31. package/dist/cjs/tests/utils.js +1 -18
  32. package/dist/cjs/tests/utils.js.map +1 -1
  33. package/dist/cjs/updateShuttleStateFromProps.js +13 -23
  34. package/dist/cjs/updateShuttleStateFromProps.js.map +1 -1
  35. package/dist/cjs/utils.js +4 -17
  36. package/dist/cjs/utils.js.map +1 -1
  37. package/dist/cjs/withProviders.js +3 -15
  38. package/dist/cjs/withProviders.js.map +1 -1
  39. package/dist/esm/Shuttle.actions.js +19 -31
  40. package/dist/esm/Shuttle.actions.js.map +1 -1
  41. package/dist/esm/ShuttleContainer.js +2 -30
  42. package/dist/esm/ShuttleContainer.js.map +1 -1
  43. package/dist/esm/ShuttleImpl.js +4 -34
  44. package/dist/esm/ShuttleImpl.js.map +1 -1
  45. package/dist/esm/ShuttleRenderer.js +44 -105
  46. package/dist/esm/ShuttleRenderer.js.map +1 -1
  47. package/dist/esm/components/OverflowList.js +3 -21
  48. package/dist/esm/components/OverflowList.js.map +1 -1
  49. package/dist/esm/components/ShuttleListItem/ActionButtons.js +12 -30
  50. package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +1 -1
  51. package/dist/esm/components/ShuttleListItem/ShuttleListItem.js +15 -55
  52. package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
  53. package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js +14 -53
  54. package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
  55. package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js +14 -53
  56. package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
  57. package/dist/esm/components/ShuttleSource.js +12 -45
  58. package/dist/esm/components/ShuttleSource.js.map +1 -1
  59. package/dist/esm/components/ShuttleTarget.js +10 -43
  60. package/dist/esm/components/ShuttleTarget.js.map +1 -1
  61. package/dist/esm/components/VirtualizedItem.js +1 -17
  62. package/dist/esm/components/VirtualizedItem.js.map +1 -1
  63. package/dist/esm/components/VirtualizedList.js +3 -21
  64. package/dist/esm/components/VirtualizedList.js.map +1 -1
  65. package/dist/esm/components/VirtualizedSortableList.js +4 -35
  66. package/dist/esm/components/VirtualizedSortableList.js.map +1 -1
  67. package/dist/esm/helper.js +5 -23
  68. package/dist/esm/helper.js.map +1 -1
  69. package/dist/esm/tests/utils.js +1 -20
  70. package/dist/esm/tests/utils.js.map +1 -1
  71. package/dist/esm/updateShuttleStateFromProps.js +13 -25
  72. package/dist/esm/updateShuttleStateFromProps.js.map +1 -1
  73. package/dist/esm/utils.js +4 -19
  74. package/dist/esm/utils.js.map +1 -1
  75. package/dist/esm/withProviders.js +3 -17
  76. package/dist/esm/withProviders.js.map +1 -1
  77. package/package.json +11 -11
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ActionButtons.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ArrowShortRight, ArrowShortReturn, CloseCircle } from '@elliemae/ds-icons';\n\nconst ActionButton = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');\n\nexport const DeleteButton = (props) => (\n <ActionButton\n buttonType=\"text\"\n icon={<CloseCircle />}\n {...props}\n // containerProps={{ 'data-testid': 'ds-shuttle__close-button' }}\n />\n);\n\nexport const MoveButton = (props) => (\n <ActionButton\n buttonType=\"text\"\n icon={<ArrowShortRight />}\n {...props}\n containerProps={{ 'data-testid': 'ds-shuttle__move-button' }}\n />\n);\n\nexport const DrillDownButton = (props) => (\n <ActionButton\n buttonType=\"text\"\n icon={<ArrowShortReturn data-testid=\"shuttle__drill-btn-icon\" />}\n {...props}\n containerProps={{ 'data-testid': 'shuttle__drill-btn' }}\n />\n);\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,kBAAkB,QAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,iBAAY;AAAA,GACf,MAEN;AAGK,MAAM,aAAa,CAAC,UACzB,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,qBAAgB;AAAA,GACnB,QAHL;AAAA,EAIC,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,EAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,GAC1D,QAHL;AAAA,EAIC,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,EACxD;",
5
+ "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,kBAAkB,QAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,iBAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC,qBAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,qCAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,qCAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
6
6
  "names": []
7
7
  }
@@ -1,35 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2 from "react";
35
4
  import { aggregatedClasses } from "@elliemae/ds-classnames";
@@ -50,32 +19,23 @@ const Content = aggregatedClasses("label")(blockName, "content", ({ isChecked, c
50
19
  const SortHandler = sortableHandle(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
51
20
  className: "gripper"
52
21
  }));
53
- function ShuttleListItem(_a) {
54
- var _b = _a, {
55
- item = {},
56
- showIcons = void 0,
57
- showIcon = true,
58
- onSelect = () => null,
59
- isChecked = false,
60
- style = void 0,
61
- showActions = true,
62
- actions = [],
63
- showSortHandler = false
64
- } = _b, rest = __objRest(_b, [
65
- "item",
66
- "showIcons",
67
- "showIcon",
68
- "onSelect",
69
- "isChecked",
70
- "style",
71
- "showActions",
72
- "actions",
73
- "showSortHandler"
74
- ]);
75
- return /* @__PURE__ */ React2.createElement(Wrapper, __spreadProps(__spreadValues({}, rest), {
22
+ function ShuttleListItem({
23
+ item = {},
24
+ showIcons = void 0,
25
+ showIcon = true,
26
+ onSelect = () => null,
27
+ isChecked = false,
28
+ style = void 0,
29
+ showActions = true,
30
+ actions = [],
31
+ showSortHandler = false,
32
+ ...rest
33
+ }) {
34
+ return /* @__PURE__ */ React2.createElement(Wrapper, {
35
+ ...rest,
76
36
  role: "listitem",
77
37
  style
78
- }), /* @__PURE__ */ React2.createElement(Content, {
38
+ }, /* @__PURE__ */ React2.createElement(Content, {
79
39
  classProps: {
80
40
  canMove: isMovable(item),
81
41
  isChecked,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleListItem.tsx"],
4
4
  "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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,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,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,qCAAC;AAAA,EAAgB,WAAU;AAAA,CAAU,CAAE;AAEhF,yBAAyB,IAWtB;AAXsB,eACvB;AAAA,WAAO,CAAC;AAAA,IACR,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW,MAAM;AAAA,IACjB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,UAAU,CAAC;AAAA,IACX,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,0CAAY,OAAZ;AAAA,IAAkB,MAAK;AAAA,IAAW;AAAA,MACjC,qCAAC;AAAA,IACC,YAAY;AAAA,MACV,SAAS,UAAU,IAAI;AAAA,MACvB;AAAA,MACA,YAAY,KAAK;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,KAER,mBAAmB,qCAAC,iBAAY,GAC/B,aAAY,cAAc,qCAAC,mBAAa,KAAK,IAAK,GACpD,qCAAC;AAAA,IAAuB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,GAAM,CAC7E,GACC,eAAe,qCAAC,oBAAc,OAAQ,CACzC;AAEJ;AAGA,IAAO,0BAAQ;",
5
+ "mappings": ";AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,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,iBAAkB;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,cAAc,eAAe,MAAM,qCAAC;AAAA,EAAgB,WAAU;AAAA,CAAU,CAAE;AAEhF,yBAAyB;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;AAAA,GACF;AACD,SACE,qCAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW;AAAA,KACjC,qCAAC;AAAA,IACC,YAAY;AAAA,MACV,SAAS,UAAU,IAAI;AAAA,MACvB;AAAA,MACA,YAAY,KAAK;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,KAER,mBAAmB,qCAAC,iBAAY,GAC/B,aAAY,cAAc,qCAAC,mBAAa,KAAK,IAAK,GACpD,qCAAC;AAAA,IAAuB,WAAU;AAAA,IAAuB,OAAO,KAAK;AAAA,GAAM,CAC7E,GACC,eAAe,qCAAC,oBAAc,OAAQ,CACzC;AAEJ;AAGA,IAAO,0BAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,60 +1,20 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2, { useState, useCallback, useEffect } from "react";
35
4
  import { isMovable } from "../../helper";
36
5
  import { DrillDownButton, MoveButton } from "./ActionButtons";
37
6
  import { ShuttleListItem } from "./ShuttleListItem";
38
- function ShuttleSourceListItem(_a) {
39
- var _b = _a, {
40
- item = {},
41
- onItemCheck = () => null,
42
- onMoveToTarget = () => null,
43
- onNavigateOnSourceTo = () => null,
44
- isChecked = false,
45
- showMoveButton = true,
46
- showDrillDownButton = true,
47
- index
48
- } = _b, rest = __objRest(_b, [
49
- "item",
50
- "onItemCheck",
51
- "onMoveToTarget",
52
- "onNavigateOnSourceTo",
53
- "isChecked",
54
- "showMoveButton",
55
- "showDrillDownButton",
56
- "index"
57
- ]);
7
+ function ShuttleSourceListItem({
8
+ item = {},
9
+ onItemCheck = () => null,
10
+ onMoveToTarget = () => null,
11
+ onNavigateOnSourceTo = () => null,
12
+ isChecked = false,
13
+ showMoveButton = true,
14
+ showDrillDownButton = true,
15
+ index,
16
+ ...rest
17
+ }) {
58
18
  const [clicked, setClicked] = useState(false);
59
19
  const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
60
20
  useEffect(() => {
@@ -74,7 +34,8 @@ function ShuttleSourceListItem(_a) {
74
34
  setClicked(true);
75
35
  }
76
36
  };
77
- return /* @__PURE__ */ React2.createElement(ShuttleListItem, __spreadProps(__spreadValues({}, rest), {
37
+ return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
38
+ ...rest,
78
39
  actions: [
79
40
  showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
80
41
  key: "drill-down",
@@ -91,7 +52,7 @@ function ShuttleSourceListItem(_a) {
91
52
  isChecked,
92
53
  item,
93
54
  onSelect: checkItem
94
- }));
55
+ });
95
56
  }
96
57
  var ShuttleSourceListItem_default = ShuttleSourceListItem;
97
58
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleSourceListItem.tsx"],
4
4
  "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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AAEA,+BAA+B,IAU5B;AAV4B,eAC7B;AAAA,WAAO,CAAC;AAAA,IACR,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,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,qCAAC,kDACK,OADL;AAAA,IAEC,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,kBACE,qCAAC;AAAA,QACC,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,OACX;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACZ;AAEJ;AAGA,IAAO,gCAAQ;",
5
+ "mappings": ";AAAA;ACCA;AACA;AACA;AACA;AAEA,+BAA+B;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;AAAA,GACF;AACD,QAAM,CAAC,SAAS,cAAc,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,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,kBACE,qCAAC;AAAA,QACC,eAAY;AAAA,QACZ,KAAI;AAAA,QACJ,UAAU,CAAC,UAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,OACX;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;AAGA,IAAO,gCAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,64 +1,25 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2, { useCallback } from "react";
35
4
  import { DeleteButton, DrillDownButton } from "./ActionButtons";
36
5
  import { ShuttleListItem } from "./ShuttleListItem";
37
- function ShuttleTargetListItem(_a) {
38
- var _b = _a, {
39
- item = {},
40
- onMoveToSource = () => null,
41
- onNavigateOnTargetTo = () => null,
42
- isRoot = false,
43
- showDeleteButton = true,
44
- showDrillDownButton = true,
45
- showActions = true,
46
- index
47
- } = _b, rest = __objRest(_b, [
48
- "item",
49
- "onMoveToSource",
50
- "onNavigateOnTargetTo",
51
- "isRoot",
52
- "showDeleteButton",
53
- "showDrillDownButton",
54
- "showActions",
55
- "index"
56
- ]);
6
+ function ShuttleTargetListItem({
7
+ item = {},
8
+ onMoveToSource = () => null,
9
+ onNavigateOnTargetTo = () => null,
10
+ isRoot = false,
11
+ showDeleteButton = true,
12
+ showDrillDownButton = true,
13
+ showActions = true,
14
+ index,
15
+ ...rest
16
+ }) {
57
17
  const moveToSource = useCallback(() => onMoveToSource(item), [item]);
58
18
  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [
59
19
  item
60
20
  ]);
61
- return /* @__PURE__ */ React2.createElement(ShuttleListItem, __spreadProps(__spreadValues({}, rest), {
21
+ return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
22
+ ...rest,
62
23
  actions: [
63
24
  showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
64
25
  key: "drill-down",
@@ -74,7 +35,7 @@ function ShuttleTargetListItem(_a) {
74
35
  ],
75
36
  item,
76
37
  showActions
77
- }));
38
+ });
78
39
  }
79
40
  var ShuttleTargetListItem_default = ShuttleTargetListItem;
80
41
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ShuttleListItem/ShuttleTargetListItem.tsx"],
4
4
  "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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AAEA,+BAA+B,IAU5B;AAV4B,eAC7B;AAAA,WAAO,CAAC;AAAA,IACR,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,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,qBAAqB,YAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,qCAAC,kDACK,OADL;AAAA,IAEC,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,oBAAoB,UAClB,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA,OACd;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACF;AAEJ;AAGA,IAAO,gCAAQ;",
5
+ "mappings": ";AAAA;ACCA;AACA;AACA;AAEA,+BAA+B;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;AAAA,GACF;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,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,OACX;AAAA,MAEF,oBAAoB,UAClB,qCAAC;AAAA,QACC,KAAI;AAAA,QACJ,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA,OACd;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;AAGA,IAAO,gCAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,35 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2, { useCallback, useContext, useMemo } from "react";
35
4
  import PropTypes from "prop-types";
@@ -95,7 +64,7 @@ function ShuttleSource({
95
64
  reset: resetSearch,
96
65
  toggleSearchBox
97
66
  } = useContext(SearchState.Context);
98
- const hashedCheckedItems = useMemo(() => checkedItems.reduce((result, item) => __spreadProps(__spreadValues({}, result), { [item]: true }), {}), [checkedItems]);
67
+ const hashedCheckedItems = useMemo(() => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}), [checkedItems]);
99
68
  const handleCloseSearch = useCallback(() => {
100
69
  setSearchTerm("");
101
70
  runAll(resetSearch, onSearchClose)();
@@ -145,19 +114,17 @@ function ShuttleSource({
145
114
  }, /* @__PURE__ */ React2.createElement(ComponentList, {
146
115
  key: searchTerm,
147
116
  helperClass: "drag-helper",
148
- itemRenderer: (_a) => {
149
- var _b = _a, { item } = _b, rest = __objRest(_b, ["item"]);
150
- return /* @__PURE__ */ React2.createElement(ShuttleSourceListItem, __spreadProps(__spreadValues(__spreadValues({
151
- "data-testid": "source-list-item"
152
- }, rest), composeSourceItemProps(item, rest)), {
153
- isChecked: !!hashedCheckedItems[item.id],
154
- item,
155
- onItemCheck: onCheckItem,
156
- onMoveToTarget: onMoveItem,
157
- onNavigateOnSourceTo: onNavigateTo,
158
- showSortHandler: sourceSortable
159
- }));
160
- },
117
+ itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleSourceListItem, {
118
+ "data-testid": "source-list-item",
119
+ ...rest,
120
+ ...composeSourceItemProps(item, rest),
121
+ isChecked: !!hashedCheckedItems[item.id],
122
+ item,
123
+ onItemCheck: onCheckItem,
124
+ onMoveToTarget: onMoveItem,
125
+ onNavigateOnSourceTo: onNavigateTo,
126
+ showSortHandler: sourceSortable
127
+ }),
161
128
  items,
162
129
  onSortEnd: handleSortEnd,
163
130
  getMoreItems: onGetMoreItems,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleSource.tsx"],
4
4
  "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"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,35 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
- var __objRest = (source, exclude) => {
22
- var target = {};
23
- for (var prop in source)
24
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
- target[prop] = source[prop];
26
- if (source != null && __getOwnPropSymbols)
27
- for (var prop of __getOwnPropSymbols(source)) {
28
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
- target[prop] = source[prop];
30
- }
31
- return target;
32
- };
33
2
  import * as React from "react";
34
3
  import React2, { useContext } from "react";
35
4
  import { DSButton } from "@elliemae/ds-button";
@@ -90,18 +59,16 @@ function ShuttleTarget({
90
59
  empty: !items.length
91
60
  }
92
61
  }, /* @__PURE__ */ React2.createElement(ComponentList, {
93
- itemRenderer: (_a) => {
94
- var _b = _a, { item } = _b, rest = __objRest(_b, ["item"]);
95
- return /* @__PURE__ */ React2.createElement(ShuttleTargetListItem, __spreadProps(__spreadValues(__spreadValues({
96
- "data-testid": "target-list-item"
97
- }, rest), composeTargetItemProps(item, rest)), {
98
- isRoot: !getActiveIdFromHierarchy(hierarchy).id,
99
- item,
100
- onMoveToSource: onMoveItem,
101
- onNavigateOnTargetTo: onNavigateTo,
102
- showSortHandler: targetSortable
103
- }));
104
- },
62
+ itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleTargetListItem, {
63
+ "data-testid": "target-list-item",
64
+ ...rest,
65
+ ...composeTargetItemProps(item, rest),
66
+ isRoot: !getActiveIdFromHierarchy(hierarchy).id,
67
+ item,
68
+ onMoveToSource: onMoveItem,
69
+ onNavigateOnTargetTo: onNavigateTo,
70
+ showSortHandler: targetSortable
71
+ }),
105
72
  items,
106
73
  onSortEnd: handleSortEnd,
107
74
  target: true
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleTarget.tsx"],
4
4
  "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"],
5
- "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;AAAC;AAEpB,uBAAuB;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO,EAAC;AAAA,EACjC,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,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,qCAAC,sBAAiB,IAAK,qCAAC,oBAAc,YAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,qCAAC,sBACC,qCAAC,qBACC,qCAAC;AAAA,IAAwB;AAAA,IAAsB;AAAA,GAA4B,CAC7E,GACA,qCAAC;AAAA,IAAY,YAAY,EAAE,WAAW,SAAS;AAAA,KAC5C,CAAC,WAAW,CAAC,UACZ,qCAAC;AAAA,IACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA,IAChB;AAAA,KAEA,qCAAC;AAAA,IACC,cAAc,CAAC,OAAmB;AAAnB,mBAAE,WAAF,IAAW,iBAAX,IAAW,CAAT;AACf,kDAAC;AAAA,QACC,eAAY;AAAA,SACR,OACA,uBAAuB,MAAM,IAAI,IAHtC;AAAA,QAIC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,QAC7C;AAAA,QACA,gBAAgB;AAAA,QAChB,sBAAsB;AAAA,QACtB,iBAAiB;AAAA,QACnB;AAAA;AAAA,IAEF;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,GACR,CACF,IAEA,qCAAC,mBAAa,YAAa,CAE/B,GACA,qCAAC,qBACC,qCAAC,4BACE,CAAC,CAAC,MAAM,UACP,qCAAC;AAAA,IACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,IAC5D,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,GACX,CAEJ,GACA,qCAAC,4BAAsB,oBAAoB,MAAM,MAAM,CAAE,CAC3D,CACF;AAEJ;AAGA,IAAO,wBAAQ;",
5
+ "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;AAAC;AAEpB,uBAAuB;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO,EAAC;AAAA,EACjC,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,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,qCAAC,sBAAiB,IAAK,qCAAC,oBAAc,YAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,qCAAC,sBACC,qCAAC,qBACC,qCAAC;AAAA,IAAwB;AAAA,IAAsB;AAAA,GAA4B,CAC7E,GACA,qCAAC;AAAA,IAAY,YAAY,EAAE,WAAW,SAAS;AAAA,KAC5C,CAAC,WAAW,CAAC,UACZ,qCAAC;AAAA,IACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA,IAChB;AAAA,KAEA,qCAAC;AAAA,IACC,cAAc,CAAC,EAAE,SAAS,WACxB,qCAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,MACrC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA,KACnB;AAAA,IAEF;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,GACR,CACF,IAEA,qCAAC,mBAAa,YAAa,CAE/B,GACA,qCAAC,qBACC,qCAAC,4BACE,CAAC,CAAC,MAAM,UACP,qCAAC;AAAA,IACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,IAC5D,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,GACX,CAEJ,GACA,qCAAC,4BAAsB,oBAAoB,MAAM,MAAM,CAAE,CAC3D,CACF;AAEJ;AAGA,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,20 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
6
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
7
- var __spreadValues = (a, b) => {
8
- for (var prop in b || (b = {}))
9
- if (__hasOwnProp.call(b, prop))
10
- __defNormalProp(a, prop, b[prop]);
11
- if (__getOwnPropSymbols)
12
- for (var prop of __getOwnPropSymbols(b)) {
13
- if (__propIsEnum.call(b, prop))
14
- __defNormalProp(a, prop, b[prop]);
15
- }
16
- return a;
17
- };
18
2
  import * as React from "react";
19
3
  import { memo } from "react";
20
4
  import { areEqual } from "react-window";
@@ -28,7 +12,7 @@ const VirtualizedItem = memo(({ data, index, style: virtualizedStyles, showSortH
28
12
  key,
29
13
  item,
30
14
  showSortHandler,
31
- style: isItemMoving ? __spreadValues(__spreadValues({}, animatedStyles), virtualizedStyles) : virtualizedStyles
15
+ style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
32
16
  });
33
17
  }, areEqual);
34
18
  var VirtualizedItem_default = VirtualizedItem;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedItem.tsx"],
4
4
  "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"],
5
- "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,CAAC;AAC9D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eACH,kCAAK,iBAAmB,qBACxB;AAAA,EACN,CAAC;AACH,GACA,QACF;AAGA,IAAO,0BAAQ;",
5
+ "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,CAAC;AAC9D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eACH,EAAE,GAAG,gBAAgB,GAAG,kBAAkB,IAC1C;AAAA,EACN,CAAC;AACH,GACA,QACF;AAGA,IAAO,0BAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,23 +1,4 @@
1
1
  "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
5
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
8
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
9
- var __spreadValues = (a, b) => {
10
- for (var prop in b || (b = {}))
11
- if (__hasOwnProp.call(b, prop))
12
- __defNormalProp(a, prop, b[prop]);
13
- if (__getOwnPropSymbols)
14
- for (var prop of __getOwnPropSymbols(b)) {
15
- if (__propIsEnum.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- }
18
- return a;
19
- };
20
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
21
2
  import * as React from "react";
22
3
  import React2, { useContext, useEffect, useRef } from "react";
23
4
  import { useTransition } from "react-spring/web";
@@ -46,9 +27,10 @@ function VirtualizedList({
46
27
  useEffect(() => {
47
28
  hasMounted.current = true;
48
29
  }, []);
49
- const transitions = useTransition(items, (item) => item.id, __spreadProps(__spreadValues({}, animationConfig.moveItem(target)), {
30
+ const transitions = useTransition(items, (item) => item.id, {
31
+ ...animationConfig.moveItem(target),
50
32
  onDestroyed: () => reset()
51
- }));
33
+ });
52
34
  const itemCount = hasNextPage ? items.length + 1 : items.length;
53
35
  const isItemLoaded = (index) => !hasNextPage || index < items.length;
54
36
  return /* @__PURE__ */ React2.createElement(AutoSizer, null, ({ height, width }) => /* @__PURE__ */ React2.createElement(InfiniteLoader, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedList.tsx"],
4
4
  "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"],
5
- "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,EAAC;AAAA,GACrB;AACD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,MACE,WAAW,eAAe,OAAO;AAErC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI,iCACvD,gBAAgB,SAAS,MAAM,IADwB;AAAA,IAE1D,aAAa,MAAM,MAAM;AAAA,EAC3B,EAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,qCAAC,iBACE,CAAC,EAAE,QAAQ,YACV,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC;AAAA,IACC,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,IACnD;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY,eACf,CAEJ,CAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
5
+ "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,EAAC;AAAA,GACrB;AACD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,MACE,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,qCAAC,iBACE,CAAC,EAAE,QAAQ,YACV,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC;AAAA,IACC,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,IACnD;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY,eACf,CAEJ,CAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
6
6
  "names": []
7
7
  }