@elliemae/ds-shuttle 2.3.0-alpha.8 → 2.3.0-next.2

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 (217) hide show
  1. package/cjs/AnimationState.js +48 -0
  2. package/cjs/DSShuttle.js +223 -0
  3. package/cjs/SearchState.js +41 -0
  4. package/cjs/Shuttle.actions.js +137 -0
  5. package/cjs/ShuttleContainer.js +87 -0
  6. package/cjs/ShuttleImpl.js +311 -0
  7. package/cjs/ShuttleRenderer.js +139 -0
  8. package/cjs/ShuttleState.js +80 -0
  9. package/cjs/animation/animationConfig.js +81 -0
  10. package/cjs/classedComponents.js +71 -0
  11. package/cjs/components/LoadingIndicator.js +25 -0
  12. package/cjs/components/OverflowList.js +53 -0
  13. package/cjs/components/ShuttleBreadcrumb.js +42 -0
  14. package/cjs/components/ShuttleInfiniteScrollIndicator.js +39 -0
  15. package/cjs/components/ShuttleListItem/ActionButtons.js +55 -0
  16. package/cjs/components/ShuttleListItem/ShuttleListItem.js +85 -0
  17. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +76 -0
  18. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +57 -0
  19. package/cjs/components/ShuttleListPanel.js +31 -0
  20. package/cjs/components/ShuttleSearchBox.js +110 -0
  21. package/cjs/components/ShuttleSource.js +188 -0
  22. package/cjs/components/ShuttleTarget.js +116 -0
  23. package/cjs/components/VirtualizedItem.js +46 -0
  24. package/cjs/components/VirtualizedList.js +93 -0
  25. package/cjs/components/VirtualizedSortableList.js +41 -0
  26. package/cjs/helper.js +117 -0
  27. package/cjs/index.js +12 -0
  28. package/cjs/updateShuttleStateFromProps.js +94 -0
  29. package/cjs/utils.js +43 -0
  30. package/cjs/withProviders.js +29 -0
  31. package/{dist/esm → esm}/AnimationState.js +8 -12
  32. package/esm/DSShuttle.js +213 -0
  33. package/esm/SearchState.js +35 -0
  34. package/esm/Shuttle.actions.js +123 -0
  35. package/esm/ShuttleContainer.js +80 -0
  36. package/esm/ShuttleImpl.js +304 -0
  37. package/esm/ShuttleRenderer.js +132 -0
  38. package/esm/ShuttleState.js +74 -0
  39. package/esm/animation/animationConfig.js +77 -0
  40. package/esm/classedComponents.js +51 -0
  41. package/esm/components/LoadingIndicator.js +18 -0
  42. package/esm/components/OverflowList.js +46 -0
  43. package/esm/components/ShuttleBreadcrumb.js +35 -0
  44. package/esm/components/ShuttleInfiniteScrollIndicator.js +32 -0
  45. package/esm/components/ShuttleListItem/ActionButtons.js +43 -0
  46. package/esm/components/ShuttleListItem/ShuttleListItem.js +76 -0
  47. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +68 -0
  48. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +49 -0
  49. package/esm/components/ShuttleListPanel.js +24 -0
  50. package/esm/components/ShuttleSearchBox.js +104 -0
  51. package/esm/components/ShuttleSource.js +179 -0
  52. package/esm/components/ShuttleTarget.js +107 -0
  53. package/esm/components/VirtualizedItem.js +40 -0
  54. package/esm/components/VirtualizedList.js +84 -0
  55. package/esm/components/VirtualizedSortableList.js +34 -0
  56. package/esm/helper.js +78 -0
  57. package/esm/index.js +2 -0
  58. package/esm/updateShuttleStateFromProps.js +88 -0
  59. package/esm/utils.js +18 -0
  60. package/esm/withProviders.js +22 -0
  61. package/package.json +90 -93
  62. package/types/AnimationState.d.ts +26 -0
  63. package/types/DSShuttle.d.ts +304 -0
  64. package/types/SearchState.d.ts +22 -0
  65. package/types/Shuttle.actions.d.ts +11 -0
  66. package/types/ShuttleContainer.d.ts +3 -0
  67. package/types/ShuttleImpl.d.ts +3 -0
  68. package/types/ShuttleRenderer.d.ts +37 -0
  69. package/types/ShuttleState.d.ts +53 -0
  70. package/types/animation/animationConfig.d.ts +68 -0
  71. package/types/classedComponents.d.ts +14 -0
  72. package/types/components/LoadingIndicator.d.ts +3 -0
  73. package/types/components/OverflowList.d.ts +7 -0
  74. package/types/components/ShuttleBreadcrumb.d.ts +7 -0
  75. package/types/components/ShuttleInfiniteScrollIndicator.d.ts +5 -0
  76. package/types/components/ShuttleListItem/ActionButtons.d.ts +4 -0
  77. package/types/components/ShuttleListItem/ShuttleListItem.d.ts +14 -0
  78. package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +13 -0
  79. package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +13 -0
  80. package/types/components/ShuttleListPanel.d.ts +7 -0
  81. package/types/components/ShuttleSearchBox.d.ts +20 -0
  82. package/types/components/ShuttleSource.d.ts +54 -0
  83. package/types/components/ShuttleTarget.d.ts +16 -0
  84. package/types/components/VirtualizedItem.d.ts +3 -0
  85. package/types/components/VirtualizedList.d.ts +12 -0
  86. package/types/components/VirtualizedSortableList.d.ts +6 -0
  87. package/types/helper.d.ts +16 -0
  88. package/types/index.d.ts +1 -0
  89. package/types/tests/DSShuttle.events.test.d.ts +1 -0
  90. package/types/tests/DSShuttle.test.d.ts +1 -0
  91. package/types/tests/utils.d.ts +116 -0
  92. package/types/updateShuttleStateFromProps.d.ts +1 -0
  93. package/types/utils.d.ts +2 -0
  94. package/types/withProviders.d.ts +3 -0
  95. package/dist/cjs/AnimationState.js +0 -75
  96. package/dist/cjs/AnimationState.js.map +0 -7
  97. package/dist/cjs/DSShuttle.js +0 -170
  98. package/dist/cjs/DSShuttle.js.map +0 -7
  99. package/dist/cjs/SearchState.js +0 -60
  100. package/dist/cjs/SearchState.js.map +0 -7
  101. package/dist/cjs/Shuttle.actions.js +0 -126
  102. package/dist/cjs/Shuttle.actions.js.map +0 -7
  103. package/dist/cjs/ShuttleContainer.js +0 -82
  104. package/dist/cjs/ShuttleContainer.js.map +0 -7
  105. package/dist/cjs/ShuttleImpl.js +0 -214
  106. package/dist/cjs/ShuttleImpl.js.map +0 -7
  107. package/dist/cjs/ShuttleRenderer.js +0 -144
  108. package/dist/cjs/ShuttleRenderer.js.map +0 -7
  109. package/dist/cjs/ShuttleState.js +0 -84
  110. package/dist/cjs/ShuttleState.js.map +0 -7
  111. package/dist/cjs/animation/animationConfig.js +0 -78
  112. package/dist/cjs/animation/animationConfig.js.map +0 -7
  113. package/dist/cjs/classedComponents.js +0 -72
  114. package/dist/cjs/classedComponents.js.map +0 -7
  115. package/dist/cjs/components/LoadingIndicator.js +0 -52
  116. package/dist/cjs/components/LoadingIndicator.js.map +0 -7
  117. package/dist/cjs/components/OverflowList.js +0 -55
  118. package/dist/cjs/components/OverflowList.js.map +0 -7
  119. package/dist/cjs/components/ShuttleBreadcrumb.js +0 -54
  120. package/dist/cjs/components/ShuttleBreadcrumb.js.map +0 -7
  121. package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js +0 -48
  122. package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
  123. package/dist/cjs/components/ShuttleListItem/ActionButtons.js +0 -60
  124. package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -7
  125. package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +0 -83
  126. package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
  127. package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +0 -90
  128. package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
  129. package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +0 -73
  130. package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
  131. package/dist/cjs/components/ShuttleListPanel.js +0 -49
  132. package/dist/cjs/components/ShuttleListPanel.js.map +0 -7
  133. package/dist/cjs/components/ShuttleSearchBox.js +0 -99
  134. package/dist/cjs/components/ShuttleSearchBox.js.map +0 -7
  135. package/dist/cjs/components/ShuttleSource.js +0 -192
  136. package/dist/cjs/components/ShuttleSource.js.map +0 -7
  137. package/dist/cjs/components/ShuttleTarget.js +0 -104
  138. package/dist/cjs/components/ShuttleTarget.js.map +0 -7
  139. package/dist/cjs/components/VirtualizedItem.js +0 -51
  140. package/dist/cjs/components/VirtualizedItem.js.map +0 -7
  141. package/dist/cjs/components/VirtualizedList.js +0 -88
  142. package/dist/cjs/components/VirtualizedList.js.map +0 -7
  143. package/dist/cjs/components/VirtualizedSortableList.js +0 -48
  144. package/dist/cjs/components/VirtualizedSortableList.js.map +0 -7
  145. package/dist/cjs/helper.js +0 -83
  146. package/dist/cjs/helper.js.map +0 -7
  147. package/dist/cjs/index.js +0 -38
  148. package/dist/cjs/index.js.map +0 -7
  149. package/dist/cjs/tests/utils.js +0 -1218
  150. package/dist/cjs/tests/utils.js.map +0 -7
  151. package/dist/cjs/updateShuttleStateFromProps.js +0 -98
  152. package/dist/cjs/updateShuttleStateFromProps.js.map +0 -7
  153. package/dist/cjs/utils.js +0 -41
  154. package/dist/cjs/utils.js.map +0 -7
  155. package/dist/cjs/withProviders.js +0 -45
  156. package/dist/cjs/withProviders.js.map +0 -7
  157. package/dist/esm/AnimationState.js.map +0 -7
  158. package/dist/esm/DSShuttle.js +0 -141
  159. package/dist/esm/DSShuttle.js.map +0 -7
  160. package/dist/esm/SearchState.js +0 -31
  161. package/dist/esm/SearchState.js.map +0 -7
  162. package/dist/esm/Shuttle.actions.js +0 -106
  163. package/dist/esm/Shuttle.actions.js.map +0 -7
  164. package/dist/esm/ShuttleContainer.js +0 -64
  165. package/dist/esm/ShuttleContainer.js.map +0 -7
  166. package/dist/esm/ShuttleImpl.js +0 -199
  167. package/dist/esm/ShuttleImpl.js.map +0 -7
  168. package/dist/esm/ShuttleRenderer.js +0 -115
  169. package/dist/esm/ShuttleRenderer.js.map +0 -7
  170. package/dist/esm/ShuttleState.js +0 -55
  171. package/dist/esm/ShuttleState.js.map +0 -7
  172. package/dist/esm/animation/animationConfig.js +0 -49
  173. package/dist/esm/animation/animationConfig.js.map +0 -7
  174. package/dist/esm/classedComponents.js +0 -43
  175. package/dist/esm/classedComponents.js.map +0 -7
  176. package/dist/esm/components/LoadingIndicator.js +0 -23
  177. package/dist/esm/components/LoadingIndicator.js.map +0 -7
  178. package/dist/esm/components/OverflowList.js +0 -26
  179. package/dist/esm/components/OverflowList.js.map +0 -7
  180. package/dist/esm/components/ShuttleBreadcrumb.js +0 -25
  181. package/dist/esm/components/ShuttleBreadcrumb.js.map +0 -7
  182. package/dist/esm/components/ShuttleInfiniteScrollIndicator.js +0 -19
  183. package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
  184. package/dist/esm/components/ShuttleListItem/ActionButtons.js +0 -31
  185. package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +0 -7
  186. package/dist/esm/components/ShuttleListItem/ShuttleListItem.js +0 -54
  187. package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
  188. package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js +0 -61
  189. package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
  190. package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js +0 -44
  191. package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
  192. package/dist/esm/components/ShuttleListPanel.js +0 -20
  193. package/dist/esm/components/ShuttleListPanel.js.map +0 -7
  194. package/dist/esm/components/ShuttleSearchBox.js +0 -70
  195. package/dist/esm/components/ShuttleSearchBox.js.map +0 -7
  196. package/dist/esm/components/ShuttleSource.js +0 -175
  197. package/dist/esm/components/ShuttleSource.js.map +0 -7
  198. package/dist/esm/components/ShuttleTarget.js +0 -86
  199. package/dist/esm/components/ShuttleTarget.js.map +0 -7
  200. package/dist/esm/components/VirtualizedItem.js +0 -22
  201. package/dist/esm/components/VirtualizedItem.js.map +0 -7
  202. package/dist/esm/components/VirtualizedList.js +0 -59
  203. package/dist/esm/components/VirtualizedList.js.map +0 -7
  204. package/dist/esm/components/VirtualizedSortableList.js +0 -19
  205. package/dist/esm/components/VirtualizedSortableList.js.map +0 -7
  206. package/dist/esm/helper.js +0 -54
  207. package/dist/esm/helper.js.map +0 -7
  208. package/dist/esm/index.js +0 -9
  209. package/dist/esm/index.js.map +0 -7
  210. package/dist/esm/tests/utils.js +0 -1189
  211. package/dist/esm/tests/utils.js.map +0 -7
  212. package/dist/esm/updateShuttleStateFromProps.js +0 -69
  213. package/dist/esm/updateShuttleStateFromProps.js.map +0 -7
  214. package/dist/esm/utils.js +0 -12
  215. package/dist/esm/utils.js.map +0 -7
  216. package/dist/esm/withProviders.js +0 -16
  217. package/dist/esm/withProviders.js.map +0 -7
@@ -1,214 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ShuttleImpl_exports = {};
29
- __export(ShuttleImpl_exports, {
30
- ShuttleImpl: () => ShuttleImplHoc,
31
- default: () => ShuttleImpl_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_ds_utilities = require("@elliemae/ds-utilities");
36
- var import_withProviders = require("./withProviders");
37
- var import_Shuttle = require("./Shuttle.actions");
38
- var import_helper = require("./helper");
39
- var import_ShuttleRenderer = require("./ShuttleRenderer");
40
- var import_SearchState = require("./SearchState");
41
- var import_updateShuttleStateFromProps = require("./updateShuttleStateFromProps");
42
- class ShuttleImpl extends import_react.Component {
43
- constructor(props) {
44
- super(props);
45
- this.getState = () => {
46
- const { movedItems } = this.state;
47
- return Object.keys(movedItems);
48
- };
49
- this.state = {
50
- prevProps: {},
51
- preparedItems: [],
52
- checkedItems: [],
53
- hierarchy: [{ name: props.sourceRootTitle, id: null }],
54
- hierarchyDest: [{ name: props.targetRootTitle, id: null }],
55
- movedItems: [],
56
- sourceItems: [],
57
- targetItems: []
58
- };
59
- this.moveCheckedItems = this.moveCheckedItems.bind(this);
60
- this.resetMovedItems = this.resetMovedItems.bind(this);
61
- }
62
- static getDerivedStateFromProps(nextProps, prevState) {
63
- return (0, import_updateShuttleStateFromProps.updateShuttleStateFromProps)(nextProps, prevState);
64
- }
65
- componentDidMount() {
66
- const { setGetStatus } = this.props;
67
- setGetStatus(this.getState);
68
- }
69
- handleChange() {
70
- const { onChange } = this.props;
71
- const { movedItems } = this.state;
72
- onChange(Object.keys(movedItems));
73
- }
74
- navigate(item, dest, direction) {
75
- const { onDrillDown, onDrillDownTarget } = this.props;
76
- if (!dest)
77
- onDrillDown(item, direction);
78
- if (dest)
79
- onDrillDownTarget(item, direction);
80
- const { reset: resetSearchState } = this.context;
81
- resetSearchState();
82
- this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)(item, dest), (0, import_Shuttle.resetCheckedItems)()]));
83
- }
84
- resetCheckedItems() {
85
- this.setState((0, import_Shuttle.resetCheckedItems)());
86
- }
87
- resetMovedItems() {
88
- const { selectedItems, onRemoveAllFromTarget } = this.props;
89
- if (!selectedItems) {
90
- this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true), (0, import_Shuttle.resetMovedItems)()]), () => {
91
- this.handleChange();
92
- });
93
- } else {
94
- this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true)]));
95
- }
96
- onRemoveAllFromTarget();
97
- }
98
- addToTarget(item) {
99
- const { selectedItems, onAddToTarget } = this.props;
100
- if (!selectedItems) {
101
- this.setState((0, import_helper.pipe)([(0, import_Shuttle.addToTarget)(item), (0, import_Shuttle.resetCheckedItems)()]), () => {
102
- this.handleChange();
103
- });
104
- }
105
- onAddToTarget(item);
106
- }
107
- removeFromTarget(item) {
108
- const { selectedItems, onRemoveFromTarget } = this.props;
109
- if (!selectedItems) {
110
- this.setState((0, import_helper.pipe)([(0, import_Shuttle.removeFromTarget)(item)]), () => {
111
- this.handleChange();
112
- });
113
- }
114
- onRemoveFromTarget(item);
115
- }
116
- toggleItemSelection(item) {
117
- this.setState((0, import_Shuttle.toggleItemSelection)(item.id));
118
- }
119
- moveCheckedItems() {
120
- const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
121
- const { checkedItems, preparedItems } = this.state;
122
- const isControlledV2 = !!selectedItems && !!nonSelectedItems;
123
- const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
124
- const items = (0, import_helper.getItemsById)(checked, preparedItems);
125
- const actions = !selectedItems ? items.map((item) => (0, import_Shuttle.addToTarget)(item)) : [];
126
- this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle.resetCheckedItems)()]), () => {
127
- this.handleChange();
128
- });
129
- onAddCheckedItems(items);
130
- }
131
- handleTargetSortEnd({ sourceItem, targetItem }) {
132
- const { idField, onTargetSortEnd } = this.props;
133
- const { targetItems, hierarchyDest, movedItems } = this.state;
134
- const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
135
- const collection = !hierarchyId ? movedItems : targetItems;
136
- const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
137
- const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
138
- const sortedMovedItems = !hierarchyId ? (0, import_ds_utilities.arrayMove)(movedItems, oldIndex, newIndex) : movedItems;
139
- const sortedItems = hierarchyId ? (0, import_ds_utilities.arrayMove)(targetItems, oldIndex, newIndex) : targetItems;
140
- this.setState({
141
- targetItems: sortedItems,
142
- movedItems: sortedMovedItems
143
- });
144
- onTargetSortEnd({ sourceItem, targetItem });
145
- }
146
- render() {
147
- const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;
148
- const {
149
- hierarchy,
150
- hierarchyDest,
151
- checkedItems,
152
- movedItems,
153
- preparedItems: items,
154
- targetItems
155
- } = this.state;
156
- const {
157
- state: { searchTerm, searching }
158
- } = this.context;
159
- const handleControlledSourceItms = () => {
160
- const { id } = (0, import_helper.getActiveIdFromHierarchy)(hierarchy);
161
- if (id) {
162
- return (0, import_helper.filterBySearch)(searchTerm, searching)((0, import_helper.getChildrenFromParent)(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));
163
- }
164
- return (0, import_helper.filterBySearch)(searchTerm, searching)(items.filter((it) => nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent))));
165
- };
166
- let composedSourceItems;
167
- if (nonSelectedItems) {
168
- composedSourceItems = handleControlledSourceItms();
169
- } else {
170
- composedSourceItems = (0, import_ds_utilities.compose)((0, import_helper.filterBySearch)(searchTerm, searching), (0, import_helper.filterMovedItems)(movedItems), (0, import_helper.getChildrenFromParent)((0, import_helper.getActiveIdFromHierarchy)(hierarchy).id))(items);
171
- }
172
- const handleControlledTargetItms = () => {
173
- const { id } = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest);
174
- if (id) {
175
- return (0, import_helper.getChildrenFromParent)((0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id)(this.props.selectedItems.map((it) => items.find((itt) => itt.id === it)));
176
- }
177
- return targetItems.filter((it) => this.props.selectedItems.some((itt) => itt === it.id && !this.props.selectedItems.some((ittt) => ittt === it.parent)));
178
- };
179
- let composedTargetItems;
180
- if (nonSelectedItems) {
181
- composedTargetItems = handleControlledTargetItms();
182
- } else {
183
- composedTargetItems = (0, import_ds_utilities.compose)((tItems) => {
184
- const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
185
- return hierarchyId ? (0, import_ds_utilities.compose)((0, import_helper.filterMovedItems)(movedItems), (0, import_helper.getChildrenFromParent)(hierarchyId))(tItems) : movedItems;
186
- })(targetItems);
187
- }
188
- return /* @__PURE__ */ import_react.default.createElement(import_ShuttleRenderer.ShuttleRenderer, {
189
- ...rest,
190
- moreItemsLoading,
191
- checkedItems,
192
- hierarchy,
193
- hierarchyDest,
194
- onCheckItem: this.toggleItemSelection,
195
- onClearCheckedItems: this.resetCheckedItems,
196
- onClearMovedItems: this.resetMovedItems,
197
- onItemCheck: this.toggleItemSelection,
198
- onMoveCheckedItems: this.moveCheckedItems,
199
- onMoveItemToSource: (item) => this.removeFromTarget(item, false),
200
- onMoveItemToTarget: (item) => this.addToTarget(item, true),
201
- onNavigateOnSourceTo: (item, direction) => this.navigate(item, false, direction),
202
- onNavigateOnTargetTo: (item, direction) => this.navigate(item, true, direction),
203
- onSourceSortEnd: () => null,
204
- onTargetSortEnd: this.handleTargetSortEnd,
205
- sourceItems: composedSourceItems,
206
- targetItems: composedTargetItems
207
- });
208
- }
209
- }
210
- ShuttleImpl.contextType = import_SearchState.SearchState.Context;
211
- const ShuttleImplHoc = (0, import_withProviders.withProviders)(ShuttleImpl);
212
- var ShuttleImpl_default = ShuttleImplHoc;
213
- module.exports = __toCommonJS(ShuttleImpl_exports);
214
- //# sourceMappingURL=ShuttleImpl.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ShuttleImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n addToTarget,\n navigateTo,\n resetCheckedItems,\n resetMovedItems,\n toggleItemSelection,\n removeFromTarget,\n} from './Shuttle.actions';\nimport {\n getActiveIdFromHierarchy,\n filterBySearch,\n getItemsById,\n pipe,\n getChildrenFromParent,\n filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n static contextType = SearchState.Context;\n\n constructor(props) {\n super(props);\n this.state = {\n prevProps: {},\n preparedItems: [],\n checkedItems: [],\n // left breadcrumb\n hierarchy: [{ name: props.sourceRootTitle, id: null }],\n // right breadcrumb\n hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n movedItems: [],\n sourceItems: [],\n targetItems: [],\n };\n this.moveCheckedItems = this.moveCheckedItems.bind(this);\n this.resetMovedItems = this.resetMovedItems.bind(this);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n return updateShuttleStateFromProps(nextProps, prevState);\n }\n\n componentDidMount() {\n const { setGetStatus } = this.props;\n setGetStatus(this.getState);\n }\n\n getState = () => {\n const { movedItems } = this.state;\n return Object.keys(movedItems);\n };\n\n handleChange() {\n const { onChange } = this.props;\n const { movedItems } = this.state;\n onChange(Object.keys(movedItems));\n }\n\n navigate(item, dest, direction) {\n const { onDrillDown, onDrillDownTarget } = this.props;\n\n if (!dest) onDrillDown(item, direction);\n if (dest) onDrillDownTarget(item, direction);\n\n const { reset: resetSearchState } = this.context;\n resetSearchState();\n\n this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));\n }\n\n resetCheckedItems() {\n this.setState(resetCheckedItems());\n }\n\n resetMovedItems() {\n const { selectedItems, onRemoveAllFromTarget } = this.props;\n if (!selectedItems) {\n this.setState(\n pipe([navigateTo({ id: null }, true), resetMovedItems()]),\n () => {\n this.handleChange();\n },\n );\n } else {\n this.setState(pipe([navigateTo({ id: null }, true)]));\n }\n onRemoveAllFromTarget();\n }\n\n addToTarget(item) {\n const { selectedItems, onAddToTarget } = this.props;\n if (!selectedItems) {\n this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {\n this.handleChange();\n });\n }\n onAddToTarget(item);\n }\n\n removeFromTarget(item) {\n const { selectedItems, onRemoveFromTarget } = this.props;\n if (!selectedItems) {\n this.setState(pipe([removeFromTarget(item)]), () => {\n this.handleChange();\n });\n }\n onRemoveFromTarget(item);\n }\n\n toggleItemSelection(item) {\n this.setState(toggleItemSelection(item.id));\n }\n\n moveCheckedItems() {\n const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;\n const { checkedItems, preparedItems } = this.state;\n const isControlledV2 = !!selectedItems && !!nonSelectedItems;\n const checked = isControlledV2\n ? nonSelectedItems.filter((item) =>\n checkedItems.some((check) => check === item),\n )\n : checkedItems;\n const items = getItemsById(checked, preparedItems);\n const actions = !selectedItems\n ? items.map((item) => addToTarget(item))\n : [];\n this.setState(pipe([...actions, resetCheckedItems()]), () => {\n this.handleChange();\n });\n onAddCheckedItems(items);\n }\n\n handleTargetSortEnd({ sourceItem, targetItem }) {\n const { idField, onTargetSortEnd } = this.props;\n const { targetItems, hierarchyDest, movedItems } = this.state;\n\n const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n\n const collection = !hierarchyId ? movedItems : targetItems;\n\n const oldIndex = collection.findIndex(\n (tItem) => tItem[idField] === sourceItem[idField],\n );\n const newIndex = collection.findIndex(\n (tItem) => tItem[idField] === targetItem[idField],\n );\n\n const sortedMovedItems = !hierarchyId\n ? arrayMove(movedItems, oldIndex, newIndex)\n : movedItems;\n const sortedItems = hierarchyId\n ? arrayMove(targetItems, oldIndex, newIndex)\n : targetItems;\n\n this.setState({\n targetItems: sortedItems,\n movedItems: sortedMovedItems,\n });\n onTargetSortEnd({ sourceItem, targetItem });\n }\n\n render() {\n const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;\n const {\n hierarchy,\n hierarchyDest,\n checkedItems,\n movedItems,\n preparedItems: items,\n targetItems,\n } = this.state;\n const {\n state: { searchTerm, searching },\n } = this.context;\n\n const handleControlledSourceItms = () => {\n const { id } = getActiveIdFromHierarchy(hierarchy);\n if (id) {\n return filterBySearch(\n searchTerm,\n searching,\n )(\n getChildrenFromParent(id)(\n nonSelectedItems.map((it) => items.find((itt) => itt.id === it)),\n ),\n );\n }\n\n return filterBySearch(\n searchTerm,\n searching,\n )(\n items.filter((it) =>\n nonSelectedItems.some(\n (itt) =>\n itt === it.id &&\n !nonSelectedItems.some((ittt) => ittt === it.parent),\n ),\n ),\n );\n };\n\n let composedSourceItems;\n\n // controlled V2 TODO make it default controlled behavior\n if (nonSelectedItems) {\n composedSourceItems = handleControlledSourceItms();\n } else {\n composedSourceItems = compose(\n filterBySearch(searchTerm, searching),\n filterMovedItems(movedItems),\n getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id),\n )(items);\n }\n\n const handleControlledTargetItms = () => {\n const { id } = getActiveIdFromHierarchy(hierarchyDest);\n if (id) {\n return getChildrenFromParent(\n getActiveIdFromHierarchy(hierarchyDest).id,\n )(\n this.props.selectedItems.map((it) =>\n items.find((itt) => itt.id === it),\n ),\n );\n }\n\n return targetItems.filter((it) =>\n this.props.selectedItems.some(\n (itt) =>\n itt === it.id &&\n !this.props.selectedItems.some((ittt) => ittt === it.parent),\n ),\n );\n };\n\n let composedTargetItems;\n\n // controlled V2 TODO make it default controlled behavior\n if (nonSelectedItems) {\n composedTargetItems = handleControlledTargetItms();\n } else {\n composedTargetItems = compose((tItems) => {\n const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n return hierarchyId\n ? compose(\n filterMovedItems(movedItems),\n getChildrenFromParent(hierarchyId),\n )(tItems)\n : movedItems;\n })(targetItems);\n }\n\n return (\n <ShuttleRenderer\n {...rest}\n moreItemsLoading={moreItemsLoading}\n checkedItems={checkedItems}\n hierarchy={hierarchy}\n hierarchyDest={hierarchyDest}\n onCheckItem={this.toggleItemSelection}\n onClearCheckedItems={this.resetCheckedItems}\n onClearMovedItems={this.resetMovedItems}\n onItemCheck={this.toggleItemSelection}\n onMoveCheckedItems={this.moveCheckedItems}\n onMoveItemToSource={(item) => this.removeFromTarget(item, false)}\n onMoveItemToTarget={(item) => this.addToTarget(item, true)}\n onNavigateOnSourceTo={(item, direction) =>\n this.navigate(item, false, direction)\n }\n onNavigateOnTargetTo={(item, direction) =>\n this.navigate(item, true, direction)\n }\n onSourceSortEnd={() => null}\n onTargetSortEnd={this.handleTargetSortEnd}\n sourceItems={composedSourceItems}\n targetItems={composedTargetItems}\n />\n );\n }\n}\n\nconst ShuttleImplHoc = withProviders(ShuttleImpl);\nexport { ShuttleImplHoc as ShuttleImpl };\nexport default ShuttleImplHoc;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiC;AACjC,0BAAmC;AACnC,2BAA8B;AAC9B,qBAOO;AACP,oBAOO;AACP,6BAAgC;AAChC,yBAA4B;AAC5B,yCAA4C;AAE5C,0BAA0B,uBAAU;AAAA,EAGlC,YAAY,OAAO;AACjB,UAAM;AA2BR,oBAAW,MAAM;AACf,YAAM,EAAE,eAAe,KAAK;AAC5B,aAAO,OAAO,KAAK;AAAA;AA5BnB,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,eAAe;AAAA,MACf,cAAc;AAAA,MAEd,WAAW,CAAC,EAAE,MAAM,MAAM,iBAAiB,IAAI;AAAA,MAE/C,eAAe,CAAC,EAAE,MAAM,MAAM,iBAAiB,IAAI;AAAA,MAEnD,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,aAAa;AAAA;AAEf,SAAK,mBAAmB,KAAK,iBAAiB,KAAK;AACnD,SAAK,kBAAkB,KAAK,gBAAgB,KAAK;AAAA;AAAA,SAG5C,yBAAyB,WAAW,WAAW;AACpD,WAAO,oEAA4B,WAAW;AAAA;AAAA,EAGhD,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,KAAK;AAC9B,iBAAa,KAAK;AAAA;AAAA,EAQpB,eAAe;AACb,UAAM,EAAE,aAAa,KAAK;AAC1B,UAAM,EAAE,eAAe,KAAK;AAC5B,aAAS,OAAO,KAAK;AAAA;AAAA,EAGvB,SAAS,MAAM,MAAM,WAAW;AAC9B,UAAM,EAAE,aAAa,sBAAsB,KAAK;AAEhD,QAAI,CAAC;AAAM,kBAAY,MAAM;AAC7B,QAAI;AAAM,wBAAkB,MAAM;AAElC,UAAM,EAAE,OAAO,qBAAqB,KAAK;AACzC;AAEA,SAAK,SAAS,wBAAK,CAAC,+BAAW,MAAM,OAAO;AAAA;AAAA,EAG9C,oBAAoB;AAClB,SAAK,SAAS;AAAA;AAAA,EAGhB,kBAAkB;AAChB,UAAM,EAAE,eAAe,0BAA0B,KAAK;AACtD,QAAI,CAAC,eAAe;AAClB,WAAK,SACH,wBAAK,CAAC,+BAAW,EAAE,IAAI,QAAQ,OAAO,yCACtC,MAAM;AACJ,aAAK;AAAA;AAAA,WAGJ;AACL,WAAK,SAAS,wBAAK,CAAC,+BAAW,EAAE,IAAI,QAAQ;AAAA;AAE/C;AAAA;AAAA,EAGF,YAAY,MAAM;AAChB,UAAM,EAAE,eAAe,kBAAkB,KAAK;AAC9C,QAAI,CAAC,eAAe;AAClB,WAAK,SAAS,wBAAK,CAAC,gCAAY,OAAO,2CAAuB,MAAM;AAClE,aAAK;AAAA;AAAA;AAGT,kBAAc;AAAA;AAAA,EAGhB,iBAAiB,MAAM;AACrB,UAAM,EAAE,eAAe,uBAAuB,KAAK;AACnD,QAAI,CAAC,eAAe;AAClB,WAAK,SAAS,wBAAK,CAAC,qCAAiB,SAAS,MAAM;AAClD,aAAK;AAAA;AAAA;AAGT,uBAAmB;AAAA;AAAA,EAGrB,oBAAoB,MAAM;AACxB,SAAK,SAAS,wCAAoB,KAAK;AAAA;AAAA,EAGzC,mBAAmB;AACjB,UAAM,EAAE,mBAAmB,eAAe,qBAAqB,KAAK;AACpE,UAAM,EAAE,cAAc,kBAAkB,KAAK;AAC7C,UAAM,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CAAC;AAC5C,UAAM,UAAU,iBACZ,iBAAiB,OAAO,CAAC,SACvB,aAAa,KAAK,CAAC,UAAU,UAAU,SAEzC;AACJ,UAAM,QAAQ,gCAAa,SAAS;AACpC,UAAM,UAAU,CAAC,gBACb,MAAM,IAAI,CAAC,SAAS,gCAAY,SAChC;AACJ,SAAK,SAAS,wBAAK,CAAC,GAAG,SAAS,2CAAuB,MAAM;AAC3D,WAAK;AAAA;AAEP,sBAAkB;AAAA;AAAA,EAGpB,oBAAoB,EAAE,YAAY,cAAc;AAC9C,UAAM,EAAE,SAAS,oBAAoB,KAAK;AAC1C,UAAM,EAAE,aAAa,eAAe,eAAe,KAAK;AAExD,UAAM,cAAc,4CAAyB,eAAe;AAE5D,UAAM,aAAa,CAAC,cAAc,aAAa;AAE/C,UAAM,WAAW,WAAW,UAC1B,CAAC,UAAU,MAAM,aAAa,WAAW;AAE3C,UAAM,WAAW,WAAW,UAC1B,CAAC,UAAU,MAAM,aAAa,WAAW;AAG3C,UAAM,mBAAmB,CAAC,cACtB,mCAAU,YAAY,UAAU,YAChC;AACJ,UAAM,cAAc,cAChB,mCAAU,aAAa,UAAU,YACjC;AAEJ,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA,MACb,YAAY;AAAA;AAEd,oBAAgB,EAAE,YAAY;AAAA;AAAA,EAGhC,SAAS;AACP,UAAM,EAAE,SAAS,kBAAkB,qBAAqB,SAAS,KAAK;AACtE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,QACE,KAAK;AACT,UAAM;AAAA,MACJ,OAAO,EAAE,YAAY;AAAA,QACnB,KAAK;AAET,UAAM,6BAA6B,MAAM;AACvC,YAAM,EAAE,OAAO,4CAAyB;AACxC,UAAI,IAAI;AACN,eAAO,kCACL,YACA,WAEA,yCAAsB,IACpB,iBAAiB,IAAI,CAAC,OAAO,MAAM,KAAK,CAAC,QAAQ,IAAI,OAAO;AAAA;AAKlE,aAAO,kCACL,YACA,WAEA,MAAM,OAAO,CAAC,OACZ,iBAAiB,KACf,CAAC,QACC,QAAQ,GAAG,MACX,CAAC,iBAAiB,KAAK,CAAC,SAAS,SAAS,GAAG;AAAA;AAMvD,QAAI;AAGJ,QAAI,kBAAkB;AACpB,4BAAsB;AAAA,WACjB;AACL,4BAAsB,iCACpB,kCAAe,YAAY,YAC3B,oCAAiB,aACjB,yCAAsB,4CAAyB,WAAW,KAC1D;AAAA;AAGJ,UAAM,6BAA6B,MAAM;AACvC,YAAM,EAAE,OAAO,4CAAyB;AACxC,UAAI,IAAI;AACN,eAAO,yCACL,4CAAyB,eAAe,IAExC,KAAK,MAAM,cAAc,IAAI,CAAC,OAC5B,MAAM,KAAK,CAAC,QAAQ,IAAI,OAAO;AAAA;AAKrC,aAAO,YAAY,OAAO,CAAC,OACzB,KAAK,MAAM,cAAc,KACvB,CAAC,QACC,QAAQ,GAAG,MACX,CAAC,KAAK,MAAM,cAAc,KAAK,CAAC,SAAS,SAAS,GAAG;AAAA;AAK7D,QAAI;AAGJ,QAAI,kBAAkB;AACpB,4BAAsB;AAAA,WACjB;AACL,4BAAsB,iCAAQ,CAAC,WAAW;AACxC,cAAM,cAAc,4CAAyB,eAAe;AAC5D,eAAO,cACH,iCACE,oCAAiB,aACjB,yCAAsB,cACtB,UACF;AAAA,SACH;AAAA;AAGL,WACE,mDAAC,wCAAD;AAAA,SACM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,KAAK;AAAA,MAClB,qBAAqB,KAAK;AAAA,MAC1B,mBAAmB,KAAK;AAAA,MACxB,aAAa,KAAK;AAAA,MAClB,oBAAoB,KAAK;AAAA,MACzB,oBAAoB,CAAC,SAAS,KAAK,iBAAiB,MAAM;AAAA,MAC1D,oBAAoB,CAAC,SAAS,KAAK,YAAY,MAAM;AAAA,MACrD,sBAAsB,CAAC,MAAM,cAC3B,KAAK,SAAS,MAAM,OAAO;AAAA,MAE7B,sBAAsB,CAAC,MAAM,cAC3B,KAAK,SAAS,MAAM,MAAM;AAAA,MAE5B,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,KAAK;AAAA,MACtB,aAAa;AAAA,MACb,aAAa;AAAA;AAAA;AAAA;AAnQZ,AADT,YACS,cAAc,+BAAY;AAyQnC,MAAM,iBAAiB,wCAAc;AAErC,IAAO,sBAAQ;",
6
- "names": []
7
- }
@@ -1,144 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ShuttleRenderer_exports = {};
29
- __export(ShuttleRenderer_exports, {
30
- ShuttleRenderer: () => ShuttleRenderer,
31
- default: () => ShuttleRenderer_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_ShuttleSource = require("./components/ShuttleSource");
36
- var import_ShuttleTarget = require("./components/ShuttleTarget");
37
- var import_classedComponents = require("./classedComponents");
38
- var import_AnimationState = require("./AnimationState");
39
- const noop = () => {
40
- };
41
- function ShuttleRenderer({
42
- containerProps,
43
- onNavigateOnTargetTo = noop,
44
- onNavigateOnSourceTo = noop,
45
- onMoveItemToSource = noop,
46
- onMoveItemToTarget = noop,
47
- onClearMovedItems = noop,
48
- onMoveCheckedItems = noop,
49
- onClearCheckedItems = noop,
50
- onToggleSearch = noop,
51
- onSearch = noop,
52
- onSearchClose = noop,
53
- onSearchOpen = noop,
54
- searching = false,
55
- onCheckItem = noop,
56
- hierarchy = [],
57
- hierarchyDest = [],
58
- checkedItems = [],
59
- sourceItems = [],
60
- targetItems = [],
61
- sourceEmptyMessage,
62
- targetEmptyMessage,
63
- composeTargetItemProps,
64
- composeSourceItemProps,
65
- targetSortable,
66
- sourceSortable,
67
- onSourceSortEnd,
68
- onTargetSortEnd,
69
- loadingSource = false,
70
- loadingTarget = false,
71
- onGetMoreItems = () => {
72
- },
73
- moreItemsLoading = false,
74
- hasNextPage = false,
75
- ...otherProps
76
- }) {
77
- const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
78
- const removeAnimationState = (0, import_react.useCallback)(() => setTimeout(() => reset(), 500));
79
- return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleContainer, {
80
- "data-testid": "em-ds-shuttle",
81
- ...containerProps
82
- }, /* @__PURE__ */ import_react.default.createElement(import_ShuttleSource.ShuttleSource, {
83
- ...otherProps,
84
- checkedItems,
85
- composeSourceItemProps,
86
- emptyMessage: sourceEmptyMessage,
87
- hierarchy,
88
- items: sourceItems,
89
- onCheckItem,
90
- onClearCheckedItems,
91
- onMoveCheckedItems: (item) => {
92
- setIsMoving(true);
93
- onMoveCheckedItems(item);
94
- },
95
- onMoveItem: (item) => {
96
- setIsMoving(true);
97
- onMoveItemToTarget(item);
98
- removeAnimationState();
99
- },
100
- onNavigateTo: (item, direction = "down") => {
101
- const indexInHierarchy = hierarchy.findIndex((hItem) => hItem.id === item.id);
102
- setIsDrillingDown(indexInHierarchy === -1);
103
- onNavigateOnSourceTo(item, direction);
104
- },
105
- onSearch,
106
- onSearchClose,
107
- onSearchOpen,
108
- onSortEnd: onSourceSortEnd,
109
- onToggleSearch,
110
- searching,
111
- sourceSortable,
112
- loading: loadingSource,
113
- onGetMoreItems,
114
- moreItemsLoading,
115
- hasNextPage
116
- }), /* @__PURE__ */ import_react.default.createElement(import_ShuttleTarget.ShuttleTarget, {
117
- ...otherProps,
118
- composeTargetItemProps,
119
- emptyMessage: targetEmptyMessage,
120
- hierarchy: hierarchyDest,
121
- items: targetItems,
122
- onClearMovedItems: () => {
123
- setIsMovingBack(true);
124
- removeAnimationState();
125
- onClearMovedItems();
126
- },
127
- onMoveItem: (item) => {
128
- setIsMovingBack(true);
129
- removeAnimationState();
130
- onMoveItemToSource(item);
131
- },
132
- onNavigateTo: (item, direction = "down") => {
133
- const indexInHierarchy = hierarchyDest.findIndex((hItem) => hItem.id === item.id);
134
- setIsDrillingDown(indexInHierarchy === -1);
135
- onNavigateOnTargetTo(item, direction);
136
- },
137
- onSortEnd: onTargetSortEnd,
138
- targetSortable,
139
- loading: loadingTarget
140
- }));
141
- }
142
- var ShuttleRenderer_default = ShuttleRenderer;
143
- module.exports = __toCommonJS(ShuttleRenderer_exports);
144
- //# sourceMappingURL=ShuttleRenderer.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ShuttleRenderer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource';\nimport { ShuttleTarget } from './components/ShuttleTarget';\nimport { ShuttleContainer } from './classedComponents';\nimport { AnimationState } from './AnimationState';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nfunction ShuttleRenderer({\n containerProps,\n onNavigateOnTargetTo = noop,\n onNavigateOnSourceTo = noop,\n onMoveItemToSource = noop,\n onMoveItemToTarget = noop,\n onClearMovedItems = noop,\n onMoveCheckedItems = noop,\n onClearCheckedItems = noop,\n onToggleSearch = noop,\n onSearch = noop,\n onSearchClose = noop,\n onSearchOpen = noop,\n searching = false,\n onCheckItem = noop,\n hierarchy = [],\n hierarchyDest = [],\n checkedItems = [],\n sourceItems = [],\n targetItems = [],\n sourceEmptyMessage,\n targetEmptyMessage,\n composeTargetItemProps,\n composeSourceItemProps,\n targetSortable,\n sourceSortable,\n onSourceSortEnd,\n onTargetSortEnd,\n loadingSource = false,\n loadingTarget = false,\n onGetMoreItems = () => {},\n moreItemsLoading = false,\n hasNextPage = false,\n ...otherProps\n}) {\n const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(\n AnimationState.Context,\n );\n\n const removeAnimationState = useCallback(() =>\n setTimeout(() => reset(), 500),\n );\n\n return (\n <ShuttleContainer data-testid=\"em-ds-shuttle\" {...containerProps}>\n <ShuttleSource\n {...otherProps}\n checkedItems={checkedItems}\n composeSourceItemProps={composeSourceItemProps}\n emptyMessage={sourceEmptyMessage}\n hierarchy={hierarchy}\n items={sourceItems}\n onCheckItem={onCheckItem}\n onClearCheckedItems={onClearCheckedItems}\n onMoveCheckedItems={(item) => {\n setIsMoving(true);\n onMoveCheckedItems(item);\n }}\n onMoveItem={(item) => {\n setIsMoving(true);\n onMoveItemToTarget(item);\n removeAnimationState();\n }}\n onNavigateTo={(item, direction = 'down') => {\n const indexInHierarchy = hierarchy.findIndex(\n (hItem) => hItem.id === item.id,\n );\n setIsDrillingDown(indexInHierarchy === -1);\n onNavigateOnSourceTo(item, direction);\n }}\n onSearch={onSearch}\n onSearchClose={onSearchClose}\n onSearchOpen={onSearchOpen}\n onSortEnd={onSourceSortEnd}\n onToggleSearch={onToggleSearch}\n searching={searching}\n sourceSortable={sourceSortable}\n loading={loadingSource}\n onGetMoreItems={onGetMoreItems}\n moreItemsLoading={moreItemsLoading}\n hasNextPage={hasNextPage}\n />\n <ShuttleTarget\n {...otherProps}\n composeTargetItemProps={composeTargetItemProps}\n emptyMessage={targetEmptyMessage}\n hierarchy={hierarchyDest}\n items={targetItems}\n onClearMovedItems={() => {\n setIsMovingBack(true);\n removeAnimationState();\n onClearMovedItems();\n }}\n onMoveItem={(item) => {\n setIsMovingBack(true);\n removeAnimationState();\n onMoveItemToSource(item);\n }}\n onNavigateTo={(item, direction = 'down') => {\n const indexInHierarchy = hierarchyDest.findIndex(\n (hItem) => hItem.id === item.id,\n );\n setIsDrillingDown(indexInHierarchy === -1);\n onNavigateOnTargetTo(item, direction);\n }}\n onSortEnd={onTargetSortEnd}\n targetSortable={targetSortable}\n loading={loadingTarget}\n />\n </ShuttleContainer>\n );\n}\n\nexport { ShuttleRenderer };\nexport default ShuttleRenderer;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+C;AAC/C,2BAA8B;AAC9B,2BAA8B;AAC9B,+BAAiC;AACjC,4BAA+B;AAG/B,MAAM,OAAO,MAAM;AAAA;AACnB,yBAAyB;AAAA,EACvB;AAAA,EACA,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB,MAAM;AAAA;AAAA,EACvB,mBAAmB;AAAA,EACnB,cAAc;AAAA,KACX;AAAA,GACF;AACD,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,UAAU,6BACjE,qCAAe;AAGjB,QAAM,uBAAuB,8BAAY,MACvC,WAAW,MAAM,SAAS;AAG5B,SACE,mDAAC,2CAAD;AAAA,IAAkB,eAAY;AAAA,OAAoB;AAAA,KAChD,mDAAC,oCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY;AACZ,yBAAmB;AAAA;AAAA,IAErB,YAAY,CAAC,SAAS;AACpB,kBAAY;AACZ,yBAAmB;AACnB;AAAA;AAAA,IAEF,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU,UACjC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MAEF,mDAAC,oCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB;AAChB;AACA;AAAA;AAAA,IAEF,YAAY,CAAC,SAAS;AACpB,sBAAgB;AAChB;AACA,yBAAmB;AAAA;AAAA,IAErB,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc,UACrC,CAAC,UAAU,MAAM,OAAO,KAAK;AAE/B,wBAAkB,qBAAqB;AACvC,2BAAqB,MAAM;AAAA;AAAA,IAE7B,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA;AAAA;AAOjB,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,84 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ShuttleState_exports = {};
29
- __export(ShuttleState_exports, {
30
- ShuttleState: () => useShuttleStateHOC,
31
- default: () => ShuttleState_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = require("react");
35
- var import_constate = __toESM(require("constate"));
36
- var import_helper = require("./helper");
37
- var actions = __toESM(require("./Shuttle.actions"));
38
- function useShuttleState() {
39
- const [shuttleState, setShuttleState] = (0, import_react.useState)({
40
- checkedItems: [],
41
- movedItems: {},
42
- hierarchy: [{ name: "Category", id: null }],
43
- hierarchyDest: [{ name: "Added users", id: null }]
44
- });
45
- const setState = (state) => setShuttleState(state(shuttleState));
46
- function setMovedItems(itemsIds = [], items = []) {
47
- const itemsToMove = (0, import_helper.getItemsById)(itemsIds, items);
48
- const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
49
- setState((0, import_helper.pipe)([actions.resetMovedItems(), ...pipeActions]));
50
- }
51
- function navigate(item, dest) {
52
- setState((0, import_helper.pipe)([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
53
- }
54
- function resetCheckedItems() {
55
- setState(actions.resetCheckedItems());
56
- }
57
- function resetMovedItems() {
58
- setState((0, import_helper.pipe)([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
59
- }
60
- function moveItem(item, dest) {
61
- setState((0, import_helper.pipe)([actions.moveItem(item, dest), actions.resetCheckedItems()]));
62
- }
63
- function toggleItemSelection(item) {
64
- setState(actions.toggleItemSelection(item.id));
65
- }
66
- function moveCheckedItems(items, dest = true) {
67
- const pipeActions = items.map((item) => moveItem(item, dest));
68
- setState((0, import_helper.pipe)([...pipeActions, resetCheckedItems()]));
69
- }
70
- return {
71
- state: shuttleState,
72
- toggleItemSelection,
73
- moveCheckedItems,
74
- moveItem,
75
- resetMovedItems,
76
- resetCheckedItems,
77
- navigate,
78
- setMovedItems
79
- };
80
- }
81
- const useShuttleStateHOC = (0, import_constate.default)(useShuttleState, (value) => [value.state]);
82
- var ShuttleState_default = useShuttleStateHOC;
83
- module.exports = __toCommonJS(ShuttleState_exports);
84
- //# sourceMappingURL=ShuttleState.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ShuttleState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper';\nimport * as actions from './Shuttle.actions';\n\nfunction useShuttleState() {\n const [shuttleState, setShuttleState] = useState({\n checkedItems: [],\n movedItems: {},\n hierarchy: [{ name: 'Category', id: null }],\n hierarchyDest: [{ name: 'Added users', id: null }],\n });\n\n const setState = state => setShuttleState(state(shuttleState));\n\n function setMovedItems(itemsIds = [], items = []) {\n const itemsToMove = getItemsById(itemsIds, items);\n const pipeActions = itemsToMove.map(item => actions.moveItem(item, true));\n setState(pipe([actions.resetMovedItems(), ...pipeActions]));\n }\n\n function navigate(item, dest) {\n setState(\n pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]),\n );\n }\n\n function resetCheckedItems() {\n setState(actions.resetCheckedItems());\n }\n\n function resetMovedItems() {\n setState(\n pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]),\n );\n }\n\n function moveItem(item, dest) {\n setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));\n }\n\n function toggleItemSelection(item) {\n setState(actions.toggleItemSelection(item.id));\n }\n\n function moveCheckedItems(items, dest = true) {\n const pipeActions = items.map(item => moveItem(item, dest));\n setState(pipe([...pipeActions, resetCheckedItems()]));\n }\n\n return {\n state: shuttleState,\n toggleItemSelection,\n moveCheckedItems,\n moveItem,\n resetMovedItems,\n resetCheckedItems,\n navigate,\n setMovedItems,\n };\n}\n\nconst useShuttleStateHOC = createContainer(useShuttleState, value => [value.state]);\nexport { useShuttleStateHOC as ShuttleState };\nexport default useShuttleStateHOC;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAC5B,oBAAmC;AACnC,cAAyB;AAEzB,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAAA,IAC/C,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI;AAAA,IACpC,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI;AAAA;AAG7C,QAAM,WAAW,WAAS,gBAAgB,MAAM;AAEhD,yBAAuB,WAAW,IAAI,QAAQ,IAAI;AAChD,UAAM,cAAc,gCAAa,UAAU;AAC3C,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM;AACnE,aAAS,wBAAK,CAAC,QAAQ,mBAAmB,GAAG;AAAA;AAG/C,oBAAkB,MAAM,MAAM;AAC5B,aACE,wBAAK,CAAC,QAAQ,WAAW,MAAM,OAAO,QAAQ;AAAA;AAIlD,+BAA6B;AAC3B,aAAS,QAAQ;AAAA;AAGnB,6BAA2B;AACzB,aACE,wBAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,QAAQ,OAAO,QAAQ;AAAA;AAI1D,oBAAkB,MAAM,MAAM;AAC5B,aAAS,wBAAK,CAAC,QAAQ,SAAS,MAAM,OAAO,QAAQ;AAAA;AAGvD,+BAA6B,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK;AAAA;AAG5C,4BAA0B,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM;AACrD,aAAS,wBAAK,CAAC,GAAG,aAAa;AAAA;AAGjC,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,qBAAqB,6BAAgB,iBAAiB,WAAS,CAAC,MAAM;AAE5E,IAAO,uBAAQ;",
6
- "names": []
7
- }
@@ -1,78 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var animationConfig_exports = {};
29
- __export(animationConfig_exports, {
30
- animationConfig: () => animationConfig
31
- });
32
- var React = __toESM(require("react"));
33
- const itemAnimationDuration = 300;
34
- const listAnimationDuration = 300;
35
- const xPosMovement = 500;
36
- const breadcrumbDuration = 200;
37
- const xBreadcrumbPos = 300;
38
- const animationConfig = {
39
- slideRight: {
40
- from: { transform: "translate3d(0,0,0)" },
41
- to: { transform: `translate3d(${xPosMovement}px,0,0)` }
42
- },
43
- slideLeft: {
44
- from: { transform: "translate3d(0,0,0)" },
45
- to: { transform: `translate3d(${-xPosMovement}px,0,0)` }
46
- },
47
- moveItem: (isMovingLeft) => ({
48
- config: { duration: itemAnimationDuration },
49
- enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
50
- from: {
51
- opacity: 1,
52
- transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
53
- },
54
- leave: {
55
- transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
56
- }
57
- }),
58
- moveList: (isDrillingDown) => ({
59
- config: { duration: listAnimationDuration },
60
- enter: { opacity: 1, transform: "translate3d(0,0,0)" },
61
- from: {
62
- opacity: 0,
63
- transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
64
- },
65
- leave: {
66
- opacity: 0,
67
- transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
68
- }
69
- }),
70
- breadcrumb: () => ({
71
- config: { duration: breadcrumbDuration },
72
- enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
73
- from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },
74
- leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` }
75
- })
76
- };
77
- module.exports = __toCommonJS(animationConfig_exports);
78
- //# sourceMappingURL=animationConfig.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/animation/animationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["// shuttle list and items constants\nconst itemAnimationDuration = 300;\nconst listAnimationDuration = 300;\nconst xPosMovement = 500;\n\n// breadcrumb constants\nconst breadcrumbDuration = 200;\nconst xBreadcrumbPos = 300;\n\nexport const animationConfig = {\n slideRight: {\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: `translate3d(${xPosMovement}px,0,0)` },\n },\n slideLeft: {\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: `translate3d(${-xPosMovement}px,0,0)` },\n },\n moveItem: isMovingLeft => ({\n config: { duration: itemAnimationDuration },\n enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n from: {\n opacity: 1,\n transform: `translate3d(${\n isMovingLeft ? -xPosMovement : xPosMovement\n }px,0,0)`,\n },\n leave: {\n transform: `translate3d(${\n isMovingLeft ? -xPosMovement : xPosMovement\n }px,0,0)`,\n },\n }),\n moveList: isDrillingDown => ({\n config: { duration: listAnimationDuration },\n enter: { opacity: 1, transform: 'translate3d(0,0,0)' },\n from: {\n opacity: 0,\n transform: `translate3d(0px,${\n isDrillingDown ? xPosMovement : -xPosMovement\n }px,0)`,\n },\n leave: {\n opacity: 0,\n transform: `translate3d(0,${\n isDrillingDown ? -xPosMovement : xPosMovement\n }px,0)`,\n },\n }),\n breadcrumb: () => ({\n config: { duration: breadcrumbDuration },\n enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },\n leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` },\n }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe;AAAA;AAAA,EAElC,WAAW;AAAA,IACT,MAAM,EAAE,WAAW;AAAA,IACnB,IAAI,EAAE,WAAW,eAAe,CAAC;AAAA;AAAA,EAEnC,UAAU,kBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA,IAGnC,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA;AAAA;AAAA,EAIrC,UAAU,oBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW;AAAA,IAChC,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA;AAAA,IAGrC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA;AAAA;AAAA,EAIvC,YAAY,MAAO;AAAA,IACjB,QAAQ,EAAE,UAAU;AAAA,IACpB,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA,IAC9C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe;AAAA;AAAA;",
6
- "names": []
7
- }