nuudel-core 0.2.60 → 0.2.61
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.
|
@@ -10,6 +10,8 @@ const sortable_1 = require("@dnd-kit/sortable");
|
|
|
10
10
|
const utilities_1 = require("@dnd-kit/utilities");
|
|
11
11
|
const Item_1 = __importDefault(require("./Item"));
|
|
12
12
|
const styles_module_scss_1 = __importDefault(require("./styles.module.scss"));
|
|
13
|
+
const UI_1 = require("../../common/UI");
|
|
14
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
13
15
|
const SortableItemContext = (0, react_1.createContext)({
|
|
14
16
|
attributes: {},
|
|
15
17
|
listeners: undefined,
|
|
@@ -19,7 +21,7 @@ function animateLayoutChanges(args) {
|
|
|
19
21
|
const { isSorting, wasSorting } = args;
|
|
20
22
|
return isSorting || wasSorting ? (0, sortable_1.defaultAnimateLayoutChanges)(args) : true;
|
|
21
23
|
}
|
|
22
|
-
const SortableItem = props => {
|
|
24
|
+
const SortableItem = (props) => {
|
|
23
25
|
var _a;
|
|
24
26
|
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 });
|
|
25
27
|
const context = (0, react_1.useMemo)(() => ({
|
|
@@ -38,7 +40,7 @@ const SortableItem = props => {
|
|
|
38
40
|
exports.SortableItem = SortableItem;
|
|
39
41
|
function RemoveItem(prop) {
|
|
40
42
|
const { onRemove = undefined } = (0, react_1.useContext)(SortableItemContext);
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: styles_module_scss_1.default.removeItem, type: "button", onClick: e => {
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)("button", Object.assign({ className: (0, clsx_1.default)(styles_module_scss_1.default.removeItem, UI_1.DeviceId.isMobile && styles_module_scss_1.default.onmobile), type: "button", onClick: (e) => {
|
|
42
44
|
if (onRemove) {
|
|
43
45
|
onRemove(prop.id);
|
|
44
46
|
}
|
|
@@ -50,4 +52,4 @@ function DragHandle() {
|
|
|
50
52
|
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));
|
|
51
53
|
}
|
|
52
54
|
exports.DragHandle = DragHandle;
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29ydGFibGVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL1NvcnRhYmxlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLGlDQUFzRTtBQUN0RSxnREFBNkU7QUFDN0Usa0RBQXlDO0FBQ3pDLGtEQUF5QztBQUN6Qyw4RUFBMEM7QUFHMUMsd0NBQTJDO0FBQzNDLGdEQUF3QjtBQVN4QixNQUFNLG1CQUFtQixHQUFHLElBQUEscUJBQWEsRUFBVTtJQUNqRCxVQUFVLEVBQUUsRUFBRTtJQUNkLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLEdBQUcsS0FBSSxDQUFDO0NBQ1QsQ0FBQyxDQUFDO0FBRUgsU0FBUyxvQkFBb0IsQ0FBQyxJQUFJO0lBQ2hDLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxDQUFDO0lBQ3ZDLE9BQU8sU0FBUyxJQUFJLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBQSxzQ0FBMkIsRUFBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQzVFLENBQUM7QUFFTSxNQUFNLFlBQVksR0FBa0IsQ0FBQyxLQUFLLEVBQUUsRUFBRTs7SUFDbkQsTUFBTSxFQUNKLFVBQVUsRUFDVixVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLG1CQUFtQixHQUNwQixHQUFHLElBQUEsc0JBQVcsRUFBQyxFQUFFLG9CQUFvQixFQUFFLEVBQUUsRUFBRSxDQUFBLE1BQUEsS0FBSyxDQUFDLElBQUksMENBQUUsR0FBRyxLQUFJLEtBQUssQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRTNFLE1BQU0sT0FBTyxHQUFHLElBQUEsZUFBTyxFQUNyQixHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ0wsVUFBVTtRQUNWLFNBQVM7UUFDVCxHQUFHLEVBQUUsbUJBQW1CO1FBQ3hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUTtLQUN6QixDQUFDLEVBQ0YsQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQzdDLENBQUM7SUFFRixNQUFNLEtBQUssR0FBa0I7UUFDM0IsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ3JDLFNBQVMsRUFBRSxlQUFHLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFDNUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxTQUFTO0tBQ3BDLENBQUM7SUFFRixPQUFPLENBQ0wsdUJBQUMsbUJBQW1CLENBQUMsUUFBUSxrQkFBQyxLQUFLLEVBQUUsT0FBTyxnQkFDMUMsdUJBQUMsY0FBSSxrQkFDSCxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxZQUFZLEVBQzlCLEdBQUcsRUFBRSxVQUFVLEVBQ2YsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsVUFBVSxJQUNuQixLQUFLLFVBR1QsWUFDMkIsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQXhDVyxRQUFBLFlBQVksZ0JBd0N2QjtBQU1GLFNBQWdCLFVBQVUsQ0FBYyxJQUFrQjtJQUN4RCxNQUFNLEVBQUUsUUFBUSxHQUFHLFNBQVMsRUFBRSxHQUFHLElBQUEsa0JBQVUsRUFBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2pFLE9BQU8sQ0FDTCxpREFDRSxTQUFTLEVBQUUsSUFBQSxjQUFJLEVBQUMsNEJBQU0sQ0FBQyxVQUFVLEVBQUUsYUFBUSxDQUFDLFFBQVEsSUFBSSw0QkFBTSxDQUFDLFFBQVEsQ0FBQyxFQUN4RSxJQUFJLEVBQUMsUUFBUSxFQUNiLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2IsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQzthQUNwQjtRQUVILENBQUMsZ0JBRUQsOENBQUssT0FBTyxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsR0FBRyxnQkFDaEMsaUNBQU0sQ0FBQyxFQUFDLDZwQkFBNnBCLFdBQVEsWUFDenFCLFlBQ0MsQ0FDVixDQUFDO0FBQ0osQ0FBQztBQWxCRCxnQ0FrQkM7QUFFRCxTQUFnQixVQUFVO0lBQ3hCLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUEsa0JBQVUsRUFBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3ZFLE9BQU8sQ0FDTCxpREFDRSxTQUFTLEVBQUUsNEJBQU0sQ0FBQyxVQUFVLEVBQzVCLElBQUksRUFBQyxRQUFRLElBQ1QsVUFBVSxFQUNWLFNBQVMsSUFFYixHQUFHLEVBQUUsR0FBRyxnQkFFUiw4Q0FBSyxPQUFPLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBQyxJQUFJLGdCQUNqQyxpQ0FBTSxDQUFDLEVBQUMsdVBBQXVQLFdBQVEsWUFDblEsWUFDQyxDQUNWLENBQUM7QUFDSixDQUFDO0FBaEJELGdDQWdCQyJ9
|
|
@@ -4,6 +4,8 @@ import { useSortable, defaultAnimateLayoutChanges } from '@dnd-kit/sortable';
|
|
|
4
4
|
import { CSS } from '@dnd-kit/utilities';
|
|
5
5
|
import Item from './Item';
|
|
6
6
|
import styles from './styles.module.scss';
|
|
7
|
+
import { DeviceId } from '../../common/UI';
|
|
8
|
+
import clsx from 'clsx';
|
|
7
9
|
const SortableItemContext = createContext({
|
|
8
10
|
attributes: {},
|
|
9
11
|
listeners: undefined,
|
|
@@ -13,7 +15,7 @@ function animateLayoutChanges(args) {
|
|
|
13
15
|
const { isSorting, wasSorting } = args;
|
|
14
16
|
return isSorting || wasSorting ? defaultAnimateLayoutChanges(args) : true;
|
|
15
17
|
}
|
|
16
|
-
export const SortableItem = props => {
|
|
18
|
+
export const SortableItem = (props) => {
|
|
17
19
|
const { isDragging, attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, } = useSortable({ animateLayoutChanges, id: props.item?.uri || props.id });
|
|
18
20
|
const context = useMemo(() => ({
|
|
19
21
|
attributes,
|
|
@@ -30,7 +32,7 @@ export const SortableItem = props => {
|
|
|
30
32
|
};
|
|
31
33
|
export function RemoveItem(prop) {
|
|
32
34
|
const { onRemove = undefined } = useContext(SortableItemContext);
|
|
33
|
-
return (_jsx("button", { className: styles.removeItem, type: "button", onClick: e => {
|
|
35
|
+
return (_jsx("button", { className: clsx(styles.removeItem, DeviceId.isMobile && styles.onmobile), type: "button", onClick: (e) => {
|
|
34
36
|
if (onRemove) {
|
|
35
37
|
onRemove(prop.id);
|
|
36
38
|
}
|
|
@@ -40,4 +42,4 @@ export function DragHandle() {
|
|
|
40
42
|
const { attributes, listeners, ref } = useContext(SortableItemContext);
|
|
41
43
|
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));
|
|
42
44
|
}
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29ydGFibGVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NvcnRhYmxlL1NvcnRhYmxlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQWMsRUFBTSxhQUFhLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3pDLE9BQU8sSUFBbUIsTUFBTSxRQUFRLENBQUM7QUFDekMsT0FBTyxNQUFNLE1BQU0sc0JBQXNCLENBQUM7QUFHMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQztBQVN4QixNQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBVTtJQUNqRCxVQUFVLEVBQUUsRUFBRTtJQUNkLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLEdBQUcsS0FBSSxDQUFDO0NBQ1QsQ0FBQyxDQUFDO0FBRUgsU0FBUyxvQkFBb0IsQ0FBQyxJQUFJO0lBQ2hDLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxDQUFDO0lBQ3ZDLE9BQU8sU0FBUyxJQUFJLFVBQVUsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUM1RSxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFrQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25ELE1BQU0sRUFDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsRUFDVixtQkFBbUIsR0FDcEIsR0FBRyxXQUFXLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxFQUFFLEVBQUUsS0FBSyxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksS0FBSyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFM0UsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUNyQixHQUFHLEVBQUUsQ0FBQyxDQUFDO1FBQ0wsVUFBVTtRQUNWLFNBQVM7UUFDVCxHQUFHLEVBQUUsbUJBQW1CO1FBQ3hCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUTtLQUN6QixDQUFDLEVBQ0YsQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQzdDLENBQUM7SUFFRixNQUFNLEtBQUssR0FBa0I7UUFDM0IsT0FBTyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ3JDLFNBQVMsRUFBRSxHQUFHLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUM7UUFDNUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxTQUFTO0tBQ3BDLENBQUM7SUFFRixPQUFPLENBQ0wsS0FBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLE9BQU8sWUFDMUMsS0FBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQzlCLEdBQUcsRUFBRSxVQUFVLEVBQ2YsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsVUFBVSxLQUNuQixLQUFLLFdBR1QsV0FDMkIsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQU1GLE1BQU0sVUFBVSxVQUFVLENBQWMsSUFBa0I7SUFDeEQsTUFBTSxFQUFFLFFBQVEsR0FBRyxTQUFTLEVBQUUsR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztJQUNqRSxPQUFPLENBQ0wsaUJBQ0UsU0FBUyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUN4RSxJQUFJLEVBQUMsUUFBUSxFQUNiLE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2IsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQzthQUNwQjtRQUVILENBQUMsWUFFRCxjQUFLLE9BQU8sRUFBQyxXQUFXLEVBQUMsS0FBSyxFQUFDLEdBQUcsWUFDaEMsZUFBTSxDQUFDLEVBQUMsNnBCQUE2cEIsV0FBUSxXQUN6cUIsV0FDQyxDQUNWLENBQUM7QUFDSixDQUFDO0FBRUQsTUFBTSxVQUFVLFVBQVU7SUFDeEIsTUFBTSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDdkUsT0FBTyxDQUNMLGlCQUNFLFNBQVMsRUFBRSxNQUFNLENBQUMsVUFBVSxFQUM1QixJQUFJLEVBQUMsUUFBUSxLQUNULFVBQVUsS0FDVixTQUFTLEVBRWIsR0FBRyxFQUFFLEdBQUcsWUFFUixjQUFLLE9BQU8sRUFBQyxXQUFXLEVBQUMsS0FBSyxFQUFDLElBQUksWUFDakMsZUFBTSxDQUFDLEVBQUMsdVBBQXVQLFdBQVEsV0FDblEsV0FDQyxDQUNWLENBQUM7QUFDSixDQUFDIn0=
|