@uxf/core-react 11.106.0 → 11.108.0

package/components/viewport-height-polyfill.js

@@ -38,7 +38,6 @@ exports.ViewportHeightPolyfill = ViewportHeightPolyfill;
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
 const use_on_mount_1 = require("@uxf/core-react/hooks/use-on-mount");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const with_unit_1 = require("@uxf/styles/units/with-unit");
 const react_1 = __importStar(require("react"));
 function ViewportHeightPolyfill() {
     const isMounted = (0, use_is_mounted_1.useIsMounted)();
@@ -53,7 +52,7 @@ function ViewportHeightPolyfill() {
         return () => window.removeEventListener("resize", updateViewportHeight);
     });
     if (isMounted && (0, is_not_nil_1.isNotNil)(viewportHeight)) {
-        return react_1.default.createElement("style", null, `:root { --viewport-height: ${(0, with_unit_1.withUnit)(viewportHeight, "px")}; }`);
+        return react_1.default.createElement("style", null, `:root { --viewport-height: ${viewportHeight}px; }`);
     }
     return null;
 }

package/dnd/hooks/use-sortable-multi.d.ts

@@ -1,4 +1,6 @@
 import { DragEndEvent } from "@dnd-kit/core";
+export declare const EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID = "__empty-visible-placeholder__";
+export declare const EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID = "__empty-hidden-placeholder__";
 export declare function useSortableMulti<T extends {
     id: string;
 }, SectionMap extends Record<string, T[]>>(sections: SectionMap, setSections: (next: SectionMap) => void, onMove?: (source: keyof SectionMap, destination: keyof SectionMap, fromIndex: number, toIndex: number, nextState: SectionMap) => void): {

package/dnd/hooks/use-sortable-multi.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID = exports.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID = void 0;
 exports.useSortableMulti = useSortableMulti;
 const sortable_1 = require("@dnd-kit/sortable");
-const types_1 = require("@uxf/data-grid/hidden-columns/types");
 const react_1 = require("react");
 const use_sortable_core_1 = require("./use-sortable-core");
+exports.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID = "__empty-visible-placeholder__";
+exports.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID = "__empty-hidden-placeholder__";
 function useSortableMulti(sections, setSections, onMove) {
     const { activeElement, setActiveElement, onDragStart, onDragCancel, sensors, dropAnimationConfig } = (0, use_sortable_core_1.useSortableCore)();
     const activeItem = (0, react_1.useMemo)(() => {
@@ -24,7 +26,7 @@ function useSortableMulti(sections, setSections, onMove) {
             setActiveElement(null);
             return;
         }
-        const isDroppingToEmptyPlaceholder = over.id === types_1.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID || over.id === types_1.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID;
+        const isDroppingToEmptyPlaceholder = over.id === exports.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID || over.id === exports.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID;
         let sourceKey = null;
         let destKey = null;
         // Determine source key by checking where the active item currently is
@@ -35,7 +37,7 @@ function useSortableMulti(sections, setSections, onMove) {
         }
         // Determine destination key based on over.id
         if (isDroppingToEmptyPlaceholder) {
-            destKey = over.id === types_1.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID ? "visible" : "hidden";
+            destKey = over.id === exports.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID ? "visible" : "hidden";
         }
         else {
             for (const key in sections) {
@@ -74,7 +76,7 @@ function useSortableMulti(sections, setSections, onMove) {
         const ids = sections[section].map((i) => i.id);
         if (ids.length === 0) {
             return [
-                section === "visible" ? types_1.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID : types_1.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID,
+                section === "visible" ? exports.EMPTY_VISIBLE_COLUMNS_PLACEHOLDER_ID : exports.EMPTY_HIDDEN_COLUMNS_PLACEHOLDER_ID,
             ];
         }
         return ids;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/core-react",
-    "version": "11.106.0",
+    "version": "11.108.0",
     "description": "UXF Core",
     "author": "UX Fans s.r.o",
     "license": "MIT",
@@ -11,16 +11,20 @@
         "build": "tsc -P tsconfig.json",
         "typecheck": "tsc --noEmit --skipLibCheck"
     },
-    "dependencies": {
-        "@uxf/core": "11.106.0",
-        "@dnd-kit/core": "6.3.1",
-        "@dnd-kit/sortable": "10.0.0"
-    },
     "peerDependencies": {
-        "react": ">=18.2.0"
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/sortable": "^10.0.0",
+        "@uxf/core": "11.108.0",
+        "react": ">=18.2.0",
+        "react-dom": ">=18.2.0"
     },
     "devDependencies": {
+        "@dnd-kit/core": "^6.3.1",
+        "@dnd-kit/sortable": "^10.0.0",
         "@types/react": "18.3.27",
-        "react": "18.3.1"
+        "@types/react-dom": "18.3.7",
+        "@uxf/core": "11.108.0",
+        "react": "18.3.1",
+        "react-dom": "18.3.1"
     }
 }