@uxf/cms 11.74.0 → 11.74.1

package/ui/tw-tokens/tw-spacing.d.ts

@@ -0,0 +1,39 @@
+export declare const twSpacing: {
+    "0": string;
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    "11": string;
+    "12": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "40": string;
+    "44": string;
+    "48": string;
+    "52": string;
+    "56": string;
+    "60": string;
+    "64": string;
+    "72": string;
+    "80": string;
+    "96": string;
+    px: string;
+    "0.5": string;
+    "1.5": string;
+    "2.5": string;
+    "3.5": string;
+    inherit: string;
+};
+export type TwSpacing = typeof twSpacing;

package/ui/tw-tokens/tw-spacing.js

@@ -0,0 +1,42 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twSpacing = void 0;
+exports.twSpacing = {
+    "0": "0px",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "9": "2.25rem",
+    "10": "2.5rem",
+    "11": "2.75rem",
+    "12": "3rem",
+    "14": "3.5rem",
+    "16": "4rem",
+    "20": "5rem",
+    "24": "6rem",
+    "28": "7rem",
+    "32": "8rem",
+    "36": "9rem",
+    "40": "10rem",
+    "44": "11rem",
+    "48": "12rem",
+    "52": "13rem",
+    "56": "14rem",
+    "60": "15rem",
+    "64": "16rem",
+    "72": "18rem",
+    "80": "20rem",
+    "96": "24rem",
+    px: "1px",
+    "0.5": "0.125rem",
+    "1.5": "0.375rem",
+    "2.5": "0.625rem",
+    "3.5": "0.875rem",
+    inherit: "inherit",
+};

package/ui/tw-tokens/tw-z-index.d.ts

@@ -0,0 +1,21 @@
+export declare const twZIndex: {
+    "0": string;
+    "1": string;
+    "10": string;
+    "20": string;
+    "30": string;
+    "40": string;
+    "50": string;
+    auto: string;
+    focus: string;
+    fixed: string;
+    menu: string;
+    header: string;
+    modal: string;
+    imageGallery: string;
+    lightbox: string;
+    dropdown: string;
+    flashMessage: string;
+    tooltip: string;
+};
+export type TwZIndex = typeof twZIndex;

package/ui/tw-tokens/tw-z-index.js

@@ -0,0 +1,24 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twZIndex = void 0;
+exports.twZIndex = {
+    "0": "0",
+    "1": "1",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
+    auto: "auto",
+    focus: "5",
+    fixed: "10",
+    menu: "25",
+    header: "50",
+    modal: "100",
+    imageGallery: "150",
+    lightbox: "150",
+    dropdown: "200",
+    flashMessage: "250",
+    tooltip: "300",
+};

package/ui/widget/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types";
+export * from "./widget";

package/ui/widget/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./widget"), exports);

package/ui/widget/types.d.ts

@@ -0,0 +1,6 @@
+import { PaperProps } from "@uxf/ui/paper/paper";
+import { ReactNode } from "react";
+export interface WidgetProps extends PaperProps {
+    footer?: ReactNode;
+    withDividers?: boolean;
+}

package/ui/widget/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ui/widget/widget.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from "react";
+import { WidgetProps } from "./types";
+export declare const Widget: FC<PropsWithChildren<WidgetProps>>;

package/ui/widget/widget.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = void 0;
+const paper_1 = require("@uxf/ui/paper/paper");
+const react_1 = __importDefault(require("react"));
+const Widget = (props) => {
+    var _a;
+    return (react_1.default.createElement(paper_1.Paper, { className: `dark:bg-gray-950 ${props.footer ? "rounded-b-none" : ""} ${props.withDividers ? "divide-lightBorder dark:divide-darkBorder divide-y" : ""} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+        props.children,
+        props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3 dark:bg-gray-800" }, props.footer)));
+};
+exports.Widget = Widget;

package/utils/remove-confirm-handler.d.ts

@@ -0,0 +1 @@
+export declare function removeConfirmHandler(): Promise<boolean>;

package/utils/remove-confirm-handler.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeConfirmHandler = removeConfirmHandler;
+const translations_1 = require("@uxf/core-react/translations");
+const button_1 = require("@uxf/ui/button");
+const modal_1 = require("@uxf/ui/modal");
+const modal_dialog_1 = require("@uxf/ui/modal-dialog/modal-dialog");
+const react_1 = __importDefault(require("react"));
+function removeConfirmHandler() {
+    return new Promise((resolve) => {
+        const RemoveConfirmModal = () => {
+            const t = (0, translations_1.useUxfTranslation)();
+            return (react_1.default.createElement(modal_dialog_1.ModalDialog, { footer: react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(button_1.Button, { onClick: () => {
+                            resolve(false);
+                            (0, modal_1.closeModal)();
+                        } }, t("uxf-cms-remove-confirm-handler:cancel")),
+                    react_1.default.createElement(button_1.Button, { color: "negative", onClick: () => {
+                            resolve(true);
+                            (0, modal_1.closeModal)();
+                        } }, t("uxf-cms-remove-confirm-handler:confirm-delete"))), title: t("uxf-cms-remove-confirm-handler:confirm-delete-message"), width: "sm" }));
+        };
+        (0, modal_1.openModal)({
+            isBackdropCloseDisabled: true,
+            children: react_1.default.createElement(RemoveConfirmModal, null),
+        });
+    });
+}

package/utils/translations.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    "uxf-cms-remove-confirm-handler": {
+        cancel: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "confirm-delete": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "confirm-delete-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/utils/translations.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-remove-confirm-handler": {
+        cancel: {
+            cs: "Zrušit",
+            en: "Cancel",
+            sk: "Zrušiť",
+            de: "Abbrechen",
+        },
+        "confirm-delete": {
+            cs: "Ano, smazat",
+            en: "Yes, delete",
+            sk: "Áno, zmazať",
+            de: "Ja, löschen",
+        },
+        "confirm-delete-message": {
+            cs: "Opravdu chcete smazat tento soubor?",
+            en: "Do you really want to delete this file?",
+            sk: "Naozaj chcete zmazať tento súbor?",
+            de: "Möchten Sie diese Datei wirklich löschen?",
+        },
+    },
+};

package/utils/use-viewport-height.d.ts

@@ -0,0 +1,3 @@
+type ViewportHeight = "100vh" | number;
+export declare function useViewportHeight(scrollLock?: boolean): ViewportHeight;
+export {};

package/utils/use-viewport-height.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewportHeight = useViewportHeight;
+const react_1 = require("react");
+function getHeight() {
+    var _a, _b;
+    if (typeof window === "undefined") {
+        return "100vh";
+    }
+    return (_b = (_a = window.visualViewport) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : "100vh";
+}
+function useViewportHeight(scrollLock) {
+    const [height, setHeight] = (0, react_1.useState)(() => getHeight());
+    (0, react_1.useEffect)(() => {
+        if (scrollLock) {
+            document.body.classList.add("xl:overflow-hidden");
+        }
+        const handler = () => setHeight(getHeight());
+        window.addEventListener("resize", handler);
+        return () => {
+            if (scrollLock) {
+                document.body.classList.remove("xl:overflow-hidden");
+            }
+            window.removeEventListener("resize", handler);
+        };
+    }, [scrollLock]);
+    return height;
+}