@uxf/ui 11.72.0 → 11.74.0

package/textarea/textarea.js

@@ -1,59 +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.Textarea = void 0;
-const use_input_focus_1 = require("@uxf/core-react/hooks/use-input-focus");
-const use_isomorphic_layout_effect_1 = require("@uxf/core-react/hooks/use-isomorphic-layout-effect");
-const compose_refs_1 = require("@uxf/core-react/utils/compose-refs");
-const classes_1 = require("@uxf/core/constants/classes");
-const adjust_textarea_height_1 = require("@uxf/core/utils/adjust-textarea-height");
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-const form_component_1 = require("../form-component");
-exports.Textarea = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b, _c;
-    const innerRef = (0, react_1.useRef)(null);
-    const input = (0, use_input_focus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
-    const generatedId = (0, react_1.useId)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
-    const errorId = props.isInvalid ? `${id}--error-message` : undefined;
-    const rootClassName = (0, cx_1.cx)("uxf-textarea", ((_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 handleChange = (event) => props.onChange(event.target.value, event);
-    const focusTextareaOnWrapperClick = () => { var _a; return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); };
-    const rows = (_c = props.rows) !== null && _c !== void 0 ? _c : 4;
-    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
-        const node = innerRef.current;
-        if (!node || props.disableAutoHeight) {
-            return;
-        }
-        const cleanup = (0, adjust_textarea_height_1.adjustTextareaHeight)(node, rows);
-        return () => cleanup();
-    }, [props.disableAutoHeight, rows]);
-    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
-        react_1.default.createElement("div", { className: "uxf-textarea__wrapper", onClick: focusTextareaOnWrapperClick, style: props.style },
-            react_1.default.createElement("textarea", { "aria-describedby": errorId, "aria-invalid": props.isInvalid, autoComplete: props.autoComplete, className: (0, cx_1.cx)("uxf-textarea__element", !props.disableAutoHeight && rows >= 1 && "uxf-textarea__element--is-auto-height-enabled"), disabled: props.isDisabled, form: props.form, id: id, maxLength: props.maxLength, minLength: props.minLength, name: props.name, onBlur: input.onBlur, onChange: handleChange, onFocus: input.onFocus, placeholder: props.placeholder, readOnly: props.isReadOnly, ref: (0, compose_refs_1.composeRefs)(innerRef, ref), required: props.isRequired, rows: rows, value: props.value }))));
-});
-exports.Textarea.displayName = "UxfUiTextarea";

package/textarea/textarea.spec.d.ts

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

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

package/textarea/textarea.stories.d.ts

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

package/textarea/textarea.stories.js

@@ -1,39 +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 index_1 = require("./index");
-function Default() {
-    const [value, setValue] = (0, react_1.useState)("test");
-    const onChange = (0, action_1.action)("onChange", setValue);
-    const storyTextAreas = (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement(index_1.Textarea, { id: "textarea", label: "Textarea", name: "text-area", onChange: onChange, placeholder: "Placeholder text...", value: value }),
-        react_1.default.createElement(index_1.Textarea, { id: "textarea-readonly", isReadOnly: true, label: "Readonly", name: "text-area-read-only", onChange: onChange, value: value }),
-        react_1.default.createElement(index_1.Textarea, { id: "textarea-disabled", isDisabled: true, label: "Textarea disabled", name: "text-area-diabled", onChange: onChange, value: value }),
-        react_1.default.createElement(index_1.Textarea, { id: "textarea-rows10", isInvalid: true, label: "Textarea rows = 10, invalid", name: "text-area-invalid", onChange: onChange, placeholder: "Placeholder text....", rows: 10, value: value })));
-    return react_1.default.createElement("div", { className: "space-y-2 p-20" }, storyTextAreas);
-}

package/time-picker/index.d.ts

@@ -1,2 +0,0 @@
-export { TimePicker } from "./time-picker";
-export type { TimePickerProps } from "./time-picker";

package/time-picker/index.js

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

package/time-picker/time-picker-hour.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-export declare const TimePickerHour: FC<{
-    hour: number;
-    label: string;
-}>;

package/time-picker/time-picker-hour.js

@@ -1,49 +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.TimePickerHour = void 0;
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const time_picker_context_1 = require("@uxf/datepicker/contexts/time-picker-context");
-const use_hour_1 = require("@uxf/datepicker/hooks/use-hour");
-const react_1 = __importStar(require("react"));
-const TimePickerHour = (props) => {
-    const hourRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line react/destructuring-assignment
-    const { focusedHour, isHourFocused, isHourSelected, onHourSelect, onHourFocus, preventScroll } = (0, react_1.useContext)(time_picker_context_1.TimePickerContext);
-    const { onClick, onKeyDown, tabIndex, isSelected } = (0, use_hour_1.useHour)({
-        hour: props.hour,
-        hourRef,
-        isHourFocused,
-        focusedHour,
-        isHourSelected,
-        onHourSelect,
-        onHourFocus,
-        preventScroll,
-    });
-    return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-calendar__cell uxf-calendar__cell-hour", isSelected && classes_1.CLASSES.IS_SELECTED), onClick: onClick, onKeyDown: onKeyDown, ref: hourRef, tabIndex: tabIndex }, props.label));
-};
-exports.TimePickerHour = TimePickerHour;
-exports.TimePickerHour.displayName = "UxfUiTimePickerHour";

package/time-picker/time-picker-hours.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const TimePickerHours: FC;

package/time-picker/time-picker-hours.js

@@ -1,15 +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.TimePickerHours = void 0;
-const use_hours_1 = require("@uxf/datepicker/hooks/use-hours");
-const react_1 = __importDefault(require("react"));
-const time_picker_hour_1 = require("./time-picker-hour");
-const TimePickerHours = () => {
-    const { hours } = (0, use_hours_1.useHours)({});
-    return (react_1.default.createElement("div", { className: "uxf-time-picker__hours uxf-calendar__hours" }, hours.map((hour) => (react_1.default.createElement(time_picker_hour_1.TimePickerHour, { hour: hour.value, key: hour.value, label: hour.label })))));
-};
-exports.TimePickerHours = TimePickerHours;
-exports.TimePickerHours.displayName = "UxfUiTimePickerHours";

package/time-picker/time-picker-minute.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-export declare const TimePickerMinute: FC<{
-    minute: number;
-    label: string;
-}>;

package/time-picker/time-picker-minute.js

@@ -1,49 +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.TimePickerMinute = void 0;
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const time_picker_context_1 = require("@uxf/datepicker/contexts/time-picker-context");
-const use_minute_1 = require("@uxf/datepicker/hooks/use-minute");
-const react_1 = __importStar(require("react"));
-const TimePickerMinute = (props) => {
-    const minuteRef = (0, react_1.useRef)(null);
-    // eslint-disable-next-line react/destructuring-assignment
-    const { focusedMinute, isMinuteFocused, isMinuteSelected, onMinuteSelect, onMinuteFocus, preventScroll } = (0, react_1.useContext)(time_picker_context_1.TimePickerContext);
-    const { isSelected, onClick, onKeyDown, tabIndex } = (0, use_minute_1.useMinute)({
-        minute: props.minute,
-        minuteRef,
-        focusedMinute,
-        isMinuteFocused,
-        isMinuteSelected,
-        onMinuteFocus,
-        onMinuteSelect,
-        preventScroll,
-    });
-    return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-calendar__cell uxf-calendar__cell-minute", isSelected && classes_1.CLASSES.IS_SELECTED), onClick: onClick, onKeyDown: onKeyDown, ref: minuteRef, tabIndex: tabIndex }, props.label));
-};
-exports.TimePickerMinute = TimePickerMinute;
-exports.TimePickerMinute.displayName = "UxfUiTimePickerMinute";

package/time-picker/time-picker-minutes.d.ts

@@ -1,2 +0,0 @@
-import { FC } from "react";
-export declare const TimePickerMinutes: FC;

package/time-picker/time-picker-minutes.js

@@ -1,15 +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.TimePickerMinutes = void 0;
-const use_minutes_1 = require("@uxf/datepicker/hooks/use-minutes");
-const react_1 = __importDefault(require("react"));
-const time_picker_minute_1 = require("./time-picker-minute");
-const TimePickerMinutes = () => {
-    const { minutes } = (0, use_minutes_1.useMinutes)({});
-    return (react_1.default.createElement("div", { className: "uxf-time-picker__minutes uxf-calendar__minutes" }, minutes.map((minute) => (react_1.default.createElement(time_picker_minute_1.TimePickerMinute, { key: minute.value, label: minute.label, minute: minute.value })))));
-};
-exports.TimePickerMinutes = TimePickerMinutes;
-exports.TimePickerMinutes.displayName = "UxfUiTimePickerMinutes";

package/time-picker/time-picker.d.ts

@@ -1,9 +0,0 @@
-import { OnTimeChangeType, TimeType } from "@uxf/datepicker/hooks/use-time-picker";
-import { FC } from "react";
-export interface TimePickerProps {
-    onClosePopover?: () => void;
-    onChange: (data: OnTimeChangeType) => void;
-    preventScroll?: boolean;
-    selectedTime: TimeType | null;
-}
-export declare const TimePicker: FC<TimePickerProps>;

package/time-picker/time-picker.js

@@ -1,72 +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.TimePicker = void 0;
-const time_picker_context_1 = require("@uxf/datepicker/contexts/time-picker-context");
-const use_time_picker_1 = require("@uxf/datepicker/hooks/use-time-picker");
-const react_1 = __importStar(require("react"));
-const button_1 = require("../button");
-const icon_1 = require("../icon");
-const time_picker_hours_1 = require("./time-picker-hours");
-const time_picker_minutes_1 = require("./time-picker-minutes");
-const TimePicker = (props) => {
-    const [viewMode, setViewMode] = (0, react_1.useState)("global");
-    const { goToNextMinute, goToPrevHour, goToPrevMinute, goToNextHour, ...contextProps } = (0, use_time_picker_1.useTimePicker)({
-        selectedTime: props.selectedTime,
-        onTimeChange: props.onChange,
-        onSelectCallback: () => setViewMode("global"),
-        preventScroll: props.preventScroll,
-    });
-    const timePickerComponents = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        return ({
-            global: (react_1.default.createElement("div", { className: "uxf-time-picker__global" },
-                react_1.default.createElement("div", { className: "uxf-time-picker__global__column" },
-                    react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: goToNextHour, title: "Nadch\u00E1zej\u00EDc\u00ED", variant: "text" },
-                        react_1.default.createElement(icon_1.Icon, { name: "chevronUp", size: 16 })),
-                    react_1.default.createElement(button_1.Button, { onClick: () => setViewMode("hour"), variant: "text" }, (_b = (_a = props.selectedTime) === null || _a === void 0 ? void 0 : _a.hour.toString()) !== null && _b !== void 0 ? _b : "0"),
-                    react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: goToPrevHour, title: "P\u0159edchoz\u00ED", variant: "text" },
-                        react_1.default.createElement(icon_1.Icon, { name: "chevronDown", size: 16 }))),
-                react_1.default.createElement("div", null, ":"),
-                react_1.default.createElement("div", { className: "uxf-time-picker__global__column" },
-                    react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: goToNextMinute, title: "Nadch\u00E1zej\u00EDc\u00ED", variant: "text" },
-                        react_1.default.createElement(icon_1.Icon, { name: "chevronUp", size: 16 })),
-                    react_1.default.createElement(button_1.Button, { onClick: () => setViewMode("minute"), variant: "text" }, props.selectedTime
-                        ? props.selectedTime.minute < 10
-                            ? "0" + props.selectedTime.minute
-                            : props.selectedTime.minute.toString()
-                        : "00"),
-                    react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: goToPrevMinute, title: "P\u0159edchoz\u00ED", variant: "text" },
-                        react_1.default.createElement(icon_1.Icon, { name: "chevronDown", size: 16 }))))),
-            hour: react_1.default.createElement(time_picker_hours_1.TimePickerHours, null),
-            minute: react_1.default.createElement(time_picker_minutes_1.TimePickerMinutes, null),
-        });
-    }, [goToPrevHour, props.selectedTime, goToNextHour, goToPrevMinute, goToNextMinute]);
-    return (react_1.default.createElement(time_picker_context_1.TimePickerContext.Provider, { value: contextProps },
-        react_1.default.createElement("div", { className: "uxf-time-picker" }, timePickerComponents[viewMode])));
-};
-exports.TimePicker = TimePicker;
-exports.TimePicker.displayName = "UxfUiTimePicker";

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

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

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

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

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

package/time-picker/time-picker.stories.js

@@ -1,36 +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 noop_1 = require("@uxf/core/utils/noop");
-const react_1 = __importStar(require("react"));
-const action_1 = require("../utils/action");
-const time_picker_1 = require("./time-picker");
-function Default() {
-    const [value, setValue] = (0, react_1.useState)(null);
-    const onChange = (0, action_1.action)("onChange", setValue);
-    const testTimePickers = react_1.default.createElement(time_picker_1.TimePicker, { onChange: onChange, onClosePopover: noop_1.noop, selectedTime: value });
-    return react_1.default.createElement("div", { className: "max-w-screen-sm space-y-4 rounded p-8" }, testTimePickers);
-}

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

@@ -1,2 +0,0 @@
-export { ALLOWED_TIME_FORMAT, DISPLAY_TIME_FORMAT, OUTPUT_TIME_FORMAT, TimePickerInput } from "./time-picker-input";
-export type { TimePickerInputProps } from "./time-picker-input";

package/time-picker-input/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimePickerInput = exports.OUTPUT_TIME_FORMAT = exports.DISPLAY_TIME_FORMAT = exports.ALLOWED_TIME_FORMAT = void 0;
-var time_picker_input_1 = require("./time-picker-input");
-Object.defineProperty(exports, "ALLOWED_TIME_FORMAT", { enumerable: true, get: function () { return time_picker_input_1.ALLOWED_TIME_FORMAT; } });
-Object.defineProperty(exports, "DISPLAY_TIME_FORMAT", { enumerable: true, get: function () { return time_picker_input_1.DISPLAY_TIME_FORMAT; } });
-Object.defineProperty(exports, "OUTPUT_TIME_FORMAT", { enumerable: true, get: function () { return time_picker_input_1.OUTPUT_TIME_FORMAT; } });
-Object.defineProperty(exports, "TimePickerInput", { enumerable: true, get: function () { return time_picker_input_1.TimePickerInput; } });

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

@@ -1,17 +0,0 @@
-import { TimeString } from "@uxf/core/date";
-import React, { ReactNode } from "react";
-import { InputWithPopoverProps } from "../_input-with-popover";
-import { ControlProps } from "../types";
-export declare const ALLOWED_TIME_FORMAT: string[];
-export declare const DISPLAY_TIME_FORMAT = "H:mm";
-export declare const OUTPUT_TIME_FORMAT = "HH:mm:ss";
-interface CustomTimePickerProps extends ControlProps<TimeString | null> {
-    onClose: () => void;
-}
-export interface TimePickerInputProps extends Omit<InputWithPopoverProps<string | null>, "children" | "placeholder" | "triggerElement"> {
-    placeholder?: string;
-    triggerElement?: ReactNode;
-    CustomTimePicker?: (props: CustomTimePickerProps) => ReactNode;
-}
-export declare const TimePickerInput: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/time-picker-input/time-picker-input.js

@@ -1,83 +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.TimePickerInput = exports.OUTPUT_TIME_FORMAT = exports.DISPLAY_TIME_FORMAT = exports.ALLOWED_TIME_FORMAT = void 0;
-const is_time_string_1 = require("@uxf/core/date/is-time-string");
-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 icon_1 = require("../icon");
-const time_picker_1 = require("../time-picker");
-(0, dayjs_1.extend)(customParseFormat_1.default);
-exports.ALLOWED_TIME_FORMAT = ["HH:mm", "H:mm"];
-exports.DISPLAY_TIME_FORMAT = "H:mm";
-exports.OUTPUT_TIME_FORMAT = "HH:mm:ss";
-function getValue(value) {
-    const parsedValue = (0, dayjs_1.default)(value, exports.OUTPUT_TIME_FORMAT, true);
-    if (value && parsedValue.isValid()) {
-        return parsedValue.format(exports.DISPLAY_TIME_FORMAT);
-    }
-    return value !== null && value !== void 0 ? value : "";
-}
-function getSelectedTime(value) {
-    const parsedValue = (0, dayjs_1.default)(value, exports.OUTPUT_TIME_FORMAT, true);
-    if (value && parsedValue.isValid()) {
-        return {
-            hour: parsedValue.hour(),
-            minute: parsedValue.minute(),
-        };
-    }
-    return null;
-}
-exports.TimePickerInput = (0, react_1.forwardRef)((props, ref) => {
-    var _a;
-    const onChange = props.onChange;
-    const className = (0, cx_1.cx)("uxf-time-picker-input", props.className);
-    const onInputChange = (0, react_1.useCallback)((value) => {
-        const parsedValue = (0, dayjs_1.default)(value, exports.ALLOWED_TIME_FORMAT, true);
-        if (value !== "" && parsedValue.isValid()) {
-            onChange(parsedValue.format(exports.OUTPUT_TIME_FORMAT));
-        }
-        else {
-            onChange(value === "" ? null : value);
-        }
-    }, [onChange]);
-    const onTimePickerChange = (0, react_1.useCallback)((value) => {
-        var _a;
-        const parsedValue = value ? (0, dayjs_1.default)().hour(value.hour).minute(value.minute).second(0) : null;
-        onChange((_a = parsedValue === null || parsedValue === void 0 ? void 0 : parsedValue.format(exports.OUTPUT_TIME_FORMAT)) !== null && _a !== void 0 ? _a : null);
-    }, [onChange]);
-    const value = getValue(props.value);
-    const selectedTime = getSelectedTime(props.value);
-    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: "clock", size: 20 }), value: value }, ({ close }) => (0, is_not_nil_1.isNotNil)(props.CustomTimePicker) ? (react_1.default.createElement(props.CustomTimePicker, { onChange: props.onChange, onClose: close, value: (0, is_time_string_1.isTimeString)(props.value) ? props.value : null })) : (react_1.default.createElement(time_picker_1.TimePicker, { onChange: onTimePickerChange, onClosePopover: close, preventScroll: true, selectedTime: selectedTime }))));
-});
-exports.TimePickerInput.displayName = "UxfUiTimePickerInput";

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

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

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

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

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

package/time-picker-input/time-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 icon_1 = require("@uxf/ui//icon");
-const react_1 = __importStar(require("react"));
-const button_1 = require("../button");
-const action_1 = require("../utils/action");
-const time_picker_input_1 = require("./time-picker-input");
-function Default() {
-    const [value, setValue] = (0, react_1.useState)(null);
-    const onChange = (0, action_1.action)("onChange", setValue);
-    return (react_1.default.createElement("div", { className: "max-w-screen-sm space-y-4 rounded p-8" },
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { id: "time-test", label: "\u010Cas \u010Dehokoliv", name: "time", onChange: onChange, placeholder: "Zadejte \u010Das...", value: value }),
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { id: "time-test", isClearable: true, label: "\u010Cas \u010Dehokoliv vlastn\u00ED ikona", name: "time", onChange: onChange, triggerElement: react_1.default.createElement(icon_1.Icon, { name: "camera", size: 20 }), value: value }),
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { id: "time-test-disabled", isDisabled: true, label: "\u010Cas disabled", name: "time-disabled", onChange: onChange, value: value }),
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { id: "time-test-readonly", isReadOnly: true, label: "\u010Cas readonly", name: "time-readonly", onChange: onChange, value: value }),
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { id: "time-test-invalid", isClearable: true, isInvalid: true, label: "\u010Cas invalid", name: "time-invalid", onChange: onChange, value: value }),
-        react_1.default.createElement(time_picker_input_1.TimePickerInput, { CustomTimePicker: (props) => (react_1.default.createElement(button_1.Button, { onClick: () => {
-                    props.onChange("15:00:00");
-                    props.onClose();
-                } }, "15:00")), id: "custom-picker", label: "Custom picker", name: "custom-picker", onChange: onChange, value: value })));
-}

package/toggle/index.d.ts

@@ -1,3 +0,0 @@
-export type { ToggleVariant } from "./theme";
-export { Toggle } from "./toggle";
-export type { ToggleProps } from "./toggle";

package/toggle/index.js

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

package/toggle/theme.d.ts

@@ -1,10 +0,0 @@
-export interface ToggleVariants {
-    default: true;
-    reversed: true;
-}
-export type ToggleVariant = keyof ToggleVariants;
-export interface ToggleSizes {
-    sm: true;
-    default: true;
-}
-export type ToggleSize = keyof ToggleSizes;