nuudel-core 0.2.89 → 0.2.90
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/build/main/lib/components/Sortable/Item.d.ts +2 -0
- package/build/main/lib/components/Sortable/Item.js +3 -3
- package/build/main/lib/components/Sortable/index.js +3 -3
- package/build/module/lib/components/Sortable/Item.d.ts +2 -0
- package/build/module/lib/components/Sortable/Item.js +3 -3
- package/build/module/lib/components/Sortable/index.js +3 -3
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
id: string | number;
|
|
4
4
|
item: any;
|
|
5
|
+
total?: number;
|
|
5
6
|
width?: number;
|
|
6
7
|
height?: number;
|
|
7
8
|
withOpacity?: boolean;
|
|
@@ -11,6 +12,7 @@ export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
11
12
|
declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
12
13
|
id: string | number;
|
|
13
14
|
item: any;
|
|
15
|
+
total?: number;
|
|
14
16
|
width?: number;
|
|
15
17
|
height?: number;
|
|
16
18
|
withOpacity?: boolean;
|
|
@@ -19,11 +19,11 @@ const react_1 = require("react");
|
|
|
19
19
|
const SortableItem_1 = require("./SortableItem");
|
|
20
20
|
const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
|
|
21
21
|
const Item = (0, react_1.forwardRef)((_a, ref) => {
|
|
22
|
-
var { item, withOpacity, isDragging, style, width = 100, height = 100 } = _a, props = __rest(_a, ["item", "withOpacity", "isDragging", "style", "width", "height"]);
|
|
22
|
+
var { item, withOpacity, isDragging, style, width = 100, height = 100, total = 1 } = _a, props = __rest(_a, ["item", "withOpacity", "isDragging", "style", "width", "height", "total"]);
|
|
23
23
|
const inlineStyles = Object.assign({ opacity: withOpacity ? '0.5' : '1', transformOrigin: '50% 50%', height: `${width}px`, width: `${height}px`, maxWidth: `${width}px`, maxHeight: `${height}px`, borderRadius: '0px', backgroundColor: '#fff', backgroundImage: `url("${(item === null || item === void 0 ? void 0 : item.uri) || '/images/placeholder.png'}")`, backgroundSize: 'cover', backgroundPosition: 'center', display: 'flex', justifyContent: 'center', alignItems: 'center', boxShadow: isDragging
|
|
24
24
|
? 'rgb(63 63 68 / 5%) 0px 2px 0px 2px, rgb(34 33 81 / 15%) 0px 2px 3px 2px'
|
|
25
25
|
: 'rgb(63 63 68 / 5%) 0px 0px 0px 1px, rgb(34 33 81 / 15%) 0px 1px 3px 0px', transform: isDragging ? 'scale(1.05)' : 'scale(1)' }, style);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: inlineStyles }, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: styles_module_scss_1.default.actionButtons }, { children: [(0, jsx_runtime_1.jsx)(SortableItem_1.RemoveItem, { id: item === null || item === void 0 ? void 0 : item.uri }, void 0), (0, jsx_runtime_1.jsx)(SortableItem_1.DragHandle, {}, void 0)] }), void 0) }), void 0));
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, style: inlineStyles }, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: styles_module_scss_1.default.actionButtons }, { children: [(0, jsx_runtime_1.jsx)(SortableItem_1.RemoveItem, { id: item === null || item === void 0 ? void 0 : item.uri }, void 0), total > 1 && (0, jsx_runtime_1.jsx)(SortableItem_1.DragHandle, {}, void 0)] }), void 0) }), void 0));
|
|
27
27
|
});
|
|
28
28
|
exports.default = Item;
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUF5RTtBQUN6RSxpREFBd0Q7QUFDeEQsOEVBQTBDO0FBYTFDLE1BQU0sSUFBSSxHQUFHLElBQUEsa0JBQVUsRUFDckIsQ0FDRSxFQVNDLEVBQ0QsR0FBRyxFQUNILEVBQUU7UUFYRixFQUNFLElBQUksRUFDSixXQUFXLEVBQ1gsVUFBVSxFQUNWLEtBQUssRUFDTCxLQUFLLEdBQUcsR0FBRyxFQUNYLE1BQU0sR0FBRyxHQUFHLEVBQ1osS0FBSyxHQUFHLENBQUMsT0FFVixFQURJLEtBQUssY0FSViwwRUFTQyxDQURTO0lBSVYsTUFBTSxZQUFZLG1CQUNoQixPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFDbEMsZUFBZSxFQUFFLFNBQVMsRUFDMUIsTUFBTSxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQ3BCLEtBQUssRUFBRSxHQUFHLE1BQU0sSUFBSSxFQUNwQixRQUFRLEVBQUUsR0FBRyxLQUFLLElBQUksRUFDdEIsU0FBUyxFQUFFLEdBQUcsTUFBTSxJQUFJLEVBQ3hCLFlBQVksRUFBRSxLQUFLLEVBRW5CLGVBQWUsRUFBRSxNQUFNLEVBQ3ZCLGVBQWUsRUFBRSxRQUFRLENBQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEdBQUcsS0FBSSx5QkFBeUIsSUFBSSxFQUNuRSxjQUFjLEVBQUUsT0FBTyxFQUN2QixrQkFBa0IsRUFBRSxRQUFRLEVBQzVCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsY0FBYyxFQUFFLFFBQVEsRUFDeEIsVUFBVSxFQUFFLFFBQVEsRUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDbkIsQ0FBQyxDQUFDLHlFQUF5RTtZQUMzRSxDQUFDLENBQUMseUVBQXlFLEVBQzdFLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUMvQyxLQUFLLENBQ1QsQ0FBQztJQUVGLE9BQU8sQ0FDTCw4Q0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLElBQU0sS0FBSyxjQUMzQywrQ0FBSyxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxhQUFhLGlCQUNsQyx1QkFBQyx5QkFBVSxJQUFDLEVBQUUsRUFBRSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsR0FBRyxXQUFJLEVBQzVCLEtBQUssR0FBRyxDQUFDLElBQUksdUJBQUMseUJBQVUsYUFBRyxhQUN4QixZQUNGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsa0JBQWUsSUFBSSxDQUFDIn0=
|
|
@@ -74,9 +74,9 @@ const Sortable = (_a) => {
|
|
|
74
74
|
setActive(null);
|
|
75
75
|
}
|
|
76
76
|
}, []);
|
|
77
|
-
const renderItem = (item) => ((0, jsx_runtime_1.jsx)(SortableItem_1.SortableItem, { id: item[itemProp], item: item, width: width, height: height, onRemove: onRemove }, item[itemProp]));
|
|
78
|
-
return (items === null || items === void 0 ? void 0 : items.length) > 1 ? ((0, jsx_runtime_1.jsxs)(core_1.DndContext, Object.assign({ sensors: sensors, collisionDetection: core_1.closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, measuring: measuringConfig }, { children: [(0, jsx_runtime_1.jsx)(sortable_1.SortableContext, Object.assign({ id: props.id, items: items.filter(Boolean), strategy: sortable_1.rectSortingStrategy, disabled: props.disabled }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, Object.assign({ columns: items.length + 1, gridGap: props.gridGap }, { children: [items === null || items === void 0 ? void 0 : items.filter(Boolean).map((item, index) => ((0, jsx_runtime_1.jsx)("li", { children: renderItem(item) }, item[itemProp] || index))), children] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(core_1.DragOverlay, Object.assign({ adjustScale: true, dropAnimation: dropAnimationConfig }, { children: !activeItem ? null : renderItem(activeItem) }), void 0)] }), void 0)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0));
|
|
77
|
+
const renderItem = (item, total) => ((0, jsx_runtime_1.jsx)(SortableItem_1.SortableItem, { id: item[itemProp], item: item, width: width, height: height, total: total, onRemove: onRemove }, item[itemProp]));
|
|
78
|
+
return (items === null || items === void 0 ? void 0 : items.length) > 1 ? ((0, jsx_runtime_1.jsxs)(core_1.DndContext, Object.assign({ sensors: sensors, collisionDetection: core_1.closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, measuring: measuringConfig }, { children: [(0, jsx_runtime_1.jsx)(sortable_1.SortableContext, Object.assign({ id: props.id, items: items.filter(Boolean), strategy: sortable_1.rectSortingStrategy, disabled: props.disabled }, { children: (0, jsx_runtime_1.jsxs)(Grid_1.default, Object.assign({ columns: items.length + 1, gridGap: props.gridGap }, { children: [items === null || items === void 0 ? void 0 : items.filter(Boolean).map((item, index, arr) => ((0, jsx_runtime_1.jsx)("li", { children: renderItem(item, arr.length) }, item[itemProp] || index))), children] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(core_1.DragOverlay, Object.assign({ adjustScale: true, dropAnimation: dropAnimationConfig }, { children: !activeItem ? null : renderItem(activeItem, items.length) }), void 0)] }), void 0)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0));
|
|
79
79
|
};
|
|
80
80
|
exports.Sortable = Sortable;
|
|
81
81
|
exports.default = exports.Sortable;
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUE2RTtBQUU3RSx3Q0FjdUI7QUFDdkIsZ0RBSzJCO0FBQzNCLGtEQUEwQjtBQUUxQixpREFBOEM7QUFDOUMsZ0RBQWtEO0FBbUJsRCxNQUFNLG1CQUFtQixHQUFrQjtJQUN6QyxXQUFXLEVBQUUsSUFBQSxzQ0FBK0IsRUFBQztRQUMzQyxNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUU7Z0JBQ04sT0FBTyxFQUFFLEtBQUs7YUFDZjtTQUNGO0tBQ0YsQ0FBQztDQUNILENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRztJQUN0QixTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsd0JBQWlCLENBQUMsTUFBTTtLQUNuQztDQUNGLENBQUM7QUFFSyxNQUFNLFFBQVEsR0FBb0IsQ0FBQyxFQVF6QyxFQUFFLEVBQUU7UUFScUMsRUFDeEMsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEdBQUcsS0FBSyxPQUVqQixFQURJLEtBQUssY0FQZ0MsbUVBUXpDLENBRFM7SUFFUixNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBUSxLQUFLLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzdELE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFnQixJQUFJLENBQUMsQ0FBQztJQUUxRCxJQUFBLGlCQUFTLEVBQUMsR0FBRyxFQUFFOztRQUNiLElBQ0UsQ0FBQyxDQUFDLENBQUEsTUFBQSxLQUFLLENBQUMsS0FBSywwQ0FBRSxNQUFNLE1BQUssQ0FBQyxJQUFJLENBQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE1BQU0sTUFBSyxDQUFDLENBQUM7WUFDbkQsQ0FBQyxJQUFBLG9CQUFXLEVBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsRUFDaEM7WUFDQSxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRWxCLE1BQU0sVUFBVSxHQUFHLElBQUEsZUFBTyxFQUN4QixHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQUssTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxDQUFFLEVBQUUsQ0FBQSxDQUFDLEVBQ3pELENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUNoQixDQUFDO0lBQ0YsTUFBTSxPQUFPLEdBQUcsSUFBQSxpQkFBVSxFQUV4QixJQUFBLGdCQUFTLEVBQUMsa0JBQVcsQ0FBQyxFQUN0QixJQUFBLGdCQUFTLEVBQUMsb0JBQWEsQ0FBQyxFQUN4QixJQUFBLGdCQUFTLEVBQUMscUJBQWMsRUFBRTtRQUN4QixnQkFBZ0IsRUFBRSxzQ0FBMkI7S0FDOUMsQ0FBQyxDQUNILENBQUM7SUFFRixNQUFNLGVBQWUsR0FBRyxJQUFBLG1CQUFXLEVBQUMsQ0FBQyxLQUFxQixFQUFFLEVBQUU7UUFDNUQsU0FBUyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLGFBQWEsR0FBRyxJQUFBLG1CQUFXLEVBQUMsQ0FBQyxLQUFtQixFQUFFLEVBQUU7UUFDeEQsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDL0IsSUFBSSxJQUFJLElBQUksTUFBTSxDQUFDLEVBQUUsTUFBSyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsRUFBRSxDQUFBLEVBQUU7WUFDbEMsUUFBUSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2pCLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQ2pDLENBQUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLE1BQU0sQ0FBQyxFQUFFLENBQ3hDLENBQUM7Z0JBQ0YsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FDL0IsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssSUFBSSxDQUFDLEVBQUUsQ0FDdEMsQ0FBQztnQkFDRixJQUFJLEdBQUcsR0FBRyxJQUFBLG9CQUFTLEVBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3pELFFBQVMsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDZixPQUFPLEdBQUcsQ0FBQztZQUNiLENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUU7WUFDbEIsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsTUFBTSxnQkFBZ0IsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQ3hDLElBQUksTUFBTSxJQUFJLElBQUksRUFBRTtZQUNsQixTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDakI7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLFVBQVUsR0FBRyxDQUFDLElBQVMsRUFBRSxLQUFjLEVBQUUsRUFBRSxDQUFDLENBQ2hELHVCQUFDLDJCQUFZLElBQ1gsRUFBRSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsRUFFbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE1BQU0sRUFBRSxNQUFNLEVBQ2QsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxJQUxiLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FNbkIsQ0FDSCxDQUFDO0lBRUYsT0FBTyxDQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxNQUFNLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN6Qix3QkFBQyxpQkFBVSxrQkFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixrQkFBa0IsRUFBRSxvQkFBYSxFQUNqQyxXQUFXLEVBQUUsZUFBZSxFQUM1QixTQUFTLEVBQUUsYUFBYSxFQUN4QixZQUFZLEVBQUUsZ0JBQWdCLEVBQzlCLFNBQVMsRUFBRSxlQUFlLGlCQUUxQix1QkFBQywwQkFBZSxrQkFDZCxFQUFFLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFDWixLQUFLLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFDNUIsUUFBUSxFQUFFLDhCQUFtQixFQUM3QixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsZ0JBRXhCLHdCQUFDLGNBQUksa0JBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxpQkFDcEQsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ2hELHlDQUNHLFVBQVUsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUR0QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxDQUUzQixDQUNOLENBQUMsRUFDRCxRQUFRLGFBQ0osWUFDUyxFQUNsQix1QkFBQyxrQkFBVyxrQkFDVixXQUFXLFFBRVgsYUFBYSxFQUFFLG1CQUFtQixnQkFFakMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLFlBQzlDLGFBQ0gsQ0FDZCxDQUFDLENBQUMsQ0FBQyxDQUNGLDJEQUFHLFFBQVEsV0FBSSxDQUNoQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBL0dXLFFBQUEsUUFBUSxZQStHbkI7QUFFRixrQkFBZSxnQkFBUSxDQUFDIn0=
|
|
@@ -2,6 +2,7 @@ import React, { HTMLAttributes } from 'react';
|
|
|
2
2
|
export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
id: string | number;
|
|
4
4
|
item: any;
|
|
5
|
+
total?: number;
|
|
5
6
|
width?: number;
|
|
6
7
|
height?: number;
|
|
7
8
|
withOpacity?: boolean;
|
|
@@ -11,6 +12,7 @@ export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
11
12
|
declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
12
13
|
id: string | number;
|
|
13
14
|
item: any;
|
|
15
|
+
total?: number;
|
|
14
16
|
width?: number;
|
|
15
17
|
height?: number;
|
|
16
18
|
withOpacity?: boolean;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { DragHandle, RemoveItem } from './SortableItem';
|
|
4
4
|
import styles from './styles.module.scss';
|
|
5
|
-
const Item = forwardRef(({ item, withOpacity, isDragging, style, width = 100, height = 100, ...props }, ref) => {
|
|
5
|
+
const Item = forwardRef(({ item, withOpacity, isDragging, style, width = 100, height = 100, total = 1, ...props }, ref) => {
|
|
6
6
|
const inlineStyles = {
|
|
7
7
|
opacity: withOpacity ? '0.5' : '1',
|
|
8
8
|
transformOrigin: '50% 50%',
|
|
@@ -24,7 +24,7 @@ const Item = forwardRef(({ item, withOpacity, isDragging, style, width = 100, he
|
|
|
24
24
|
transform: isDragging ? 'scale(1.05)' : 'scale(1)',
|
|
25
25
|
...style,
|
|
26
26
|
};
|
|
27
|
-
return (_jsx("div", { ref: ref, style: inlineStyles, ...props, children: _jsxs("div", { className: styles.actionButtons, children: [_jsx(RemoveItem, { id: item?.uri }, void 0), _jsx(DragHandle, {}, void 0)] }, void 0) }, void 0));
|
|
27
|
+
return (_jsx("div", { ref: ref, style: inlineStyles, ...props, children: _jsxs("div", { className: styles.actionButtons, children: [_jsx(RemoveItem, { id: item?.uri }, void 0), total > 1 && _jsx(DragHandle, {}, void 0)] }, void 0) }, void 0));
|
|
28
28
|
});
|
|
29
29
|
export default Item;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBYyxFQUFFLFVBQVUsRUFBaUMsTUFBTSxPQUFPLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4RCxPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQztBQWExQyxNQUFNLElBQUksR0FBRyxVQUFVLENBQ3JCLENBQ0UsRUFDRSxJQUFJLEVBQ0osV0FBVyxFQUNYLFVBQVUsRUFDVixLQUFLLEVBQ0wsS0FBSyxHQUFHLEdBQUcsRUFDWCxNQUFNLEdBQUcsR0FBRyxFQUNaLEtBQUssR0FBRyxDQUFDLEVBQ1QsR0FBRyxLQUFLLEVBQ1QsRUFDRCxHQUFHLEVBQ0gsRUFBRTtJQUNGLE1BQU0sWUFBWSxHQUFrQjtRQUNsQyxPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUc7UUFDbEMsZUFBZSxFQUFFLFNBQVM7UUFDMUIsTUFBTSxFQUFFLEdBQUcsS0FBSyxJQUFJO1FBQ3BCLEtBQUssRUFBRSxHQUFHLE1BQU0sSUFBSTtRQUNwQixRQUFRLEVBQUUsR0FBRyxLQUFLLElBQUk7UUFDdEIsU0FBUyxFQUFFLEdBQUcsTUFBTSxJQUFJO1FBQ3hCLFlBQVksRUFBRSxLQUFLO1FBRW5CLGVBQWUsRUFBRSxNQUFNO1FBQ3ZCLGVBQWUsRUFBRSxRQUFRLElBQUksRUFBRSxHQUFHLElBQUkseUJBQXlCLElBQUk7UUFDbkUsY0FBYyxFQUFFLE9BQU87UUFDdkIsa0JBQWtCLEVBQUUsUUFBUTtRQUM1QixPQUFPLEVBQUUsTUFBTTtRQUNmLGNBQWMsRUFBRSxRQUFRO1FBQ3hCLFVBQVUsRUFBRSxRQUFRO1FBQ3BCLFNBQVMsRUFBRSxVQUFVO1lBQ25CLENBQUMsQ0FBQyx5RUFBeUU7WUFDM0UsQ0FBQyxDQUFDLHlFQUF5RTtRQUM3RSxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFDbEQsR0FBRyxLQUFLO0tBQ1QsQ0FBQztJQUVGLE9BQU8sQ0FDTCxjQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFlBQVksS0FBTSxLQUFLLFlBQzNDLGVBQUssU0FBUyxFQUFFLE1BQU0sQ0FBQyxhQUFhLGFBQ2xDLEtBQUMsVUFBVSxJQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsR0FBRyxXQUFJLEVBQzVCLEtBQUssR0FBRyxDQUFDLElBQUksS0FBQyxVQUFVLGFBQUcsWUFDeEIsV0FDRixDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQztBQUVGLGVBQWUsSUFBSSxDQUFDIn0=
|
|
@@ -55,8 +55,8 @@ export const Sortable = ({ onChange, onRemove, children, width, height, itemProp
|
|
|
55
55
|
setActive(null);
|
|
56
56
|
}
|
|
57
57
|
}, []);
|
|
58
|
-
const renderItem = (item) => (_jsx(SortableItem, { id: item[itemProp], item: item, width: width, height: height, onRemove: onRemove }, item[itemProp]));
|
|
59
|
-
return items?.length > 1 ? (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, measuring: measuringConfig, children: [_jsx(SortableContext, { id: props.id, items: items.filter(Boolean), strategy: rectSortingStrategy, disabled: props.disabled, children: _jsxs(Grid, { columns: items.length + 1, gridGap: props.gridGap, children: [items?.filter(Boolean).map((item, index) => (_jsx("li", { children: renderItem(item) }, item[itemProp] || index))), children] }, void 0) }, void 0), _jsx(DragOverlay, { adjustScale: true, dropAnimation: dropAnimationConfig, children: !activeItem ? null : renderItem(activeItem) }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: children }, void 0));
|
|
58
|
+
const renderItem = (item, total) => (_jsx(SortableItem, { id: item[itemProp], item: item, width: width, height: height, total: total, onRemove: onRemove }, item[itemProp]));
|
|
59
|
+
return items?.length > 1 ? (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, measuring: measuringConfig, children: [_jsx(SortableContext, { id: props.id, items: items.filter(Boolean), strategy: rectSortingStrategy, disabled: props.disabled, children: _jsxs(Grid, { columns: items.length + 1, gridGap: props.gridGap, children: [items?.filter(Boolean).map((item, index, arr) => (_jsx("li", { children: renderItem(item, arr.length) }, item[itemProp] || index))), children] }, void 0) }, void 0), _jsx(DragOverlay, { adjustScale: true, dropAnimation: dropAnimationConfig, children: !activeItem ? null : renderItem(activeItem, items.length) }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: children }, void 0));
|
|
60
60
|
};
|
|
61
61
|
export default Sortable;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFjLEVBQU0sUUFBUSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRTdFLE9BQU8sRUFDTCxVQUFVLEVBQ1YsYUFBYSxFQUViLFdBQVcsRUFDWCxXQUFXLEVBQ1gsU0FBUyxFQUNULFVBQVUsRUFHViwrQkFBK0IsRUFDL0IsaUJBQWlCLEVBQ2pCLGNBQWMsRUFDZCxhQUFhLEdBQ2QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsbUJBQW1CLEVBQ25CLDJCQUEyQixHQUM1QixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBbUJsRCxNQUFNLG1CQUFtQixHQUFrQjtJQUN6QyxXQUFXLEVBQUUsK0JBQStCLENBQUM7UUFDM0MsTUFBTSxFQUFFO1lBQ04sTUFBTSxFQUFFO2dCQUNOLE9BQU8sRUFBRSxLQUFLO2FBQ2Y7U0FDRjtLQUNGLENBQUM7Q0FDSCxDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUc7SUFDdEIsU0FBUyxFQUFFO1FBQ1QsUUFBUSxFQUFFLGlCQUFpQixDQUFDLE1BQU07S0FDbkM7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFvQixDQUFDLEVBQ3hDLFFBQVEsRUFDUixRQUFRLEVBQ1IsUUFBUSxFQUNSLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxHQUFHLEtBQUssRUFDaEIsR0FBRyxLQUFLLEVBQ1QsRUFBRSxFQUFFO0lB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
|