@rjsf/primereact 6.0.0-beta.11

package/dist/primereact.umd.js

@@ -0,0 +1,1135 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('primereact/button'), require('@rjsf/utils'), require('react/jsx-runtime'), require('primereact/fieldset'), require('primereact/inputtext'), require('primereact/message'), require('primereact/icons/timescircle'), require('primereact/divider'), require('react'), require('primereact/autocomplete'), require('primereact/checkbox'), require('primereact/colorpicker'), require('primereact/password'), require('primereact/radiobutton'), require('primereact/slider'), require('primereact/dropdown'), require('primereact/multiselect'), require('primereact/inputtextarea'), require('primereact/inputnumber')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'primereact/button', '@rjsf/utils', 'react/jsx-runtime', 'primereact/fieldset', 'primereact/inputtext', 'primereact/message', 'primereact/icons/timescircle', 'primereact/divider', 'react', 'primereact/autocomplete', 'primereact/checkbox', 'primereact/colorpicker', 'primereact/password', 'primereact/radiobutton', 'primereact/slider', 'primereact/dropdown', 'primereact/multiselect', 'primereact/inputtextarea', 'primereact/inputnumber'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/primereact"] = {}, global.core, global.button, global.utils, global.jsxRuntime, global.fieldset, global.inputtext, global.message, global.timescircle, global.divider, global.react, global.autocomplete, global.checkbox, global.colorpicker, global.password, global.radiobutton, global.slider, global.dropdown, global.multiselect, global.inputtextarea, global.inputnumber));
+})(this, (function (exports, core, button, utils, jsxRuntime, fieldset, inputtext, message, timescircle, divider, react, autocomplete, checkbox, colorpicker, password, radiobutton, slider, dropdown, multiselect, inputtextarea, inputnumber) { 'use strict';
+
+  // src/PrimeForm/PrimeForm.ts
+  function AddButton({
+    uiSchema,
+    registry,
+    color,
+    ...props
+  }) {
+    const { translateString } = registry;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        label: translateString(utils.TranslatableString.AddItemButton),
+        icon: "pi pi-plus",
+        outlined: true,
+        severity: "secondary",
+        size: "small",
+        ...props
+      }
+    );
+  }
+  function ArrayFieldItemTemplate(props) {
+    const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const ArrayFieldItemButtonsTemplate = utils.getTemplate(
+      "ArrayFieldItemButtonsTemplate",
+      registry,
+      uiOptions
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+      hasToolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "absolute", right: 0, top: "-10px" }, children: hasToolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexDirection: "row" }, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) }) }),
+      children
+    ] });
+  }
+  function ArrayFieldTemplate(props) {
+    const {
+      uiSchema,
+      idSchema,
+      canAdd,
+      className,
+      disabled,
+      items,
+      onAddClick,
+      readonly,
+      schema,
+      title,
+      registry,
+      required,
+      ...rest
+    } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const ArrayFieldDescriptionTemplate = utils.getTemplate(
+      "ArrayFieldDescriptionTemplate",
+      registry,
+      uiOptions
+    );
+    const ArrayFieldItemTemplate2 = utils.getTemplate(
+      "ArrayFieldItemTemplate",
+      registry,
+      uiOptions
+    );
+    const ArrayFieldTitleTemplate2 = utils.getTemplate(
+      "ArrayFieldTitleTemplate",
+      registry,
+      uiOptions
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ArrayFieldTitleTemplate2,
+        {
+          idSchema,
+          title: uiOptions.title || title,
+          schema,
+          uiSchema,
+          required,
+          registry
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldset.Fieldset, { ...rest, className: `${className}${utils.isFixedItems(schema) ? "" : " sortable-form-fields"}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ArrayFieldDescriptionTemplate,
+          {
+            idSchema,
+            description: uiOptions.description || schema.description,
+            schema,
+            uiSchema,
+            registry
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: items && items.map(({ key, uiSchema: itemUiSchema = {}, ...props2 }) => {
+            const mergedUiSchema = {
+              ...itemUiSchema,
+              [utils.UI_OPTIONS_KEY]: {
+                ...itemUiSchema[utils.UI_OPTIONS_KEY]
+              }
+            };
+            return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemTemplate2, { ...props2, uiSchema: mergedUiSchema }, key);
+          }) }),
+          canAdd && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                marginTop: "1rem",
+                position: "relative",
+                textAlign: "right"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                AddButton,
+                {
+                  id: utils.buttonId(idSchema, "add"),
+                  className: "rjsf-array-item-add",
+                  onClick: onAddClick,
+                  disabled: disabled || readonly,
+                  uiSchema,
+                  registry
+                }
+              )
+            }
+          )
+        ] }, `array-item-list-${idSchema.$id}`)
+      ] })
+    ] });
+  }
+  function BaseInputTemplate(props) {
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      type,
+      registry,
+      rawErrors = []
+    } = props;
+    const { AutoCompleteWidget: AutoCompleteWidget2 } = registry.widgets;
+    if (Array.isArray(schema.examples)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(AutoCompleteWidget2, { ...props });
+    }
+    const inputProps = utils.getInputProps(schema, type, options);
+    const primeProps = options.prime || {};
+    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      inputtext.InputText,
+      {
+        id,
+        name: id,
+        placeholder,
+        ...primeProps,
+        ...inputProps,
+        required,
+        autoFocus: autofocus,
+        disabled: disabled || readonly,
+        list: schema.examples ? utils.examplesId(id) : void 0,
+        value: value || value === 0 ? value : "",
+        invalid: rawErrors.length > 0,
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
+      }
+    );
+  }
+  function DescriptionField(props) {
+    const { id, description, registry, uiSchema } = props;
+    if (!description) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { id, children: /* @__PURE__ */ jsxRuntime.jsx(core.RichDescription, { description, registry, uiSchema }) });
+  }
+  function ErrorList({
+    errors,
+    registry
+  }) {
+    const { translateString } = registry;
+    const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(timescircle.TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-message-summary", children: translateString(utils.TranslatableString.ErrorsLabel) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.stack }, `error-${index}`)) })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      message.Message,
+      {
+        className: "p-message",
+        style: {
+          borderStyle: "solid",
+          borderColor: "#ff5757",
+          borderWidth: "0 0 0 6px",
+          width: "100%",
+          justifyContent: "start",
+          marginBottom: "1rem"
+        },
+        severity: "error",
+        content
+      }
+    );
+  }
+  function IconButton(props) {
+    const { icon, iconType, uiSchema, registry, ...otherProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
+  }
+  function CopyButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.CopyButton), ...props, icon: "copy" });
+  }
+  function MoveDownButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveDownButton), ...props, icon: "angle-down" });
+  }
+  function MoveUpButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.MoveUpButton), ...props, icon: "angle-up" });
+  }
+  function RemoveButton(props) {
+    const {
+      registry: { translateString }
+    } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(IconButton, { title: translateString(utils.TranslatableString.RemoveButton), ...props, icon: "trash" });
+  }
+  function FieldErrorTemplate({ errors, idSchema }) {
+    if (errors && errors.length > 0) {
+      const id = utils.errorId(idSchema);
+      const content = errors.map((error, i) => {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { children: error }, i);
+      });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        message.Message,
+        {
+          id,
+          severity: "error",
+          style: { justifyContent: "left" },
+          text: content,
+          pt: { text: { style: { fontSize: "smaller" } } }
+        }
+      );
+    }
+    return null;
+  }
+  function FieldHelpTemplate(props) {
+    const { idSchema, help } = props;
+    if (help) {
+      const id = utils.helpId(idSchema);
+      return /* @__PURE__ */ jsxRuntime.jsx("small", { id, children: help });
+    }
+    return null;
+  }
+  function Label({ id, text, required }) {
+    if (!text) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, children: [
+      text,
+      " ",
+      required ? "*" : ""
+    ] });
+  }
+  function FieldTemplate(props) {
+    const { children, errors, help, displayLabel, description, rawDescription, hidden, uiSchema, registry } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const WrapIfAdditionalTemplate2 = utils.getTemplate(
+      "WrapIfAdditionalTemplate",
+      registry,
+      uiOptions
+    );
+    if (hidden) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "none" }, children });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: [
+      displayLabel && /* @__PURE__ */ jsxRuntime.jsx(Label, { id: props.id, text: props.label, required: props.required }),
+      children,
+      displayLabel && rawDescription && /* @__PURE__ */ jsxRuntime.jsx("small", { children: description }),
+      errors,
+      help
+    ] }) });
+  }
+  function MultiSchemaFieldTemplate(props) {
+    const { selector, optionSchemaField } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(fieldset.Fieldset, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "1rem" }, children: selector }),
+      optionSchemaField
+    ] });
+  }
+  function ObjectFieldTemplate(props) {
+    const {
+      description,
+      onAddClick,
+      title,
+      properties,
+      disabled,
+      readonly,
+      required,
+      uiSchema,
+      schema,
+      formData,
+      idSchema,
+      registry
+    } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
+    const DescriptionFieldTemplate = utils.getTemplate(
+      "DescriptionFieldTemplate",
+      registry,
+      uiOptions
+    );
+    const {
+      ButtonTemplates: { AddButton: AddButton2 }
+    } = registry.templates;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(
+        TitleFieldTemplate,
+        {
+          id: utils.titleId(idSchema),
+          title,
+          required,
+          schema,
+          uiSchema,
+          registry
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        DescriptionFieldTemplate,
+        {
+          id: utils.descriptionId(idSchema),
+          description,
+          schema,
+          uiSchema,
+          registry
+        }
+      ) }),
+      properties.map((prop) => prop.content),
+      utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "1rem", textAlign: "right" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        AddButton2,
+        {
+          id: utils.buttonId(idSchema, "add"),
+          className: "rjsf-object-property-expand",
+          icon: "pi pi-plus",
+          onClick: onAddClick(schema),
+          disabled: disabled || readonly,
+          registry
+        }
+      ) })
+    ] });
+  }
+  function SubmitButton({ uiSchema }) {
+    const { submitText, norender, props: submitButtonProps = {} } = utils.getSubmitButtonOptions(uiSchema);
+    if (norender) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", label: submitText, ...submitButtonProps });
+  }
+  function TitleField({
+    id,
+    title,
+    uiSchema,
+    required
+  }) {
+    const uiOptions = utils.getUiOptions(uiSchema);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h5", { style: { margin: 0, fontSize: id === utils.titleId("root") ? "1.5rem" : "1.2rem" }, children: [
+        uiOptions.title || title,
+        " ",
+        required ? "*" : ""
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(divider.Divider, { pt: { root: { style: { marginTop: "0.5rem" } } } })
+    ] });
+  }
+  function WrapIfAdditionalTemplate({
+    classNames,
+    style,
+    children,
+    disabled,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    readonly,
+    required,
+    schema,
+    registry
+  }) {
+    const { templates, translateString } = registry;
+    const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
+    const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
+    const additional = utils.ADDITIONAL_PROPERTY_FLAG in schema;
+    if (!additional) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children });
+    }
+    const handleBlur = ({ target }) => onKeyChange(target.value);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: classNames,
+        style: { ...style, display: "flex", alignItems: "center", gap: "1rem" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: `${id}-key`, style: { display: "block", marginBottom: "0.5rem" }, children: keyLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              inputtext.InputText,
+              {
+                id: `${id}-key`,
+                name: `${id}-key`,
+                defaultValue: label,
+                disabled: disabled || readonly,
+                onBlur: !readonly ? handleBlur : void 0,
+                required,
+                style: { width: "100%" }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            RemoveButton2,
+            {
+              id: utils.buttonId(id, "remove"),
+              className: "rjsf-object-property-remove",
+              disabled: disabled || readonly,
+              onClick: onDropPropertyClick(label),
+              registry
+            }
+          ) })
+        ]
+      },
+      `${id}-key`
+    );
+  }
+  function ArrayFieldTitleTemplate({ title, uiSchema, required, idSchema }) {
+    const uiOptions = utils.getUiOptions(uiSchema);
+    return /* @__PURE__ */ jsxRuntime.jsxs("h5", { id: utils.titleId(idSchema), style: { margin: 0, fontSize: "1.5rem", marginBottom: "0.2rem" }, children: [
+      uiOptions.title || title,
+      " ",
+      required ? "*" : ""
+    ] });
+  }
+  var breakpoints = {
+    xs: 0,
+    sm: 576,
+    md: 768,
+    lg: 992,
+    xl: 1200
+  };
+  function getBreakpoint(width) {
+    if (width >= breakpoints.xl) {
+      return "xl";
+    }
+    if (width >= breakpoints.lg) {
+      return "lg";
+    }
+    if (width >= breakpoints.md) {
+      return "md";
+    }
+    if (width >= breakpoints.sm) {
+      return "sm";
+    }
+    return "xs";
+  }
+  function getResponsiveSpan(spanDef, breakpoint) {
+    return spanDef[breakpoint] ?? spanDef.xl ?? spanDef.lg ?? spanDef.md ?? spanDef.sm ?? spanDef.xs ?? 12;
+  }
+  function getInitialWidth() {
+    return typeof window !== "undefined" ? window.innerWidth : breakpoints.xs;
+  }
+  function GridTemplate(props) {
+    return props.column ? GridTemplateColumn(props) : GridTemplateRow(props);
+  }
+  function GridTemplateRow(props) {
+    const { children, column, uiSchema, style, ...rest } = props;
+    const layoutGrid = uiSchema?.["ui:layoutGrid"] ?? {};
+    const totalColumns = layoutGrid.columns ?? 12;
+    const gap = layoutGrid.gap ?? "16px";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          display: "grid",
+          gridTemplateColumns: `repeat(${totalColumns}, 1fr)`,
+          alignItems: "start",
+          gap,
+          ...style ?? {}
+        },
+        ...rest,
+        children
+      }
+    );
+  }
+  function GridTemplateColumn(props) {
+    const { children, column, uiSchema, xs, sm, md, lg, xl, style, ...rest } = props;
+    const [breakpoint, setBreakpoint] = react.useState(() => getBreakpoint(getInitialWidth()));
+    react.useEffect(() => {
+      if (typeof window === "undefined") {
+        return;
+      }
+      const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
+      window.addEventListener("resize", handleResize);
+      return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    const span = getResponsiveSpan(props, breakpoint);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridColumn: `span ${span} / span ${span}`, ...style ?? {} }, ...rest, children });
+  }
+
+  // src/Templates/Templates.ts
+  function generateTemplates() {
+    return {
+      ArrayFieldItemTemplate,
+      ArrayFieldTemplate,
+      ArrayFieldTitleTemplate,
+      BaseInputTemplate,
+      ButtonTemplates: {
+        AddButton,
+        CopyButton,
+        MoveDownButton,
+        MoveUpButton,
+        RemoveButton,
+        SubmitButton
+      },
+      DescriptionFieldTemplate: DescriptionField,
+      ErrorListTemplate: ErrorList,
+      FieldErrorTemplate,
+      FieldHelpTemplate,
+      FieldTemplate,
+      MultiSchemaFieldTemplate,
+      ObjectFieldTemplate,
+      TitleFieldTemplate: TitleField,
+      WrapIfAdditionalTemplate,
+      GridTemplate
+    };
+  }
+  var Templates_default = generateTemplates();
+  function AutoCompleteWidget(props) {
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      type,
+      rawErrors = []
+    } = props;
+    const inputProps = utils.getInputProps(schema, type, options);
+    const primeProps = options.prime || {};
+    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    const examples = schema.examples.concat(
+      schema.default && !schema.examples.includes(schema.default.toString()) ? [schema.default.toString()] : []
+    );
+    const [items, setItems] = react.useState([]);
+    const search = (event) => {
+      setItems(examples.filter((example) => example.toString().toLowerCase().includes(event.query.toLowerCase())));
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      autocomplete.AutoComplete,
+      {
+        id,
+        name: id,
+        placeholder,
+        ...primeProps,
+        ...inputProps,
+        loadingIcon: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+        required,
+        autoFocus: autofocus,
+        disabled: disabled || readonly,
+        suggestions: items,
+        completeMethod: search,
+        value: value || value === 0 ? value : "",
+        dropdown: true,
+        invalid: rawErrors.length > 0,
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples),
+        pt: {
+          root: {
+            className: "p-dropdown"
+          },
+          input: {
+            root: {
+              style: { border: "none" }
+            }
+          },
+          dropdownButton: {
+            root: {
+              className: "p-button-text p-button-secondary"
+            }
+          }
+        }
+      }
+    );
+  }
+  function CheckboxWidget(props) {
+    const {
+      id,
+      value,
+      disabled,
+      readonly,
+      label = "",
+      hideLabel,
+      autofocus,
+      onChange,
+      onBlur,
+      options,
+      onFocus,
+      schema,
+      uiSchema,
+      registry
+    } = props;
+    const DescriptionFieldTemplate = utils.getTemplate(
+      "DescriptionFieldTemplate",
+      registry,
+      options
+    );
+    const required = utils.schemaRequiresTrueValue(schema);
+    const _onChange = (e) => onChange && onChange(e.checked);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    const checked = value === "true" || value === true;
+    const description = options.description ?? schema.description;
+    const primeProps = options.prime || {};
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      !hideLabel && !!description && /* @__PURE__ */ jsxRuntime.jsx(
+        DescriptionFieldTemplate,
+        {
+          id: utils.descriptionId(id),
+          description,
+          schema,
+          uiSchema,
+          registry
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          checkbox.Checkbox,
+          {
+            inputId: id,
+            name: id,
+            ...primeProps,
+            disabled: disabled || readonly,
+            autoFocus: autofocus,
+            checked: typeof value === "undefined" ? false : checked,
+            onChange: _onChange,
+            onBlur: _onBlur,
+            onFocus: _onFocus,
+            required,
+            "aria-describedby": utils.ariaDescribedByIds(id)
+          }
+        ),
+        utils.labelValue(/* @__PURE__ */ jsxRuntime.jsx(Label, { id, text: label }), hideLabel, false)
+      ] })
+    ] });
+  }
+  function CheckboxesWidget(props) {
+    const {
+      id,
+      disabled,
+      options,
+      value,
+      autofocus,
+      readonly,
+      onChange,
+      onBlur,
+      onFocus,
+      schema,
+      uiSchema,
+      registry,
+      hideLabel
+    } = props;
+    const { enumOptions, enumDisabled } = options;
+    const primeProps = options.prime || {};
+    const checkboxesValues = Array.isArray(value) ? value : [value];
+    const _onChange = (index) => (e) => {
+      if (e.checked) {
+        onChange(utils.enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+      } else {
+        onChange(utils.enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+      }
+    };
+    const DescriptionFieldTemplate = utils.getTemplate(
+      "DescriptionFieldTemplate",
+      registry,
+      options
+    );
+    const _onBlur = () => onBlur(id, value);
+    const _onFocus = () => onFocus(id, value);
+    const description = options.description ?? schema.description;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id,
+        style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.5rem", marginBottom: "0.5rem" },
+        children: [
+          !hideLabel && !!description && /* @__PURE__ */ jsxRuntime.jsx(
+            DescriptionFieldTemplate,
+            {
+              id: utils.descriptionId(id),
+              description,
+              schema,
+              uiSchema,
+              registry
+            }
+          ),
+          Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+            const checked = utils.enumOptionsIsSelected(option.value, checkboxesValues);
+            const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                checkbox.Checkbox,
+                {
+                  inputId: utils.optionId(id, index),
+                  name: id,
+                  ...primeProps,
+                  value: option.value,
+                  checked,
+                  disabled: disabled || itemDisabled || readonly,
+                  autoFocus: autofocus && index === 0,
+                  onChange: _onChange(index),
+                  onBlur: _onBlur,
+                  onFocus: _onFocus,
+                  "aria-describedby": utils.ariaDescribedByIds(id)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { id: utils.optionId(id, index), text: option.label })
+            ] }, index);
+          })
+        ]
+      }
+    );
+  }
+  function ColorWidget(props) {
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      type
+    } = props;
+    const inputProps = utils.getInputProps(schema, type, options);
+    const { inline } = options;
+    const primeProps = options.prime || {};
+    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      colorpicker.ColorPicker,
+      {
+        id,
+        name: id,
+        placeholder,
+        ...primeProps,
+        ...inputProps,
+        required,
+        inline,
+        autoFocus: autofocus,
+        disabled: disabled || readonly,
+        value: value || "",
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
+      }
+    );
+  }
+  function PasswordWidget(props) {
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      type,
+      rawErrors = []
+    } = props;
+    const inputProps = utils.getInputProps(schema, type, options);
+    const primeProps = options.prime || {};
+    const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      password.Password,
+      {
+        id,
+        name: id,
+        placeholder,
+        ...primeProps,
+        ...inputProps,
+        required,
+        autoFocus: autofocus,
+        disabled: disabled || readonly,
+        value: value || "",
+        invalid: rawErrors.length > 0,
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples),
+        pt: { root: { style: { display: "flex", flexDirection: "column" } } }
+      }
+    );
+  }
+  function RadioWidget(props) {
+    const { id, value, disabled, readonly, onChange, onBlur, onFocus, options } = props;
+    const primeProps = options.prime || {};
+    const { enumOptions, enumDisabled, emptyValue } = options;
+    const _onChange = (e) => {
+      onChange(utils.enumOptionsValueForIndex(e.value, enumOptions, emptyValue));
+    };
+    const _onBlur = () => onBlur(id, value);
+    const _onFocus = () => onFocus(id, value);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "row", gap: "1rem" }, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      const checked = utils.enumOptionsIsSelected(option.value, value);
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          radiobutton.RadioButton,
+          {
+            inputId: utils.optionId(id, index),
+            name: id,
+            ...primeProps,
+            onFocus: _onFocus,
+            onBlur: _onBlur,
+            onChange: _onChange,
+            value: String(index),
+            checked,
+            disabled: disabled || itemDisabled || readonly,
+            "aria-describedby": utils.ariaDescribedByIds(id)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: utils.optionId(id, index), style: { marginLeft: "8px" }, children: option.label })
+      ] }, index);
+    }) });
+  }
+  function RangeWidget(props) {
+    const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
+    const primeProps = options.prime || {};
+    const sliderProps = { value, id, ...utils.rangeSpec(schema) };
+    const _onChange = (e) => {
+      onChange(e.value ?? options.emptyValue);
+    };
+    const _onBlur = ({ target }) => onBlur(id, target && target.value);
+    const _onFocus = ({ target }) => onFocus(id, target && target.value);
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      slider.Slider,
+      {
+        ...primeProps,
+        disabled: disabled || readonly,
+        onMouseDown: (e) => e.stopPropagation(),
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        ...sliderProps,
+        "aria-describedby": utils.ariaDescribedByIds(id)
+      }
+    ) });
+  }
+  function SelectWidget(props) {
+    const { multiple = false } = props;
+    return multiple ? /* @__PURE__ */ jsxRuntime.jsx(MultiSelectWidget, { ...props }) : /* @__PURE__ */ jsxRuntime.jsx(SingleSelectWidget, { ...props });
+  }
+  function SingleSelectWidget({
+    schema,
+    id,
+    name,
+    // remove this from dropdownProps
+    options,
+    label,
+    hideLabel,
+    required,
+    disabled,
+    placeholder,
+    readonly,
+    value,
+    multiple,
+    autofocus,
+    onChange,
+    onBlur,
+    onFocus,
+    errorSchema,
+    rawErrors = [],
+    registry,
+    uiSchema,
+    hideError,
+    formContext,
+    ...dropdownProps
+  }) {
+    const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
+    const primeProps = options.prime || {};
+    multiple = typeof multiple === "undefined" ? false : multiple;
+    const emptyValue = multiple ? [] : "";
+    const isEmpty = typeof value === "undefined" || multiple && value.length < 1 || !multiple && value === emptyValue;
+    const _onChange = (e) => onChange(utils.enumOptionsValueForIndex(e.value, enumOptions, optEmptyVal));
+    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, optEmptyVal));
+    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, optEmptyVal));
+    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
+    const { ...dropdownRemainingProps } = dropdownProps;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dropdown.Dropdown,
+      {
+        id,
+        name: id,
+        ...primeProps,
+        value: !isEmpty && typeof selectedIndexes !== "undefined" ? selectedIndexes : emptyValue,
+        options: (enumOptions ?? []).map(({ value: value2, label: label2 }, i) => ({
+          label: label2,
+          value: String(i),
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+        })),
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        placeholder,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        "aria-describedby": utils.ariaDescribedByIds(id),
+        ...dropdownRemainingProps
+      }
+    );
+  }
+  function MultiSelectWidget({
+    id,
+    options,
+    disabled,
+    placeholder,
+    readonly,
+    value,
+    multiple = false,
+    autofocus,
+    onChange,
+    onBlur,
+    onFocus
+  }) {
+    const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
+    const primeProps = options.prime || {};
+    const emptyValue = multiple ? [] : "";
+    const isEmpty = typeof value === "undefined" || multiple && value.length < 1 || !multiple && value === emptyValue;
+    const _onChange = (e) => onChange(utils.enumOptionsValueForIndex(e.value, enumOptions, optEmptyVal));
+    const _onBlur = ({ target }) => onBlur(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, optEmptyVal));
+    const _onFocus = ({ target }) => onFocus(id, utils.enumOptionsValueForIndex(target && target.value, enumOptions, optEmptyVal));
+    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      multiselect.MultiSelect,
+      {
+        id,
+        name: id,
+        ...primeProps,
+        value: !isEmpty && typeof selectedIndexes !== "undefined" ? selectedIndexes : emptyValue,
+        options: (enumOptions ?? []).map(({ value: value2, label }, i) => ({
+          label,
+          value: String(i),
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) !== -1
+        })),
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        placeholder,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        display: options.display === "chip" ? "chip" : "comma",
+        "aria-describedby": utils.ariaDescribedByIds(id),
+        pt: { root: { style: { position: "relative" } } }
+      }
+    );
+  }
+  function TextareaWidget(props) {
+    const { id, value, required, disabled, readonly, autofocus, onChange, onBlur, onFocus, options } = props;
+    const primeProps = options.prime || {};
+    let rows = 5;
+    if (typeof options.rows === "string" || typeof options.rows === "number") {
+      rows = Number(options.rows);
+    }
+    const handleChange = (event) => {
+      onChange(event.target.value === "" ? options.emptyValue : event.target.value);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      inputtextarea.InputTextarea,
+      {
+        id,
+        ...primeProps,
+        value: value || "",
+        required,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        rows,
+        onChange: handleChange,
+        onBlur: onBlur && ((event) => onBlur(id, event.target.value)),
+        onFocus: onFocus && ((event) => onFocus(id, event.target.value))
+      }
+    );
+  }
+  function UpDownWidget(props) {
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      type,
+      rawErrors = []
+    } = props;
+    const inputProps = utils.getInputProps(schema, type, options);
+    const { showButtons, buttonLayout, useGrouping, minFractionDigits, maxFractionDigits, locale, currency } = options;
+    const primeProps = options.prime || {};
+    const _onChange = (event) => onChange(event.value === null ? options.emptyValue : value);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      inputnumber.InputNumber,
+      {
+        id,
+        name: id,
+        ...primeProps,
+        placeholder,
+        step: isNaN(Number(inputProps.step)) ? 1 : Number(inputProps.step),
+        required,
+        autoFocus: autofocus,
+        disabled: disabled || readonly,
+        style: buttonLayout === "vertical" ? { width: "4em" } : {},
+        showButtons: typeof showButtons === "undefined" ? true : !!showButtons,
+        buttonLayout: buttonLayout ?? "stacked",
+        useGrouping: !!useGrouping,
+        minFractionDigits,
+        maxFractionDigits,
+        locale,
+        mode: currency ? "currency" : "decimal",
+        currency,
+        value: isNaN(Number(value)) ? null : Number(value),
+        invalid: rawErrors.length > 0,
+        onChange: onChangeOverride || _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus,
+        "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
+      }
+    );
+  }
+
+  // src/Widgets/Widgets.tsx
+  function generateWidgets() {
+    return {
+      AutoCompleteWidget,
+      CheckboxWidget,
+      CheckboxesWidget,
+      ColorWidget,
+      PasswordWidget,
+      RadioWidget,
+      RangeWidget,
+      SelectWidget,
+      TextareaWidget,
+      UpDownWidget
+    };
+  }
+  var Widgets_default = generateWidgets();
+
+  // src/Theme/Theme.ts
+  function generateTheme() {
+    return {
+      templates: generateTemplates(),
+      widgets: generateWidgets()
+    };
+  }
+  var Theme_default = generateTheme();
+
+  // src/PrimeForm/PrimeForm.ts
+  function generateForm() {
+    return core.withTheme(generateTheme());
+  }
+  var PrimeForm_default = generateForm();
+
+  // src/index.ts
+  var index_default = PrimeForm_default;
+
+  exports.Form = PrimeForm_default;
+  exports.Templates = Templates_default;
+  exports.Theme = Theme_default;
+  exports.Widgets = Widgets_default;
+  exports.default = index_default;
+  exports.generateForm = generateForm;
+  exports.generateTemplates = generateTemplates;
+  exports.generateTheme = generateTheme;
+  exports.generateWidgets = generateWidgets;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));