@uxf/ui 11.72.0 → 11.74.0

package/README.md

@@ -1,9 +1,11 @@
 # @uxf/ui
 
+> **Note:** This package contains translations. For proper functionality, you must use the `TranslationsProvider` from `@uxf/core-react/translations`. See the [core-react documentation](https://fe.uxf.dev/docs/core-react) for more information.
+
 ## [Documentation](https://ui.uxf.dev)
 
 ## How to install
 
 ```bash
 yarn add @uxf/ui
-```
+```

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.72.0",
+    "version": "11.74.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.70.0",
-        "@uxf/core-react": "11.71.0",
+        "@uxf/core": "11.72.3",
+        "@uxf/core-react": "11.74.0",
         "@uxf/datepicker": "11.61.0",
-        "@uxf/styles": "11.70.0",
+        "@uxf/styles": "11.72.3",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/translations/translations.d.ts

@@ -0,0 +1,237 @@
+declare const _default: {
+    "uxf-ui-time-picker": {
+        readonly previous: {
+            readonly cs: "Předchozí";
+            readonly en: "Previous";
+            readonly sk: "Predchádzajúci";
+            readonly de: "Zurück";
+        };
+        readonly next: {
+            readonly cs: "Nadcházející";
+            readonly en: "Next";
+            readonly sk: "Nasledujúci";
+            readonly de: "Weiter";
+        };
+    };
+    "uxf-ui-select": {
+        "no-options-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-multi-select": {
+        "all-options-selected": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "no-options-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-multi-combobox": {
+        "no-query-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "all-options-selected": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "no-options-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "not-found-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-lightbox": {
+        readonly next: {
+            readonly cs: "Další";
+            readonly en: "Next";
+            readonly sk: "Ďalší";
+            readonly de: "Weiter";
+        };
+        readonly close: {
+            readonly cs: "Zavřít";
+            readonly en: "Close";
+            readonly sk: "Zatvoriť";
+            readonly de: "Schließen";
+        };
+        readonly previous: {
+            readonly cs: "Předchozí";
+            readonly en: "Previous";
+            readonly sk: "Predchádzajúci";
+            readonly de: "Zurück";
+        };
+    };
+    "uxf-ui-layout": {
+        "open-menu": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-image-gallery": {
+        "close-button": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-datetime-picker": {
+        readonly dateTab: {
+            readonly cs: "Datum";
+            readonly en: "Date";
+            readonly sk: "Dátum";
+            readonly de: "Datum";
+        };
+        readonly timeTab: {
+            readonly cs: "Čas";
+            readonly en: "Time";
+            readonly sk: "Čas";
+            readonly de: "Zeit";
+        };
+    };
+    "uxf-ui-date-range-picker": {
+        readonly "prev-year": {
+            readonly cs: "Předchozí rok";
+            readonly en: "Previous year";
+            readonly sk: "Predchádzajúci rok";
+            readonly de: "Vorheriges Jahr";
+        };
+        readonly "next-year": {
+            readonly cs: "Nadcházející rok";
+            readonly en: "Next year";
+            readonly sk: "Nasledujúci rok";
+            readonly de: "Nächstes Jahr";
+        };
+        readonly "select-year": {
+            readonly cs: "Vybrat rok";
+            readonly en: "Select year";
+            readonly sk: "Vybrať rok";
+            readonly de: "Jahr auswählen";
+        };
+        readonly "select-month": {
+            readonly cs: "Vybrat měsíc";
+            readonly en: "Select month";
+            readonly sk: "Vybrať mesiac";
+            readonly de: "Monat auswählen";
+        };
+        readonly "next-month": {
+            readonly cs: "Nadcházející měsíc";
+            readonly en: "Next month";
+            readonly sk: "Nasledujúci mesiac";
+            readonly de: "Nächster Monat";
+        };
+        readonly "prev-month": {
+            readonly cs: "Předchozí měsíc";
+            readonly en: "Previous month";
+            readonly sk: "Predchádzajúci mesiac";
+            readonly de: "Vorheriger Monat";
+        };
+        readonly "next-decade": {
+            readonly cs: "Vpřed";
+            readonly en: "Forward";
+            readonly sk: "Vpred";
+            readonly de: "Vorwärts";
+        };
+        readonly "prev-decade": {
+            readonly cs: "Zpět";
+            readonly en: "Back";
+            readonly sk: "Späť";
+            readonly de: "Zurück";
+        };
+    };
+    "uxf-ui-date-picker": {
+        readonly "prev-year": {
+            readonly cs: "Předchozí rok";
+            readonly en: "Previous year";
+            readonly sk: "Predchádzajúci rok";
+            readonly de: "Vorheriges Jahr";
+        };
+        readonly "next-year": {
+            readonly cs: "Nadcházející rok";
+            readonly en: "Next year";
+            readonly sk: "Nasledujúci rok";
+            readonly de: "Nächstes Jahr";
+        };
+        readonly "select-year": {
+            readonly cs: "Vybrat rok";
+            readonly en: "Select year";
+            readonly sk: "Vybrať rok";
+            readonly de: "Jahr auswählen";
+        };
+        readonly "select-month": {
+            readonly cs: "Vybrat měsíc";
+            readonly en: "Select month";
+            readonly sk: "Vybrať mesiac";
+            readonly de: "Monat auswählen";
+        };
+        readonly "next-month": {
+            readonly cs: "Nadcházející měsíc";
+            readonly en: "Next month";
+            readonly sk: "Nasledujúci mesiac";
+            readonly de: "Nächster Monat";
+        };
+        readonly "prev-month": {
+            readonly cs: "Předchozí měsíc";
+            readonly en: "Previous month";
+            readonly sk: "Predchádzajúci mesiac";
+            readonly de: "Vorheriger Monat";
+        };
+        readonly "next-decade": {
+            readonly cs: "Vpřed";
+            readonly en: "Forward";
+            readonly sk: "Vpred";
+            readonly de: "Vorwärts";
+        };
+        readonly "prev-decade": {
+            readonly cs: "Zpět";
+            readonly en: "Back";
+            readonly sk: "Späť";
+            readonly de: "Zurück";
+        };
+    };
+    "uxf-ui-combobox": {
+        "no-query-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "no-options-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-ui-chip": {
+        "remove-item": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/translations/translations.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 });
+const translations_1 = __importDefault(require("@uxf/ui/chip/translations"));
+const translations_2 = __importDefault(require("@uxf/ui/combobox/translations"));
+const translations_3 = __importDefault(require("@uxf/ui/date-picker/translations"));
+const translations_4 = __importDefault(require("@uxf/ui/date-range-picker/translations"));
+const translations_5 = __importDefault(require("@uxf/ui/datetime-picker/translations"));
+const translations_6 = __importDefault(require("@uxf/ui/image-gallery/translations"));
+const translations_7 = __importDefault(require("@uxf/ui/layout/translations"));
+const translations_8 = __importDefault(require("@uxf/ui/lightbox/translations"));
+const translations_9 = __importDefault(require("@uxf/ui/multi-combobox/translations"));
+const translations_10 = __importDefault(require("@uxf/ui/multi-select/translations"));
+const translations_11 = __importDefault(require("@uxf/ui/select/translations"));
+const translations_12 = __importDefault(require("@uxf/ui/time-picker/translations"));
+exports.default = {
+    ...translations_1.default,
+    ...translations_2.default,
+    ...translations_3.default,
+    ...translations_4.default,
+    ...translations_5.default,
+    ...translations_6.default,
+    ...translations_7.default,
+    ...translations_8.default,
+    ...translations_9.default,
+    ...translations_10.default,
+    ...translations_11.default,
+    ...translations_12.default,
+};

package/_file-input-base/file-input-base.d.ts

@@ -1,13 +0,0 @@
-import { FileResponse, FileUploadProps } from "@uxf/core/types";
-import { FormControlProps } from "@uxf/ui/types";
-import React from "react";
-export interface FileInputBaseProps extends FormControlProps<FileResponse | null>, FileUploadProps {
-    "aria-describedby"?: string;
-    accept?: string;
-    className?: string;
-    form?: string;
-    id?: string;
-    maxFileSize?: number;
-    onUploadError?: (err: unknown) => void;
-}
-export declare const _FileInputBase: React.ForwardRefExoticComponent<FileInputBaseProps & React.RefAttributes<HTMLInputElement>>;

package/_file-input-base/file-input-base.js

@@ -1,50 +0,0 @@
-"use strict";
-"use client";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._FileInputBase = void 0;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const validator_exceptions_1 = require("@uxf/ui//utils/validator/validator-exceptions");
-const react_1 = __importStar(require("react"));
-exports._FileInputBase = (0, react_1.forwardRef)((props, ref) => {
-    const onChange = async (e) => {
-        var _a, _b;
-        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a.item(0);
-        if ((0, is_not_nil_1.isNotNil)(file)) {
-            try {
-                if (props.maxFileSize && file.size > props.maxFileSize) {
-                    throw validator_exceptions_1.ValidatorExceptions.MaxFileSize;
-                }
-                const response = await props.onUploadFile(file);
-                await props.onChange(response, e);
-            }
-            catch (err) {
-                (_b = props.onUploadError) === null || _b === void 0 ? void 0 : _b.call(props, err);
-            }
-        }
-    };
-    return (react_1.default.createElement("input", { accept: props.accept, "aria-describedby": props["aria-describedby"], "aria-invalid": props.isInvalid, className: props.className, disabled: props.isDisabled, form: props.form, id: props.id, name: props.name, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, readOnly: props.isReadOnly, ref: ref, required: props.isRequired, tabIndex: props.isDisabled ? -1 : undefined, type: "file" }));
-});
-exports._FileInputBase.displayName = "UxfUiFileInputBase";

package/_file-input-base/index.d.ts

@@ -1,2 +0,0 @@
-export { _FileInputBase } from "./file-input-base";
-export type { FileInputBaseProps } from "./file-input-base";

package/_file-input-base/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._FileInputBase = void 0;
-var file_input_base_1 = require("./file-input-base");
-Object.defineProperty(exports, "_FileInputBase", { enumerable: true, get: function () { return file_input_base_1._FileInputBase; } });

package/_input-with-popover/index.d.ts

@@ -1,2 +0,0 @@
-export { _InputWithPopover } from "./input-with-popover";
-export type { InputWithPopoverProps } from "./input-with-popover";

package/_input-with-popover/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._InputWithPopover = void 0;
-var input_with_popover_1 = require("./input-with-popover");
-Object.defineProperty(exports, "_InputWithPopover", { enumerable: true, get: function () { return input_with_popover_1._InputWithPopover; } });

package/_input-with-popover/input-with-popover.d.ts

@@ -1,25 +0,0 @@
-import { Placement, Strategy } from "@floating-ui/react";
-import { InputProps } from "@uxf/ui/input";
-import React, { MutableRefObject, ReactElement, ReactNode } from "react";
-import { Clearable, FormControlProps } from "../types";
-export interface InputWithPopoverProps<ValueType = string> extends FormControlProps<ValueType>, Pick<InputProps, "size" | "variant">, Clearable {
-    autoFocus?: boolean;
-    className?: string;
-    children: (args: {
-        close: (focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>) => void;
-    }) => ReactElement;
-    form?: string;
-    helperText?: ReactNode;
-    hiddenLabel?: boolean;
-    id?: string;
-    label?: ReactNode;
-    leftAddon?: ReactNode;
-    leftElement?: ReactNode;
-    placeholder?: string;
-    popoverPlacement?: Placement;
-    popoverStrategy?: Strategy;
-    rightAddon?: ReactNode;
-    rightElement?: ReactNode;
-    triggerElement: ReactNode;
-}
-export declare const _InputWithPopover: React.ForwardRefExoticComponent<InputWithPopoverProps<string> & React.RefAttributes<HTMLInputElement>>;

package/_input-with-popover/input-with-popover.js

@@ -1,93 +0,0 @@
-"use strict";
-"use client";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._InputWithPopover = void 0;
-const react_1 = require("@floating-ui/react");
-const react_2 = require("@headlessui/react");
-const show_1 = require("@uxf/core-react/components/show");
-const use_input_focus_1 = require("@uxf/core-react/hooks/use-input-focus");
-const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const form_component_1 = require("@uxf/ui/form-component");
-const input_1 = require("@uxf/ui/input");
-const react_3 = __importStar(require("react"));
-function useErrorProps(error, id, isInvalid) {
-    const errorId = isInvalid ? `${id}--error-message` : undefined;
-    return {
-        errorId,
-        ariaDescribedby: errorId,
-        ariaErrormessage: error && errorId ? `${errorId}--error-message` : undefined,
-        ariaInvalid: Boolean(error),
-    };
-}
-exports._InputWithPopover = (0, react_3.forwardRef)((props, ref) => {
-    var _a, _b, _c;
-    const generatedId = (0, react_3.useId)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
-    const innerRef = (0, react_3.useRef)(null);
-    const input = (0, use_input_focus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
-    const error = useErrorProps(props.helperText, id, props.isInvalid);
-    const rootClassName = (0, cx_1.cx)("uxf-input-with-popover", ((_b = props.isFocused) !== null && _b !== void 0 ? _b : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
-    const floatingPopover = (0, react_1.useFloating)({
-        placement: (_c = props.popoverPlacement) !== null && _c !== void 0 ? _c : "bottom",
-        middleware: [
-            (0, react_1.flip)(),
-            (0, react_1.shift)(),
-            (0, react_1.size)({
-                apply({ availableHeight, availableWidth, elements }) {
-                    Object.assign(elements.floating.style, {
-                        maxHeight: Math.max(50, availableHeight) + "px",
-                        maxWidth: Math.max(240, availableWidth) + "px",
-                    });
-                },
-            }),
-        ],
-        strategy: props.popoverStrategy,
-        whileElementsMounted: (reference, floating, update) => (0, react_1.autoUpdate)(reference, floating, update, {
-            elementResize: typeof ResizeObserver !== "undefined",
-        }),
-    });
-    const isInteractive = !props.isDisabled && !props.isReadOnly;
-    const showRemoveButton = Boolean(props.value && isInteractive && props.isClearable);
-    return (react_3.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: error.errorId, form: props.form, helperText: props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
-        react_3.default.createElement(react_2.Popover, { as: react_3.Fragment }, (renderProps) => (react_3.default.createElement(react_3.default.Fragment, null,
-            react_3.default.createElement(input_1.Input, { inputFocus: input, inputGroupRef: floatingPopover.refs.setReference, ref: (0, compose_refs_1.composeRefs)(innerRef, ref), size: props.size, variant: props.variant },
-                props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),
-                props.leftElement && react_3.default.createElement(input_1.Input.LeftElement, null, props.leftElement),
-                react_3.default.createElement(input_1.Input.Element, { "aria-describedby": error.ariaDescribedby, "aria-errormessage": error.ariaErrormessage, "aria-invalid": error.ariaInvalid, "aria-live": "polite", autoComplete: "off", autoFocus: props.autoFocus, form: props.form, id: id, isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, name: props.name, onChange: props.onChange, placeholder: props.placeholder, type: "text", value: props.value }),
-                react_3.default.createElement(input_1.Input.RightElement, null,
-                    react_3.default.createElement(show_1.Show, { when: showRemoveButton },
-                        react_3.default.createElement(input_1.Input.RemoveButton, { onChange: () => props.onChange("") })),
-                    react_3.default.createElement(react_2.Popover.Button, { className: "uxf-input-with-popover__trigger-element" }, props.triggerElement),
-                    props.rightElement),
-                props.rightAddon && react_3.default.createElement(input_1.Input.RightAddon, null, props.rightAddon)),
-            react_3.default.createElement(show_1.Show, { when: isInteractive && renderProps.open },
-                react_3.default.createElement(react_1.FloatingPortal, null,
-                    react_3.default.createElement(react_2.Popover.Panel, { className: (0, cx_1.cx)("uxf-input-with-popover__panel", floatingPopover.placement === "bottom" &&
-                            "uxf-input-with-popover__panel--bottom", floatingPopover.placement === "top" && "uxf-input-with-popover__panel--top"), ref: floatingPopover.refs.setFloating, static: true, style: floatingPopover.floatingStyles }, props.children))))))));
-});
-exports._InputWithPopover.displayName = "UxfUiInputWithPopover";

package/_private-utils/get-provider-config.d.ts

@@ -1,2 +0,0 @@
-import { UiContextType } from "../context";
-export declare const getProviderConfig: () => UiContextType;

package/_private-utils/get-provider-config.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getProviderConfig = void 0;
-const color_scheme_1 = require("../color-scheme");
-const icons_1 = require("../config/icons");
-const tw_screens_1 = require("../tw-tokens/tw-screens");
-const getProviderConfig = () => ({
-    colorScheme: {
-        ...color_scheme_1.COLOR_SCHEME_DEFAULTS,
-        respectSystemSetting: false,
-        respectUserSettings: false,
-    },
-    domain: "https://localhost:6006",
-    icon: { spriteFilePath: "/icons-generated/_icon-sprite.svg", iconsConfig: icons_1.ICONS },
-    rasterImage: {
-        breakpoints: tw_screens_1.twScreens,
-    },
-});
-exports.getProviderConfig = getProviderConfig;

package/accordion/accordion.d.ts

@@ -1,33 +0,0 @@
-import React, { ReactNode } from "react";
-import { IconName } from "../icon/types";
-export type AccordionItemOpenBehaviour = "single" | "multiple";
-export interface AccordionItemProps {
-    children: ReactNode;
-    className?: string;
-    closeIconName?: IconName;
-    id: string;
-    iconSize?: number;
-    isOpen?: boolean;
-    name?: string;
-    openIconName?: IconName;
-    title: ReactNode;
-}
-declare function Item(props: AccordionItemProps): React.JSX.Element;
-declare namespace Item {
-    var displayName: string;
-}
-export interface AccordionProps {
-    children: ReactNode;
-    className?: string;
-    closeIconName?: AccordionItemProps["closeIconName"];
-    itemOpenBehavior?: AccordionItemOpenBehaviour;
-    openIconName?: AccordionItemProps["openIconName"];
-}
-declare function Root(props: AccordionProps): React.JSX.Element;
-declare namespace Root {
-    var displayName: string;
-}
-export declare const Accordion: typeof Root & {
-    Item: typeof Item;
-};
-export {};

package/accordion/accordion.js

@@ -1,78 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = void 0;
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const react_1 = __importStar(require("react"));
-const icon_1 = require("../icon");
-function isExclusiveAccordionSupported() {
-    const details = document.createElement("details");
-    const uniqueTestValue = Date.now().toString();
-    details.name = uniqueTestValue;
-    const isSupported = details.getAttribute("name") === uniqueTestValue;
-    details.remove();
-    return isSupported;
-}
-function Item(props) {
-    var _a, _b, _c, _d;
-    const innerRef = (0, react_1.useRef)(null);
-    const itemClickHandler = () => {
-        const node = innerRef.current;
-        if (isExclusiveAccordionSupported() || (0, is_nil_1.isNil)(props.name) || (0, is_nil_1.isNil)(node)) {
-            return;
-        }
-        document.querySelectorAll("details").forEach((child) => {
-            if (child !== node && child.getAttribute("name") === props.name) {
-                child.open = false;
-            }
-        });
-    };
-    const iconSize = (_a = props.iconSize) !== null && _a !== void 0 ? _a : 16;
-    return (react_1.default.createElement("details", { className: `uxf-accordion__item ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, id: props.id, name: props.name, open: props.isOpen, ref: innerRef },
-        react_1.default.createElement("summary", { className: "uxf-accordion__item-button", onClick: itemClickHandler },
-            react_1.default.createElement("span", { className: "uxf-accordion__item-title" }, props.title),
-            react_1.default.createElement(icon_1.Icon, { className: "uxf-accordion__item-icon uxf-accordion__item-icon-close", name: (_c = props.closeIconName) !== null && _c !== void 0 ? _c : "chevronUp", size: iconSize }),
-            react_1.default.createElement(icon_1.Icon, { className: "uxf-accordion__item-icon uxf-accordion__item-icon-open", name: (_d = props.openIconName) !== null && _d !== void 0 ? _d : "chevronDown", size: iconSize })),
-        react_1.default.createElement("div", { className: "uxf-accordion__item-content" },
-            react_1.default.createElement("div", { className: "uxf-accordion__item-content-inner" }, props.children))));
-}
-const ACCORDION_ITEM_DISPLAY_NAME = "UxfUiAccordionItem";
-Item.displayName = ACCORDION_ITEM_DISPLAY_NAME;
-function Root(props) {
-    var _a;
-    const id = (0, react_1.useId)();
-    const accordionItems = react_1.Children.toArray(props.children).filter((child) => (0, react_1.isValidElement)(child) && child.type.displayName === ACCORDION_ITEM_DISPLAY_NAME);
-    return (react_1.default.createElement("div", { className: `uxf-accordion ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` }, accordionItems.map((child) => {
-        var _a, _b;
-        return (0, react_1.cloneElement)(child, {
-            closeIconName: (_a = child.props.closeIconName) !== null && _a !== void 0 ? _a : props.closeIconName,
-            key: child.props.id,
-            name: props.itemOpenBehavior === "multiple" ? id : child.props.name,
-            openIconName: (_b = child.props.openIconName) !== null && _b !== void 0 ? _b : props.openIconName,
-        });
-    })));
-}
-Root.displayName = "UxfUiAccordion";
-exports.Accordion = Object.assign(Root, { Item });

package/accordion/accordion.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/accordion/accordion.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const accordion_stories_1 = require("./accordion.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(accordion_stories_1.Default, null));