art-bd-ui 1.0.44 → 1.0.45

package/dist/cjs/components/forms/dynamic-form/layout/dynamic-form-grid-layout-renderer.js

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dynamicFormFieldRenderer = require('./dynamic-form-field-renderer.js');
+var gridCanvas = require('../../../layout/grid-layout/components/grid-canvas.js');
+require('../../../../node_modules/tslib/tslib.es6.js');
+require('react');
+require('../../../media/icon/icon.js');
+require('../../../utility/resizable/resizable.js');
+
+const warnMissingField = (fieldName) => {
+    if (process.env.NODE_ENV !== "production") {
+        console.warn(`DynamicForm grid layout references unknown field name "${fieldName}"`);
+    }
+};
+const renderGridItem = (entry, Slot, fieldRenderer) => {
+    if (!fieldRenderer.hasField(entry.itemKey)) {
+        warnMissingField(entry.itemKey);
+        return null;
+    }
+    const renderedField = fieldRenderer.renderField(entry.itemKey);
+    if (!renderedField) {
+        return null;
+    }
+    return (jsxRuntime.jsx("div", { className: "min-w-0 stretch", children: jsxRuntime.jsx(Slot, { name: entry.itemKey }) }));
+};
+const DynamicFormGridLayoutRenderer = ({ definition, Slot }) => {
+    const fieldRenderer = dynamicFormFieldRenderer.useDynamicFormFieldRendererContext();
+    const layout = definition.layout;
+    if (!layout) {
+        throw new Error("DynamicForm grid layout renderer requires a layout definition");
+    }
+    return jsxRuntime.jsx(gridCanvas.GridCanvas, { layout: layout, renderItem: (entry) => renderGridItem(entry, Slot, fieldRenderer) });
+};
+
+exports.DynamicFormGridLayoutRenderer = DynamicFormGridLayoutRenderer;

package/dist/cjs/components/forms/dynamic-form/layout/dynamic-form-layout-renderer.js

@@ -0,0 +1,12 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const DynamicFormDefaultLayoutRenderer = ({ fields, Slot }) => {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: fields.map((field) => (jsxRuntime.jsx(Slot, { name: field.name }, field.name))) }));
+};
+const DynamicFormLayoutRenderer = DynamicFormDefaultLayoutRenderer;
+
+exports.DynamicFormDefaultLayoutRenderer = DynamicFormDefaultLayoutRenderer;
+exports.DynamicFormLayoutRenderer = DynamicFormLayoutRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/checkbox-field-renderer.js

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var checkbox = require('../../checkbox/checkbox.js');
+var _switch = require('../../switch/switch.js');
+
+const CheckboxFieldRenderer = ({ field, input, disabled }) => {
+    var _a;
+    const checked = input.value === true;
+    const handleCheckedChange = (value) => {
+        input.onChange(value === true);
+    };
+    if (((_a = field.settings) === null || _a === void 0 ? void 0 : _a.variant) === "switch") {
+        return jsxRuntime.jsx(_switch.Switch, { checked: checked, disabled: disabled, onCheckedChange: handleCheckedChange });
+    }
+    return jsxRuntime.jsx(checkbox.Checkbox, { checked: checked, disabled: disabled, onCheckedChange: handleCheckedChange });
+};
+
+exports.CheckboxFieldRenderer = CheckboxFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/country-select-field-renderer.js

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var countrySelect = require('../../country-select/country-select.js');
+var countries = require('../../../../lib/countries.js');
+
+const toCountryCode = (value) => {
+    return typeof value === "string" && countries.getCountryByCode(value) ? value.toUpperCase() : undefined;
+};
+const CountrySelectFieldRenderer = ({ field, input, disabled, }) => {
+    var _a;
+    const countries$1 = React.useMemo(() => {
+        var _a, _b;
+        if (!((_b = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.countryCodes) === null || _b === void 0 ? void 0 : _b.length)) {
+            return countries.COUNTRIES;
+        }
+        return field.settings.countryCodes.flatMap((countryCode) => {
+            const country = countries.getCountryByCode(countryCode);
+            return country ? [country] : [];
+        });
+    }, [(_a = field.settings) === null || _a === void 0 ? void 0 : _a.countryCodes]);
+    return (jsxRuntime.jsx(countrySelect.CountrySelect, { value: toCountryCode(input.value), placeholder: field.placeholder, disabled: disabled, countries: countries$1, onValueChange: (countryCode) => {
+            input.onChange(countryCode);
+        } }));
+};
+
+exports.CountrySelectFieldRenderer = CountrySelectFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/currency-select-field-renderer.js

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var currencySelect = require('../../currency-select/currency-select.js');
+var currencies = require('../../../../lib/currencies.js');
+
+const toCurrencyCode = (value, locale) => {
+    return typeof value === "string" && currencies.getCurrencyByCode(value, locale) ? value.toUpperCase() : undefined;
+};
+const CurrencySelectFieldRenderer = ({ field, input, disabled, }) => {
+    var _a, _b, _c, _d;
+    const locale = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.locale;
+    const currencies$1 = React.useMemo(() => {
+        var _a, _b;
+        if (!((_b = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.currencyCodes) === null || _b === void 0 ? void 0 : _b.length)) {
+            return currencies.getCurrencies(locale);
+        }
+        return field.settings.currencyCodes.flatMap((currencyCode) => {
+            const currency = currencies.getCurrencyByCode(currencyCode, locale);
+            return currency ? [currency] : [];
+        });
+    }, [(_b = field.settings) === null || _b === void 0 ? void 0 : _b.currencyCodes, locale]);
+    return (jsxRuntime.jsx(currencySelect.CurrencySelect, { value: toCurrencyCode(input.value, locale), placeholder: field.placeholder, disabled: disabled, currencies: currencies$1, preferredCurrencies: (_c = field.settings) === null || _c === void 0 ? void 0 : _c.preferredCurrencies, selectedValueAppearance: (_d = field.settings) === null || _d === void 0 ? void 0 : _d.selectedValueAppearance, locale: locale, onValueChange: (currencyCode) => {
+            input.onChange(currencyCode);
+        } }));
+};
+
+exports.CurrencySelectFieldRenderer = CurrencySelectFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/date-field-renderer.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dateValueUtils = require('./date-value-utils.js');
+var dateInput = require('../../../ui/date-pickers/date-input/date-input.js');
+
+const DateFieldRenderer = ({ field, input, disabled }) => {
+    var _a;
+    return (jsxRuntime.jsx(dateInput.DateInput, { ref: input.ref, name: input.name, value: dateValueUtils.toDate(input.value), placeholder: field.placeholder, disabled: disabled, locale: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.locale, onBlur: input.onBlur, onChange: (date) => {
+            input.onChange(dateValueUtils.toIsoString(date));
+        } }));
+};
+
+exports.DateFieldRenderer = DateFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/date-range-field-renderer.js

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dateValueUtils = require('./date-value-utils.js');
+var dateRangePicker = require('../../../ui/date-pickers/date-range-picker/date-range-picker.js');
+var utils = require('../../../../lib/utils.js');
+
+const DateRangeFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b, _c, _d;
+    return (jsxRuntime.jsx("div", { className: utils.cn(disabled && "pointer-events-none opacity-50"), children: jsxRuntime.jsx(dateRangePicker.DateRangePicker, { value: dateValueUtils.toDateRange(input.value), placeholder: field.placeholder, locale: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.locale, hourCycle: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.hourCycle, granularity: (_c = field.settings) === null || _c === void 0 ? void 0 : _c.granularity, numberOfMonths: (_d = field.settings) === null || _d === void 0 ? void 0 : _d.numberOfMonths, onChange: (range) => {
+                input.onChange({
+                    from: dateValueUtils.toIsoString(range === null || range === void 0 ? void 0 : range.from),
+                    to: dateValueUtils.toIsoString(range === null || range === void 0 ? void 0 : range.to),
+                });
+            } }) }));
+};
+
+exports.DateRangeFieldRenderer = DateRangeFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/date-time-field-renderer.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dateValueUtils = require('./date-value-utils.js');
+var dateTimePicker = require('../../../ui/date-pickers/date-time-picker/date-time-picker.js');
+
+const DateTimeFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b, _c, _d, _e;
+    return (jsxRuntime.jsx(dateTimePicker.DateTimePicker, { value: dateValueUtils.toDate(input.value), placeholder: field.placeholder, disabled: disabled, locale: (_b = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.locale) !== null && _b !== void 0 ? _b : "en", hourCycle: (_c = field.settings) === null || _c === void 0 ? void 0 : _c.hourCycle, granularity: (_d = field.settings) === null || _d === void 0 ? void 0 : _d.granularity, displayFormat: (_e = field.settings) === null || _e === void 0 ? void 0 : _e.displayFormat, onChange: (date) => {
+            input.onChange(dateValueUtils.toIsoString(date));
+        } }));
+};
+
+exports.DateTimeFieldRenderer = DateTimeFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/date-value-utils.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var isPlainRecord = require('../is-plain-record.js');
+
+const toDate = (value) => {
+    if (value instanceof Date && Number.isFinite(value.getTime())) {
+        return value;
+    }
+    if (typeof value === "string" && value.trim()) {
+        const date = new Date(value);
+        return Number.isFinite(date.getTime()) ? date : undefined;
+    }
+    return undefined;
+};
+const toIsoString = (date) => {
+    return date ? date.toISOString() : null;
+};
+const toDateRange = (value) => {
+    if (!isPlainRecord.isPlainRecord(value)) {
+        return undefined;
+    }
+    const from = toDate(value.from);
+    const to = toDate(value.to);
+    if (!from && !to) {
+        return undefined;
+    }
+    return { from, to };
+};
+const toTimeDate = (value) => {
+    var _a, _b;
+    const date = new Date();
+    date.setHours(0, 0, 0, 0);
+    if (value instanceof Date && Number.isFinite(value.getTime())) {
+        date.setHours(value.getHours(), value.getMinutes(), value.getSeconds(), 0);
+        return date;
+    }
+    if (typeof value !== "string") {
+        return null;
+    }
+    const match = value.match(/^(\d{1,2})(?::(\d{1,2}))?(?::(\d{1,2}))?$/);
+    if (!match) {
+        return null;
+    }
+    const hours = Number(match[1]);
+    const minutes = Number((_a = match[2]) !== null && _a !== void 0 ? _a : 0);
+    const seconds = Number((_b = match[3]) !== null && _b !== void 0 ? _b : 0);
+    if (hours > 23 || minutes > 59 || seconds > 59) {
+        return null;
+    }
+    date.setHours(hours, minutes, seconds, 0);
+    return date;
+};
+const toTimeString = (date) => {
+    if (!date) {
+        return null;
+    }
+    return [date.getHours(), date.getMinutes(), date.getSeconds()].map((part) => String(part).padStart(2, "0")).join(":");
+};
+
+exports.toDate = toDate;
+exports.toDateRange = toDateRange;
+exports.toIsoString = toIsoString;
+exports.toTimeDate = toTimeDate;
+exports.toTimeString = toTimeString;

package/dist/cjs/components/forms/dynamic-form/renderers/file-field-renderer.js

@@ -0,0 +1,55 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var isPlainRecord = require('../is-plain-record.js');
+require('../../file-upload/file-upload.js');
+var fileInput = require('../../file-upload/file-input.js');
+require('../../file-upload/files-input.js');
+require('../../../../node_modules/tslib/tslib.es6.js');
+require('react');
+
+const isFile = (value) => {
+    return typeof File !== "undefined" && value instanceof File;
+};
+const toFileUploadFile = (value) => {
+    if (!isPlainRecord.isPlainRecord(value) || typeof value.name !== "string" || !value.name) {
+        return null;
+    }
+    const file = {
+        name: value.name,
+    };
+    if (typeof value.id === "string" || typeof value.id === "number") {
+        file.id = value.id;
+    }
+    if (typeof value.size === "number" && Number.isFinite(value.size)) {
+        file.size = value.size;
+    }
+    if (typeof value.type === "string") {
+        file.type = value.type;
+    }
+    if (typeof value.url === "string") {
+        file.url = value.url;
+    }
+    if (typeof value.previewUrl === "string") {
+        file.previewUrl = value.previewUrl;
+    }
+    if (isFile(value.file)) {
+        file.file = value.file;
+    }
+    if (value.status === "uploading" || value.status === "success" || value.status === "error") {
+        file.status = value.status;
+    }
+    if (typeof value.progress === "number" && Number.isFinite(value.progress)) {
+        file.progress = value.progress;
+    }
+    return file;
+};
+const FileFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b, _c, _d, _e;
+    return (jsxRuntime.jsx(fileInput.FileInput, { ref: input.ref, name: input.name, value: toFileUploadFile(input.value), placeholder: field.placeholder, disabled: disabled, accept: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.accept, maxSize: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.maxSize, minSize: (_c = field.settings) === null || _c === void 0 ? void 0 : _c.minSize, browseText: (_d = field.settings) === null || _d === void 0 ? void 0 : _d.browseText, showSize: (_e = field.settings) === null || _e === void 0 ? void 0 : _e.showSize, onChange: (file) => {
+            input.onChange(file);
+        } }));
+};
+
+exports.FileFieldRenderer = FileFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/hidden-field-renderer.js

@@ -0,0 +1,6 @@
+"use client";
+'use strict';
+
+const HiddenFieldRenderer = () => null;
+
+exports.HiddenFieldRenderer = HiddenFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/month-field-renderer.js

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var monthSelect = require('../../../ui/date-pickers/month-select/month-select.js');
+var utils = require('../../../../lib/utils.js');
+var uk = require('../../../../node_modules/date-fns/locale/uk.js');
+var enUS = require('../../../../node_modules/date-fns/locale/en-US.js');
+
+const getDateFnsLocale = (locale) => (locale === "ua" ? uk.uk : enUS.enUS);
+const toMonthValue = (value) => {
+    return typeof value === "number" && Number.isInteger(value) && value >= 0 && value <= 11 ? value : undefined;
+};
+const MonthFieldRenderer = ({ field, input, disabled }) => {
+    var _a;
+    return (jsxRuntime.jsx("div", { className: utils.cn(disabled && "pointer-events-none opacity-50"), children: jsxRuntime.jsx(monthSelect.MonthSelect, { value: toMonthValue(input.value), locale: getDateFnsLocale((_a = field.settings) === null || _a === void 0 ? void 0 : _a.locale), onChange: (month) => {
+                input.onChange(month);
+            } }) }));
+};
+
+exports.MonthFieldRenderer = MonthFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/multi-select-field-renderer.js

@@ -0,0 +1,24 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../utils.js');
+var multiselect = require('../../../selectors/multiselect/multiselect.js');
+
+const hasOptionValue = (values, optionValue) => {
+    return values.some((value) => Object.is(value, optionValue));
+};
+const MultiSelectFieldRenderer = ({ field, input, disabled, }) => {
+    const selectedValues = Array.isArray(input.value) ? input.value.filter(utils.isFormOptionValue) : [];
+    const options = React.useMemo(() => field.options.map((option) => ({ label: option.label, value: option.value })), [field.options]);
+    const selectedOptions = React.useMemo(() => options.filter((option) => hasOptionValue(selectedValues, option.value)), [options, selectedValues]);
+    return (jsxRuntime.jsx(multiselect.MultiSelect, { value: selectedOptions, options: options, placeholder: field.placeholder, disabled: disabled, clearable: true, onChange: (nextOptions) => {
+            var _a;
+            const maxSelectedItems = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.maxSelectedItems;
+            const nextValues = nextOptions.map((option) => option.value).filter(utils.isFormOptionValue);
+            input.onChange(typeof maxSelectedItems === "number" ? nextValues.slice(0, maxSelectedItems) : nextValues);
+        } }));
+};
+
+exports.MultiSelectFieldRenderer = MultiSelectFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/number-field-renderer.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var inputNumber = require('../../input-number/input-number.js');
+
+const toNumber = (value) => {
+    return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+};
+const NumberFieldRenderer = ({ field, input, disabled }) => {
+    var _a;
+    return (jsxRuntime.jsx(inputNumber.InputNumber, { ref: input.ref, name: input.name, value: toNumber(input.value), placeholder: field.placeholder, disabled: disabled, step: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.step, onBlur: input.onBlur, onChange: (value) => {
+            input.onChange(typeof value === "number" ? value : null);
+        } }));
+};
+
+exports.NumberFieldRenderer = NumberFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/phone-input-field-renderer.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var phoneInput = require('../../phone-input/phone-input.js');
+var countries = require('../../../../lib/countries.js');
+require('../../../../node_modules/awesome-phonenumber/index-esm.js');
+
+const toPhoneCountryCode = (value) => {
+    return value && countries.getPhoneInputCountryByCode(value) ? value.toUpperCase() : undefined;
+};
+const PhoneInputFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const countries$1 = React.useMemo(() => {
+        var _a, _b;
+        if (!((_b = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.countryCodes) === null || _b === void 0 ? void 0 : _b.length)) {
+            return countries.PHONE_INPUT_COUNTRIES;
+        }
+        return field.settings.countryCodes.flatMap((countryCode) => {
+            const country = countries.getPhoneInputCountryByCode(countryCode);
+            return country ? [country] : [];
+        });
+    }, [(_a = field.settings) === null || _a === void 0 ? void 0 : _a.countryCodes]);
+    return (jsxRuntime.jsx(phoneInput.PhoneInput, { ref: input.ref, name: input.name, value: typeof input.value === "string" ? input.value : "", placeholder: field.placeholder, disabled: disabled, countries: countries$1, defaultCountry: toPhoneCountryCode((_b = field.settings) === null || _b === void 0 ? void 0 : _b.defaultCountry), preferredCountries: (_d = (_c = field.settings) === null || _c === void 0 ? void 0 : _c.preferredCountries) === null || _d === void 0 ? void 0 : _d.flatMap((countryCode) => {
+            const country = toPhoneCountryCode(countryCode);
+            return country ? [country] : [];
+        }), enforceCountryMask: (_e = field.settings) === null || _e === void 0 ? void 0 : _e.enforceCountryMask, showMaskPlaceholder: (_f = field.settings) === null || _f === void 0 ? void 0 : _f.showMaskPlaceholder, searchPlaceholder: (_g = field.settings) === null || _g === void 0 ? void 0 : _g.searchPlaceholder, emptySearchMessage: (_h = field.settings) === null || _h === void 0 ? void 0 : _h.emptySearchMessage, onBlur: input.onBlur, onValueChange: (value) => {
+            input.onChange(value);
+        } }));
+};
+
+exports.PhoneInputFieldRenderer = PhoneInputFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/rich-text-field-renderer.js

@@ -0,0 +1,23 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var richEditor = require('../../../ui/rich-editor/rich-editor.js');
+require('react');
+require('../../../ui/rich-editor/extensions.js');
+require('../../../ui/rich-editor/extensions/carousel/extension.js');
+require('../../../ui/rich-editor/extensions/carousel/editor.js');
+require('../../../ui/carousel/carousel.js');
+require('../../../../node_modules/tslib/tslib.es6.js');
+require('../../file-upload/file-upload.js');
+
+const RichTextFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b;
+    const toolbar = (_b = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.toolbar) !== null && _b !== void 0 ? _b : "full";
+    const showToolbar = toolbar !== "minimal";
+    return (jsxRuntime.jsx(richEditor.RichEditor, { initialValue: typeof input.value === "string" ? input.value : "", placeholder: field.placeholder, editable: !disabled, showToolbar: showToolbar, showBubbleMenu: showToolbar, showBlockControls: showToolbar, showFooter: toolbar === "full", onChange: (value) => {
+            input.onChange(value);
+        } }));
+};
+
+exports.RichTextFieldRenderer = RichTextFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/select-field-renderer.js

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../utils.js');
+var select = require('../../select/select.js');
+
+const EMPTY_SELECT_VALUE = "__dynamic-form-empty-option__";
+const SelectFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b;
+    const encodedValue = utils.isFormOptionValue(input.value) ? utils.encodeOptionValue(input.value) : undefined;
+    const emptyOptionLabel = (_a = field.settings) === null || _a === void 0 ? void 0 : _a.emptyOptionLabel;
+    return (jsxRuntime.jsxs(select.Select, { value: encodedValue, disabled: disabled, onValueChange: (nextEncodedValue) => {
+            var _a;
+            if (nextEncodedValue === EMPTY_SELECT_VALUE) {
+                input.onChange(null);
+                return;
+            }
+            input.onChange((_a = utils.findOptionValueByEncodedValue(field.options, nextEncodedValue)) !== null && _a !== void 0 ? _a : null);
+        }, children: [jsxRuntime.jsx(select.SelectTrigger, { className: "w-full", children: jsxRuntime.jsx(select.SelectValue, { placeholder: (_b = field.placeholder) !== null && _b !== void 0 ? _b : "Select value" }) }), jsxRuntime.jsxs(select.SelectContent, { children: [emptyOptionLabel ? jsxRuntime.jsx(select.SelectItem, { value: EMPTY_SELECT_VALUE, children: emptyOptionLabel }) : null, field.options.map((option) => {
+                        const value = utils.encodeOptionValue(option.value);
+                        return (jsxRuntime.jsx(select.SelectItem, { value: value, disabled: option.disabled, children: option.label }, value));
+                    })] })] }));
+};
+
+exports.SelectFieldRenderer = SelectFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/tags-input-field-renderer.js

@@ -0,0 +1,15 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var tagsInput = require('../../tags-input/tags-input.js');
+
+const toStringArray = (value) => {
+    return Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
+};
+const TagsInputFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return (jsxRuntime.jsx(tagsInput.TagsInput, { ref: input.ref, value: toStringArray(input.value), suggestions: field.suggestions, placeholder: field.placeholder, disabled: disabled, maxTags: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.maxTags, allowDuplicates: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.allowDuplicates, addOnPaste: (_c = field.settings) === null || _c === void 0 ? void 0 : _c.addOnPaste, delimiterKeys: (_d = field.settings) === null || _d === void 0 ? void 0 : _d.delimiterKeys, emptyMessage: (_e = field.settings) === null || _e === void 0 ? void 0 : _e.emptyMessage, "aria-label": (_f = field.label) !== null && _f !== void 0 ? _f : field.name, onValueChange: input.onChange, onBlur: input.onBlur }));
+};
+
+exports.TagsInputFieldRenderer = TagsInputFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/text-field-renderer.js

@@ -0,0 +1,23 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var input = require('../../input/input.js');
+
+const TextFieldRenderer = ({ field, input: input$1, disabled, }) => {
+    var _a, _b;
+    const type = field.type === "email" || field.type === "url" ? field.type : "text";
+    const handleChange = (event) => {
+        input$1.onChange(event.target.value);
+    };
+    const handleBlur = () => {
+        var _a;
+        if (((_a = field.settings) === null || _a === void 0 ? void 0 : _a.trim) && typeof input$1.value === "string") {
+            input$1.onChange(input$1.value.trim());
+        }
+        input$1.onBlur();
+    };
+    return (jsxRuntime.jsx(input.Input, { ref: input$1.ref, name: input$1.name, type: type, value: typeof input$1.value === "string" ? input$1.value : "", placeholder: field.placeholder, disabled: disabled, inputMode: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.inputMode, autoComplete: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.autoComplete, onChange: handleChange, onBlur: handleBlur }));
+};
+
+exports.TextFieldRenderer = TextFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/textarea-field-renderer.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var textarea = require('../../textarea/textarea.js');
+
+const TextareaFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b;
+    const handleChange = (event) => {
+        input.onChange(event.target.value);
+    };
+    const handleBlur = () => {
+        var _a;
+        if (((_a = field.settings) === null || _a === void 0 ? void 0 : _a.trim) && typeof input.value === "string") {
+            input.onChange(input.value.trim());
+        }
+        input.onBlur();
+    };
+    return (jsxRuntime.jsx(textarea.Textarea, { ref: input.ref, name: input.name, value: typeof input.value === "string" ? input.value : "", placeholder: field.placeholder, disabled: disabled, rows: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.rows, style: { resize: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.resize }, onChange: handleChange, onBlur: handleBlur }));
+};
+
+exports.TextareaFieldRenderer = TextareaFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/time-field-renderer.js

@@ -0,0 +1,16 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var dateValueUtils = require('./date-value-utils.js');
+var timePicker = require('../../../ui/date-pickers/time-picker/time-picker.js');
+var utils = require('../../../../lib/utils.js');
+
+const TimeFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b;
+    return (jsxRuntime.jsx("div", { className: utils.cn(disabled && "pointer-events-none opacity-50"), children: jsxRuntime.jsx(timePicker.TimePicker, { value: dateValueUtils.toTimeDate(input.value), hourCycle: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.hourCycle, granularity: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.granularity, onChange: (date) => {
+                input.onChange(dateValueUtils.toTimeString(date));
+            } }) }));
+};
+
+exports.TimeFieldRenderer = TimeFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/renderers/year-field-renderer.js

@@ -0,0 +1,18 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var yearSelect = require('../../../ui/date-pickers/year-select/year-select.js');
+var utils = require('../../../../lib/utils.js');
+
+const toYearValue = (value) => {
+    return typeof value === "number" && Number.isInteger(value) ? value : undefined;
+};
+const YearFieldRenderer = ({ field, input, disabled }) => {
+    var _a, _b;
+    return (jsxRuntime.jsx("div", { className: utils.cn(disabled && "pointer-events-none opacity-50"), children: jsxRuntime.jsx(yearSelect.YearSelect, { value: toYearValue(input.value), minYear: (_a = field.settings) === null || _a === void 0 ? void 0 : _a.minYear, maxYear: (_b = field.settings) === null || _b === void 0 ? void 0 : _b.maxYear, onChange: (year) => {
+                input.onChange(year);
+            } }) }));
+};
+
+exports.YearFieldRenderer = YearFieldRenderer;

package/dist/cjs/components/forms/dynamic-form/types/field-condition.js

@@ -0,0 +1,27 @@
+'use strict';
+
+const DYNAMIC_FORM_CONDITION_OPERATORS = [
+    "eq",
+    "ne",
+    "empty",
+    "notEmpty",
+    "in",
+    "notIn",
+    "contains",
+    "notContains",
+    "startsWith",
+    "endsWith",
+    "regex",
+    "gt",
+    "gte",
+    "lt",
+    "lte",
+    "between",
+    "includes",
+    "excludes",
+    "includesAny",
+    "includesAll",
+    "size",
+];
+
+exports.DYNAMIC_FORM_CONDITION_OPERATORS = DYNAMIC_FORM_CONDITION_OPERATORS;