@uxf/form 11.74.0 → 11.74.1

package/form-renderer/form-renderer.d.ts

@@ -0,0 +1,16 @@
+import { FormProps as UXFFormProps } from "@uxf/form/form";
+import React, { FunctionComponent } from "react";
+import { FieldValues, FormState } from "react-hook-form";
+import { FormRendererFields, FormSchema } from "./types";
+type SubmitButtonComponent<TFieldValues extends FieldValues = FieldValues> = FunctionComponent<{
+    formState: FormState<TFieldValues>;
+}>;
+interface FormRendererProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "children"> {
+    className?: string;
+    schema: FormSchema;
+    fields: FormRendererFields;
+    isEditing?: boolean;
+    SubmitButton?: SubmitButtonComponent<T>;
+}
+export declare function FormRenderer<T extends FieldValues>(props: FormRendererProps<T>): React.JSX.Element;
+export {};

package/form-renderer/form-renderer.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRenderer = FormRenderer;
+const translations_1 = require("@uxf/core-react/translations");
+const form_1 = require("@uxf/form/form");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const BaseSubmitButton = (props) => {
+    const { isSubmitting } = props.formState;
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(button_1.Button, { isDisabled: isSubmitting, type: "submit" }, t("uxf-form-form-renderer:submit-button")));
+};
+function FormRenderer(props) {
+    var _a;
+    const SubmitButton = (_a = props.SubmitButton) !== null && _a !== void 0 ? _a : BaseSubmitButton;
+    return (react_1.default.createElement(form_1.Form, { className: "uxf-form-renderer", formApi: props.formApi, id: props.id, onSubmit: props.onSubmit },
+        react_1.default.createElement("div", { className: "uxf-form-renderer__body" }, props.schema.fields.map((field, i) => {
+            var _a;
+            const Field = (_a = props.fields[field.type]) !== null && _a !== void 0 ? _a : props.fields.default;
+            return (react_1.default.createElement("div", { className: "p-4", key: i },
+                react_1.default.createElement(Field, { control: props.formApi.control, fieldSchema: field, fields: props.fields, isEditing: props.isEditing })));
+        })),
+        react_1.default.createElement("div", { className: "uxf-form-renderer__footer" },
+            react_1.default.createElement(SubmitButton, { formState: props.formApi.formState }))));
+}

package/form-renderer/form-renderer.stories.d.ts

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

package/form-renderer/form-renderer.stories.js

@@ -0,0 +1,23 @@
+"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.Example = Example;
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const big_test_schema_1 = require("./big-test-schema");
+const base_field_1 = __importDefault(require("./field/base-field"));
+const embedded_1 = __importDefault(require("./field/embedded"));
+const one_to_many_1 = __importDefault(require("./field/one-to-many"));
+const form_renderer_1 = require("./form-renderer");
+const fields = {
+    default: base_field_1.default,
+    embedded: embedded_1.default,
+    oneToMany: one_to_many_1.default,
+};
+function Example() {
+    const formApi = (0, react_hook_form_1.useForm)({ defaultValues: {} });
+    return react_1.default.createElement(form_renderer_1.FormRenderer, { fields: fields, formApi: formApi, id: "example-form", onSubmit: console.log, schema: big_test_schema_1.schema });
+}

package/form-renderer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./form-renderer";
+export * from "./types";

package/form-renderer/index.js

@@ -0,0 +1,18 @@
+"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("./form-renderer"), exports);
+__exportStar(require("./types"), exports);

package/form-renderer/mapper.d.ts

@@ -0,0 +1,2 @@
+import { FormSchema } from "./types";
+export declare const mapToRequestObject: (values: any, schema: FormSchema) => any;

package/form-renderer/mapper.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapToRequestObject = void 0;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const mapToRequestObject = (values, schema) => {
+    var _a, _b;
+    const requestObject = { ...values };
+    for (const field of schema.fields) {
+        const { name, type } = field;
+        const value = requestObject[name];
+        switch (type) {
+            case "boolean":
+                requestObject[name] = Boolean(value);
+                break;
+            case "file":
+            case "image":
+                requestObject[name] = value ? value.id : value;
+                break;
+            case "content":
+                // TODO search string
+                requestObject[name] = value ? { data: (_a = value.data) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY, search: (_b = value.search) !== null && _b !== void 0 ? _b : "" } : null;
+                break;
+            case "embedded":
+                requestObject[name] = (0, exports.mapToRequestObject)(value, field);
+                break;
+        }
+    }
+    return requestObject;
+};
+exports.mapToRequestObject = mapToRequestObject;

package/form-renderer/translations.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    "uxf-form-form-renderer": {
+        "file-upload-error": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "submit-button": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        fields: {
+            "one-to-many": {
+                "delete-item": {
+                    cs: string;
+                    en: string;
+                    sk: string;
+                    de: string;
+                };
+                "add-item": {
+                    cs: string;
+                    en: string;
+                    sk: string;
+                    de: string;
+                };
+            };
+        };
+    };
+};
+export default _default;

package/form-renderer/translations.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-form-renderer": {
+        "file-upload-error": {
+            cs: "Soubor se nepodařilo nahrát.",
+            en: "File could not be uploaded.",
+            sk: "Súbor sa nepodarilo nahrať.",
+            de: "Datei konnte nicht hochgeladen werden.",
+        },
+        "submit-button": {
+            cs: "Uložit",
+            en: "Save",
+            sk: "Uložiť",
+            de: "Speichern",
+        },
+        fields: {
+            "one-to-many": {
+                "delete-item": {
+                    cs: "Smazat položku",
+                    en: "Delete item",
+                    sk: "Zmazať položku",
+                    de: "Element löschen",
+                },
+                "add-item": {
+                    cs: "Přidat položku",
+                    en: "Add item",
+                    sk: "Pridať položku",
+                    de: "Element hinzufügen",
+                },
+            },
+        },
+    },
+};

package/form-renderer/types.d.ts

@@ -0,0 +1,39 @@
+import { Autocomplete } from "@uxf/core/api/autocomplete";
+import { OnUploadFileHandler } from "@uxf/core/types";
+import { DropzoneFile } from "@uxf/ui/dropzone/types";
+import { FunctionComponent } from "react";
+import { Control } from "react-hook-form";
+export interface FieldSchema {
+    autocomplete: string | null;
+    name: string;
+    type: string;
+    label: string;
+    required: boolean;
+    readOnly: boolean;
+    editable: boolean;
+    fields: FieldSchema[];
+    options: Array<{
+        id: string | number;
+        label: string;
+    }> | null;
+}
+export interface FormSchema {
+    fields: FieldSchema[];
+}
+export interface FieldProps {
+    fieldSchema: FieldSchema;
+    fields: FormRendererFields;
+    isEditing?: boolean;
+    prefix?: string;
+    control: Control<any>;
+    overrides?: {
+        autocomplete?: Autocomplete;
+        upload?: OnUploadFileHandler;
+        onRemoveConfirm?: (file: DropzoneFile) => Promise<boolean>;
+    };
+}
+export type FieldComponent = FunctionComponent<FieldProps>;
+export type FormRendererFields = {
+    [type: string]: FieldComponent;
+    default: FieldComponent;
+};

package/form-renderer/types.js

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

package/gps-input/gps-input.d.ts

@@ -0,0 +1,20 @@
+import { TextInputProps as UITextInputProps } from "@uxf/ui/text-input";
+import { FormControlProps } from "@uxf/ui/types";
+import React from "react";
+import { FieldValues } from "react-hook-form";
+import { ControlProps } from "../types";
+export type Gps = {
+    lat: number;
+    lng: number;
+};
+type OnChangeHandler = FormControlProps<string>["onChange"];
+export type GpsInputProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UITextInputProps, "isFocused" | "isInvalid" | "max" | "min" | "name" | "onChange" | "pattern" | "step" | "value" | "type"> & {
+    onChange?: OnChangeHandler;
+    requiredMessage?: string;
+};
+export type GpsInputValue = Gps;
+export declare function GpsInput<FormData extends Record<string, Gps | null | undefined>>(props: GpsInputProps<FormData>): React.JSX.Element;
+export declare namespace GpsInput {
+    var displayName: string;
+}
+export {};

package/gps-input/gps-input.js

@@ -0,0 +1,156 @@
+"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.GpsInput = GpsInput;
+const translations_1 = require("@uxf/core-react/translations");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const text_input_1 = require("@uxf/ui/text-input");
+const tooltip_1 = require("@uxf/ui/tooltip");
+const coordinate_parser_1 = __importDefault(require("coordinate-parser"));
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const form_context_1 = require("../form-id-context/form-context");
+const SUPPORTED_FORMATS = (react_1.default.createElement("div", null,
+    "40.123, -74.123",
+    react_1.default.createElement("br", null),
+    "40.123\u00B0 N 74.123\u00B0 W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7\u00B4 22.8\" N 74\u00B0 7\u00B4 22.8\" W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7.38\u2019 , -74\u00B0 7.38\u2019",
+    react_1.default.createElement("br", null),
+    "N40\u00B07\u201922.8, W74\u00B07\u201922.8\"",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
+    react_1.default.createElement("br", null),
+    "40 7 22.8, -74 7 22.8",
+    react_1.default.createElement("br", null),
+    "40.123 -74.123",
+    react_1.default.createElement("br", null),
+    "40.123\u00B0,-74.123\u00B0",
+    react_1.default.createElement("br", null),
+    "144442800, -266842800",
+    react_1.default.createElement("br", null),
+    "40.123N74.123W",
+    react_1.default.createElement("br", null),
+    "4007.38N7407.38W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201922.8\"N, 74\u00B07\u201922.8\"W",
+    react_1.default.createElement("br", null),
+    "400722.8N740722.8W",
+    react_1.default.createElement("br", null),
+    "N 40 7.38 W 74 7.38",
+    react_1.default.createElement("br", null),
+    "40:7:23N,74:7:23W",
+    react_1.default.createElement("br", null),
+    "40:7:22.8N 74:7:22.8W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201923\"N 74\u00B07\u201923\"W",
+    react_1.default.createElement("br", null),
+    "40\u00B07\u201923\" -74\u00B07\u201923\"",
+    react_1.default.createElement("br", null),
+    "40d 7\u2019 23\" N 74d 7\u2019 23\" W",
+    react_1.default.createElement("br", null),
+    "40.123N 74.123W",
+    react_1.default.createElement("br", null),
+    "40\u00B0 7.38, -74\u00B0 7.38",
+    react_1.default.createElement("br", null)));
+const getSupportedFormatsTooltip = (t) => (react_1.default.createElement("span", { className: "text-lightMedium" },
+    "(",
+    react_1.default.createElement(tooltip_1.Tooltip, { content: SUPPORTED_FORMATS },
+        react_1.default.createElement("span", { className: "underline" }, t("uxf-form-gps-input:validation.supported-formats"))),
+    ")"));
+function GpsInput(props) {
+    var _a, _b;
+    const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
+    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
+    const [visualValue, setVisualValue] = (0, react_1.useState)("");
+    const [coordsFormatError, setCoordsFormatError] = (0, react_1.useState)(false);
+    const { field, fieldState } = (0, react_hook_form_1.useController)({
+        control: props.control,
+        name: props.name,
+        rules: {
+            ...props.rules,
+            validate: {
+                ...(_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate,
+                req: (value) => {
+                    var _a;
+                    return props.isRequired && value === undefined
+                        ? ((_a = props.requiredMessage) !== null && _a !== void 0 ? _a : t("uxf-form-gps-input:validation.required", { value: value }))
+                        : undefined;
+                },
+                format: (value) => {
+                    return value === null
+                        ? t("uxf-form-gps-input:validation.invalid-coordinates", { value: value })
+                        : undefined;
+                },
+            },
+        },
+        shouldUnregister: props.shouldUnregister,
+    });
+    (0, react_1.useEffect)(() => {
+        if (field.value && visualValue === "") {
+            setVisualValue(`${field.value.lat}N, ${field.value.lng}E`);
+        }
+    }, [field.value, visualValue]);
+    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, _b;
+        setVisualValue(value);
+        try {
+            const coords = new coordinate_parser_1.default(value);
+            setCoordsFormatError(false);
+            field.onChange({ lat: coords.getLatitude(), lng: coords.getLongitude() });
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        }
+        catch (e) {
+            setCoordsFormatError(true);
+            field.onChange(null);
+            (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, value, event);
+        }
+    };
+    const composedHelperText = (react_1.default.createElement(react_1.default.Fragment, null,
+        fieldState.error && !coordsFormatError && !field.value
+            ? `${fieldState.error.message}`
+            : field.value
+                ? `${field.value.lat}N, ${field.value.lng}E`
+                : visualValue
+                    ? t("uxf-form-gps-input:validation.invalid-coordinates", { value: visualValue })
+                    : t("uxf-form-gps-input:validation.empty-coordinates"),
+        " ",
+        getSupportedFormatsTooltip(t)));
+    return (react_1.default.createElement(text_input_1.TextInput, { autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: props.className, enterKeyHint: props.enterKeyHint, form: props.form, helperText: composedHelperText, hiddenLabel: props.hiddenLabel, id: id, inputMode: props.inputMode, isDisabled: formContext.isFormDisabled || props.isDisabled, isInvalid: ((0, is_not_nil_1.isNotNil)(fieldState.error) && !field.value) || coordsFormatError, isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxLength: props.maxLength, minLength: props.minLength, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, placeholder: props.placeholder, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, type: "text", value: visualValue, variant: props.variant }));
+}
+GpsInput.displayName = "UxfFormGpsInput";

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

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

package/gps-input/gps-input.stories.js

@@ -0,0 +1,22 @@
+"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 gps_input_1 = require("./gps-input");
+exports.default = {
+    title: "Form/GpsInput",
+    component: gps_input_1.GpsInput,
+};
+function Default() {
+    const storyFormGpsInputs = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
+        react_1.default.createElement(gps_input_1.GpsInput, { control: control, label: "GPS", name: "gps", placeholder: "Zadejte sou\u0159adnice..." }),
+        react_1.default.createElement(gps_input_1.GpsInput, { control: control, isRequired: true, label: "GPS", name: "gps-required", placeholder: "Zadejte sou\u0159adnice..." }),
+        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" }, storyFormGpsInputs(control))))));
+}

package/gps-input/index.d.ts

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

package/gps-input/index.js

@@ -0,0 +1,17 @@
+"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("./gps-input"), exports);

package/gps-input/translations.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    "uxf-form-gps-input": {
+        validation: {
+            "supported-formats": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "empty-coordinates": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+            "invalid-coordinates": {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/gps-input/translations.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-gps-input": {
+        validation: {
+            "supported-formats": {
+                cs: "podporované formáty",
+                en: "supported formats",
+                sk: "podporované formáty",
+                de: "unterstützte Formate",
+            },
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+            "empty-coordinates": {
+                cs: "Zadejte souřadnice.",
+                en: "Enter coordinates.",
+                sk: "Zadajte súradnice.",
+                de: "Koordinaten eingeben.",
+            },
+            "invalid-coordinates": {
+                cs: "Souřadnice nejsou validní. Aktuální hodnota je {{value}}.",
+                en: "Coordinates are not valid. Current value is {{value}}.",
+                sk: "Súradnice nie sú platné. Aktuálna hodnota je {{value}}.",
+                de: "Koordinaten sind nicht gültig. Aktueller Wert ist {{value}}.",
+            },
+        },
+    },
+};

package/money-input/index.d.ts

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

package/money-input/index.js

@@ -0,0 +1,17 @@
+"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("./money-input"), exports);

package/money-input/money-input.d.ts

@@ -0,0 +1,24 @@
+import { Currency, Money } from "@uxf/core/money";
+import { FormControlProps } from "@uxf/ui/types";
+import React, { ReactNode } from "react";
+import { FieldValues } from "react-hook-form";
+import { ControlProps } from "../types";
+export type MoneyInputValue = Money | null;
+export type MoneyInputProps<FormData extends FieldValues> = Omit<ControlProps<FormData>, "defaultValue"> & Omit<FormControlProps<MoneyInputValue>, "value" | "onChange"> & {
+    defaultCurrency?: Currency;
+    id?: string;
+    label?: string;
+    leftAddon?: ReactNode;
+    leftElement?: ReactNode;
+    max?: number;
+    maxMessage?: (value: MoneyInputValue) => string;
+    min?: number;
+    minMessage?: (value: MoneyInputValue) => string;
+    onChange?: FormControlProps<MoneyInputValue>["onChange"];
+    requiredMessage?: string;
+    rightAddon?: ReactNode;
+};
+export declare function MoneyInput<FormData extends FieldValues>(props: MoneyInputProps<FormData>): React.JSX.Element;
+export declare namespace MoneyInput {
+    var displayName: string;
+}