@uxf/ui 11.104.0 → 11.106.0

package/modal/index.d.ts

@@ -2,7 +2,7 @@ export { DEFAULT_MODAL_LAYERS } from "./constants";
 export { Modal } from "./modal";
 export { ModalLayerConfigProvider, useModalLayerConfig } from "./modal-layer-config";
 export { ModalProvider } from "./modal-provider";
-export { closeAllModals, closeModal, closeModalsByLayer, getModalStackRef, openModal } from "./modal-service";
+export { closeAllModals, closeModal, closeModalLayer, getModalStackRef, openModal } from "./modal-service";
 export type { ModalInstance, ModalLayerConfig, ModalLayerName, ModalLayersConfiguration, ModalProps, ModalProviderProps, ModalRef, ModalStackRef, ModalVariant, OpenModalOptions, } from "./types";
 /** @deprecated use getModalStackRef */
 export { getModalStackRef as getModalRef } from "./modal-service";

package/modal/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getModalRef = exports.openModal = exports.getModalStackRef = exports.closeModalsByLayer = exports.closeModal = exports.closeAllModals = exports.ModalProvider = exports.useModalLayerConfig = exports.ModalLayerConfigProvider = exports.Modal = exports.DEFAULT_MODAL_LAYERS = void 0;
+exports.getModalRef = exports.openModal = exports.getModalStackRef = exports.closeModalLayer = exports.closeModal = exports.closeAllModals = exports.ModalProvider = exports.useModalLayerConfig = exports.ModalLayerConfigProvider = exports.Modal = exports.DEFAULT_MODAL_LAYERS = void 0;
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "DEFAULT_MODAL_LAYERS", { enumerable: true, get: function () { return constants_1.DEFAULT_MODAL_LAYERS; } });
 var modal_1 = require("./modal");
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "ModalProvider", { enumerable: true, get: functio
 var modal_service_1 = require("./modal-service");
 Object.defineProperty(exports, "closeAllModals", { enumerable: true, get: function () { return modal_service_1.closeAllModals; } });
 Object.defineProperty(exports, "closeModal", { enumerable: true, get: function () { return modal_service_1.closeModal; } });
-Object.defineProperty(exports, "closeModalsByLayer", { enumerable: true, get: function () { return modal_service_1.closeModalsByLayer; } });
+Object.defineProperty(exports, "closeModalLayer", { enumerable: true, get: function () { return modal_service_1.closeModalLayer; } });
 Object.defineProperty(exports, "getModalStackRef", { enumerable: true, get: function () { return modal_service_1.getModalStackRef; } });
 Object.defineProperty(exports, "openModal", { enumerable: true, get: function () { return modal_service_1.openModal; } });
 // Backwards compatibility: getModalRef is now an alias for getModalStackRef

package/modal/modal-service.d.ts

@@ -6,13 +6,13 @@ export declare function getModalStackRef(): import("react").RefObject<ModalStack
  */
 export declare function openModal(modal: ModalProviderProps, options?: OpenModalOptions): string;
 /**
- * Closes the topmost modal or a modal in specific layer
+ * Closes the topmost modal (highest z-index)
  */
-export declare function closeModal(layer?: ModalLayerName): void;
+export declare function closeModal(): void;
 /**
  * Closes all modals in a specific layer
  */
-export declare function closeModalsByLayer(layer: ModalLayerName): void;
+export declare function closeModalLayer(layer: ModalLayerName): void;
 /**
  * Closes all modals across all layers
  */

package/modal/modal-service.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getModalStackRef = getModalStackRef;
 exports.openModal = openModal;
 exports.closeModal = closeModal;
-exports.closeModalsByLayer = closeModalsByLayer;
+exports.closeModalLayer = closeModalLayer;
 exports.closeAllModals = closeAllModals;
 const react_1 = require("react");
 const modalStackRef = (0, react_1.createRef)();
@@ -23,23 +23,18 @@ function openModal(modal, options) {
     return modalStackRef.current.openInLayer(modal, options);
 }
 /**
- * Closes the topmost modal or a modal in specific layer
+ * Closes the topmost modal (highest z-index)
  */
-function closeModal(layer) {
+function closeModal() {
     if (!modalStackRef.current) {
         return;
     }
-    if (layer) {
-        modalStackRef.current.closeLayer(layer);
-    }
-    else {
-        modalStackRef.current.closeTopmost();
-    }
+    modalStackRef.current.closeTopmost();
 }
 /**
  * Closes all modals in a specific layer
  */
-function closeModalsByLayer(layer) {
+function closeModalLayer(layer) {
     if (!modalStackRef.current) {
         return;
     }

package/modal/modal.stories.js

@@ -129,13 +129,13 @@ function ModalProviderWithLayers() {
                                 react_1.default.createElement("p", { className: "mb-2 text-lg font-bold" }, "Main Layer Modal"),
                                 react_1.default.createElement("p", { className: "mb-4 text-sm text-gray-600" }, "This is in the \"main\" layer (default)"),
                                 react_1.default.createElement("div", { className: "space-y-2" },
-                                    react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => (0, modal_service_1.closeModal)("main") }, "Close Main Layer"),
+                                    react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => (0, modal_service_1.closeModalLayer)("main") }, "Close Main Layer"),
                                     react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => (0, modal_service_1.openModal)({
                                             children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "sm" },
                                                 react_1.default.createElement("div", { className: "p-4" },
                                                     react_1.default.createElement("p", { className: "mb-2 text-lg font-bold" }, "Confirmation Layer"),
                                                     react_1.default.createElement("p", { className: "mb-4 text-sm text-gray-600" }, "This is in the \"confirmation\" layer (above main)"),
-                                                    react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => (0, modal_service_1.closeModal)("confirm") }, "Close Confirmation")))),
+                                                    react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => (0, modal_service_1.closeModalLayer)("confirm") }, "Close Confirmation")))),
                                         }, { layer: "confirm" }) }, "Open Confirmation Layer"))))),
                     }, { layer: "main" }) }, "Open in Main Layer"),
                 react_1.default.createElement(button_1.Button, { onClick: () => {
@@ -144,13 +144,13 @@ function ModalProviderWithLayers() {
                             children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "xl" },
                                 react_1.default.createElement("div", { className: "p-4" },
                                     react_1.default.createElement("p", { className: "mb-2 text-lg font-bold" }, "Main Layer"),
-                                    react_1.default.createElement("p", { className: "text-sm text-gray-600" }, "Layer 0 - z-index: 100")))),
+                                    react_1.default.createElement("p", { className: "text-sm text-gray-600" }, "Layer: main - z-index: 100")))),
                         }, { layer: "main" });
                         (0, modal_service_1.openModal)({
                             children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "default" },
                                 react_1.default.createElement("div", { className: "p-4" },
                                     react_1.default.createElement("p", { className: "mb-2 text-lg font-bold" }, "Confirmation Layer"),
-                                    react_1.default.createElement("p", { className: "text-sm text-gray-600" }, "Layer 1 - z-index: 101")))),
+                                    react_1.default.createElement("p", { className: "text-sm text-gray-600" }, "Layer: confirm - z-index: 1000")))),
                         }, { layer: "confirm" });
                     }, variant: "secondary" }, "Open All 2 Layers")),
             react_1.default.createElement("h3", { className: "uxf-typo-h5 mb-2" }, "Default Layer Configuration"),
@@ -160,5 +160,5 @@ function ModalProviderWithLayers() {
                     " z-index 100"),
                 react_1.default.createElement("li", null,
                     react_1.default.createElement("strong", null, "confirm:"),
-                    " z-index 101")))));
+                    " z-index 1000")))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.104.0",
+    "version": "11.106.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,11 +23,11 @@
     "dependencies": {
         "@floating-ui/react": "0.27.17",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.100.0",
-        "@uxf/core-react": "11.104.0",
-        "@uxf/datepicker": "11.100.1",
+        "@uxf/core": "11.106.0",
+        "@uxf/core-react": "11.106.0",
+        "@uxf/datepicker": "11.106.0",
         "@uxf/localize": "11.92.1",
-        "@uxf/styles": "11.104.0",
+        "@uxf/styles": "11.106.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.19",
         "react-dropzone": "14.4.0"