@uxf/cms 11.130.0 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +13 -17
  2. package/pages/content-builder/components/form-content.js +3 -4
  3. package/pages/content-builder/content-field.js +7 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/cms",
3
- "version": "11.130.0",
3
+ "version": "12.0.0",
4
4
  "description": "UXF Cms",
5
5
  "author": "UXFans <dev@uxf.cz>",
6
6
  "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -28,18 +28,16 @@
28
28
  "es6-error": "4.1.1"
29
29
  },
30
30
  "peerDependencies": {
31
- "@dnd-kit/core": "^6.3.1",
32
- "@dnd-kit/sortable": "^10.0.0",
33
- "@dnd-kit/utilities": "^3.2.2",
34
31
  "@floating-ui/react": "^0.27.20",
35
32
  "@uxf/core": "11.129.0",
36
- "@uxf/core-react": "11.129.0",
37
- "@uxf/data-grid": "11.129.0",
38
- "@uxf/form": "11.129.0",
33
+ "@uxf/core-react": "12.0.0",
34
+ "@uxf/data-grid": "12.0.0",
35
+ "@uxf/dnd": "12.0.0",
36
+ "@uxf/form": "12.0.0",
39
37
  "@uxf/router": "11.129.0",
40
38
  "@uxf/styles": "11.129.0",
41
- "@uxf/ui": "11.129.0",
42
- "@uxf/wysiwyg": "11.130.0",
39
+ "@uxf/ui": "12.0.0",
40
+ "@uxf/wysiwyg": "12.0.0",
43
41
  "axios": "^1.19.0",
44
42
  "axios-hooks": "^5.1.1",
45
43
  "next": ">=13.2.0",
@@ -49,21 +47,19 @@
49
47
  "swr": "^2.5.0"
50
48
  },
51
49
  "devDependencies": {
52
- "@dnd-kit/core": "^6.3.1",
53
- "@dnd-kit/sortable": "^10.0.0",
54
- "@dnd-kit/utilities": "^3.2.2",
55
50
  "@floating-ui/react": "^0.27.20",
56
51
  "@types/node": "24",
57
52
  "@types/react": "18.3.31",
58
53
  "@types/react-dom": "18.3.7",
59
54
  "@uxf/core": "11.129.0",
60
- "@uxf/core-react": "11.129.0",
61
- "@uxf/data-grid": "11.129.0",
62
- "@uxf/form": "11.129.0",
55
+ "@uxf/core-react": "12.0.0",
56
+ "@uxf/data-grid": "12.0.0",
57
+ "@uxf/dnd": "12.0.0",
58
+ "@uxf/form": "12.0.0",
63
59
  "@uxf/router": "11.129.0",
64
60
  "@uxf/styles": "11.129.0",
65
- "@uxf/ui": "11.129.0",
66
- "@uxf/wysiwyg": "11.130.0",
61
+ "@uxf/ui": "12.0.0",
62
+ "@uxf/wysiwyg": "12.0.0",
67
63
  "axios": "^1.19.0",
68
64
  "axios-hooks": "^5.1.1",
69
65
  "next": "16.3.0",
package/pages/content-builder/components/form-content.js CHANGED
@@ -4,8 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.FormContent = void 0;
7
- const sortable_1 = require("@dnd-kit/sortable");
8
- const utilities_1 = require("@dnd-kit/utilities");
7
+ const dnd_1 = require("@uxf/dnd");
9
8
  const button_1 = require("@uxf/ui/button");
10
9
  const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
11
10
  const icon_1 = require("@uxf/ui/icon");
@@ -30,12 +29,12 @@ const FormContent = (props) => {
30
29
  const { contentComponents, onRemove, name, index, control, id, createSection, showAddButton = true } = props;
31
30
  const { field } = (0, react_hook_form_1.useController)({ control: control, name: `${name}.type` });
32
31
  const SectionContent = getSection(contentComponents, field.value);
33
- const { attributes, listeners, isDragging, transform, transition, setNodeRef } = (0, sortable_1.useSortable)({
32
+ const { attributes, listeners, isDragging, transform, transition, setNodeRef } = (0, dnd_1.useSortable)({
34
33
  id,
35
34
  });
36
35
  const style = {
37
36
  opacity: isDragging ? 0.4 : undefined,
38
- transform: utilities_1.CSS.Translate.toString(transform),
37
+ transform: dnd_1.CSS.Translate.toString(transform),
39
38
  transition,
40
39
  };
41
40
  if (SectionContent) {
package/pages/content-builder/content-field.js CHANGED
@@ -4,9 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.ContentField = void 0;
7
- const core_1 = require("@dnd-kit/core");
8
- const sortable_1 = require("@dnd-kit/sortable");
9
- const use_sortable_items_1 = require("@uxf/core-react/dnd/hooks/use-sortable-items");
7
+ const dnd_1 = require("@uxf/dnd");
10
8
  const button_1 = require("@uxf/ui/button");
11
9
  const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
12
10
  const icon_1 = require("@uxf/ui/icon");
@@ -16,6 +14,7 @@ const react_hook_form_1 = require("react-hook-form");
16
14
  const form_content_1 = require("./components/form-content");
17
15
  const details_visibility_context_1 = require("./context/details-visibility-context");
18
16
  const ContentField = (props) => {
17
+ var _a;
19
18
  const { fields, remove, insert, move } = (0, react_hook_form_1.useFieldArray)({
20
19
  name: `${props.name}.data`,
21
20
  control: props.control,
@@ -24,10 +23,7 @@ const ContentField = (props) => {
24
23
  insert(index + 1, { type: component.getConfig().type, content: null });
25
24
  (0, modal_service_1.closeModal)();
26
25
  };
27
- const { memoizedSensors, activeItem, itemsIds, dropAnimationConfig, onDragStart, onDragEnd, onDragCancel } = (0, use_sortable_items_1.useSortableItems)({
28
- items: fields,
29
- handleDragEnd: move,
30
- });
26
+ const { activeItem, itemsIds, sensors, dropAnimationConfig, onDragStart, onDragEnd, onDragCancel } = (0, dnd_1.useSortableSingle)(fields, (fromIndex, toIndex) => move(fromIndex, toIndex));
31
27
  const activeItemIndex = fields.findIndex((f) => f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
32
28
  const setVisibilityForAll = (0, details_visibility_context_1.useDetailsVisibilityControls)();
33
29
  return (react_1.default.createElement("div", { className: "uxf-cb__content" },
@@ -40,15 +36,16 @@ const ContentField = (props) => {
40
36
  react_1.default.createElement(button_1.Button, { onClick: () => setVisibilityForAll(false), size: "sm", variant: "secondary" },
41
37
  react_1.default.createElement(icon_1.Icon, { className: "mr-1", name: "arrow-up-to-line" }),
42
38
  "zav\u0159\u00EDt v\u0161e")))),
43
- react_1.default.createElement(core_1.DndContext, { onDragCancel: onDragCancel, onDragEnd: onDragEnd, onDragStart: onDragStart, sensors: memoizedSensors },
44
- react_1.default.createElement(sortable_1.SortableContext, { items: itemsIds, strategy: sortable_1.verticalListSortingStrategy },
39
+ react_1.default.createElement(dnd_1.DndContext, { onDragCancel: onDragCancel, onDragEnd: onDragEnd, onDragStart: onDragStart, sensors: sensors },
40
+ react_1.default.createElement(dnd_1.SortableContext, { items: itemsIds, strategy: dnd_1.verticalListSortingStrategy },
45
41
  react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map((field, index) => {
46
42
  var _a;
47
43
  return (react_1.default.createElement("div", { key: field.id },
48
44
  react_1.default.createElement(form_content_1.FormContent, { contentComponents: props.contentComponents, control: props.control, createSection: createSection, id: field.id, index: index, name: `${props.name}.data[${index}]`, onRemove: () => remove(index), title: (_a = props.contentComponents
49
45
  .find((c) => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })));
50
46
  }))),
51
- react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, contentComponents: props.contentComponents, control: props.control, createSection: createSection, index: activeItemIndex, name: `${props.name}.data[${activeItemIndex}]`, showAddButton: false })) : null)),
47
+ react_1.default.createElement(dnd_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, contentComponents: props.contentComponents, control: props.control, createSection: createSection, index: activeItemIndex, name: `${props.name}.data[${activeItemIndex}]`, onRemove: () => remove(activeItemIndex), showAddButton: false, title: (_a = props.contentComponents
48
+ .find((c) => c.getConfig().type === activeItem.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label })) : null)),
52
49
  fields.length < 1 && (react_1.default.createElement("div", null,
53
50
  react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", isFullWidth: true, onClick: () => (0, modal_service_1.openModal)({
54
51
  children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "sm" },