@uxf/form 11.72.0 → 11.74.0

package/bin/form-code-generator.js

@@ -1,55 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable no-console */
-const fs_1 = require("fs");
-const node_readline_1 = require("node:readline");
-const form_code_generator_1 = require("../_code-generator/form-code-generator");
-const components_1 = require("../components");
-const rl = (0, node_readline_1.createInterface)({ input: process.stdin, output: process.stdout });
-function question(text) {
-    return new Promise((resolve) => rl.question(text, resolve));
-}
-async function run() {
-    const formName = await question("Zadejte název formuláře: ");
-    const formGenerator = new form_code_generator_1.FormCodeGenerator(formName);
-    const allowedComponents = Object.keys(components_1.components).filter((item) => item !== "form");
-    console.log();
-    console.log(allowedComponents.map((component, index) => `[${index}] ${component}`).join("\n"));
-    console.log();
-    let componentDefinition = null;
-    do {
-        // eslint-disable-next-line no-await-in-loop
-        componentDefinition = await question(`Komponenta ${formGenerator.getFieldsCount() + 1} [type, name, label, isRequired]: `);
-        if (componentDefinition) {
-            const [componentIndexString, name, label, required] = componentDefinition
-                .split(",")
-                .map((item) => item.trim());
-            const componentIndex = Number.parseInt(componentIndexString, 10);
-            const componentType = allowedComponents[componentIndex];
-            if (!name || !label) {
-                console.log("❗   Špatná definice. Komponenta nebyla přidána.\n");
-                continue;
-            }
-            const fieldDefinition = {
-                type: componentType,
-                name,
-                label,
-                isRequired: ["true", "1", "r", "required", "isRequired"].includes(required),
-            };
-            console.log(`✅   ${formGenerator.generateComponent(fieldDefinition)}\n`);
-            formGenerator.add(fieldDefinition);
-        }
-    } while (componentDefinition !== "");
-    const generatedFilename = `${process.cwd()}/${formName}.tsx`;
-    (0, fs_1.writeFileSync)(generatedFilename, formGenerator.generate());
-    console.log(`Generated file: ${generatedFilename}`);
-}
-run()
-    .then(() => {
-    process.exit(0);
-})
-    .catch((err) => {
-    console.error(err);
-    process.exit(1);
-});

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

@@ -1,14 +0,0 @@
-import { CheckboxButtonProps as UICheckboxButtonProps } from "@uxf/ui/checkbox-button";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UICheckboxButtonProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    nullable?: boolean;
-    onChange?: UICheckboxButtonProps["onChange"];
-    requiredMessage?: string;
-};
-export type CheckboxButtonValue = boolean | undefined;
-export declare function CheckboxButton<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
-export declare namespace CheckboxButton {
-    var displayName: string;
-}

package/checkbox-button/checkbox-button.js

@@ -1,38 +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.CheckboxButton = CheckboxButton;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const checkbox_button_1 = require("@uxf/ui/checkbox-button");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-function CheckboxButton(props) {
-    var _a, _b;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    return (react_1.default.createElement(checkbox_button_1.CheckboxButton, { className: props.className, id: id, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, style: props.style, value: (_b = field.value) !== null && _b !== void 0 ? _b : (!props.nullable ? false : undefined) }));
-}
-CheckboxButton.displayName = "UxfFormCheckboxButton";

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { CheckboxButton } from "./checkbox-button";
-declare const _default: {
-    title: string;
-    component: typeof CheckboxButton;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;

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

@@ -1,24 +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 button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const checkbox_button_1 = require("./checkbox-button");
-exports.default = {
-    title: "Form/CheckboxButton",
-    component: checkbox_button_1.CheckboxButton,
-};
-function Default() {
-    const storyFormCheckboxes = (control) => (react_1.default.createElement("div", { className: "flex flex-col space-y-2" },
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, label: "CheckboxButton form", name: "checkbox-button1" }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isRequired: true, label: "CheckboxButton form required", name: "checkbox-button-required" }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isDisabled: true, label: "CheckboxButton form disabled", name: "checkbox-button-disabled" }),
-        react_1.default.createElement(checkbox_button_1.CheckboxButton, { control: control, isReadOnly: true, label: "CheckboxButton form readOnly", name: "checkbox-button-read-only" }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (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" }, storyFormCheckboxes(control))))));
-}

package/checkbox-button/index.d.ts

@@ -1 +0,0 @@
-export * from "./checkbox-button";

package/checkbox-button/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./checkbox-button"), exports);

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

@@ -1,14 +0,0 @@
-import { CheckboxInputProps as UICheckboxInputProps } from "@uxf/ui/checkbox-input";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UICheckboxInputProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    nullable?: boolean;
-    onChange?: UICheckboxInputProps["onChange"];
-    requiredMessage?: string;
-};
-export type CheckboxInputValue = boolean | undefined;
-export declare function CheckboxInput<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
-export declare namespace CheckboxInput {
-    var displayName: string;
-}

package/checkbox-input/checkbox-input.js

@@ -1,38 +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.CheckboxInput = CheckboxInput;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const checkbox_input_1 = require("@uxf/ui/checkbox-input");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-function CheckboxInput(props) {
-    var _a, _b, _c, _d;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, ref: field.ref, size: props.size, style: props.style, value: (_d = field.value) !== null && _d !== void 0 ? _d : (!props.nullable ? false : undefined) }));
-}
-CheckboxInput.displayName = "UxfFormCheckboxInput";

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { CheckboxInput } from "./checkbox-input";
-declare const _default: {
-    title: string;
-    component: typeof CheckboxInput;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;

package/checkbox-input/checkbox-input.stories.js

@@ -1,24 +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 button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const checkbox_input_1 = require("./checkbox-input");
-exports.default = {
-    title: "Form/CheckboxInput",
-    component: checkbox_input_1.CheckboxInput,
-};
-function Default() {
-    const storyFormCheckboxes = (control) => (react_1.default.createElement("div", { className: "space-y-2" },
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, label: "CheckboxInput form", name: "checkbox1" }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isRequired: true, label: "CheckboxInput form required", name: "checkbox-required" }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isDisabled: true, label: "CheckboxInput form disabled", name: "checkbox-disabled" }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: control, isReadOnly: true, label: "CheckboxInput form readOnly", name: "checkbox-readonly" }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (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" }, storyFormCheckboxes(control))))));
-}

package/checkbox-input/index.d.ts

@@ -1 +0,0 @@
-export * from "./checkbox-input";

package/checkbox-input/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./checkbox-input"), exports);

package/checkbox-list/checkbox-list.d.ts

@@ -1,19 +0,0 @@
-import { CheckboxInputProps as UICheckboxInputProps } from "@uxf/ui/checkbox-input";
-import { FormControlProps } from "@uxf/ui/types";
-import React, { ReactNode } from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-type ValueType = string | number;
-export type CheckboxListOption = {
-    id: ValueType;
-    label: ReactNode;
-    isDisabled?: boolean;
-};
-export type CheckboxListValue<T> = T[] | null;
-type CheckboxListProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UICheckboxInputProps, "isInvalid" | "name" | "onChange" | "value"> & {
-    onChange?: FormControlProps<CheckboxListValue<string | number>>["onChange"];
-    options: CheckboxListOption[];
-    requiredMessage?: string;
-};
-export declare function CheckboxList<FormData extends FieldValues>(props: CheckboxListProps<FormData>): React.JSX.Element;
-export {};

package/checkbox-list/checkbox-list.js

@@ -1,36 +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.CheckboxList = CheckboxList;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const form_context_1 = require("@uxf/form/form-id-context/form-context");
-const checkbox_list_1 = require("@uxf/ui/checkbox-list");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-function CheckboxList(props) {
-    var _a, _b, _c, _d;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...((_b = props.rules) !== null && _b !== void 0 ? _b : {}),
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    return (react_1.default.createElement(checkbox_list_1.CheckboxList, { className: props.className, hasHiddenLabel: props.hiddenLabel, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, id: id, isDisabled: formContext.isFormDisabled || props.isDisabled, isFocused: props.isFocused, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: props.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, value: field.value }));
-}

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

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

package/checkbox-list/checkbox-list.stories.js

@@ -1,22 +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 button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const checkbox_list_1 = require("./checkbox-list");
-const CHECKBOX_LIST_OPTIONS = [
-    { id: "1", label: "Option1" },
-    { id: "2", label: "Option2" },
-    { id: "3", label: "Option3" },
-];
-function Default() {
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (react_1.default.createElement("div", { className: "space-y-2 p-20" },
-        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, label: "CheckboxList default", name: "checkboxList1", options: CHECKBOX_LIST_OPTIONS }),
-        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, isRequired: true, label: "CheckboxList required", name: "checkboxList2", options: CHECKBOX_LIST_OPTIONS }),
-        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, hiddenLabel: true, label: "CheckboxList with hidden label", name: "checkboxList3", options: CHECKBOX_LIST_OPTIONS }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")))));
-}

package/checkbox-list/index.d.ts

@@ -1 +0,0 @@
-export * from "./checkbox-list";

package/checkbox-list/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./checkbox-list"), exports);

package/color-radio-group/color-radio-group.d.ts

@@ -1,13 +0,0 @@
-import { ColorRadioGroupProps as UIColorRadioGroupProps } from "@uxf/ui/color-radio-group";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ColorRadioGroupProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIColorRadioGroupProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    onChange?: UIColorRadioGroupProps["onChange"];
-    requiredMessage?: string;
-};
-export type ColorRadioGroupValue = `#${string}` | null;
-export declare function ColorRadioGroup<FormData extends Record<string, any>>(props: ColorRadioGroupProps<FormData>): React.JSX.Element;
-export declare namespace ColorRadioGroup {
-    var displayName: string;
-}

package/color-radio-group/color-radio-group.js

@@ -1,38 +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.ColorRadioGroup = ColorRadioGroup;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const color_radio_group_1 = require("@uxf/ui/color-radio-group");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-function ColorRadioGroup(props) {
-    var _a, _b, _c, _d;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    return (react_1.default.createElement(color_radio_group_1.ColorRadioGroup, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.options.length === 0 || formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: (_d = field.value) !== null && _d !== void 0 ? _d : null }));
-}
-ColorRadioGroup.displayName = "UxfFormColorRadioGroup";

package/color-radio-group/color-radio-group.stories.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ColorRadioGroup } from "./index";
-declare const _default: {
-    title: string;
-    component: typeof ColorRadioGroup;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;

package/color-radio-group/color-radio-group.stories.js

@@ -1,62 +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 button_1 = require("@uxf/ui/button");
-const react_1 = __importDefault(require("react"));
-const storybook_form_1 = require("../storybook/storybook-form");
-const index_1 = require("./index");
-exports.default = {
-    title: "Form/ColorRadioGroup",
-    component: index_1.ColorRadioGroup,
-};
-const options = [
-    {
-        value: "#ff0000",
-        label: "Red",
-    },
-    {
-        value: "#00ff00",
-        label: "Green",
-    },
-    {
-        value: "#ff00ff",
-        label: "Purple",
-    },
-    {
-        value: "#000000",
-        label: "Red",
-    },
-    {
-        value: "#ffff00",
-        label: "Green",
-    },
-    {
-        value: "#00ffff",
-        label: "Purple",
-    },
-    {
-        value: "#cccccc",
-        label: "Red",
-    },
-    {
-        value: "#3b1298",
-        label: "Green",
-    },
-    {
-        value: "#0000ff",
-        label: "Purple",
-    },
-];
-function Default() {
-    const storyFormColorRadioGroup = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
-        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form", name: "color-radio-group", options: options }),
-        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", isDisabled: true, label: "Color radio group form disabled", name: "color-radio-group-disabled", options: options }),
-        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, helperText: "Choose one option", id: "color-radio-group", label: "Color radio group form with helper text", name: "color-radio-group-helper-text", options: options }),
-        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form with variant button", name: "color-radio-group-button", options: options }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (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" }, storyFormColorRadioGroup(control))))));
-}

package/color-radio-group/index.d.ts

@@ -1 +0,0 @@
-export * from "./color-radio-group";

package/color-radio-group/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./color-radio-group"), exports);

package/combobox/combobox.d.ts

@@ -1,13 +0,0 @@
-import { ComboboxValueId, ComboboxProps as UIComboboxProps, ComboboxValue as UIComboboxValue } from "@uxf/ui/combobox";
-import React from "react";
-import { FieldValues } from "react-hook-form";
-import { ControlProps } from "../types";
-export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIComboboxProps, "inputGroupRef" | "inputRef" | "inputWrapperRef" | "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
-    onChange?: UIComboboxProps["onChange"];
-    requiredMessage?: string;
-};
-export type ComboboxValue<Id extends ComboboxValueId> = UIComboboxValue<Id> | null;
-export declare function Combobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
-export declare namespace Combobox {
-    var displayName: string;
-}

package/combobox/combobox.js

@@ -1,44 +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.Combobox = Combobox;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const is_empty_1 = require("@uxf/core/utils/is-empty");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const combobox_1 = require("@uxf/ui/combobox");
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-const form_context_1 = require("../form-id-context/form-context");
-function Combobox(props) {
-    var _a, _b, _c, _d, _e;
-    const formContext = (0, form_context_1.useFormContext)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        name: props.name,
-        rules: {
-            required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const onBlur = (event) => {
-        var _a;
-        field.onBlur();
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    };
-    const onChange = (value, event) => {
-        var _a;
-        field.onChange(value);
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
-    };
-    const isDisabled = ((0, is_nil_1.isNil)(props.loadOptions) && (0, is_empty_1.isEmpty)((_b = props.options) !== null && _b !== void 0 ? _b : empty_array_1.EMPTY_ARRAY)) ||
-        formContext.isFormDisabled ||
-        props.isDisabled;
-    return (react_1.default.createElement(combobox_1.Combobox, { className: props.className, dropdownClassName: props.dropdownClassName, dropdownMatchesInputWidth: props.dropdownMatchesInputWidth, dropdownMaxHeight: props.dropdownMaxHeight, dropdownPlacement: props.dropdownPlacement, dropdownStrategy: props.dropdownStrategy, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, iconName: props.iconName, id: id, inputArrow: props.inputArrow, inputRef: field.ref, isClearable: props.isClearable, isDisabled: isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, loadOptions: props.loadOptions, name: field.name, noOptionsMessage: props.noOptionsMessage, noQueryMessage: props.noQueryMessage, notFoundMessage: props.notFoundMessage, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, value: (_e = field.value) !== null && _e !== void 0 ? _e : null, variant: props.variant }));
-}
-Combobox.displayName = "UxfFormCombobox";

package/combobox/combobox.stories.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Combobox } from "./combobox";
-declare const _default: {
-    title: string;
-    component: typeof Combobox;
-};
-export default _default;
-export declare function Default(): React.JSX.Element;