nuudel-core 0.2.58 → 0.2.60

package/build/main/lib/components/Sortable/Grid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type GridProps = {
+    columns: number;
+};
+declare const Grid: React.FC<GridProps>;
+export default Grid;

package/build/main/lib/components/Sortable/Grid.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const useWindowDimension_1 = require("../../common/useWindowDimension");
+const Grid = ({ children, columns }) => {
+    const maxColumn = columns > 10 ? 10 : columns;
+    let cols = Math.floor((0, useWindowDimension_1.useWindowDimensions)().width / 120) || columns;
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: styles_module_scss_1.default.itemGrid, style: {
+                display: 'grid',
+                gridTemplateColumns: `repeat(${cols > maxColumn ? maxColumn : cols}, 1fr)`,
+                gridGap: 10,
+                margin: '10px 0',
+            } }, { children: children }), void 0) }), void 0));
+};
+exports.default = Grid;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9HcmlkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSw0Q0FBZ0Q7QUFDaEQsOEVBQTBDO0FBQzFDLHdFQUFzRTtBQU10RSxNQUFNLElBQUksR0FBd0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO0lBQzFELE1BQU0sU0FBUyxHQUFHLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQzlDLElBQUksSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBQSx3Q0FBbUIsR0FBRSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsSUFBSSxPQUFPLENBQUM7SUFDcEUsT0FBTyxDQUNMLHVCQUFDLGVBQU8sa0JBQUMsU0FBUyxzQkFDaEIsNkNBQ0UsU0FBUyxFQUFFLDRCQUFNLENBQUMsUUFBUSxFQUMxQixLQUFLLEVBQUU7Z0JBQ0wsT0FBTyxFQUFFLE1BQU07Z0JBQ2YsbUJBQW1CLEVBQUUsVUFDbkIsSUFBSSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUNqQyxRQUFRO2dCQUNSLE9BQU8sRUFBRSxFQUFFO2dCQUVYLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLGdCQUVBLFFBQVEsWUFDTixZQUNHLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLElBQUksQ0FBQyJ9

package/build/main/lib/components/Sortable/Item.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
+    id: string | number;
+    item: any;
+    withOpacity?: boolean;
+    isDragging?: boolean;
+    onRemove?(id: string | number): any;
+};
+declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    id: string | number;
+    item: any;
+    withOpacity?: boolean;
+    isDragging?: boolean;
+    onRemove?(id: string | number): any;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Item;

package/build/main/lib/components/Sortable/Item.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const SortableItem_1 = require("./SortableItem");
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const width = 100;
+const Item = (0, react_1.forwardRef)((_a, ref) => {
+    var { item, withOpacity, isDragging, style } = _a, props = __rest(_a, ["item", "withOpacity", "isDragging", "style"]);
+    const inlineStyles = Object.assign({ opacity: withOpacity ? '0.5' : '1', transformOrigin: '50% 50%', height: `${width}px`, width: `${width}px`, maxWidth: `${width}px`, maxHeight: `${width}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
+            ? 'rgb(63 63 68 / 5%) 0px 2px 0px 2px, rgb(34 33 81 / 15%) 0px 2px 3px 2px'
+            : '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);
+    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));
+});
+exports.default = Item;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUF5RTtBQUN6RSxpREFBd0Q7QUFDeEQsOEVBQTBDO0FBVTFDLE1BQU0sS0FBSyxHQUFHLEdBQUcsQ0FBQztBQUVsQixNQUFNLElBQUksR0FBRyxJQUFBLGtCQUFVLEVBQ3JCLENBQUMsRUFBa0QsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUEzRCxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBaEQsOENBQWtELENBQUY7SUFDL0MsTUFBTSxZQUFZLG1CQUNoQixPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFDbEMsZUFBZSxFQUFFLFNBQVMsRUFDMUIsTUFBTSxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQ3BCLEtBQUssRUFBRSxHQUFHLEtBQUssSUFBSSxFQUNuQixRQUFRLEVBQUUsR0FBRyxLQUFLLElBQUksRUFDdEIsU0FBUyxFQUFFLEdBQUcsS0FBSyxJQUFJLEVBQ3ZCLFlBQVksRUFBRSxLQUFLLEVBRW5CLGVBQWUsRUFBRSxNQUFNLEVBQ3ZCLGVBQWUsRUFBRSxRQUFRLENBQUEsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEdBQUcsS0FBSSx5QkFBeUIsSUFBSSxFQUNuRSxjQUFjLEVBQUUsT0FBTyxFQUN2QixrQkFBa0IsRUFBRSxRQUFRLEVBQzVCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsY0FBYyxFQUFFLFFBQVEsRUFDeEIsVUFBVSxFQUFFLFFBQVEsRUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDbkIsQ0FBQyxDQUFDLHlFQUF5RTtZQUMzRSxDQUFDLENBQUMseUVBQXlFLEVBQzdFLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUMvQyxLQUFLLENBQ1QsQ0FBQztJQUVGLE9BQU8sQ0FDTCw4Q0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLElBQU0sS0FBSyxjQUMzQywrQ0FBSyxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxhQUFhLGlCQUNsQyx1QkFBQyx5QkFBVSxJQUFDLEVBQUUsRUFBRSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsR0FBRyxXQUFJLEVBQzdCLHVCQUFDLHlCQUFVLGFBQUcsYUFDVixZQUNGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsa0JBQWUsSUFBSSxDQUFDIn0=

package/build/main/lib/components/Sortable/SortableItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ItemProps } from './Item';
+export declare const SortableItem: FC<ItemProps>;
+interface IRemoveProps {
+    id: string | number;
+}
+export declare function RemoveItem<IRemoveProp>(prop: IRemoveProps): JSX.Element;
+export declare function DragHandle(): JSX.Element;
+export {};

package/build/main/lib/components/Sortable/SortableItem.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragHandle = exports.RemoveItem = exports.SortableItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const Item_1 = __importDefault(require("./Item"));
+const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
+const SortableItemContext = (0, react_1.createContext)({
+    attributes: {},
+    listeners: undefined,
+    ref() { },
+});
+function animateLayoutChanges(args) {
+    const { isSorting, wasSorting } = args;
+    return isSorting || wasSorting ? (0, sortable_1.defaultAnimateLayoutChanges)(args) : true;
+}
+const SortableItem = props => {
+    var _a;
+    const { isDragging, attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, } = (0, sortable_1.useSortable)({ animateLayoutChanges, id: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.uri) || props.id });
+    const context = (0, react_1.useMemo)(() => ({
+        attributes,
+        listeners,
+        ref: setActivatorNodeRef,
+        onRemove: props.onRemove,
+    }), [attributes, listeners, setActivatorNodeRef]);
+    const style = {
+        opacity: isDragging ? 0.4 : undefined,
+        transform: utilities_1.CSS.Transform.toString(transform),
+        transition: transition || undefined,
+    };
+    return ((0, jsx_runtime_1.jsx)(SortableItemContext.Provider, Object.assign({ value: context }, { children: (0, jsx_runtime_1.jsx)(Item_1.default, Object.assign({ className: styles_module_scss_1.default.sortableItem, ref: setNodeRef, style: style, withOpacity: isDragging }, props), void 0) }), void 0));
+};
+exports.SortableItem = SortableItem;
+function RemoveItem(prop) {
+    const { onRemove = undefined } = (0, react_1.useContext)(SortableItemContext);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: styles_module_scss_1.default.removeItem, type: "button", onClick: e => {
+            if (onRemove) {
+                onRemove(prop.id);
+            }
+        } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 22 22", width: "8" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" }, void 0) }), void 0) }), void 0));
+}
+exports.RemoveItem = RemoveItem;
+function DragHandle() {
+    const { attributes, listeners, ref } = (0, react_1.useContext)(SortableItemContext);
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: styles_module_scss_1.default.dragHandle, type: "button" }, attributes, listeners, { ref: ref }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "0 0 20 20", width: "12" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }, void 0) }), void 0) }), void 0));
+}
+exports.DragHandle = DragHandle;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29ydGFibGVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL1NvcnRhYmxlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLGlDQUFvRTtBQUNwRSxnREFBMkU7QUFDM0Usa0RBQXVDO0FBQ3ZDLGtEQUF1QztBQUN2Qyw4RUFBMEM7QUFXMUMsTUFBTSxtQkFBbUIsR0FBRyxJQUFBLHFCQUFhLEVBQVU7SUFDakQsVUFBVSxFQUFFLEVBQUU7SUFDZCxTQUFTLEVBQUUsU0FBUztJQUNwQixHQUFHLEtBQUksQ0FBQztDQUNULENBQUMsQ0FBQztBQUVILFNBQVMsb0JBQW9CLENBQUMsSUFBSTtJQUNoQyxNQUFNLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxHQUFHLElBQUksQ0FBQztJQUNyQyxPQUFPLFNBQVMsSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUEsc0NBQTJCLEVBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUM1RSxDQUFDO0FBRU0sTUFBTSxZQUFZLEdBQWtCLEtBQUssQ0FBQyxFQUFFOztJQUNqRCxNQUFNLEVBQ0osVUFBVSxFQUNWLFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLFNBQVMsRUFDVCxVQUFVLEVBQ1YsbUJBQW1CLEdBQ3BCLEdBQUcsSUFBQSxzQkFBVyxFQUFDLEVBQUMsb0JBQW9CLEVBQUUsRUFBRSxFQUFFLENBQUEsTUFBQSxLQUFLLENBQUMsSUFBSSwwQ0FBRSxHQUFHLEtBQUksS0FBSyxDQUFDLEVBQUUsRUFBQyxDQUFDLENBQUM7SUFFekUsTUFBTSxPQUFPLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDTCxVQUFVO1FBQ1YsU0FBUztRQUNULEdBQUcsRUFBRSxtQkFBbUI7UUFDeEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRO0tBQ3pCLENBQUMsRUFDRixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FDN0MsQ0FBQztJQUVGLE1BQU0sS0FBSyxHQUFrQjtRQUMzQixPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDckMsU0FBUyxFQUFFLGVBQUcsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztRQUM1QyxVQUFVLEVBQUUsVUFBVSxJQUFJLFNBQVM7S0FDcEMsQ0FBQztJQUVGLE9BQU8sQ0FDTCx1QkFBQyxtQkFBbUIsQ0FBQyxRQUFRLGtCQUFDLEtBQUssRUFBRSxPQUFPLGdCQUMxQyx1QkFBQyxjQUFJLGtCQUNILFNBQVMsRUFBRSw0QkFBTSxDQUFDLFlBQVksRUFDOUIsR0FBRyxFQUFFLFVBQVUsRUFDZixLQUFLLEVBQUUsS0FBSyxFQUNaLFdBQVcsRUFBRSxVQUFVLElBQ25CLEtBQUssVUFHVCxZQUMyQixDQUNoQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBeENXLFFBQUEsWUFBWSxnQkF3Q3ZCO0FBTUYsU0FBZ0IsVUFBVSxDQUFjLElBQWtCO0lBQ3hELE1BQU0sRUFBQyxRQUFRLEdBQUcsU0FBUyxFQUFDLEdBQUcsSUFBQSxrQkFBVSxFQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDL0QsT0FBTyxDQUNMLGlEQUNFLFNBQVMsRUFBRSw0QkFBTSxDQUFDLFVBQVUsRUFDNUIsSUFBSSxFQUFDLFFBQVEsRUFDYixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUU7WUFDWCxJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ3BCO1FBRUgsQ0FBQyxnQkFDRCw4Q0FBSyxPQUFPLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBQyxHQUFHLGdCQUNoQyxpQ0FBTSxDQUFDLEVBQUMsNnBCQUE2cEIsV0FBUSxZQUN6cUIsWUFDQyxDQUNWLENBQUM7QUFDSixDQUFDO0FBakJELGdDQWlCQztBQUVELFNBQWdCLFVBQVU7SUFDeEIsTUFBTSxFQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLEdBQUcsSUFBQSxrQkFBVSxFQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDckUsT0FBTyxDQUNMLGlEQUNFLFNBQVMsRUFBRSw0QkFBTSxDQUFDLFVBQVUsRUFDNUIsSUFBSSxFQUFDLFFBQVEsSUFDVCxVQUFVLEVBQ1YsU0FBUyxJQUViLEdBQUcsRUFBRSxHQUFHLGdCQUNSLDhDQUFLLE9BQU8sRUFBQyxXQUFXLEVBQUMsS0FBSyxFQUFDLElBQUksZ0JBQ2pDLGlDQUFNLENBQUMsRUFBQyx1UEFBdVAsV0FBUSxZQUNuUSxZQUNDLENBQ1YsQ0FBQztBQUNKLENBQUM7QUFmRCxnQ0FlQyJ9

package/build/main/lib/components/Sortable/index.d.ts

@@ -1,6 +1,14 @@
-import React from 'react';
-interface ISortProps {
+import { FC } from 'react';
+import type { ReactNode } from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+interface BaseItem {
+    id: UniqueIdentifier | string;
+}
+interface IProps<T extends BaseItem> {
     disabled?: boolean;
+    items: T[];
+    onChange?(items: T[]): void;
+    renderItem(item: T): ReactNode;
 }
-export declare const Sortable: React.FC<ISortProps>;
+export declare const Sortable: FC<IProps<any>>;
 export default Sortable;

package/build/main/lib/components/Sortable/index.js

@@ -10,13 +10,62 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sortable = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const Grid_1 = __importDefault(require("./Grid"));
+const dropAnimationConfig = {
+    sideEffects: (0, core_1.defaultDropAnimationSideEffects)({
+        styles: {
+            active: {
+                opacity: '0.4',
+            },
+        },
+    }),
+};
+const measuringConfig = {
+    droppable: {
+        strategy: core_1.MeasuringStrategy.Always,
+    },
+};
 const Sortable = (_a) => {
-    var props = __rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}, void 0);
+    var { onChange, renderItem, children } = _a, props = __rest(_a, ["onChange", "renderItem", "children"]);
+    const [items, setItems] = (0, react_1.useState)(props.items || []);
+    const [active, setActive] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        setItems(props.items || []);
+    }, [props.items]);
+    const activeItem = (0, react_1.useMemo)(() => items.find(item => (item === null || item === void 0 ? void 0 : item.uri) === (active === null || active === void 0 ? void 0 : active.id)), [active, items]);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.TouchSensor), (0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    const handleDragStart = (0, react_1.useCallback)((event) => {
+        setActive(event.active);
+    }, []);
+    const handleDragEnd = (0, react_1.useCallback)((event) => {
+        const { active, over } = event;
+        if (over && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+            setItems(items => {
+                const activeIndex = items.findIndex(({ uri = undefined }) => uri === active.id);
+                const overIndex = items.findIndex(({ uri = undefined }) => uri === over.id);
+                let arr = (0, sortable_1.arrayMove)(items, activeIndex, overIndex) || [];
+                onChange(arr);
+                return arr;
+            });
+        }
+        setActive(null);
+    }, []);
+    const handleDragCancel = (0, react_1.useCallback)(() => {
+        setActive(null);
+    }, []);
+    return ((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({ 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 }, { children: [items === null || items === void 0 ? void 0 : items.filter(Boolean).map((item, index) => ((0, jsx_runtime_1.jsx)("li", { children: renderItem(item) }, (item === null || item === void 0 ? void 0 : item.uri) || 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));
 };
 exports.Sortable = Sortable;
 exports.default = exports.Sortable;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztBQU1PLE1BQU0sUUFBUSxHQUF5QixDQUFDLEVBQVksRUFBRSxFQUFFO1FBQVgsS0FBSyxjQUFWLEVBQVksQ0FBRjtJQUN2RCxPQUFPLDBEQUFLLENBQUM7QUFDZixDQUFDLENBQUM7QUFGVyxRQUFBLFFBQVEsWUFFbkI7QUFFRixrQkFBZSxnQkFBUSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUEyRTtBQUUzRSx3Q0FjdUI7QUFDdkIsZ0RBSzJCO0FBQzNCLGtEQUEwQjtBQWMxQixNQUFNLG1CQUFtQixHQUFrQjtJQUN6QyxXQUFXLEVBQUUsSUFBQSxzQ0FBK0IsRUFBQztRQUMzQyxNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUU7Z0JBQ04sT0FBTyxFQUFFLEtBQUs7YUFDZjtTQUNGO0tBQ0YsQ0FBQztDQUNILENBQUM7QUFFRixNQUFNLGVBQWUsR0FBRztJQUN0QixTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsd0JBQWlCLENBQUMsTUFBTTtLQUNuQztDQUNGLENBQUM7QUFFSyxNQUFNLFFBQVEsR0FBb0IsQ0FBQyxFQUt6QyxFQUFFLEVBQUU7UUFMcUMsRUFDeEMsUUFBUSxFQUNSLFVBQVUsRUFDVixRQUFRLE9BRVQsRUFESSxLQUFLLGNBSmdDLHNDQUt6QyxDQURTO0lBRVIsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQVEsS0FBSyxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztJQUM3RCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBZ0IsSUFBSSxDQUFDLENBQUM7SUFFMUQsSUFBQSxpQkFBUyxFQUFDLEdBQUcsRUFBRTtRQUNiLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRWxCLE1BQU0sVUFBVSxHQUFHLElBQUEsZUFBTyxFQUN4QixHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMs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

package/build/main/lib/components/Sortable/styles.module.scss

@@ -0,0 +1,100 @@
+@import '../../theme/variables/colors';
+
+.sortableItem {
+    display: flex;
+    justify-content: space-between;
+    flex-grow: 1;
+    align-items: center;
+    padding: 18px 20px;
+    background-color: #fff;
+    box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
+        0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
+    border-radius: calc(4px / var(--scale-x, 1));
+    box-sizing: border-box;
+    list-style: none;
+    color: $text-dark;
+    font-weight: 400;
+    font-size: 1rem;
+
+    &:hover .removeItem {
+        visibility: visible !important;
+    }
+}
+
+.dragHandle,
+.removeItem {
+    display: flex;
+    width: 12px;
+    padding: 15px;
+    margin-left: 3px;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    touch-action: none;
+    cursor: var(--cursor, pointer);
+    border-radius: 5px;
+    border: none;
+    outline: none;
+    appearance: none;
+    background-color: rgba(255, 255, 255, 0.5);
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+        background-color: rgba(255, 255, 255, 0.75);
+    }
+
+    &:focus-visible {
+        box-shadow: 0 0px 0px 2px $primary;
+    }
+
+    svg {
+        flex: 0 0 auto;
+        margin: auto;
+        height: 100%;
+        overflow: visible;
+        fill: $placeholder;
+    }
+}
+
+.removeItem {
+    visibility: hidden;
+}
+
+.actionButtons {
+    z-index: 1;
+    display: flex;
+    align-self: flex-start;
+    margin-top: -12px;
+    margin-left: auto;
+    margin-bottom: -15px;
+    margin-right: -10px;
+}
+
+.itemGrid {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    max-width: 330px;
+
+    @media screen and (min-width: 1100px) {
+        max-width: 1100px;
+    }
+
+    @media screen and (min-width: 960px) and (max-width: 1099px) {
+        max-width: 960px;
+    }
+
+    @media screen and (min-width: 780px) and (max-width: 959px) {
+        max-width: 780px;
+    }
+
+    @media screen and (min-width: 500px) and (max-width: 779px) {
+        max-width: 500px;
+    }
+
+    li:first-child {
+        //border: 2px solid $warning;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);
+    }
+}

package/build/main/lib/components/Upload/index.d.ts

@@ -11,7 +11,7 @@ interface IUploadProps {
     maxFiles?: number;
     onChange?(val: any): any;
     toWidth?: number;
-    icon?: any;
+    width?: number;
 }
 declare const Upload: React.FC<IUploadProps>;
 export default Upload;

package/build/main/lib/components/Upload/index.js

@@ -44,14 +44,16 @@ const i18n_1 = require("../../loc/i18n");
 const axios_1 = __importDefault(require("axios"));
 const UI_1 = __importDefault(require("../../common/UI"));
 const resizeImage_1 = require("./resizeImage");
+const Sortable_1 = require("../Sortable");
+const SortableItem_1 = require("../Sortable/SortableItem");
 const Upload = (_a) => {
-    var { uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, accept = {
+    var { uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, width = 100, accept = {
         'image/*': [],
-    } } = _a, props = __rest(_a, ["uploaded", "label", "multiple", "disabled", "minSize", "maxSize", "maxFiles", "accept"]);
+    } } = _a, props = __rest(_a, ["uploaded", "label", "multiple", "disabled", "minSize", "maxSize", "maxFiles", "width", "accept"]);
     const classes = (0, Style_1.useStyles)();
     const [totalFilesToUpload, setTotalFilesToUpload] = react_1.default.useState(0);
     const [totalFilesUploaded, setTotalFilesUploaded] = (0, react_1.useState)([]);
-    const [alreadyUploadedImages, setAlreadyUploadedImages] = (0, react_1.useState)(!uploaded || uploaded instanceof Array ? uploaded : [uploaded]);
+    const [alreadyUploadedImages, setAlreadyUploadedImages] = (0, react_1.useState)(uploaded instanceof Array ? uploaded : !uploaded ? [] : [uploaded]);
     const [files, setFiles] = (0, react_1.useState)([]);
     const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)({
         multiple,
@@ -101,7 +103,7 @@ const Upload = (_a) => {
                 });
                 if (r && r.data) {
                     let res = r.data;
-                    const url = res.secure_url || res.url;
+                    const url = res.secure_url || res.url || res.uri;
                     let picture = { uri: url };
                     if (res.height) {
                         picture['height'] = res.height;
@@ -133,11 +135,11 @@ const Upload = (_a) => {
         if (!allImages[index] || !allImages[index].uri) {
             return;
         }
-        let allImagesData = [...allImages];
+        let allImagesData = allImages.map((it) => (Object.assign({}, it)));
         let uploadUrl = ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NEXT_PUBLIC_IMAGE_UPLOAD_URL) || '';
         if ((uploadUrl === null || uploadUrl === void 0 ? void 0 : uploadUrl.indexOf('cloudinary.com')) < 0) {
             const data = {
-                delete: allImages[index].uri,
+                delete: allImagesData[index].uri,
                 upload_preset: (_b = process === null || process === void 0 ? void 0 : process.env) === null || _b === void 0 ? void 0 : _b.NEXT_PUBLIC_OBJECT_STORAGE_BUCKET,
             };
             const r = await (0, axios_1.default)({
@@ -154,19 +156,19 @@ const Upload = (_a) => {
         }
     };
     const ProductImagesSection = ({ images }) => {
-        if (images && images.length > 0) {
+        if ((images === null || images === void 0 ? void 0 : images.length) > 0) {
             return ((0, jsx_runtime_1.jsx)(material_1.ImageList, Object.assign({ className: classes.gridList, style: { margin: '0px' } }, { children: images.map((image, index) => {
                     return ((0, jsx_runtime_1.jsxs)(material_1.ImageListItem, Object.assign({ style: {
-                            width: '90px',
-                            height: '90px',
+                            width: `${width}px`,
+                            height: `${width}px`,
                             padding: '0',
                             display: 'inline-block',
                             marginRight: '5px',
-                        } }, { children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: image.uri || '/images/placeholder.png', alt: "Image", width: 90, height: 90 }, void 0), (0, jsx_runtime_1.jsx)(material_1.ImageListItemBar, { classes: {
+                        } }, { children: [(0, jsx_runtime_1.jsx)(Image_1.default, { src: (image === null || image === void 0 ? void 0 : image.uri) || '/images/placeholder.png', alt: "Image", width: width, height: width }, void 0), (0, jsx_runtime_1.jsx)(material_1.ImageListItemBar, { classes: {
                                     root: classes.titleBar,
                                 }, actionIcon: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: disabled === true, onClick: (e) => {
                                         removeExistingImage(index, alreadyUploadedImages);
-                                    }, className: classes.icon }, { children: !props.icon ? (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}, void 0) : props.icon }), void 0) }, void 0)] }), index));
+                                    }, className: classes.icon }, { children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}, void 0) }), void 0) }, void 0)] }), index));
                 }) }), void 0));
         }
         else {
@@ -201,7 +203,15 @@ const Upload = (_a) => {
             return (0, jsx_runtime_1.jsx)("span", {}, void 0);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ container: true }, { children: [multiple ? ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, style: { marginBottom: '5px' } }, { children: (0, jsx_runtime_1.jsx)(ProductImagesSection, { images: alreadyUploadedImages }, void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(ProductImagesSection, { images: alreadyUploadedImages }, void 0)), (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: classes.FileContainer }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({}, getRootProps({ className: 'dropzone' }), { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps()), void 0), (0, jsx_runtime_1.jsx)("p", { children: (0, i18n_1.t)(`Image drag and drop`, { label: label }) }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(FileUploading, {}, void 0)] }), void 0)] }), void 0));
+    const onRemove = (Id) => {
+        let index = alreadyUploadedImages.findIndex((item) => (item === null || item === void 0 ? void 0 : item.uri) === Id);
+        if (index >= 0) {
+            removeExistingImage(index, alreadyUploadedImages);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true }, { children: (0, jsx_runtime_1.jsx)(Sortable_1.Sortable, Object.assign({ items: alreadyUploadedImages, onChange: setAlreadyUploadedImages, renderItem: (item) => ((0, jsx_runtime_1.jsx)(SortableItem_1.SortableItem, { id: item === null || item === void 0 ? void 0 : item.uri, item: item, onRemove: onRemove }, void 0)) }, { children: (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: classes.FileContainer, style: { maxHeight: width } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({}, getRootProps({ className: 'dropzone' }), { style: {
+                            width: (alreadyUploadedImages === null || alreadyUploadedImages === void 0 ? void 0 : alreadyUploadedImages.length) > 0 ? width : undefined,
+                        } }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps()), void 0), (alreadyUploadedImages === null || alreadyUploadedImages === void 0 ? void 0 : alreadyUploadedImages.length) > 0 ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: { fontSize: 60, lineHeight: '50px' } }, { children: "+" }), void 0)) : ((0, jsx_runtime_1.jsx)("p", { children: (0, i18n_1.t)(`Image drag and drop`, { label: label }) }, void 0))] }), void 0), (0, jsx_runtime_1.jsx)(FileUploading, {}, void 0)] }), void 0) }), void 0) }), void 0));
 };
 exports.default = Upload;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVXBsb2FkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQ0FBMkQ7QUFDM0QsNENBTXVCO0FBQ3ZCLG1FQUEyQztBQUMzQyxtREFBc0U7QUFDdEUsbUNBQW9DO0FBQ3BDLHNGQUFrRTtBQUNsRSx5Q0FBbUM7QUFDbkMsa0RBQTBCO0FBQzFCLHlEQUFpQztBQUNqQywrQ0FBNEM7QUFpQjVDLE1BQU0sTUFBTSxHQUEyQixDQUFDLEVBWXZDLEVBQUUsRUFBRTtRQVptQyxFQUN0QyxRQUFRLEdBQUcsRUFBRSxFQUNiLEtBQUssR0FBRyxFQUFFLEVBQ1YsUUFBUSxHQUFHLElBQUksRUFDZixRQUFRLEdBQUcsS0FBSyxFQUNoQixPQUFPLEdBQUcsU0FBUyxFQUNuQixPQUFPLEdBQUcsUUFBUSxFQUNsQixRQUFRLEdBQUcsRUFBRSxFQUNiLE1BQU0sR0FBRztRQUNQLFNBQVMsRUFBRSxFQUFFO0tBQ2QsT0FFRixFQURJLEtBQUssY0FYOEIseUZBWXZDLENBRFM7SUFFUixNQUFNLE9BQU8sR0FBRyxJQUFBLGlCQUFTLEdBQUUsQ0FBQztJQU01QixNQUFNLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsR0FBRyxlQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RFLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFFMUQsRUFBRSxDQUFDLENBQUM7SUFDTixNQUFNLENBQUMscUJBQXFCLEVBQUUsd0JBQXdCLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQ2hFLENBQUMsUUFBUSxJQUFJLFFBQVEsWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFR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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVXBsb2FkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrQ0FBMkQ7QUFDM0QsNENBTXVCO0FBQ3ZCLG1FQUEyQztBQUMzQyxtREFBc0U7QUFDdEUsbUNBQW9DO0FBQ3BDLHNGQUFrRTtBQUNsRSx5Q0FBbUM7QUFDbkMsa0RBQTBCO0FBQzFCLHlEQUFpQztBQUNqQywrQ0FBNEM7QUFDNUMsMENBQXVDO0FBQ3ZDLDJEQUF3RDtBQWlCeEQsTUFBTSxNQUFNLEdBQTJCLENBQUMsRUFhdkMsRUFBRSxFQUFFO1FBYm1DLEVBQ3RDLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEVBQUUsRUFDVixRQUFRLEdBQUcsSUFBSSxFQUNmLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLE9BQU8sR0FBRyxTQUFTLEVBQ25CLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEdBQUcsRUFDWCxNQUFNLEdBQUc7UUFDUCxTQUFTLEVBQUUsRUFBRTtLQUNkLE9BRUYsRUFESSxLQUFLLGNBWjhCLGtHQWF2QyxDQURTO0lBRVIsTUFBTSxPQUFPLEdBQUcsSUFBQSxpQkFBUyxHQUFFLENBQUM7SUFNNUIsTUFBTSxDQUFDLGtCQUFrQixFQUFFLHFCQUFxQixDQUFDLEdBQUcsZUFBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RSxNQUFNLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBRTFELEVBQUUsQ0FBQyxDQUFDO0lBQ04sTUFBTSxDQUFDLHFCQUFxQixFQUFFLHdCQUF3QixDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUVoRSxRQUFRLFlBQVksS0FBSyxDQUFDLENBQUMsQ0FB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

package/build/module/lib/components/Sortable/Grid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type GridProps = {
+    columns: number;
+};
+declare const Grid: React.FC<GridProps>;
+export default Grid;

package/build/module/lib/components/Sortable/Grid.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid as MuiGrid } from '@mui/material';
+import styles from './styles.module.scss';
+import { useWindowDimensions } from '../../common/useWindowDimension';
+const Grid = ({ children, columns }) => {
+    const maxColumn = columns > 10 ? 10 : columns;
+    let cols = Math.floor(useWindowDimensions().width / 120) || columns;
+    return (_jsx(MuiGrid, { container: true, children: _jsx("ul", { className: styles.itemGrid, style: {
+                display: 'grid',
+                gridTemplateColumns: `repeat(${cols > maxColumn ? maxColumn : cols}, 1fr)`,
+                gridGap: 10,
+                margin: '10px 0',
+            }, children: children }, void 0) }, void 0));
+};
+export default Grid;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9HcmlkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksSUFBSSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFNdEUsTUFBTSxJQUFJLEdBQXdCLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRTtJQUMxRCxNQUFNLFNBQVMsR0FBRyxPQUFPLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztJQUM5QyxJQUFJLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLG1CQUFtQixFQUFFLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxJQUFJLE9BQU8sQ0FBQztJQUNwRSxPQUFPLENBQ0wsS0FBQyxPQUFPLElBQUMsU0FBUyxrQkFDaEIsYUFDRSxTQUFTLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFDMUIsS0FBSyxFQUFFO2dCQUNMLE9BQU8sRUFBRSxNQUFNO2dCQUNmLG1CQUFtQixFQUFFLFVBQ25CLElBQUksR0FBRyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFDakMsUUFBUTtnQkFDUixPQUFPLEVBQUUsRUFBRTtnQkFFWCxNQUFNLEVBQUUsUUFBUTthQUNqQixZQUVBLFFBQVEsV0FDTixXQUNHLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsSUFBSSxDQUFDIn0=

package/build/module/lib/components/Sortable/Item.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export declare type ItemProps = HTMLAttributes<HTMLDivElement> & {
+    id: string | number;
+    item: any;
+    withOpacity?: boolean;
+    isDragging?: boolean;
+    onRemove?(id: string | number): any;
+};
+declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    id: string | number;
+    item: any;
+    withOpacity?: boolean;
+    isDragging?: boolean;
+    onRemove?(id: string | number): any;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Item;

package/build/module/lib/components/Sortable/Item.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { DragHandle, RemoveItem } from './SortableItem';
+import styles from './styles.module.scss';
+const width = 100;
+const Item = forwardRef(({ item, withOpacity, isDragging, style, ...props }, ref) => {
+    const inlineStyles = {
+        opacity: withOpacity ? '0.5' : '1',
+        transformOrigin: '50% 50%',
+        height: `${width}px`,
+        width: `${width}px`,
+        maxWidth: `${width}px`,
+        maxHeight: `${width}px`,
+        borderRadius: '0px',
+        backgroundColor: '#fff',
+        backgroundImage: `url("${item?.uri || '/images/placeholder.png'}")`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        boxShadow: isDragging
+            ? 'rgb(63 63 68 / 5%) 0px 2px 0px 2px, rgb(34 33 81 / 15%) 0px 2px 3px 2px'
+            : '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,
+    };
+    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));
+});
+export default Item;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Tb3J0YWJsZS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBYyxFQUFFLFVBQVUsRUFBaUMsTUFBTSxPQUFPLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4RCxPQUFPLE1BQU0sTUFBTSxzQkFBc0IsQ0FBQztBQVUxQyxNQUFNLEtBQUssR0FBRyxHQUFHLENBQUM7QUFFbEIsTUFBTSxJQUFJLEdBQUcsVUFBVSxDQUNyQixDQUFDLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDMUQsTUFBTSxZQUFZLEdBQWtCO1FBQ2xDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRztRQUNsQyxlQUFlLEVBQUUsU0FBUztRQUMxQixNQUFNLEVBQUUsR0FBRyxLQUFLLElBQUk7UUFDcEIsS0FBSyxFQUFFLEdBQUcsS0FBSyxJQUFJO1FBQ25CLFFBQVEsRUFBRSxHQUFHLEtBQUssSUFBSTtRQUN0QixTQUFTLEVBQUUsR0FBRyxLQUFLLElBQUk7UUFDdkIsWUFBWSxFQUFFLEtBQUs7UUFFbkIsZUFBZSxFQUFFLE1BQU07UUFDdkIsZUFBZSxFQUFFLFFBQVEsSUFBSSxFQUFFLEdBQUcsSUFBSSx5QkFBeUIsSUFBSTtRQUNuRSxjQUFjLEVBQUUsT0FBTztRQUN2QixrQkFBa0IsRUFBRSxRQUFRO1FBQzVCLE9BQU8sRUFBRSxNQUFNO1FBQ2YsY0FBYyxFQUFFLFFBQVE7UUFDeEIsVUFBVSxFQUFFLFFBQVE7UUFDcEIsU0FBUyxFQUFFLFVBQVU7WUFDbkIsQ0FBQyxDQUFDLHlFQUF5RTtZQUMzRSxDQUFDLENBQUMseUVBQXlFO1FBQzdFLFNBQVMsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsVUFBVTtRQUNsRCxHQUFHLEtBQUs7S0FDVCxDQUFDO0lBRUYsT0FBTyxDQUNMLGNBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsWUFBWSxLQUFNLEtBQUssWUFDM0MsZUFBSyxTQUFTLEVBQUUsTUFBTSxDQUFDLGFBQWEsYUFDbEMsS0FBQyxVQUFVLElBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxHQUFHLFdBQUksRUFDN0IsS0FBQyxVQUFVLGFBQUcsWUFDVixXQUNGLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDO0FBRUYsZUFBZSxJQUFJLENBQUMifQ==

package/build/module/lib/components/Sortable/SortableItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ItemProps } from './Item';
+export declare const SortableItem: FC<ItemProps>;
+interface IRemoveProps {
+    id: string | number;
+}
+export declare function RemoveItem<IRemoveProp>(prop: IRemoveProps): JSX.Element;
+export declare function DragHandle(): JSX.Element;
+export {};

package/build/module/lib/components/Sortable/SortableItem.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { useSortable, defaultAnimateLayoutChanges } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import Item from './Item';
+import styles from './styles.module.scss';
+const SortableItemContext = createContext({
+    attributes: {},
+    listeners: undefined,
+    ref() { },
+});
+function animateLayoutChanges(args) {
+    const { isSorting, wasSorting } = args;
+    return isSorting || wasSorting ? defaultAnimateLayoutChanges(args) : true;
+}
+export const SortableItem = props => {
+    const { isDragging, attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, } = useSortable({ animateLayoutChanges, id: props.item?.uri || props.id });
+    const context = useMemo(() => ({
+        attributes,
+        listeners,
+        ref: setActivatorNodeRef,
+        onRemove: props.onRemove,
+    }), [attributes, listeners, setActivatorNodeRef]);
+    const style = {
+        opacity: isDragging ? 0.4 : undefined,
+        transform: CSS.Transform.toString(transform),
+        transition: transition || undefined,
+    };
+    return (_jsx(SortableItemContext.Provider, { value: context, children: _jsx(Item, { className: styles.sortableItem, ref: setNodeRef, style: style, withOpacity: isDragging, ...props }, void 0) }, void 0));
+};
+export function RemoveItem(prop) {
+    const { onRemove = undefined } = useContext(SortableItemContext);
+    return (_jsx("button", { className: styles.removeItem, type: "button", onClick: e => {
+            if (onRemove) {
+                onRemove(prop.id);
+            }
+        }, children: _jsx("svg", { viewBox: "0 0 22 22", width: "8", children: _jsx("path", { d: "M2.99998 -0.000206962C2.7441 -0.000206962 2.48794 0.0972617 2.29294 0.292762L0.292945 2.29276C-0.0980552 2.68376 -0.0980552 3.31682 0.292945 3.70682L7.58591 10.9998L0.292945 18.2928C-0.0980552 18.6838 -0.0980552 19.3168 0.292945 19.7068L2.29294 21.7068C2.68394 22.0978 3.31701 22.0978 3.70701 21.7068L11 14.4139L18.2929 21.7068C18.6829 22.0978 19.317 22.0978 19.707 21.7068L21.707 19.7068C22.098 19.3158 22.098 18.6828 21.707 18.2928L14.414 10.9998L21.707 3.70682C22.098 3.31682 22.098 2.68276 21.707 2.29276L19.707 0.292762C19.316 -0.0982383 18.6829 -0.0982383 18.2929 0.292762L11 7.58573L3.70701 0.292762C3.51151 0.0972617 3.25585 -0.000206962 2.99998 -0.000206962Z" }, void 0) }, void 0) }, void 0));
+}
+export function DragHandle() {
+    const { attributes, listeners, ref } = useContext(SortableItemContext);
+    return (_jsx("button", { className: styles.dragHandle, type: "button", ...attributes, ...listeners, ref: ref, children: _jsx("svg", { viewBox: "0 0 20 20", width: "12", children: _jsx("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }, void 0) }, void 0) }, void 0));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29ydGFibGVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL1NvcnRhYmxlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQWMsRUFBSyxhQUFhLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLE9BQU8sQ0FBQztBQUNwRSxPQUFPLEVBQUMsV0FBVyxFQUFFLDJCQUEyQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDM0UsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZDLE9BQU8sSUFBaUIsTUFBTSxRQUFRLENBQUM7QUFDdkMsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUM7QUFXMUMsTUFBTSxtQkFBbUIsR0FBRyxhQUFhLENBQVU7SUFDakQsVUFBVSxFQUFFLEVBQUU7SUFDZCxTQUFTLEVBQUUsU0FBUztJQUNwQixHQUFHLEtBQUksQ0FBQztDQUNULENBQUMsQ0FBQztBQUVILFNBQVMsb0JBQW9CLENBQUMsSUFBSTtJQUNoQyxNQUFNLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBQyxHQUFHLElBQUksQ0FBQztJQUNyQyxPQUFPLFNBQVMsSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDNUUsQ0FBQztBQUVELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBa0IsS0FBSyxDQUFDLEVBQUU7SUFDakQsTUFBTSxFQUNKLFVBQVUsRUFDVixVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLG1CQUFtQixHQUNwQixHQUFHLFdBQVcsQ0FBQyxFQUFDLG9CQUFvQixFQUFFLEVBQUUsRUFBRSxLQUFLLENBQUMsSUFBSSxFQUFFLEdBQUcsSUFBSSxLQUFLLENBQUMsRUFBRSxFQUFDLENBQUMsQ0FBQztJQUV6RSxNQUFNLE9BQU8sR0FBRyxPQUFPLENBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDTCxVQUFVO1FBQ1YsU0FBUztRQUNULEdBQUcsRUFBRSxtQkFBbUI7UUFDeEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRO0tBQ3pCLENBQUMsRUFDRixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FDN0MsQ0FBQztJQUVGLE1BQU0sS0FBSyxHQUFrQjtRQUMzQixPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDckMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztRQUM1QyxVQUFVLEVBQUUsVUFBVSxJQUFJLFNBQVM7S0FDcEMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxLQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsT0FBTyxZQUMxQyxLQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxDQUFDLFlBQVksRUFDOUIsR0FBRyxFQUFFLFVBQVUsRUFDZixLQUFLLEVBQUUsS0FBSyxFQUNaLFdBQVcsRUFBRSxVQUFVLEtBQ25CLEtBQUssV0FHVCxXQUMyQixDQUNoQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBTUYsTUFBTSxVQUFVLFVBQVUsQ0FBYyxJQUFrQjtJQUN4RCxNQUFNLEVBQUMsUUFBUSxHQUFHLFNBQVMsRUFBQyxHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQy9ELE9BQU8sQ0FDTCxpQkFDRSxTQUFTLEVBQUUsTUFBTSxDQUFDLFVBQVUsRUFDNUIsSUFBSSxFQUFDLFFBQVEsRUFDYixPQUFPLEVBQUUsQ0FBQyxDQUFDLEVBQUU7WUFDWCxJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2FBQ3BCO1FBRUgsQ0FBQyxZQUNELGNBQUssT0FBTyxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsR0FBRyxZQUNoQyxlQUFNLENBQUMsRUFBQyw2cEJBQTZwQixXQUFRLFdBQ3pxQixXQUNDLENBQ1YsQ0FBQztBQUNKLENBQUM7QUFFRCxNQUFNLFVBQVUsVUFBVTtJQUN4QixNQUFNLEVBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUNyRSxPQUFPLENBQ0wsaUJBQ0UsU0FBUyxFQUFFLE1BQU0sQ0FBQyxVQUFVLEVBQzVCLElBQUksRUFBQyxRQUFRLEtBQ1QsVUFBVSxLQUNWLFNBQVMsRUFFYixHQUFHLEVBQUUsR0FBRyxZQUNSLGNBQUssT0FBTyxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsSUFBSSxZQUNqQyxlQUFNLENBQUMsRUFBQyx1UEFBdVAsV0FBUSxXQUNuUSxXQUNDLENBQ1YsQ0FBQztBQUNKLENBQUMifQ==

package/build/module/lib/components/Sortable/index.d.ts

@@ -1,6 +1,14 @@
-import React from 'react';
-interface ISortProps {
+import { FC } from 'react';
+import type { ReactNode } from 'react';
+import type { UniqueIdentifier } from '@dnd-kit/core';
+interface BaseItem {
+    id: UniqueIdentifier | string;
+}
+interface IProps<T extends BaseItem> {
     disabled?: boolean;
+    items: T[];
+    onChange?(items: T[]): void;
+    renderItem(item: T): ReactNode;
 }
-export declare const Sortable: React.FC<ISortProps>;
+export declare const Sortable: FC<IProps<any>>;
 export default Sortable;

package/build/module/lib/components/Sortable/index.js

@@ -1,6 +1,52 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const Sortable = ({ ...props }) => {
-    return _jsx(_Fragment, {}, void 0);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { DndContext, closestCenter, TouchSensor, DragOverlay, useSensor, useSensors, defaultDropAnimationSideEffects, MeasuringStrategy, KeyboardSensor, PointerSensor, } from '@dnd-kit/core';
+import { arrayMove, SortableContext, rectSortingStrategy, sortableKeyboardCoordinates, } from '@dnd-kit/sortable';
+import Grid from './Grid';
+const dropAnimationConfig = {
+    sideEffects: defaultDropAnimationSideEffects({
+        styles: {
+            active: {
+                opacity: '0.4',
+            },
+        },
+    }),
+};
+const measuringConfig = {
+    droppable: {
+        strategy: MeasuringStrategy.Always,
+    },
+};
+export const Sortable = ({ onChange, renderItem, children, ...props }) => {
+    const [items, setItems] = useState(props.items || []);
+    const [active, setActive] = useState(null);
+    useEffect(() => {
+        setItems(props.items || []);
+    }, [props.items]);
+    const activeItem = useMemo(() => items.find(item => item?.uri === active?.id), [active, items]);
+    const sensors = useSensors(useSensor(TouchSensor), useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const handleDragStart = useCallback((event) => {
+        setActive(event.active);
+    }, []);
+    const handleDragEnd = useCallback((event) => {
+        const { active, over } = event;
+        if (over && active.id !== over?.id) {
+            setItems(items => {
+                const activeIndex = items.findIndex(({ uri = undefined }) => uri === active.id);
+                const overIndex = items.findIndex(({ uri = undefined }) => uri === over.id);
+                let arr = arrayMove(items, activeIndex, overIndex) || [];
+                onChange(arr);
+                return arr;
+            });
+        }
+        setActive(null);
+    }, []);
+    const handleDragCancel = useCallback(() => {
+        setActive(null);
+    }, []);
+    return (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, measuring: measuringConfig, children: [_jsx(SortableContext, { items: items.filter(Boolean), strategy: rectSortingStrategy, disabled: props.disabled, children: _jsxs(Grid, { columns: items.length + 1, children: [items?.filter(Boolean).map((item, index) => (_jsx("li", { children: renderItem(item) }, item?.uri || index))), children] }, void 0) }, void 0), _jsx(DragOverlay, { adjustScale: true, dropAnimation: dropAnimationConfig, children: !activeItem ? null : renderItem(activeItem) }, void 0)] }, void 0));
 };
 export default Sortable;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFNQSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXlCLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEVBQUU7SUFDN0QsT0FBTywyQkFBSyxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBRUYsZUFBZSxRQUFRLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU29ydGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFjLEVBQUssUUFBUSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFDLE1BQU0sT0FBTyxDQUFDO0FBRTNFLE9BQU8sRUFDTCxVQUFVLEVBQ1YsYUFBYSxFQUViLFdBQVcsRUFDWCxXQUFXLEVBQ1gsU0FBUyxFQUNULFVBQVUsRUFHViwrQkFBK0IsRUFDL0IsaUJBQWlCLEVBQ2pCLGNBQWMsRUFDZCxhQUFhLEdBQ2QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsbUJBQW1CLEVBQ25CLDJCQUEyQixHQUM1QixNQUFNLG1CQUFtQixDQUFDO0FBQzNCLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQztBQWMxQixNQUFNLG1CQUFtQixHQUFrQjtJQUN6QyxXQUFXLEVBQUUsK0JBQStCLENBQUM7UUFDM0MsTUFBTSxFQUFFO1lBQ04sTUFBTSxFQUFFO2dCQUNOLE9BQU8sRUFBRSxLQUFLO2FBQ2Y7U0FDRjtLQUNGLENBQUM7Q0FDSCxDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUc7SUFDdEIsU0FBUyxFQUFFO1FBQ1QsUUFBUSxFQUFFLGlCQUFpQixDQUFDLE1BQU07S0FDbkM7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFvQixDQUFDLEVBQ3hDLFFBQVEsRUFDUixVQUFVLEVBQ1YsUUFBUSxFQUNSLEdBQUcsS0FBSyxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFRLEtBQUssQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLENBQUM7SUFDN0QsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxRQUFR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

package/build/module/lib/components/Sortable/styles.module.scss

@@ -0,0 +1,100 @@
+@import '../../theme/variables/colors';
+
+.sortableItem {
+    display: flex;
+    justify-content: space-between;
+    flex-grow: 1;
+    align-items: center;
+    padding: 18px 20px;
+    background-color: #fff;
+    box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
+        0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
+    border-radius: calc(4px / var(--scale-x, 1));
+    box-sizing: border-box;
+    list-style: none;
+    color: $text-dark;
+    font-weight: 400;
+    font-size: 1rem;
+
+    &:hover .removeItem {
+        visibility: visible !important;
+    }
+}
+
+.dragHandle,
+.removeItem {
+    display: flex;
+    width: 12px;
+    padding: 15px;
+    margin-left: 3px;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    touch-action: none;
+    cursor: var(--cursor, pointer);
+    border-radius: 5px;
+    border: none;
+    outline: none;
+    appearance: none;
+    background-color: rgba(255, 255, 255, 0.5);
+    -webkit-tap-highlight-color: transparent;
+
+    &:hover {
+        background-color: rgba(255, 255, 255, 0.75);
+    }
+
+    &:focus-visible {
+        box-shadow: 0 0px 0px 2px $primary;
+    }
+
+    svg {
+        flex: 0 0 auto;
+        margin: auto;
+        height: 100%;
+        overflow: visible;
+        fill: $placeholder;
+    }
+}
+
+.removeItem {
+    visibility: hidden;
+}
+
+.actionButtons {
+    z-index: 1;
+    display: flex;
+    align-self: flex-start;
+    margin-top: -12px;
+    margin-left: auto;
+    margin-bottom: -15px;
+    margin-right: -10px;
+}
+
+.itemGrid {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    max-width: 330px;
+
+    @media screen and (min-width: 1100px) {
+        max-width: 1100px;
+    }
+
+    @media screen and (min-width: 960px) and (max-width: 1099px) {
+        max-width: 960px;
+    }
+
+    @media screen and (min-width: 780px) and (max-width: 959px) {
+        max-width: 780px;
+    }
+
+    @media screen and (min-width: 500px) and (max-width: 779px) {
+        max-width: 500px;
+    }
+
+    li:first-child {
+        //border: 2px solid $warning;
+        border-radius: 2px;
+        box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);
+    }
+}

package/build/module/lib/components/Upload/index.d.ts

@@ -11,7 +11,7 @@ interface IUploadProps {
     maxFiles?: number;
     onChange?(val: any): any;
     toWidth?: number;
-    icon?: any;
+    width?: number;
 }
 declare const Upload: React.FC<IUploadProps>;
 export default Upload;

package/build/module/lib/components/Upload/index.js

@@ -9,13 +9,15 @@ import { t } from '../../loc/i18n';
 import axios from 'axios';
 import UI from '../../common/UI';
 import { resizeImage } from './resizeImage';
-const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, accept = {
+import { Sortable } from '../Sortable';
+import { SortableItem } from '../Sortable/SortableItem';
+const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false, minSize = undefined, maxSize = 10048576, maxFiles = 20, width = 100, accept = {
     'image/*': [],
 }, ...props }) => {
     const classes = useStyles();
     const [totalFilesToUpload, setTotalFilesToUpload] = React.useState(0);
     const [totalFilesUploaded, setTotalFilesUploaded] = useState([]);
-    const [alreadyUploadedImages, setAlreadyUploadedImages] = useState(!uploaded || uploaded instanceof Array ? uploaded : [uploaded]);
+    const [alreadyUploadedImages, setAlreadyUploadedImages] = useState(uploaded instanceof Array ? uploaded : !uploaded ? [] : [uploaded]);
     const [files, setFiles] = useState([]);
     const { getRootProps, getInputProps } = useDropzone({
         multiple,
@@ -67,7 +69,7 @@ const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false,
                 });
                 if (r && r.data) {
                     let res = r.data;
-                    const url = res.secure_url || res.url;
+                    const url = res.secure_url || res.url || res.uri;
                     let picture = { uri: url };
                     if (res.height) {
                         picture['height'] = res.height;
@@ -98,11 +100,11 @@ const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false,
         if (!allImages[index] || !allImages[index].uri) {
             return;
         }
-        let allImagesData = [...allImages];
+        let allImagesData = allImages.map((it) => ({ ...it }));
         let uploadUrl = process?.env?.NEXT_PUBLIC_IMAGE_UPLOAD_URL || '';
         if (uploadUrl?.indexOf('cloudinary.com') < 0) {
             const data = {
-                delete: allImages[index].uri,
+                delete: allImagesData[index].uri,
                 upload_preset: process?.env?.NEXT_PUBLIC_OBJECT_STORAGE_BUCKET,
             };
             const r = await axios({
@@ -122,19 +124,19 @@ const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false,
         }
     };
     const ProductImagesSection = ({ images }) => {
-        if (images && images.length > 0) {
+        if (images?.length > 0) {
             return (_jsx(ImageList, { className: classes.gridList, style: { margin: '0px' }, children: images.map((image, index) => {
                     return (_jsxs(ImageListItem, { style: {
-                            width: '90px',
-                            height: '90px',
+                            width: `${width}px`,
+                            height: `${width}px`,
                             padding: '0',
                             display: 'inline-block',
                             marginRight: '5px',
-                        }, children: [_jsx(Image, { src: image.uri || '/images/placeholder.png', alt: "Image", width: 90, height: 90 }, void 0), _jsx(ImageListItemBar, { classes: {
+                        }, children: [_jsx(Image, { src: image?.uri || '/images/placeholder.png', alt: "Image", width: width, height: width }, void 0), _jsx(ImageListItemBar, { classes: {
                                     root: classes.titleBar,
                                 }, actionIcon: _jsx(IconButton, { disabled: disabled === true, onClick: (e) => {
                                         removeExistingImage(index, alreadyUploadedImages);
-                                    }, className: classes.icon, children: !props.icon ? _jsx(DeleteOutlineIcon, {}, void 0) : props.icon }, void 0) }, void 0)] }, index));
+                                    }, className: classes.icon, children: _jsx(DeleteOutlineIcon, {}, void 0) }, void 0) }, void 0)] }, index));
                 }) }, void 0));
         }
         else {
@@ -169,7 +171,15 @@ const Upload = ({ uploaded = [], label = '', multiple = true, disabled = false,
             return _jsx("span", {}, void 0);
         }
     };
-    return (_jsxs(Grid, { container: true, children: [multiple ? (_jsx(Grid, { item: true, xs: 12, style: { marginBottom: '5px' }, children: _jsx(ProductImagesSection, { images: alreadyUploadedImages }, void 0) }, void 0)) : (_jsx(ProductImagesSection, { images: alreadyUploadedImages }, void 0)), _jsxs("section", { className: classes.FileContainer, children: [_jsxs("div", { ...getRootProps({ className: 'dropzone' }), children: [_jsx("input", { ...getInputProps() }, void 0), _jsx("p", { children: t(`Image drag and drop`, { label: label }) }, void 0)] }, void 0), _jsx(FileUploading, {}, void 0)] }, void 0)] }, void 0));
+    const onRemove = (Id) => {
+        let index = alreadyUploadedImages.findIndex((item) => item?.uri === Id);
+        if (index >= 0) {
+            removeExistingImage(index, alreadyUploadedImages);
+        }
+    };
+    return (_jsx(Grid, { container: true, children: _jsx(Sortable, { items: alreadyUploadedImages, onChange: setAlreadyUploadedImages, renderItem: (item) => (_jsx(SortableItem, { id: item?.uri, item: item, onRemove: onRemove }, void 0)), children: _jsxs("section", { className: classes.FileContainer, style: { maxHeight: width }, children: [_jsxs("div", { ...getRootProps({ className: 'dropzone' }), style: {
+                            width: alreadyUploadedImages?.length > 0 ? width : undefined,
+                        }, children: [_jsx("input", { ...getInputProps() }, void 0), alreadyUploadedImages?.length > 0 ? (_jsx("span", { style: { fontSize: 60, lineHeight: '50px' }, children: "+" }, void 0)) : (_jsx("p", { children: t(`Image drag and drop`, { label: label }) }, void 0))] }, void 0), _jsx(FileUploading, {}, void 0)] }, void 0) }, void 0) }, void 0));
 };
 export default Upload;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVXBsb2FkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQ0wsSUFBSSxFQUNKLFNBQVMsRUFDVCxhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssTUFBTSx3QkFBd0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsV0FBVyxFQUEyQixNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxpQkFBaUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFpQjVDLE1BQU0sTUFBTSxHQUEyQixDQUFDLEVBQ3RDLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEVBQUUsRUFDVixRQUFRLEdBQUcsSUFBSSxFQUNmLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLE9BQU8sR0FBRyxTQUFTLEVBQ25CLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsR0FBRyxFQUFFLEVBQ2IsTUFBTSxHQUFHO0lBQ1AsU0FBUyxFQUFFLEVBQUU7Q0FDZCxFQUNELEdBQUcsS0FBSyxFQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sT0FBTyxHQUFHLFNBQVMsRUFBRSxDQUFDO0lBTTVCLE1BQU0sQ0FBQyxrQkFBa0IsRUFBRSxxQkFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvVXBsb2FkL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQ0wsSUFBSSxFQUNKLFNBQVMsRUFDVCxhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEtBQUssTUFBTSx3QkFBd0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsV0FBVyxFQUEyQixNQUFNLGdCQUFnQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxpQkFBaUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN2QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFpQnhELE1BQU0sTUFBTSxHQUEyQixDQUFDLEVBQ3RDLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEVBQUUsRUFDVixRQUFRLEdBQUcsSUFBSSxFQUNmLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLE9BQU8sR0FBRyxTQUFTLEVBQ25CLE9BQU8sR0FBRyxRQUFRLEVBQ2xCLFFBQVEsR0FBRyxFQUFFLEVBQ2IsS0FBSyxHQUFHLEdBQUcsRUFDWCxNQUFNLEdBQUc7SUFDUCxTQUFTLEVBQUUsRUFB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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuudel-core",
-  "version": "0.2.58",
+  "version": "0.2.60",
   "description": "Web components for react with material UI",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
@@ -58,6 +58,8 @@
     "@ckeditor/ckeditor5-build-classic": "^38.1.1",
     "@ckeditor/ckeditor5-react": "^6.1.0",
     "@ckeditor/ckeditor5-source-editing": "^38.1.1",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
     "graphql": "^15.7.2",
     "graphql-2-json-schema": "0.2.0",
     "i18next": "^21.5.6",