@uxf/ui 11.72.3 → 11.74.0

package/dropdown/dropdown.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.Dropdown = void 0;
-const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props");
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-const Item = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { as = "a", children, className, ...restProps } = props;
-    const Component = as;
-    const anchorProps = (0, use_anchor_props_1.useAnchorProps)({
-        className: `uxf-dropdown__item ${className || ""}`,
-        role: "menuitem",
-        ...restProps,
-    });
-    return (react_1.default.createElement(Component, { ref: ref, ...anchorProps }, children));
-});
-Item.displayName = "UxfUiDropdownItem";
-const Items = (0, react_1.forwardRef)((props, ref) => {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dropdown", props.className), ref: ref, role: props.role }, props.children));
-});
-exports.Dropdown = {
-    Item,
-    Items,
-};
-Items.displayName = "UxfUiDropdownItems";

package/dropdown/dropdown.spec.d.ts

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

package/dropdown/dropdown.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 dropdown_stories_1 = require("./dropdown.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(dropdown_stories_1.Default, null));

package/dropdown/dropdown.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/dropdown/dropdown.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = require("@headlessui/react");
-const classes_1 = require("@uxf/core/constants/classes");
-const react_2 = __importDefault(require("react"));
-const button_1 = require("../button");
-const index_1 = require("./index");
-const testDropdownItems = [
-    { id: 1, title: "Test 1" },
-    { id: 2, title: "Test 2" },
-    { id: 3, title: "Test 3" },
-];
-function Default() {
-    const storyDropdown = (react_2.default.createElement(react_1.Menu, { as: "div", className: "relative" },
-        react_2.default.createElement(react_1.Menu.Button, { as: button_1.Button, color: "positive", title: "Test" }, "Click me"),
-        react_2.default.createElement(react_1.Menu.Items, { as: index_1.Dropdown.Items }, testDropdownItems.map((item) => (react_2.default.createElement(react_1.Menu.Item, { key: item.id }, ({ active }) => (react_2.default.createElement(index_1.Dropdown.Item, { className: `first-letter:uppercase ${active ? classes_1.CLASSES.IS_ACTIVE : ""}` }, item.title))))))));
-    return (react_2.default.createElement("div", { className: "flex" },
-        react_2.default.createElement("div", { className: "grow gap-4 p-4" }, storyDropdown)));
-}

package/dropdown/index.d.ts

@@ -1,2 +0,0 @@
-export { Dropdown } from "./dropdown";
-export type { DropdownItemProps, DropdownItemsProps } from "./dropdown";

package/dropdown/index.js

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

package/dropzone/dropzone-input.d.ts

@@ -1,24 +0,0 @@
-import { FileResponse, FileUploadProps } from "@uxf/core/types";
-import { FormControlProps } from "@uxf/ui/types";
-import React, { CSSProperties, ReactNode } from "react";
-import { FileRejection } from "react-dropzone";
-import { IconName } from "../icon/types";
-import { Accept, DropzoneFile } from "./types";
-export interface DropzoneInputProps extends FormControlProps<DropzoneFile[] | undefined>, FileUploadProps {
-    accept?: Accept;
-    className?: string;
-    helperText?: ReactNode;
-    icon?: IconName;
-    id?: string;
-    isNotClickable?: boolean;
-    isNotDraggable?: boolean;
-    label?: ReactNode;
-    maxFileSize?: number;
-    maxFilesCount?: number;
-    minFileSize?: number;
-    onDropRejected?: (fileRejections: FileRejection[]) => void;
-    onUploadComplete?: (files: FileResponse[]) => Promise<void>;
-    onUploadError?: (err: unknown) => void;
-    style?: CSSProperties;
-}
-export declare const DropzoneInput: React.ForwardRefExoticComponent<DropzoneInputProps & React.RefAttributes<HTMLDivElement>>;

package/dropzone/dropzone-input.js

@@ -1,146 +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.DropzoneInput = void 0;
-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 is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_1 = __importStar(require("react"));
-const react_dropzone_1 = require("react-dropzone");
-const icon_1 = require("../icon");
-function fileToFileResponse(file) {
-    return {
-        id: -Math.round(Math.random() * 100000000),
-        uuid: "00000000-0000-0000-0000-000000000000",
-        name: file.name,
-        namespace: null,
-        extension: file.name.split(".").slice(-1).join(""),
-    };
-}
-function progressHandler(progressEvent, file, onValuesChange, values) {
-    if (values) {
-        onValuesChange(values.map((f) => f.id === file.id
-            ? {
-                ...f,
-                progress: progressEvent.lengthComputable
-                    ? Math.round((progressEvent.loaded / progressEvent.total) * 100)
-                    : null,
-            }
-            : f));
-    }
-}
-function fileUploadedHandler(uploadedFile, dropzoneFile, onValuesChange, values) {
-    if (values && uploadedFile) {
-        onValuesChange(values.map((f) => f.id === dropzoneFile.id ? { ...uploadedFile, progress: 100, originalFile: f.originalFile } : f));
-    }
-    return uploadedFile;
-}
-function fileRejectedHandler(err, dropzoneFile, onValuesChange, values, onUploadError) {
-    onUploadError === null || onUploadError === void 0 ? void 0 : onUploadError(err);
-    dropzoneFile.error = err;
-    if (values) {
-        onValuesChange(values.map((f) => (f.id === dropzoneFile.id ? { ...f, error: err } : f)));
-    }
-    return null;
-}
-exports.DropzoneInput = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b;
-    const refValue = (0, react_1.useRef)();
-    refValue.current = props.value;
-    const handleFileDrop = async (acceptedFiles, inputRef) => {
-        const files = acceptedFiles.map((file) => ({
-            ...fileToFileResponse(file),
-            abortController: new AbortController(),
-            originalFile: file,
-            progress: 0,
-        }));
-        props.onChange(props.value ? [...props.value, ...files] : files);
-        const onChange = (values) => {
-            props.onChange(values);
-            refValue.current = values;
-            // this ensures that the input is cleared after the upload, so there is no problem with uploading the same file again
-            const inputNode = inputRef.current;
-            if (inputNode) {
-                inputNode.value = "";
-            }
-        };
-        const uploadingFiles = [];
-        for (const file of files) {
-            if (!file.originalFile) {
-                file.error = "File not found";
-                continue;
-            }
-            uploadingFiles.push(props
-                .onUploadFile(file.originalFile, {
-                abortController: file.abortController,
-                onUploadProgress: (e) => progressHandler(e, file, onChange, refValue.current),
-            })
-                .then((res) => fileUploadedHandler(res, file, onChange, refValue.current))
-                .catch((err) => fileRejectedHandler(err, file, onChange, refValue.current, props.onUploadError)));
-        }
-        Promise.allSettled(uploadingFiles).then((result) => {
-            var _a;
-            const fulfilledFilesOnly = result
-                .filter((res) => res.status === "fulfilled")
-                .map((res) => res.value)
-                .filter(is_not_nil_1.isNotNil);
-            (_a = props.onUploadComplete) === null || _a === void 0 ? void 0 : _a.call(props, fulfilledFilesOnly);
-        });
-    };
-    const { getRootProps, getInputProps, rootRef, inputRef } = (0, react_dropzone_1.useDropzone)({
-        accept: props.accept,
-        disabled: props.isDisabled,
-        maxFiles: props.maxFilesCount,
-        maxSize: props.maxFileSize,
-        minSize: props.minFileSize,
-        multiple: props.maxFilesCount !== 1,
-        noClick: props.isNotClickable,
-        noDrag: props.isNotDraggable,
-        onDrop: (acceptedFiles) => handleFileDrop(acceptedFiles, inputRef),
-        preventDropOnDocument: props.isNotDraggable,
-        onDropRejected: props.onDropRejected,
-    });
-    const labelOnCLick = (e) => {
-        e.stopPropagation();
-    };
-    return (react_1.default.createElement("div", { className: `uxf-dropzone ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, style: props.style },
-        react_1.default.createElement("label", { ...getRootProps({
-                className: (0, cx_1.cx)("uxf-dropzone__label", props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isNotClickable && "cursor-auto"),
-                onClick: labelOnCLick,
-            }), ref: (0, compose_refs_1.composeRefs)(ref, rootRef) },
-            react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone__label__icon", name: (_b = props.icon) !== null && _b !== void 0 ? _b : "cloud" }),
-            typeof props.label === "string" ? react_1.default.createElement("span", null, props.label) : props.label,
-            react_1.default.createElement("input", { ...getInputProps({
-                    className: "uxf-dropzone__input",
-                    disabled: props.isDisabled,
-                    id: props.id,
-                    name: props.name,
-                    type: "file",
-                }), ref: inputRef })),
-        props.helperText && (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-helper-text", props.isInvalid && classes_1.CLASSES.IS_INVALID) }, props.helperText))));
-});
-exports.DropzoneInput.displayName = "UxfUiDropzoneInput";

package/dropzone/dropzone-list.d.ts

@@ -1,15 +0,0 @@
-import { FormControlProps } from "@uxf/ui/types";
-import React, { CSSProperties, ReactNode } from "react";
-import { DropzoneFile } from "./types";
-export interface DropzoneListProps extends FormControlProps<DropzoneFile[] | undefined> {
-    className?: string;
-    errorText?: string;
-    isDownloadableOnClick?: boolean;
-    onRemoveConfirm?: (file: DropzoneFile) => Promise<boolean>;
-    renderItem?: (file: DropzoneFile) => ReactNode;
-    style?: CSSProperties;
-}
-export declare function DropzoneList(props: DropzoneListProps): React.JSX.Element | null;
-export declare namespace DropzoneList {
-    var displayName: string;
-}

package/dropzone/dropzone-list.js

@@ -1,81 +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.DropzoneList = DropzoneList;
-const hide_1 = require("@uxf/core-react/components/hide");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const format_bytes_1 = require("@uxf/core/utils/format-bytes");
-const context_1 = require("@uxf/ui/context");
-const icon_1 = require("@uxf/ui/icon");
-const loader_1 = require("@uxf/ui/loader");
-const get_file_url_1 = require("@uxf/ui/utils/files/get-file-url");
-const react_1 = __importStar(require("react"));
-const get_file_icon_1 = require("../utils/files/get-file-icon");
-function DropzoneList(props) {
-    var _a, _b, _c;
-    const context = (0, react_1.useContext)(context_1.UiContext);
-    const handleRemove = (file, value, isUploading) => {
-        var _a;
-        if (isUploading) {
-            (_a = file.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-        }
-        props.onChange(value.filter((f) => f.id !== file.id));
-    };
-    const onRemove = (file, isUploading) => () => {
-        if (!props.value) {
-            return;
-        }
-        if (!props.onRemoveConfirm) {
-            return handleRemove(file, props.value, isUploading);
-        }
-        props.onRemoveConfirm(file).then((canRemove) => {
-            if (canRemove && props.value) {
-                return handleRemove(file, props.value, isUploading);
-            }
-        });
-    };
-    if (((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-        return null;
-    }
-    return (react_1.default.createElement("ul", { className: `uxf-dropzone-list ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, style: props.style }, (_c = props.value) === null || _c === void 0 ? void 0 : _c.map((file) => {
-        var _a, _b, _c;
-        const isUploading = file.id < 0 && !file.error;
-        return ((_b = (_a = props.renderItem) === null || _a === void 0 ? void 0 : _a.call(props, file)) !== null && _b !== void 0 ? _b : (react_1.default.createElement("li", { className: "uxf-dropzone-list__item-wrapper", key: file.id },
-            react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dropzone-list__item", Boolean(file.error) && classes_1.CLASSES.IS_INVALID) },
-                react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
-                    react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__icon", name: (0, get_file_icon_1.getIconNameFromFileExtension)(file.extension.toLowerCase()) }),
-                    (context === null || context === void 0 ? void 0 : context.domain) && file.id > 0 ? (react_1.default.createElement("a", { className: "uxf-dropzone-list__item__block__file-name-link", download: props.isDownloadableOnClick ? file.name : undefined, href: (0, get_file_url_1.getFileUrl)(context.domain, file), rel: !props.isDownloadableOnClick ? "noreferrer noopenner" : undefined, target: !props.isDownloadableOnClick ? "_blank" : undefined }, file.name)) : (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-name" }, file.name))),
-                react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
-                    isUploading ? (react_1.default.createElement(loader_1.Loader, { size: "sm" })) : (!file.error &&
-                        ((_c = file.originalFile) === null || _c === void 0 ? void 0 : _c.size) && (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-size" }, (0, format_bytes_1.formatBytes)(file.originalFile.size)))),
-                    react_1.default.createElement(hide_1.Hide, { when: Boolean(props.isDisabled) },
-                        react_1.default.createElement("button", { className: "uxf-dropzone-list__item__block__remove-button", onClick: onRemove(file, isUploading), type: "button" },
-                            react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__remove-button__icon", name: "xmarkLarge" }))))),
-            Boolean(file.error) && (react_1.default.createElement("span", { className: (0, cx_1.cx)("uxf-helper-text", classes_1.CLASSES.IS_INVALID) }, props.errorText || "File upload error")))));
-    })));
-}
-DropzoneList.displayName = "UxfUiDropzoneList";

package/dropzone/dropzone.spec.d.ts

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

package/dropzone/dropzone.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 dropzone_stories_1 = require("./dropzone.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(dropzone_stories_1.Default, null));

package/dropzone/dropzone.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/dropzone/dropzone.stories.js

@@ -1,63 +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.Default = Default;
-const show_1 = require("@uxf/core-react/components/show");
-const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
-const handle_rejected_files_1 = require("@uxf/ui/dropzone/handle-rejected-files");
-const react_1 = __importStar(require("react"));
-const text_input_1 = require("../text-input");
-const toggle_1 = require("../toggle");
-const action_1 = require("../utils/action");
-const upload_file_mock_1 = require("../utils/mocks/upload-file.mock");
-const index_1 = require("./index");
-const MB_SIZE = 1024 * 1024;
-function Default() {
-    const [isDisabled, setIsDisabled] = (0, react_1.useState)(false);
-    const [isFileCountLimited, setIsFileCountLimited] = (0, react_1.useState)(false);
-    const [fileCountLimit, setFileCountLimit] = (0, react_1.useState)(1);
-    const [isFileSizeLimited, setIsFileSizeLimited] = (0, react_1.useState)(false);
-    const [fileSizeLimit, setFileSizeLimit] = (0, react_1.useState)(1);
-    const [hasOnlyImagesAllowed, setHasOnlyImagesAllowed] = (0, react_1.useState)(false);
-    const [files, setFiles] = (0, react_1.useState)([]);
-    const onChange = (0, action_1.action)("onChange", setFiles);
-    const onRemoveConfirm = () => Promise.resolve(confirm("Do you want to delete the file?"));
-    return (react_1.default.createElement("div", { className: "max-w-screen-sm p-4" },
-        react_1.default.createElement(toggle_1.Toggle, { label: "Disabled", name: "toggle", onChange: () => setIsDisabled((prev) => !prev), value: isDisabled }),
-        react_1.default.createElement(toggle_1.Toggle, { label: "Only images upload", name: "toggle", onChange: () => setHasOnlyImagesAllowed((prev) => !prev), value: hasOnlyImagesAllowed }),
-        react_1.default.createElement("div", { className: "flex items-center" },
-            react_1.default.createElement(toggle_1.Toggle, { label: "Limit file count", name: "toggle", onChange: () => setIsFileCountLimited((prev) => !prev), value: isFileCountLimited }),
-            react_1.default.createElement(text_input_1.TextInput, { className: "w-20", name: "limit-file-count", onChange: (value) => setFileCountLimit(parseInt(value, 10)), type: "number", value: fileCountLimit.toString() })),
-        react_1.default.createElement("div", { className: "flex items-center" },
-            react_1.default.createElement(toggle_1.Toggle, { label: "Limit file size", name: "toggle", onChange: () => setIsFileSizeLimited((prev) => !prev), value: isFileSizeLimited }),
-            react_1.default.createElement(text_input_1.TextInput, { className: "w-28", name: "limit-file-size", onChange: (value) => setFileSizeLimit(parseInt(value, 10)), rightElement: "MB", type: "number", value: fileSizeLimit.toString() })),
-        react_1.default.createElement(index_1.Dropzone, { accept: hasOnlyImagesAllowed ? { "image/*": [] } : undefined, isDisabled: isDisabled, label: "Use drag and drop or click to upload", maxFileSize: isFileSizeLimited ? fileSizeLimit * MB_SIZE : undefined, maxFilesCount: isFileCountLimited ? fileCountLimit : undefined, name: "dropzone-disabled-drag-and-drop", onChange: onChange, onDropRejected: (fileRejections) => (0, handle_rejected_files_1.handleRejectedFiles)(fileRejections, fileCountLimit), onUploadFile: upload_file_mock_1.uploadFile, value: files }),
-        react_1.default.createElement(index_1.Dropzone.List, { className: "mt-6", errorText: "Chyba p\u0159i nahr\u00E1v\u00E1n\u00ED souboru", isDisabled: isDisabled, name: "dropzone-error-message", onChange: onChange, onRemoveConfirm: onRemoveConfirm, value: files }),
-        react_1.default.createElement(show_1.Show, { when: (0, is_not_empty_1.isNotEmpty)(files) },
-            react_1.default.createElement("div", { className: "mt-6" },
-                react_1.default.createElement("p", null, "File response:"),
-                react_1.default.createElement(index_1.Dropzone.List, { className: "max-w-full bg-gray-200 p-4", name: "dropzone-list", onChange: onChange, onRemoveConfirm: onRemoveConfirm, renderItem: (file) => (react_1.default.createElement("li", { className: "max-w-full", key: file.id },
-                        react_1.default.createElement("pre", { className: "whitespace-pre-wrap break-all" }, JSON.stringify(file, null, 4)))), value: files })))));
-}

package/dropzone/handle-rejected-files.d.ts

@@ -1,2 +0,0 @@
-import { FileRejection } from "react-dropzone";
-export declare function handleRejectedFiles(fileRejections: FileRejection[], fileCountLimit?: number): Promise<void>;

package/dropzone/handle-rejected-files.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleRejectedFiles = handleRejectedFiles;
-const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
-const react_dropzone_1 = require("react-dropzone");
-async function handleRejectedFiles(fileRejections, fileCountLimit) {
-    const bigFiles = fileRejections.filter((rejection) => rejection.errors.some((error) => error.code === react_dropzone_1.ErrorCode.FileTooLarge));
-    const tooManyFiles = fileRejections.filter((rejection) => rejection.errors.some((error) => error.code === react_dropzone_1.ErrorCode.TooManyFiles));
-    if ((0, is_not_empty_1.isNotEmpty)(bigFiles)) {
-        // eslint-disable-next-line no-alert
-        alert(`Tyto soubory jsou příliš velké a nebyly nahrány: ${bigFiles.map((file) => file.file.name).join(", ")}`);
-    }
-    if ((0, is_not_empty_1.isNotEmpty)(tooManyFiles) && fileCountLimit) {
-        // eslint-disable-next-line no-alert
-        alert(`Bylo nahráno příliš mnoho souborů. Maximální počet souborů je ${fileCountLimit}`);
-    }
-}

package/dropzone/index.d.ts

@@ -1,6 +0,0 @@
-import { DropzoneList } from "./dropzone-list";
-export type { DropzoneInputProps } from "./dropzone-input";
-export type { DropzoneListProps } from "./dropzone-list";
-export declare const Dropzone: import("react").ForwardRefExoticComponent<import("./dropzone-input").DropzoneInputProps & import("react").RefAttributes<HTMLDivElement>> & {
-    List: typeof DropzoneList;
-};

package/dropzone/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropzone = void 0;
-const dropzone_input_1 = require("./dropzone-input");
-const dropzone_list_1 = require("./dropzone-list");
-exports.Dropzone = Object.assign(dropzone_input_1.DropzoneInput, { List: dropzone_list_1.DropzoneList });

package/dropzone/types.d.ts

@@ -1,10 +0,0 @@
-import { FileResponse } from "@uxf/core/types";
-export interface DropzoneFile extends FileResponse {
-    abortController?: AbortController;
-    error?: unknown;
-    originalFile?: File;
-    progress?: number | null;
-}
-export interface Accept {
-    [key: string]: string[];
-}

package/dropzone/types.js

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

package/error-message/error-message.d.ts

@@ -1,6 +0,0 @@
-import { FC, ReactNode } from "react";
-export interface ErrorMessageProps {
-    id?: string | undefined;
-    children?: ReactNode;
-}
-export declare const ErrorMessage: FC<ErrorMessageProps>;

package/error-message/error-message.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = void 0;
-const react_1 = __importDefault(require("react"));
-const ErrorMessage = (props) => {
-    return (react_1.default.createElement("p", { className: "uxf-error-message", id: props.id }, props.children));
-};
-exports.ErrorMessage = ErrorMessage;
-exports.ErrorMessage.displayName = "UxfUiErrorMessage";

package/error-message/error-message.spec.d.ts

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

package/error-message/error-message.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 error_message_stories_1 = require("./error-message.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(error_message_stories_1.Default, null));

package/error-message/error-message.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/error-message/error-message.stories.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const index_1 = require("./index");
-function Default() {
-    return (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement(index_1.ErrorMessage, null, "This field is required.")));
-}

package/error-message/index.d.ts

@@ -1 +0,0 @@
-export { ErrorMessage } from "./error-message";

package/error-message/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = void 0;
-var error_message_1 = require("./error-message");
-Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return error_message_1.ErrorMessage; } });

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

@@ -1,15 +0,0 @@
-import { InputGroupSizes, InputGroupVariants } from "@uxf/ui/input/theme";
-import { Clearable } from "@uxf/ui/types";
-import React, { ReactNode } from "react";
-import { FileInputBaseProps } from "../_file-input-base";
-export interface FileInputProps extends FileInputBaseProps, Clearable {
-    className?: string;
-    helperText?: ReactNode;
-    hiddenLabel?: boolean;
-    label?: ReactNode;
-    placeholder?: string;
-    size?: keyof InputGroupSizes;
-    uploadButtonLabel?: string;
-    variant?: keyof InputGroupVariants;
-}
-export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;