@uxf/ui 11.72.3 → 11.74.0

package/datetime-picker/datetime-picker.js

@@ -1,96 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatetimePicker = exports.OUTPUT_DATETIME_FORMAT = void 0;
-exports.getStrictParsedDatetime = getStrictParsedDatetime;
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const dayjs_1 = __importStar(require("dayjs"));
-const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
-const react_1 = __importStar(require("react"));
-const date_picker_1 = require("../date-picker");
-const time_picker_1 = require("../time-picker");
-(0, dayjs_1.extend)(customParseFormat_1.default);
-exports.OUTPUT_DATETIME_FORMAT = "YYYY-MM-DDTHH:mm:ss.SSSZ";
-function getStrictParsedDatetime(date) {
-    var _a;
-    return (0, dayjs_1.default)((_a = date === null || date === void 0 ? void 0 : date.slice(0, 19)) !== null && _a !== void 0 ? _a : null, exports.OUTPUT_DATETIME_FORMAT.slice(0, 19), true);
-}
-function getSelectedDate(value) {
-    const parsedValue = getStrictParsedDatetime(value);
-    if (value && parsedValue.isValid()) {
-        return (0, dayjs_1.default)(value).toDate();
-    }
-    return null;
-}
-function getSelectedTime(value) {
-    const parsedValue = getStrictParsedDatetime(value);
-    if (value && parsedValue.isValid()) {
-        return {
-            hour: (0, dayjs_1.default)(value).hour(),
-            minute: (0, dayjs_1.default)(value).minute(),
-        };
-    }
-    return null;
-}
-const DatetimePicker = (props) => {
-    const onChange = props.onChange;
-    const [selectedTab, setSelectedTab] = (0, react_1.useState)("date");
-    const [tmpDate, setTmpDate] = (0, react_1.useState)(props.value ? (0, dayjs_1.default)(props.value) : null);
-    const onDatePickerChange = (0, react_1.useCallback)((value) => {
-        let parsedValue = (0, dayjs_1.default)(value);
-        if (tmpDate === null || tmpDate === void 0 ? void 0 : tmpDate.isValid()) {
-            parsedValue = tmpDate.date(parsedValue.date()).month(parsedValue.month()).year(parsedValue.year());
-        }
-        onChange(parsedValue.toISOString());
-        setTmpDate(parsedValue);
-        setSelectedTab("time");
-    }, [onChange, tmpDate]);
-    const onTimePickerChange = (0, react_1.useCallback)((value) => {
-        var _a;
-        const parsedValue = value
-            ? (tmpDate !== null && tmpDate !== void 0 ? tmpDate : (0, dayjs_1.default)()).hour(value.hour).minute(value.minute).second(0)
-            : (tmpDate !== null && tmpDate !== void 0 ? tmpDate : null);
-        onChange((_a = parsedValue === null || parsedValue === void 0 ? void 0 : parsedValue.toISOString()) !== null && _a !== void 0 ? _a : null);
-        setTmpDate(parsedValue);
-    }, [onChange, tmpDate]);
-    const selectedDate = getSelectedDate(props.value);
-    const selectedTime = getSelectedTime(props.value);
-    return (react_1.default.createElement("div", { className: "uxf-tabs uxf-tabs--variant-segmented uxf-tabs--horizontal" },
-        react_1.default.createElement("div", { className: "uxf-tabs__button-list uxf-tabs__button-list--variant-segmented uxf-tabs__button-list--horizontal uxf-datetime-picker__tabs" },
-            react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-tabs__button uxf-tabs__button--variant-segmented uxf-tabs__button--horizontal uxf-datetime-picker__tab", selectedTab === "date" && classes_1.CLASSES.IS_ACTIVE), onClick: () => setSelectedTab("date") }, "Datum"),
-            react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-tabs__button uxf-tabs__button--variant-segmented uxf-tabs__button--horizontal uxf-datetime-picker__tab", selectedTab === "time" && classes_1.CLASSES.IS_ACTIVE), onClick: () => setSelectedTab("time") }, "\u010Cas")),
-        react_1.default.createElement("div", { className: "uxf-tabs__panels" },
-            selectedTab === "date" && (react_1.default.createElement("div", { className: "uxf-tabs__panel" },
-                react_1.default.createElement(date_picker_1.DatePicker, { bottomContent: props.bottomContent, maxDate: props.maxDate, minDate: props.minDate, onChange: onDatePickerChange, onMonthChange: props.onMonthChange, preventScroll: true, selectedDate: selectedDate, unavailableDates: props.unavailableDates }))),
-            selectedTab === "time" && (react_1.default.createElement("div", { className: "uxf-tabs__panel" },
-                react_1.default.createElement(time_picker_1.TimePicker, { onChange: onTimePickerChange, selectedTime: selectedTime }))))));
-};
-exports.DatetimePicker = DatetimePicker;
-exports.DatetimePicker.displayName = "UxfUiDatePicker";

package/datetime-picker/datetime-picker.spec.d.ts

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

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

package/datetime-picker/datetime-picker.stories.d.ts

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

package/datetime-picker/datetime-picker.stories.js

@@ -1,37 +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 react_1 = __importStar(require("react"));
-const action_1 = require("../utils/action");
-const datetime_picker_1 = require("./datetime-picker");
-function Default() {
-    const [value, setValue] = (0, react_1.useState)(null);
-    const onChange = (0, action_1.action)("onChange", setValue);
-    const testDatetimePickers = (react_1.default.createElement(datetime_picker_1.DatetimePicker, { bottomContent: react_1.default.createElement("div", null,
-            "Bottom content",
-            react_1.default.createElement("p", null, "Here can goes anything")), onChange: onChange, value: value }));
-    return react_1.default.createElement("div", { className: "max-w-screen-sm space-y-4 rounded p-8" }, testDatetimePickers);
-}

package/datetime-picker/index.d.ts

@@ -1,2 +0,0 @@
-export { DatetimePicker, OUTPUT_DATETIME_FORMAT, getStrictParsedDatetime } from "./datetime-picker";
-export type { DatetimePickerProps } from "./datetime-picker";

package/datetime-picker/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStrictParsedDatetime = exports.OUTPUT_DATETIME_FORMAT = exports.DatetimePicker = void 0;
-var datetime_picker_1 = require("./datetime-picker");
-Object.defineProperty(exports, "DatetimePicker", { enumerable: true, get: function () { return datetime_picker_1.DatetimePicker; } });
-Object.defineProperty(exports, "OUTPUT_DATETIME_FORMAT", { enumerable: true, get: function () { return datetime_picker_1.OUTPUT_DATETIME_FORMAT; } });
-Object.defineProperty(exports, "getStrictParsedDatetime", { enumerable: true, get: function () { return datetime_picker_1.getStrictParsedDatetime; } });

package/datetime-picker-input/datetime-picker-input.d.ts

@@ -1,21 +0,0 @@
-import { DatetimeString } from "@uxf/core/date";
-import React, { ReactNode } from "react";
-import { InputWithPopoverProps } from "../_input-with-popover";
-import { ControlProps } from "../types";
-export declare const ALLOWED_DATETIME_FORMAT: string[];
-export declare const DISPLAY_DATETIME_FORMAT = "D. M. YYYY H:mm";
-export declare const BOUNDARY_DATE_FORMAT = "YYYY-MM-DD";
-interface DatetimePickerProps extends ControlProps<DatetimeString | null> {
-    onClose: () => void;
-}
-export interface DatetimePickerInputProps extends Omit<InputWithPopoverProps<string | null>, "children" | "placeholder" | "triggerElement"> {
-    placeholder?: string;
-    triggerElement?: ReactNode;
-    minDate?: string;
-    maxDate?: string;
-    unavailableDates?: Date[];
-    bottomContent?: ReactNode;
-    CustomDatetimePicker?: (props: DatetimePickerProps) => ReactNode;
-}
-export declare const DatetimePickerInput: React.ForwardRefExoticComponent<DatetimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/datetime-picker-input/datetime-picker-input.js

@@ -1,85 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatetimePickerInput = exports.BOUNDARY_DATE_FORMAT = exports.DISPLAY_DATETIME_FORMAT = exports.ALLOWED_DATETIME_FORMAT = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const dayjs_1 = __importStar(require("dayjs"));
-const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
-const react_1 = __importStar(require("react"));
-const _input_with_popover_1 = require("../_input-with-popover");
-const datetime_picker_1 = require("../datetime-picker");
-const icon_1 = require("../icon");
-const get_datetime_string_1 = require("./get-datetime-string");
-(0, dayjs_1.extend)(customParseFormat_1.default);
-exports.ALLOWED_DATETIME_FORMAT = [
-    "D. M. YYYY H:mm",
-    "D. M. YYYY HH:mm",
-    "DD. MM. YYYY H:mm",
-    "DD. MM. YYYY HH:mm",
-    "D.M.YYYY H:mm",
-    "D.M.YYYY HH:mm",
-    "DD.MM.YYYY H:mm",
-    "DD.MM.YYYY HH:mm",
-];
-exports.DISPLAY_DATETIME_FORMAT = "D. M. YYYY H:mm";
-exports.BOUNDARY_DATE_FORMAT = "YYYY-MM-DD";
-function getValue(value) {
-    const parsedValue = (0, datetime_picker_1.getStrictParsedDatetime)(value);
-    if (value && parsedValue.isValid()) {
-        return (0, dayjs_1.default)(value).format(exports.DISPLAY_DATETIME_FORMAT);
-    }
-    return value !== null && value !== void 0 ? value : "";
-}
-function getBoundaryDate(value) {
-    const parsedValue = (0, dayjs_1.default)(value, exports.BOUNDARY_DATE_FORMAT, true);
-    if (value && parsedValue.isValid()) {
-        return parsedValue.toDate();
-    }
-    return undefined;
-}
-exports.DatetimePickerInput = (0, react_1.forwardRef)((props, ref) => {
-    var _a;
-    const onChange = props.onChange;
-    const className = (0, cx_1.cx)("uxf-date-time-picker-input", props.className);
-    const onInputChange = (0, react_1.useCallback)((value) => {
-        const parsedValue = (0, dayjs_1.default)(value, exports.ALLOWED_DATETIME_FORMAT, true);
-        if (value !== "" && parsedValue.isValid()) {
-            onChange(parsedValue.toISOString());
-        }
-        else {
-            onChange(value === "" ? null : value);
-        }
-    }, [onChange]);
-    const value = getValue(props.value); // hodnota zobrazená v textinputu (human readable)
-    const parsedMinDate = getBoundaryDate(props.minDate);
-    const parsedMaxDate = getBoundaryDate(props.maxDate);
-    return (react_1.default.createElement(_input_with_popover_1._InputWithPopover, { ...props, className: className, onChange: onInputChange, placeholder: props.placeholder, ref: ref, triggerElement: (_a = props.triggerElement) !== null && _a !== void 0 ? _a : react_1.default.createElement(icon_1.Icon, { name: "calendar", size: 20 }), value: value }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomDatetimePicker) ? (react_1.default.createElement(props.CustomDatetimePicker, { onChange: onChange, onClose: close, value: (0, get_datetime_string_1.getDatetimeString)(props.value) })) : (react_1.default.createElement(datetime_picker_1.DatetimePicker, { bottomContent: props.bottomContent, closePopoverHandler: close, maxDate: parsedMaxDate, minDate: parsedMinDate, onChange: onChange, unavailableDates: props.unavailableDates, value: props.value }))));
-});
-exports.DatetimePickerInput.displayName = "UxfUiDatePickerInput";

package/datetime-picker-input/datetime-picker-input.spec.d.ts

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

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

package/datetime-picker-input/datetime-picker-input.stories.d.ts

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

package/datetime-picker-input/datetime-picker-input.stories.js

@@ -1,45 +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 react_1 = __importStar(require("react"));
-const icon_1 = require("../icon");
-const action_1 = require("../utils/action");
-const datetime_picker_input_1 = require("./datetime-picker-input");
-function Default() {
-    const [date, setDate] = (0, react_1.useState)(null);
-    const onChange = (0, action_1.action)("onChange", setDate);
-    const testDatePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test", isClearable: true, label: "Datum a \u010Das \u010Dehokoliv", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test", isClearable: true, label: "Datum a \u010Das \u010Dehokoliv vlastn\u00ED ikona", name: "date", onChange: onChange, triggerElement: react_1.default.createElement(icon_1.Icon, { name: "camera", size: 20 }), value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-disabled", isDisabled: true, label: "Datum a \u010Das disabled", name: "date-disabled", onChange: onChange, value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-readonly", isReadOnly: true, label: "Datum a \u010Das readonly", name: "date-readonly", onChange: onChange, value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, isInvalid: true, label: "Datum a \u010Das invalid", name: "date-invalid", onChange: onChange, value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, label: "min/max-validate", maxDate: "2023-06-26", minDate: "2023-06-13", name: "min/max", onChange: onChange, placeholder: "", value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { bottomContent: react_1.default.createElement("div", null,
-                "Bottom content",
-                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", isClearable: true, label: "With bottom content", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date })));
-    return react_1.default.createElement("div", { className: "max-w-screen-sm space-y-4 rounded p-8" }, testDatePickers);
-}

package/datetime-picker-input/get-datetime-string.d.ts

@@ -1,6 +0,0 @@
-import { DatetimeString } from "@uxf/core/date";
-import { Nullish } from "@uxf/core/types";
-/**
- * @deprecated tuhle metodu nepoužívat - něco podobného se musí přenést do @uxf/core
- */
-export declare function getDatetimeString(value: string | Nullish): DatetimeString | null;

package/datetime-picker-input/get-datetime-string.js

@@ -1,18 +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.getDatetimeString = getDatetimeString;
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const dayjs_1 = __importDefault(require("dayjs"));
-/**
- * @deprecated tuhle metodu nepoužívat - něco podobného se musí přenést do @uxf/core
- */
-function getDatetimeString(value) {
-    if ((0, is_nil_1.isNil)(value)) {
-        return null;
-    }
-    const date = (0, dayjs_1.default)(value, ["YYYY-MM-DD[T]HH:mm:ssZ", "YYYY-MM-DD[T]HH:mm:ss.SSS[Z]"]);
-    return date.isValid() ? date.format("YYYY-MM-DD[T]HH:mm:ssZ") : null;
-}

package/datetime-picker-input/index.d.ts

@@ -1,2 +0,0 @@
-export { ALLOWED_DATETIME_FORMAT, DISPLAY_DATETIME_FORMAT, DatetimePickerInput } from "./datetime-picker-input";
-export type { DatetimePickerInputProps } from "./datetime-picker-input";

package/datetime-picker-input/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DatetimePickerInput = exports.DISPLAY_DATETIME_FORMAT = exports.ALLOWED_DATETIME_FORMAT = void 0;
-var datetime_picker_input_1 = require("./datetime-picker-input");
-Object.defineProperty(exports, "ALLOWED_DATETIME_FORMAT", { enumerable: true, get: function () { return datetime_picker_input_1.ALLOWED_DATETIME_FORMAT; } });
-Object.defineProperty(exports, "DISPLAY_DATETIME_FORMAT", { enumerable: true, get: function () { return datetime_picker_input_1.DISPLAY_DATETIME_FORMAT; } });
-Object.defineProperty(exports, "DatetimePickerInput", { enumerable: true, get: function () { return datetime_picker_input_1.DatetimePickerInput; } });

package/dialog/dialog-panel.d.ts

@@ -1,12 +0,0 @@
-import { DialogPanelWidths } from "@uxf/ui/dialog/theme";
-import React, { ReactNode } from "react";
-export type DialogPanelWidth = keyof DialogPanelWidths;
-export interface DialogPanelProps {
-    children?: ReactNode;
-    className?: string;
-    width?: DialogPanelWidth;
-}
-export declare function DialogPanel(props: DialogPanelProps): React.JSX.Element;
-export declare namespace DialogPanel {
-    var displayName: string;
-}

package/dialog/dialog-panel.js

@@ -1,13 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogPanel = DialogPanel;
-const react_1 = __importDefault(require("react"));
-function DialogPanel(props) {
-    var _a, _b;
-    return (react_1.default.createElement("div", { className: `uxf-dialog__panel uxf-dialog__panel--width-${(_a = props.width) !== null && _a !== void 0 ? _a : "default"} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` }, props.children));
-}
-DialogPanel.displayName = "UxfUiDialogPanel";

package/dialog/dialog.d.ts

@@ -1,28 +0,0 @@
-import { UseFloatingReturn } from "@floating-ui/react";
-import { DialogVariants } from "@uxf/ui/dialog/theme";
-import React, { FC, HTMLProps, ReactNode, Ref } from "react";
-type GetFloatingElementProps = (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
-export type DialogVariant = keyof DialogVariants;
-export interface DialogProps {
-    children?: ReactNode;
-    className?: string;
-    context: UseFloatingReturn["context"];
-    isBackdropCloseDisabled?: boolean;
-    forwardedRef: Ref<HTMLDivElement>;
-    getFloatingProps: GetFloatingElementProps;
-    isOpen: boolean;
-    variant?: DialogVariant;
-}
-type DialogProviderProps = Pick<DialogProps, "variant" | "className" | "children">;
-export declare const Dialog: React.NamedExoticComponent<DialogProps>;
-type DialogCloseHandler = () => void;
-export declare function useDialog(dialogConfig?: {
-    onDialogClose?: DialogCloseHandler;
-    isBackdropCloseDisabled?: boolean;
-}): {
-    openDialog: (children: ReactNode) => void;
-    DialogProvider: FC<DialogProviderProps>;
-    closeDialog: DialogCloseHandler;
-    getFloatingElementProps: GetFloatingElementProps;
-};
-export {};

package/dialog/dialog.js

@@ -1,75 +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.Dialog = void 0;
-exports.useDialog = useDialog;
-const react_1 = require("@floating-ui/react");
-const show_1 = require("@uxf/core-react/components/show");
-const use_latest_1 = require("@uxf/core-react/hooks/use-latest");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_2 = __importStar(require("react"));
-exports.Dialog = (0, react_2.memo)((props) => {
-    var _a, _b;
-    return (react_2.default.createElement(react_1.FloatingPortal, null,
-        react_2.default.createElement(show_1.Show, { when: props.isOpen },
-            react_2.default.createElement(react_1.FloatingOverlay, { className: `uxf-dialog uxf-dialog__backdrop uxf-dialog--variant-${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, lockScroll: true },
-                react_2.default.createElement(react_1.FloatingFocusManager, { context: props.context, guards: true, initialFocus: 0, modal: true },
-                    react_2.default.createElement("div", { className: "uxf-dialog__wrapper" },
-                        react_2.default.createElement("div", { className: "uxf-dialog__body" },
-                            react_2.default.createElement("div", { className: "uxf-dialog__panel-wrapper", ref: props.forwardedRef, ...props.getFloatingProps() }, props.children))))))));
-});
-exports.Dialog.displayName = "UxfUiDialog";
-function useDialog(dialogConfig) {
-    const [content, setContent] = (0, react_2.useState)(null);
-    const closeDialogHandler = (0, react_2.useCallback)(() => {
-        setContent(null);
-        if (dialogConfig === null || dialogConfig === void 0 ? void 0 : dialogConfig.onDialogClose) {
-            dialogConfig.onDialogClose();
-        }
-    }, [dialogConfig]);
-    const { refs, context } = (0, react_1.useFloating)({
-        open: (0, is_not_nil_1.isNotNil)(content),
-        onOpenChange(nextOpen, event, reason) {
-            if (!(reason === "outside-press" && (dialogConfig === null || dialogConfig === void 0 ? void 0 : dialogConfig.isBackdropCloseDisabled))) {
-                closeDialogHandler();
-            }
-        },
-    });
-    const click = (0, react_1.useClick)(context);
-    const role = (0, react_1.useRole)(context);
-    const dismiss = (0, react_1.useDismiss)(context, { outsidePressEvent: "mousedown" });
-    const { getReferenceProps, getFloatingProps } = (0, react_1.useInteractions)([click, role, dismiss]);
-    const latestContext = (0, use_latest_1.useLatest)(context);
-    const DialogProvider = (0, react_2.useCallback)((config) => {
-        return (react_2.default.createElement(exports.Dialog, { className: config === null || config === void 0 ? void 0 : config.className, context: latestContext.current, forwardedRef: refs.setFloating, getFloatingProps: getFloatingProps, isOpen: Boolean(content), variant: config === null || config === void 0 ? void 0 : config.variant }, content));
-    }, [latestContext, refs.setFloating, getFloatingProps, content]);
-    return {
-        openDialog: setContent,
-        DialogProvider,
-        closeDialog: closeDialogHandler,
-        getFloatingElementProps: getReferenceProps,
-    };
-}

package/dialog/dialog.spec.d.ts

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

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

package/dialog/dialog.stories.d.ts

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

package/dialog/dialog.stories.js

@@ -1,20 +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 button_1 = require("../button");
-const dialog_1 = require("./dialog");
-function Default() {
-    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-            react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(button_1.Button, { onClick: () => openDialog(react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Dialog"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: closeDialog }, "Close dialog"))) }, "Click to open modal - default")))),
-        react_1.default.createElement(DialogProvider, null)));
-}

package/dialog/index.d.ts

@@ -1,4 +0,0 @@
-export { Dialog } from "./dialog";
-export type { DialogProps, DialogVariant } from "./dialog";
-export { DialogPanel } from "./dialog-panel";
-export type { DialogPanelProps, DialogPanelWidth } from "./dialog-panel";

package/dialog/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogPanel = exports.Dialog = void 0;
-var dialog_1 = require("./dialog");
-Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
-var dialog_panel_1 = require("./dialog-panel");
-Object.defineProperty(exports, "DialogPanel", { enumerable: true, get: function () { return dialog_panel_1.DialogPanel; } });

package/dialog/theme.d.ts

@@ -1,11 +0,0 @@
-export interface DialogVariants {
-    default: true;
-    "drawer-right": true;
-}
-export interface DialogPanelWidths {
-    xs: true;
-    sm: true;
-    default: true;
-    lg: true;
-    xl: true;
-}

package/dialog/theme.js

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

package/dropdown/dropdown.d.ts

@@ -1,13 +0,0 @@
-import { UseAnchorProps } from "@uxf/core-react/clickable/use-anchor-props";
-import React, { AnchorHTMLAttributes, HTMLAttributes } from "react";
-import { NextLink } from "../utils/next-link";
-export interface DropdownItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "type">, UseAnchorProps {
-    as?: NextLink | "a";
-}
-type ItemsProps = HTMLAttributes<HTMLDivElement>;
-export type DropdownItemsProps = HTMLDivElement;
-export declare const Dropdown: {
-    Item: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLAnchorElement>>;
-    Items: React.ForwardRefExoticComponent<ItemsProps & React.RefAttributes<HTMLDivElement>>;
-};
-export {};