@uxf/ui 11.72.3 → 11.74.0

package/calendar/calendar-day-cell.js

@@ -1,65 +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.CalendarDayCell = void 0;
-const use_on_mount_1 = require("@uxf/core-react/hooks/use-on-mount");
-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 use_day_1 = require("@uxf/datepicker/hooks/use-day");
-const react_1 = __importStar(require("react"));
-const get_class_names_from_flags_1 = require("./utils/get-class-names-from-flags");
-exports.CalendarDayCell = (0, react_1.memo)((props) => {
-    const dayCellRef = (0, react_1.useRef)(null);
-    const innerRef = (0, react_1.useRef)(null);
-    const { disabledDate, flags, isFirstDisabled, isHovered, isInsideRange, isLastDisabled, isSelected, isToday, isWithinHoverRange, onClick, onKeyDown, onMouseEnter, tabIndex, } = (0, use_day_1.useDay)({
-        date: props.day.date,
-        datesConfig: props.datePickerProps.datesConfig,
-        focusedDate: props.datePickerProps.focusedDate,
-        isDateBlocked: props.datePickerProps.isDateBlocked,
-        isDateFocused: props.datePickerProps.isDateFocused,
-        isDateHovered: props.datePickerProps.isDateHovered,
-        isDateSelected: props.datePickerProps.isDateSelected,
-        isDateInsideRange: "isDateInsideRange" in props.datePickerProps ? props.datePickerProps.isDateInsideRange : () => false,
-        onDateFocus: props.datePickerProps.onDateFocus,
-        onDateHover: props.datePickerProps.onDateHover,
-        onDateSelect: props.datePickerProps.onDateSelect,
-        dayRef: dayCellRef,
-        preventScroll: props.datePickerProps.preventScroll,
-        unavailableDates: props.datePickerProps.unavailableDates,
-    });
-    (0, use_on_mount_1.useOnMount)(() => {
-        const node = innerRef.current;
-        if (node && (isToday || isSelected)) {
-            node.focus({ preventScroll: props.datePickerProps.preventScroll });
-        }
-    });
-    if (!props.day.dayLabel) {
-        return react_1.default.createElement("div", null);
-    }
-    return (react_1.default.createElement("button", { className: (0, cx_1.cx)("uxf-calendar__cell uxf-calendar__cell-day", isFirstDisabled && props.day.currentMonth && "is-disabled-start", isLastDisabled && props.day.currentMonth && "is-disabled-end", disabledDate && classes_1.CLASSES.IS_DISABLED, isToday && "uxf-calendar__cell--today", isSelected && "uxf-calendar__cell--selected", isInsideRange && "uxf-calendar__cell--inside-range", isWithinHoverRange && "uxf-calendar__cell--is-within-hover-range", isHovered && "uxf-calendar__cell--is-hovered", !props.day.currentMonth && "uxf-calendar__cell--not-current-month", (0, get_class_names_from_flags_1.getClassNamesFromFlags)(flags)), onClick: onClick, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, ref: disabledDate ? undefined : (0, compose_refs_1.composeRefs)(dayCellRef, innerRef), tabIndex: tabIndex, type: "button" },
-        react_1.default.createElement("span", { className: "uxf-calendar__cell__inner" }, props.day.dayLabel)));
-});
-exports.CalendarDayCell.displayName = "UxfUiCalendarDayCell";

package/calendar/calendar-navigation.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { ButtonProps } from "../button";
-export interface CalendarNavigationProps {
-    prevButtonProps: ButtonProps;
-    monthButtonProps: ButtonProps;
-    yearButtonProps: ButtonProps;
-    nextButtonProps: ButtonProps;
-}
-export declare const CalendarNavigation: FC<CalendarNavigationProps>;

package/calendar/calendar-navigation.js

@@ -1,26 +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.CalendarNavigation = void 0;
-const react_1 = __importDefault(require("react"));
-const button_1 = require("../button");
-const icon_1 = require("../icon");
-const CalendarNavigation = (props) => {
-    return (react_1.default.createElement("div", { className: "uxf-calendar-navigation" },
-        react_1.default.createElement("div", { className: "uxf-calendar-navigation__month-year-buttons-wrapper" },
-            react_1.default.createElement(button_1.Button, { className: "uxf-calendar-navigation__month-button", color: "default", size: "sm", variant: "text", ...props.monthButtonProps },
-                props.monthButtonProps.children,
-                react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16 })),
-            react_1.default.createElement(button_1.Button, { className: "uxf-calendar-navigation__year-button", color: "default", size: "sm", variant: "text", ...props.yearButtonProps },
-                props.yearButtonProps.children,
-                react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16 }))),
-        react_1.default.createElement("div", { className: "uxf-calendar-navigation__prev-next-buttons-wrapper" },
-            react_1.default.createElement(button_1.Button, { isIconButton: true, size: "sm", variant: "text", ...props.prevButtonProps },
-                react_1.default.createElement(icon_1.Icon, { name: "angle-left", size: 16 })),
-            react_1.default.createElement(button_1.Button, { isIconButton: true, size: "sm", variant: "text", ...props.nextButtonProps },
-                react_1.default.createElement(icon_1.Icon, { name: "angle-right", size: 16 })))));
-};
-exports.CalendarNavigation = CalendarNavigation;
-exports.CalendarNavigation.displayName = "UxfUiCalendarNavigation";

package/calendar/calendar-provider.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-export interface CalendarProviderProps {
-    onChange?: (data: Date) => void;
-    selectedDate?: Date | null;
-}
-export declare const CalendarProvider: FC<CalendarProviderProps>;

package/calendar/calendar-provider.js

@@ -1,26 +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.CalendarProvider = void 0;
-const date_picker_context_1 = require("@uxf/datepicker/contexts/date-picker-context");
-const use_date_picker_1 = require("@uxf/datepicker/hooks/use-date-picker");
-const react_1 = __importDefault(require("react"));
-const calendar_1 = require("./calendar");
-const CalendarProvider = (props) => {
-    var _a;
-    const calendarProps = (0, use_date_picker_1.useDatePicker)({
-        firstDayOfWeek: 1,
-        onDateChange: (data) => {
-            if (data && props.onChange) {
-                props.onChange(data);
-            }
-        },
-        selectedDate: (_a = props.selectedDate) !== null && _a !== void 0 ? _a : null,
-    });
-    return (react_1.default.createElement(date_picker_context_1.DatePickerContext.Provider, { value: calendarProps },
-        react_1.default.createElement(calendar_1.Calendar, { datePickerProps: calendarProps })));
-};
-exports.CalendarProvider = CalendarProvider;
-exports.CalendarProvider.displayName = "UxfUiCalendarProvider";

package/calendar/calendar.d.ts

@@ -1,12 +0,0 @@
-import { UseDatePickerReturnType } from "@uxf/datepicker/hooks/use-date-picker";
-import { UseDateRangePickerReturnType } from "@uxf/datepicker/hooks/use-date-range-picker";
-import React from "react";
-export interface CalendarProps {
-    className?: string;
-    datePickerProps: UseDatePickerReturnType | UseDateRangePickerReturnType;
-    month?: number;
-    onChange?: (data: Date | null) => void;
-    selectedDate?: Date | null;
-    year?: number;
-}
-export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;

package/calendar/calendar.js

@@ -1,51 +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.Calendar = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const use_month_1 = require("@uxf/datepicker/hooks/use-month");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = __importStar(require("react"));
-const calendar_day_cell_1 = require("./calendar-day-cell");
-exports.Calendar = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b, _c, _d, _e, _f;
-    const calendarClassName = (0, cx_1.cx)("uxf-calendar", props.className);
-    const { days, weekdayLabels } = (0, use_month_1.useMonth)({
-        dayLabelFormat: (date) => (0, dayjs_1.default)(date).format("D"),
-        firstDayOfWeek: props.datePickerProps.firstDayOfWeek,
-        month: (_c = (_a = props.month) !== null && _a !== void 0 ? _a : (_b = props.datePickerProps.activeMonths.at(0)) === null || _b === void 0 ? void 0 : _b.month) !== null && _c !== void 0 ? _c : new Date().getMonth(),
-        monthLabelFormat: (date) => (0, dayjs_1.default)(date).format("MMMM YYYY"),
-        weekdayLabelFormat: (date) => (0, dayjs_1.default)(date).format("dd"),
-        year: (_f = (_d = props.year) !== null && _d !== void 0 ? _d : (_e = props.datePickerProps.activeMonths.at(0)) === null || _e === void 0 ? void 0 : _e.year) !== null && _f !== void 0 ? _f : new Date().getFullYear(),
-    });
-    return (react_1.default.createElement("div", { className: calendarClassName, ref: ref },
-        react_1.default.createElement("div", { className: "uxf-calendar__weekdays" }, weekdayLabels.map((weekdayLabel, index) => (react_1.default.createElement("span", { className: "uxf-calendar__weekday", key: `${index}` }, weekdayLabel)))),
-        react_1.default.createElement("div", { className: "uxf-calendar__days" }, days.map((day, index) => (react_1.default.createElement(calendar_day_cell_1.CalendarDayCell, { datePickerProps: props.datePickerProps, day: day, key: day.dayLabel + index }))))));
-});
-exports.Calendar.displayName = "UxfUiCalendar";

package/calendar/calendar.stories.d.ts

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

package/calendar/calendar.stories.js

@@ -1,35 +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 calendar_provider_1 = require("./calendar-provider");
-function Default() {
-    const [date, setDate] = (0, react_1.useState)(null);
-    const onChange = (0, action_1.action)("onChange", setDate);
-    const testCalendars = react_1.default.createElement(calendar_provider_1.CalendarProvider, { onChange: onChange, selectedDate: date });
-    return react_1.default.createElement("div", { className: "max-w-screen-sm space-y-4 rounded p-8" }, testCalendars);
-}

package/calendar/index.d.ts

@@ -1,4 +0,0 @@
-export { Calendar } from "./calendar";
-export type { CalendarProps } from "./calendar";
-export { CalendarNavigation } from "./calendar-navigation";
-export type { CalendarNavigationProps } from "./calendar-navigation";

package/calendar/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarNavigation = exports.Calendar = void 0;
-var calendar_1 = require("./calendar");
-Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return calendar_1.Calendar; } });
-var calendar_navigation_1 = require("./calendar-navigation");
-Object.defineProperty(exports, "CalendarNavigation", { enumerable: true, get: function () { return calendar_navigation_1.CalendarNavigation; } });

package/calendar/utils/get-class-names-from-flags.d.ts

@@ -1,2 +0,0 @@
-import { Flag } from "@uxf/datepicker/utils/types";
-export declare const getClassNamesFromFlags: (flags: Flag[]) => string;

package/calendar/utils/get-class-names-from-flags.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getClassNamesFromFlags = void 0;
-const getClassNamesFromFlags = (flags) => flags
-    .reduce((acc, curr) => [...acc, curr.flag, ...(curr.isFirst ? [`${curr.flag}--first`] : []), ...(curr.isLast ? [`${curr.flag}--last`] : [])], [])
-    .join(" ");
-exports.getClassNamesFromFlags = getClassNamesFromFlags;

package/checkbox/checkbox.d.ts

@@ -1,12 +0,0 @@
-import { CheckboxSize } from "@uxf/ui/checkbox/theme";
-import React, { CSSProperties, ReactNode } from "react";
-import { FormControlProps } from "../types";
-export interface CheckboxProps extends FormControlProps<boolean | undefined> {
-    className?: string;
-    id?: string;
-    indeterminate?: boolean;
-    renderContent?: (className: string, checked: boolean | undefined) => ReactNode;
-    size?: CheckboxSize;
-    style?: CSSProperties;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;

package/checkbox/checkbox.js

@@ -1,54 +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.Checkbox = void 0;
-const use_clickable_props_1 = require("@uxf/core-react/clickable/use-clickable-props");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-const icon_1 = require("../icon");
-exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b, _c;
-    const onChange = () => props.onChange(!props.value);
-    const clickableProps = (0, use_clickable_props_1.useClickableProps)({
-        "aria-checked": props.value,
-        "aria-disabled": props.isDisabled,
-        "aria-invalid": props.isInvalid,
-        "aria-readonly": props.isReadOnly,
-        "aria-required": props.isRequired,
-        className: (0, cx_1.cx)("uxf-checkbox", `uxf-checkbox--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.className, props.indeterminate && classes_1.CLASSES.IS_INDETERMINATE, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isFocused && classes_1.CLASSES.IS_FOCUSED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED),
-        id: props.id,
-        onBlur: props.onBlur,
-        onClick: onChange,
-        onFocus: props.onFocus,
-        role: "switch",
-        style: props.style,
-        tabIndex: props.isReadOnly ? -1 : undefined,
-    });
-    const innerClassName = "uxf-checkbox__inner";
-    return (react_1.default.createElement("div", { ...clickableProps, ref: ref }, (_c = (_b = props.renderContent) === null || _b === void 0 ? void 0 : _b.call(props, innerClassName, props.value)) !== null && _c !== void 0 ? _c : react_1.default.createElement(icon_1.Icon, { className: innerClassName, name: "check" })));
-});
-exports.Checkbox.displayName = "UxfUiCheckbox";

package/checkbox/checkbox.spec.d.ts

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

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

package/checkbox/checkbox.stories.d.ts

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

package/checkbox/checkbox.stories.js

@@ -1,40 +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 checkbox_1 = require("./checkbox");
-function Default() {
-    const [checked, setChecked] = (0, react_1.useState)(true);
-    const onChange = (0, action_1.action)("onChange", () => setChecked((prev) => !prev));
-    const checkboxes = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(checkbox_1.Checkbox, { name: "checkbox", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_1.Checkbox, { isDisabled: true, name: "checkbox-disabled", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_1.Checkbox, { isInvalid: true, name: "checkbox-invalid", onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_1.Checkbox, { name: "checkbox-size-lg", onChange: onChange, size: "lg", value: checked })));
-    return (react_1.default.createElement("div", { className: "flex" },
-        react_1.default.createElement("div", { className: "flex flex-col gap-4 p-20" }, checkboxes)));
-}

package/checkbox/index.d.ts

@@ -1,3 +0,0 @@
-export { Checkbox } from "./checkbox";
-export type { CheckboxProps } from "./checkbox";
-export type { CheckboxSize } from "./theme";

package/checkbox/index.js

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

package/checkbox/theme.d.ts

@@ -1,5 +0,0 @@
-export interface CheckboxSizes {
-    default: true;
-    lg: true;
-}
-export type CheckboxSize = keyof CheckboxSizes;

package/checkbox/theme.js

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

package/checkbox-button/checkbox-button.d.ts

@@ -1,9 +0,0 @@
-import React, { CSSProperties, ReactNode } from "react";
-import { FormControlProps } from "../types";
-export interface CheckboxButtonProps extends FormControlProps<boolean | undefined> {
-    className?: string;
-    id?: string;
-    label: ReactNode;
-    style?: CSSProperties;
-}
-export declare const CheckboxButton: React.ForwardRefExoticComponent<CheckboxButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/checkbox-button/checkbox-button.js

@@ -1,39 +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.CheckboxButton = void 0;
-const react_1 = require("@headlessui/react");
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const react_2 = __importStar(require("react"));
-const icon_1 = require("../icon");
-exports.CheckboxButton = (0, react_2.forwardRef)((props, ref) => {
-    return (react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)("uxf-checkbox-button", props.className, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED), disabled: props.isDisabled, id: props.id, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
-        react_2.default.createElement("span", { className: "uxf-checkbox-button__label" }, props.label),
-        react_2.default.createElement("span", { className: "uxf-checkbox-button__icon" },
-            react_2.default.createElement(icon_1.Icon, { name: "check" }))));
-});
-exports.CheckboxButton.displayName = "UxfUiCheckboxButton";

package/checkbox-button/checkbox-button.spec.d.ts

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

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

package/checkbox-button/checkbox-button.stories.d.ts

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

package/checkbox-button/checkbox-button.stories.js

@@ -1,38 +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 [checked, setChecked] = (0, react_1.useState)(true);
-    const onChange = (0, action_1.action)("onChange", () => setChecked((prev) => !prev));
-    return (react_1.default.createElement("div", { className: "flex" },
-        react_1.default.createElement("div", { className: "flex flex-col gap-4 p-20" },
-            react_1.default.createElement(index_1.CheckboxButton, { label: "Opravdu?", name: "checkbox-button", onChange: onChange, value: checked }),
-            react_1.default.createElement(index_1.CheckboxButton, { isDisabled: true, label: "Opravdu?", name: "checkbox-button-disabled", onChange: onChange, value: checked }),
-            react_1.default.createElement(index_1.CheckboxButton, { isInvalid: true, label: "Opravdu?", name: "checkbox-button-invalid", onChange: onChange, value: checked }))));
-}

package/checkbox-button/index.d.ts

@@ -1,2 +0,0 @@
-export { CheckboxButton } from "./checkbox-button";
-export type { CheckboxButtonProps } from "./checkbox-button";

package/checkbox-button/index.js

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

package/checkbox-input/checkbox-input.d.ts

@@ -1,14 +0,0 @@
-import { CheckboxSize } from "@uxf/ui/checkbox/theme";
-import React, { CSSProperties, ReactNode } from "react";
-import { FormControlProps } from "../types";
-export interface CheckboxInputProps extends FormControlProps<boolean | undefined> {
-    className?: string;
-    hiddenLabel?: boolean;
-    id?: string;
-    indeterminate?: boolean;
-    label: ReactNode;
-    size?: CheckboxSize;
-    style?: CSSProperties;
-    helperText?: ReactNode;
-}
-export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLDivElement>>;

package/checkbox-input/checkbox-input.js

@@ -1,43 +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.CheckboxInput = void 0;
-const react_1 = require("@headlessui/react");
-const checkbox_1 = require("@uxf/ui/checkbox");
-const react_2 = __importStar(require("react"));
-exports.CheckboxInput = (0, react_2.forwardRef)((props, ref) => {
-    var _a, _b;
-    const generatedId = (0, react_2.useId)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
-    const errorId = props.isInvalid ? `${id}--error-message` : undefined;
-    return (react_2.default.createElement(react_1.Switch.Group, null,
-        react_2.default.createElement("div", { className: `uxf-checkbox-input__wrapper ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, "data-name": props.name, style: props.style },
-            react_2.default.createElement(react_1.Switch, { as: react_2.Fragment, checked: props.value, name: props.name, onChange: props.onChange }, ({ checked }) => (react_2.default.createElement(checkbox_1.Checkbox, { className: "uxf-checkbox-input", id: props.id, indeterminate: props.indeterminate, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, name: props.name, onChange: props.onChange, ref: ref, size: props.size, value: checked }))),
-            react_2.default.createElement(react_1.Switch.Label, { className: `uxf-checkbox-input__label ${props.hiddenLabel ? "uxf-checkbox-input__label--hidden" : ""}` },
-                react_2.default.createElement("span", { className: "uxf-checkbox-input__label--text" }, props.label),
-                react_2.default.createElement("span", { className: "uxf-checkbox-input__label--subtitle", id: errorId }, props.helperText)))));
-});
-exports.CheckboxInput.displayName = "UxfUiCheckboxInput";

package/checkbox-input/checkbox-input.spec.d.ts

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

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

package/checkbox-input/checkbox-input.stories.d.ts

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