@elliemae/ds-shuttle 3.5.0-rc.9 → 3.6.0-next.0
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.
- package/dist/cjs/DSShuttle.js +43 -41
- package/dist/cjs/DSShuttle.js.map +2 -2
- package/dist/cjs/ShuttleImpl.js +3 -2
- package/dist/cjs/ShuttleImpl.js.map +2 -2
- package/dist/cjs/ShuttleRenderer.js +71 -66
- package/dist/cjs/ShuttleRenderer.js.map +2 -2
- package/dist/cjs/components/LoadingIndicator.js +8 -7
- package/dist/cjs/components/LoadingIndicator.js.map +2 -2
- package/dist/cjs/components/OverflowList.js +6 -5
- package/dist/cjs/components/OverflowList.js.map +2 -2
- package/dist/cjs/components/ShuttleBreadcrumb.js +13 -12
- package/dist/cjs/components/ShuttleBreadcrumb.js.map +2 -2
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js +8 -7
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map +2 -2
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js +7 -7
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +2 -2
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +29 -15
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +2 -2
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +7 -8
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +2 -2
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +7 -8
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +2 -2
- package/dist/cjs/components/ShuttleListPanel.js +10 -9
- package/dist/cjs/components/ShuttleListPanel.js.map +2 -2
- package/dist/cjs/components/ShuttleSearchBox.js +14 -12
- package/dist/cjs/components/ShuttleSearchBox.js.map +2 -2
- package/dist/cjs/components/ShuttleSource.js +90 -57
- package/dist/cjs/components/ShuttleSource.js.map +2 -2
- package/dist/cjs/components/ShuttleTarget.js +56 -32
- package/dist/cjs/components/ShuttleTarget.js.map +2 -2
- package/dist/cjs/components/VirtualizedList.js +24 -19
- package/dist/cjs/components/VirtualizedList.js.map +2 -2
- package/dist/cjs/components/VirtualizedSortableList.js +5 -4
- package/dist/cjs/components/VirtualizedSortableList.js.map +2 -2
- package/dist/cjs/withProviders.js +10 -4
- package/dist/cjs/withProviders.js.map +2 -2
- package/dist/esm/DSShuttle.js +43 -41
- package/dist/esm/DSShuttle.js.map +2 -2
- package/dist/esm/ShuttleImpl.js +3 -2
- package/dist/esm/ShuttleImpl.js.map +2 -2
- package/dist/esm/ShuttleRenderer.js +71 -66
- package/dist/esm/ShuttleRenderer.js.map +2 -2
- package/dist/esm/components/LoadingIndicator.js +8 -7
- package/dist/esm/components/LoadingIndicator.js.map +2 -2
- package/dist/esm/components/OverflowList.js +6 -5
- package/dist/esm/components/OverflowList.js.map +2 -2
- package/dist/esm/components/ShuttleBreadcrumb.js +13 -12
- package/dist/esm/components/ShuttleBreadcrumb.js.map +2 -2
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js +8 -7
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map +2 -2
- package/dist/esm/components/ShuttleListItem/ActionButtons.js +7 -7
- package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +2 -2
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js +29 -15
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +2 -2
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js +7 -8
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +2 -2
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js +7 -8
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +2 -2
- package/dist/esm/components/ShuttleListPanel.js +10 -9
- package/dist/esm/components/ShuttleListPanel.js.map +2 -2
- package/dist/esm/components/ShuttleSearchBox.js +14 -12
- package/dist/esm/components/ShuttleSearchBox.js.map +2 -2
- package/dist/esm/components/ShuttleSource.js +90 -57
- package/dist/esm/components/ShuttleSource.js.map +2 -2
- package/dist/esm/components/ShuttleTarget.js +56 -32
- package/dist/esm/components/ShuttleTarget.js.map +2 -2
- package/dist/esm/components/VirtualizedList.js +24 -19
- package/dist/esm/components/VirtualizedList.js.map +2 -2
- package/dist/esm/components/VirtualizedSortableList.js +5 -4
- package/dist/esm/components/VirtualizedSortableList.js.map +2 -2
- package/dist/esm/withProviders.js +10 -4
- package/dist/esm/withProviders.js.map +2 -2
- package/package.json +11 -11
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ShuttleListItem/ActionButtons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,2BAAkC;AAClC,uBAAyB;AACzB,sBAA+D;AAE/D,MAAM,mBAAe,wCAAkB,yBAAQ,EAAE,qBAAqB,eAAe;AAE9E,MAAM,eAAe,CAAC,UAC3B,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC,+BAAY;AAAA,EAClB,GAAG;AAAA,CAEN;AAGK,MAAM,aAAa,CAAC,UACzB,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC,mCAAgB;AAAA,EACtB,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,0BAA0B;AAAA,CAC7D;AAGK,MAAM,kBAAkB,CAAC,UAC9B,4CAAC;AAAA,EACC,YAAW;AAAA,EACX,MAAM,4CAAC;AAAA,IAAiB,eAAY;AAAA,GAA0B;AAAA,EAC7D,GAAG;AAAA,EACJ,gBAAgB,EAAE,eAAe,qBAAqB;AAAA,CACxD;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(ShuttleListItem_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleListItem_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
34
35
|
var import_ds_system = require("@elliemae/ds-system");
|
|
35
36
|
var import_web = require("react-spring/web");
|
|
@@ -46,7 +47,7 @@ const Content = (0, import_ds_classnames.aggregatedClasses)("label")(blockName,
|
|
|
46
47
|
"can-hover": canMove,
|
|
47
48
|
"read-only": isReadonly
|
|
48
49
|
}));
|
|
49
|
-
const SortHandler = (0, import_react_sortable_hoc.sortableHandle)(() => /* @__PURE__ */
|
|
50
|
+
const SortHandler = (0, import_react_sortable_hoc.sortableHandle)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.GripperVertical, {
|
|
50
51
|
className: "gripper"
|
|
51
52
|
}));
|
|
52
53
|
function ShuttleListItem({
|
|
@@ -62,21 +63,34 @@ function ShuttleListItem({
|
|
|
62
63
|
...rest
|
|
63
64
|
}) {
|
|
64
65
|
const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
|
|
65
|
-
return /* @__PURE__ */
|
|
66
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
66
67
|
...rest,
|
|
67
68
|
role: "listitem",
|
|
68
|
-
style: { ...style, zIndex: theme.zIndex.dialog }
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
69
|
+
style: { ...style, zIndex: theme.zIndex.dialog },
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
|
|
72
|
+
classProps: {
|
|
73
|
+
canMove: (0, import_helper.isMovable)(item),
|
|
74
|
+
isChecked,
|
|
75
|
+
isReadonly: item.readyOnly
|
|
76
|
+
},
|
|
77
|
+
onClick: onSelect,
|
|
78
|
+
children: [
|
|
79
|
+
showSortHandler && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortHandler, {}),
|
|
80
|
+
(showIcon || showIcons) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconWrapper, {
|
|
81
|
+
children: item.icon
|
|
82
|
+
}),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
|
|
84
|
+
className: "shuttle-tooltip-text",
|
|
85
|
+
value: item.name
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
}),
|
|
89
|
+
showActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsGroup, {
|
|
90
|
+
children: actions
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
});
|
|
80
94
|
}
|
|
81
95
|
var ShuttleListItem_default = ShuttleListItem;
|
|
82
96
|
//# sourceMappingURL=ShuttleListItem.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ShuttleListItem/ShuttleListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport { animated } from 'react-spring/web';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { sortableHandle } from 'react-sortable-hoc';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { isMovable } from '../../helper';\n\nconst blockName = 'shuttle-list-item';\nconst Wrapper = aggregatedClasses(animated.li)(blockName);\nconst ActionsGroup = aggregatedClasses('div')(blockName, 'actions');\nconst IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');\nconst Content = aggregatedClasses('label')(blockName, 'content', ({ isChecked, canMove, isReadonly }) => ({\n checked: isChecked,\n 'can-hover': canMove,\n 'read-only': isReadonly,\n}));\n\nconst SortHandler = sortableHandle(() => <GripperVertical className=\"gripper\" />);\n\nfunction ShuttleListItem({\n item = {},\n showIcons = undefined,\n showIcon = true,\n onSelect = () => null,\n isChecked = false,\n style = undefined,\n showActions = true,\n actions = [],\n showSortHandler = false,\n ...rest\n}) {\n const theme = useContext(ThemeContext);\n\n return (\n // z-index fixed https://jira.elliemae.io/browse/PUI-8802\n <Wrapper {...rest} role=\"listitem\" style={{ ...style, zIndex: theme.zIndex.dialog }}>\n <Content\n classProps={{\n canMove: isMovable(item),\n isChecked,\n isReadonly: item.readyOnly,\n }}\n onClick={onSelect}\n >\n {showSortHandler && <SortHandler />}\n {(showIcon || showIcons) && <IconWrapper>{item.icon}</IconWrapper>}\n <DSTruncatedTooltipText className=\"shuttle-tooltip-text\" value={item.name} />\n </Content>\n {showActions && <ActionsGroup>{actions}</ActionsGroup>}\n </Wrapper>\n );\n}\n\nexport { ShuttleListItem };\nexport default ShuttleListItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAkC;AAClC,2BAAkC;AAClC,uBAA6B;AAC7B,iBAAyB;AACzB,uCAAuC;AACvC,gCAA+B;AAC/B,sBAAgC;AAChC,oBAA0B;AAE1B,MAAM,YAAY;AAClB,MAAM,cAAU,wCAAkB,oBAAS,EAAE,EAAE,SAAS;AACxD,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAClE,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,cAAc;AACtE,MAAM,cAAU,wCAAkB,OAAO,EAAE,WAAW,WAAW,CAAC,EAAE,WAAW,SAAS,WAAW,OAAO;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AACf,EAAE;AAEF,MAAM,kBAAc,0CAAe,MAAM,4CAAC;AAAA,EAAgB,WAAU;AAAA,CAAU,CAAE;AAEhF,SAAS,gBAAgB;AAAA,EACvB,OAAO,CAAC;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,WAAW,MAAM;AAAA,EACjB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,KACf;AACL,GAAG;AACD,QAAM,YAAQ,yBAAW,6BAAY;AAErC,SAEE,6CAAC;AAAA,IAAS,GAAG;AAAA,IAAM,MAAK;AAAA,IAAW,OAAO,EAAE,GAAG,OAAO,QAAQ,MAAM,OAAO,OAAO;AAAA,IAChF;AAAA,mDAAC;AAAA,QACC,YAAY;AAAA,UACV,aAAS,yBAAU,IAAI;AAAA,UACvB;AAAA,UACA,YAAY,KAAK;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QAER;AAAA,6BAAmB,4CAAC,eAAY;AAAA,WAC/B,YAAY,cAAc,4CAAC;AAAA,YAAa,eAAK;AAAA,WAAK;AAAA,UACpD,4CAAC;AAAA,YAAuB,WAAU;AAAA,YAAuB,OAAO,KAAK;AAAA,WAAM;AAAA;AAAA,OAC7E;AAAA,MACC,eAAe,4CAAC;AAAA,QAAc;AAAA,OAAQ;AAAA;AAAA,GACzC;AAEJ;AAGA,IAAO,0BAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(ShuttleSourceListItem_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleSourceListItem_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_helper = require("../../helper");
|
|
34
35
|
var import_ActionButtons = require("./ActionButtons");
|
|
35
36
|
var import_ShuttleListItem = require("./ShuttleListItem");
|
|
@@ -63,20 +64,18 @@ function ShuttleSourceListItem({
|
|
|
63
64
|
setClicked(true);
|
|
64
65
|
}
|
|
65
66
|
};
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListItem.ShuttleListItem, {
|
|
67
68
|
...rest,
|
|
68
69
|
actions: [
|
|
69
|
-
showDrillDownButton && /* @__PURE__ */
|
|
70
|
-
key: "drill-down",
|
|
70
|
+
showDrillDownButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DrillDownButton, {
|
|
71
71
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
72
72
|
onClick: navigateOnSourceTo
|
|
73
|
-
}),
|
|
74
|
-
showMoveButton && /* @__PURE__ */
|
|
73
|
+
}, "drill-down"),
|
|
74
|
+
showMoveButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.MoveButton, {
|
|
75
75
|
"data-testid": "ds-shuttle__move-button",
|
|
76
|
-
key: "move",
|
|
77
76
|
disabled: !(0, import_helper.isMovable)(item) || item.readOnly,
|
|
78
77
|
onClick: handleOnClick
|
|
79
|
-
})
|
|
78
|
+
}, "move")
|
|
80
79
|
],
|
|
81
80
|
isChecked,
|
|
82
81
|
item,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ShuttleListItem/ShuttleSourceListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAwD;AACxD,oBAA0B;AAC1B,2BAA4C;AAC5C,6BAAgC;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,cAAc,MAAM;AAAA,EACpB,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB;AAAA,KACG;AACL,GAAG;AACD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,mBAAe,0BAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,mBAAa;AAAA,IACf;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACZ,QAAM,yBAAqB,0BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,QAAM,gBAAY,0BAAY,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,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,4CAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,kBACE,4CAAC;AAAA,QACC,eAAY;AAAA,QAEZ,UAAU,KAAC,yBAAU,IAAI,KAAK,KAAK;AAAA,QACnC,SAAS;AAAA,SAFL,MAGN;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,GACZ;AAEJ;AAGA,IAAO,gCAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(ShuttleTargetListItem_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleTargetListItem_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_ActionButtons = require("./ActionButtons");
|
|
34
35
|
var import_ShuttleListItem = require("./ShuttleListItem");
|
|
35
36
|
function ShuttleTargetListItem({
|
|
@@ -47,20 +48,18 @@ function ShuttleTargetListItem({
|
|
|
47
48
|
const navigateOnTargetTo = (0, import_react.useCallback)(() => onNavigateOnTargetTo(item), [
|
|
48
49
|
item
|
|
49
50
|
]);
|
|
50
|
-
return /* @__PURE__ */
|
|
51
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListItem.ShuttleListItem, {
|
|
51
52
|
...rest,
|
|
52
53
|
actions: [
|
|
53
|
-
showDrillDownButton && /* @__PURE__ */
|
|
54
|
-
key: "drill-down",
|
|
54
|
+
showDrillDownButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DrillDownButton, {
|
|
55
55
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
56
56
|
onClick: navigateOnTargetTo
|
|
57
|
-
}),
|
|
58
|
-
showDeleteButton && isRoot && /* @__PURE__ */
|
|
59
|
-
key: "delete",
|
|
57
|
+
}, "drill-down"),
|
|
58
|
+
showDeleteButton && isRoot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionButtons.DeleteButton, {
|
|
60
59
|
disabled: item.readOnly,
|
|
61
60
|
onClick: moveToSource,
|
|
62
61
|
"data-testid": "ds-shuttle__close-button"
|
|
63
|
-
})
|
|
62
|
+
}, "delete")
|
|
64
63
|
],
|
|
65
64
|
item,
|
|
66
65
|
showActions
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ShuttleListItem/ShuttleTargetListItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAmC;AACnC,2BAA8C;AAC9C,6BAAgC;AAEhC,SAAS,sBAAsB;AAAA,EAC7B,OAAO,CAAC;AAAA,EACR,iBAAiB,MAAM;AAAA,EACvB,uBAAuB,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd;AAAA,KACG;AACL,GAAG;AACD,QAAM,mBAAe,0BAAY,MAAM,eAAe,IAAI,GAAG,CAAC,IAAI,CAAC;AACnE,QAAM,yBAAqB,0BAAY,MAAM,qBAAqB,IAAI,GAAG;AAAA,IACvE;AAAA,EACF,CAAC;AACD,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS;AAAA,MACP,uBACE,4CAAC;AAAA,QAEC,UACG,CAAC,KAAK,eAAe,CAAC,KAAK,aAC5B,KAAK,YACL,KAAK;AAAA,QAEP,SAAS;AAAA,SANL,YAON;AAAA,MAEF,oBAAoB,UAClB,4CAAC;AAAA,QAEC,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,eAAY;AAAA,SAHR,QAIN;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;AAGA,IAAO,gCAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,18 +29,19 @@ __export(ShuttleListPanel_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleListPanel_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
var import_ds_button = require("@elliemae/ds-button");
|
|
34
34
|
var import_classedComponents = require("../classedComponents");
|
|
35
35
|
function ShuttleListPanel({ onClick = () => null, open = false, children }) {
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
classProps: { open }
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleListPanel, {
|
|
37
|
+
classProps: { open },
|
|
38
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
|
|
39
|
+
buttonType: "text",
|
|
40
|
+
icon: children,
|
|
41
|
+
onClick,
|
|
42
|
+
"data-testid": "list-panel-btn"
|
|
43
|
+
})
|
|
44
|
+
});
|
|
44
45
|
}
|
|
45
46
|
var ShuttleListPanel_default = ShuttleListPanel;
|
|
46
47
|
//# sourceMappingURL=ShuttleListPanel.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ShuttleListPanel.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ShuttleListPanel as Wrapper } from '../classedComponents';\n\nfunction ShuttleListPanel({ onClick = () => null, open = false, children }) {\n return (\n <Wrapper classProps={{ open }}>\n <DSButton buttonType=\"text\" icon={children} onClick={onClick} data-testid=\"list-panel-btn\" />\n </Wrapper>\n );\n}\n\nexport { ShuttleListPanel };\nexport default ShuttleListPanel;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAyB;AACzB,+BAA4C;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,4CAAC,yBAAAA,kBAAA;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,IAC1B,sDAAC;AAAA,MAAS,YAAW;AAAA,MAAO,MAAM;AAAA,MAAU;AAAA,MAAkB,eAAY;AAAA,KAAiB;AAAA,GAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
|
|
6
|
+
"names": ["Wrapper"]
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(ShuttleSearchBox_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleSearchBox_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
34
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
36
|
var import_ds_form = require("@elliemae/ds-form");
|
|
@@ -74,17 +75,18 @@ class ShuttleSearchBox extends import_react.Component {
|
|
|
74
75
|
render() {
|
|
75
76
|
const { value } = this.state;
|
|
76
77
|
const { isOpen, onClose, placeholder } = this.props;
|
|
77
|
-
return /* @__PURE__ */
|
|
78
|
-
classProps: { isOpen }
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
78
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchBoxContainer, {
|
|
79
|
+
classProps: { isOpen },
|
|
80
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSTextBox, {
|
|
81
|
+
autoFocus: true,
|
|
82
|
+
clearable: true,
|
|
83
|
+
onChange: this.handleChange,
|
|
84
|
+
onClear: onClose,
|
|
85
|
+
onKeyDown: this.handleKeyPress,
|
|
86
|
+
placeholder,
|
|
87
|
+
value
|
|
88
|
+
})
|
|
89
|
+
});
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
92
|
ShuttleSearchBox.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ShuttleSearchBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { debounce } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '@elliemae/ds-form';\n\nconst blockName = 'shuttle-search-box';\n\nconst SearchBoxContainer = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\n\nconst filterList = debounce((term, onFilterCallback) => {\n onFilterCallback(term);\n}, 200);\n\nclass ShuttleSearchBox extends Component {\n static defaultProps = {\n filterOnKeyStroke: false,\n onChange: () => null,\n onFilter: () => null,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n value: props.value,\n prevProps: {},\n };\n this.handleKeyPress = this.handleKeyPress.bind(this);\n this.handleChange = this.handleChange.bind(this);\n }\n\n static getDerivedStateFromProps(nextProps, { prevProps }) {\n const { value } = nextProps;\n if (value !== prevProps.value) {\n return {\n value,\n prevProps: { value },\n };\n }\n return null;\n }\n\n handleChange(e) {\n const { onChange, filterOnKeyStroke, onFilter } = this.props;\n const { value } = e.target;\n onChange(value);\n if (filterOnKeyStroke) filterList(value, onFilter);\n this.setState({ value });\n }\n\n handleKeyPress(e) {\n const { onFilter } = this.props;\n if (e.keyCode === 13) onFilter(e.target.value);\n }\n\n render() {\n const { value } = this.state;\n const { isOpen, onClose, placeholder } = this.props;\n return (\n <SearchBoxContainer classProps={{ isOpen }}>\n <DSTextBox\n autoFocus\n clearable\n onChange={this.handleChange}\n onClear={onClose}\n onKeyDown={this.handleKeyPress}\n placeholder={placeholder}\n value={value}\n />\n </SearchBoxContainer>\n );\n }\n}\n\nexport { ShuttleSearchBox };\nexport default ShuttleSearchBox;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAiC;AACjC,2BAAkC;AAClC,0BAAyB;AACzB,qBAA0B;AAE1B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,iBAAa,8BAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,uBAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW,CAAC;AAAA,IACd;AACA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,SAAS,IAAI,KAAK;AACvD,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,aAAS,KAAK;AACd,QAAI;AAAmB,iBAAW,OAAO,QAAQ;AACjD,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,eAAe,GAAG;AAChB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO,KAAK;AAAA,EAC/C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,KAAK;AAC9C,WACE,4CAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,MACvC,sDAAC;AAAA,QACC,WAAS;AAAA,QACT,WAAS;AAAA,QACT,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,WAAW,KAAK;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACF;AA1DM,iBACG,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAClB;AAwDF,IAAO,2BAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(ShuttleSource_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(ShuttleSource_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_prop_types = __toESM(require("prop-types"));
|
|
34
35
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
36
|
var import_ds_button = require("@elliemae/ds-button");
|
|
@@ -107,62 +108,94 @@ function ShuttleSource({
|
|
|
107
108
|
const isEmpty = !items.length;
|
|
108
109
|
const hasContent = !loading && !isEmpty;
|
|
109
110
|
const contentIsEmpty = !loading && isEmpty;
|
|
110
|
-
return /* @__PURE__ */
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleWrapper, {
|
|
112
|
+
children: [
|
|
113
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleHeader, {
|
|
114
|
+
children: [
|
|
115
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeaderBreadcrumb, {
|
|
116
|
+
hierarchy,
|
|
117
|
+
onNavigateTo
|
|
118
|
+
}),
|
|
119
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeaderSearchToggle, {
|
|
120
|
+
buttonType: "text",
|
|
121
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, {}),
|
|
122
|
+
onClick: handleToggleSearch,
|
|
123
|
+
containerProps: { "data-testid": "shuttle-header-search-toggle" }
|
|
124
|
+
})
|
|
125
|
+
]
|
|
126
|
+
}),
|
|
127
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleList, {
|
|
128
|
+
classProps: { showPulse: isMovingBack },
|
|
129
|
+
style: { pointerEvents: isMoving ? "none" : null },
|
|
130
|
+
children: [
|
|
131
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleSearchBox.ShuttleSearchBox, {
|
|
132
|
+
isOpen: searching,
|
|
133
|
+
onClose: (0, import_ds_utilities.runAll)(() => toggleSearchBox(false), handleCloseSearch),
|
|
134
|
+
onFilter: (0, import_ds_utilities.runAll)(setSearchTerm, onSearch),
|
|
135
|
+
placeholder: searchPlaceholder,
|
|
136
|
+
value: searchTerm
|
|
137
|
+
}, searching),
|
|
138
|
+
hasContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.Overflow, {
|
|
139
|
+
activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
|
|
140
|
+
classProps: {
|
|
141
|
+
searching,
|
|
142
|
+
empty: isEmpty
|
|
143
|
+
},
|
|
144
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentList, {
|
|
145
|
+
helperClass: "drag-helper",
|
|
146
|
+
itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleSourceListItem.ShuttleSourceListItem, {
|
|
147
|
+
"data-testid": "source-list-item",
|
|
148
|
+
...rest,
|
|
149
|
+
...composeSourceItemProps(item, rest),
|
|
150
|
+
isChecked: !!hashedCheckedItems[item.id],
|
|
151
|
+
item,
|
|
152
|
+
onItemCheck: onCheckItem,
|
|
153
|
+
onMoveToTarget: onMoveItem,
|
|
154
|
+
onNavigateOnSourceTo: onNavigateTo,
|
|
155
|
+
showSortHandler: sourceSortable
|
|
156
|
+
}),
|
|
157
|
+
items,
|
|
158
|
+
onSortEnd: handleSortEnd,
|
|
159
|
+
getMoreItems: onGetMoreItems,
|
|
160
|
+
hasNextPage
|
|
161
|
+
}, searchTerm)
|
|
162
|
+
}) : null,
|
|
163
|
+
contentIsEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.LoadingList, {
|
|
164
|
+
"data-testid": "shuttle__loading-list",
|
|
165
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.EmptyMessage, {
|
|
166
|
+
children: emptyMessage
|
|
167
|
+
})
|
|
168
|
+
}) : null,
|
|
169
|
+
loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.LoadingList, {
|
|
170
|
+
"data-testid": "shuttle__loading-list",
|
|
171
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadingIndicator.LoadingIndicator, {})
|
|
172
|
+
}) : null,
|
|
173
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleListPanel.ShuttleListPanel, {
|
|
174
|
+
onClick: onMoveCheckedItems,
|
|
175
|
+
open: checkedItems.length > 1,
|
|
176
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowShortRight, {})
|
|
177
|
+
}),
|
|
178
|
+
moreItemsLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleInfiniteScrollIndicator.ShuttleInfiniteScrollIndicator, {
|
|
179
|
+
isOpen: true
|
|
180
|
+
}) : null
|
|
181
|
+
]
|
|
182
|
+
}),
|
|
183
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleFooter, {
|
|
184
|
+
children: [
|
|
185
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterActions, {
|
|
186
|
+
children: !!checkedItems.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
|
|
187
|
+
buttonType: "link",
|
|
188
|
+
labelText: sourceClearItemsText,
|
|
189
|
+
onClick: onClearCheckedItems
|
|
190
|
+
})
|
|
191
|
+
}),
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterCounter, {
|
|
193
|
+
children: renderSourceCounter(checkedItems.length)
|
|
194
|
+
})
|
|
195
|
+
]
|
|
196
|
+
})
|
|
197
|
+
]
|
|
198
|
+
});
|
|
166
199
|
}
|
|
167
200
|
ShuttleSource.propTypes = {
|
|
168
201
|
items: import_prop_types.default.arrayOf(import_prop_types.default.shape({})),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ShuttleSource.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|