@rjsf/primereact 6.0.0-beta.11

package/dist/primereact.esm.js

@@ -0,0 +1,1327 @@
+// src/PrimeForm/PrimeForm.ts
+import { withTheme } from "@rjsf/core";
+
+// src/AddButton/AddButton.tsx
+import { Button } from "primereact/button";
+import { TranslatableString } from "@rjsf/utils";
+import { jsx } from "react/jsx-runtime";
+function AddButton({
+  uiSchema,
+  registry,
+  color,
+  ...props
+}) {
+  const { translateString } = registry;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      label: translateString(TranslatableString.AddItemButton),
+      icon: "pi pi-plus",
+      outlined: true,
+      severity: "secondary",
+      size: "small",
+      ...props
+    }
+  );
+}
+
+// src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
+import {
+  getTemplate,
+  getUiOptions
+} from "@rjsf/utils";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ArrayFieldItemTemplate(props) {
+  const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+  const uiOptions = getUiOptions(uiSchema);
+  const ArrayFieldItemButtonsTemplate = getTemplate(
+    "ArrayFieldItemButtonsTemplate",
+    registry,
+    uiOptions
+  );
+  return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+    hasToolbar && /* @__PURE__ */ jsx2("div", { style: { position: "absolute", right: 0, top: "-10px" }, children: hasToolbar && /* @__PURE__ */ jsx2("div", { style: { flexDirection: "row" }, children: /* @__PURE__ */ jsx2(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) }) }),
+    children
+  ] });
+}
+
+// src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
+import {
+  getTemplate as getTemplate2,
+  getUiOptions as getUiOptions2,
+  isFixedItems,
+  UI_OPTIONS_KEY,
+  buttonId
+} from "@rjsf/utils";
+import { Fieldset } from "primereact/fieldset";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function ArrayFieldTemplate(props) {
+  const {
+    uiSchema,
+    idSchema,
+    canAdd,
+    className,
+    disabled,
+    items,
+    onAddClick,
+    readonly,
+    schema,
+    title,
+    registry,
+    required,
+    ...rest
+  } = props;
+  const uiOptions = getUiOptions2(uiSchema);
+  const ArrayFieldDescriptionTemplate = getTemplate2(
+    "ArrayFieldDescriptionTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldItemTemplate2 = getTemplate2(
+    "ArrayFieldItemTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldTitleTemplate2 = getTemplate2(
+    "ArrayFieldTitleTemplate",
+    registry,
+    uiOptions
+  );
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
+      ArrayFieldTitleTemplate2,
+      {
+        idSchema,
+        title: uiOptions.title || title,
+        schema,
+        uiSchema,
+        required,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsxs2(Fieldset, { ...rest, className: `${className}${isFixedItems(schema) ? "" : " sortable-form-fields"}`, children: [
+      /* @__PURE__ */ jsx3(
+        ArrayFieldDescriptionTemplate,
+        {
+          idSchema,
+          description: uiOptions.description || schema.description,
+          schema,
+          uiSchema,
+          registry
+        }
+      ),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx3("div", { children: items && items.map(({ key, uiSchema: itemUiSchema = {}, ...props2 }) => {
+          const mergedUiSchema = {
+            ...itemUiSchema,
+            [UI_OPTIONS_KEY]: {
+              ...itemUiSchema[UI_OPTIONS_KEY]
+            }
+          };
+          return /* @__PURE__ */ jsx3(ArrayFieldItemTemplate2, { ...props2, uiSchema: mergedUiSchema }, key);
+        }) }),
+        canAdd && /* @__PURE__ */ jsx3(
+          "div",
+          {
+            style: {
+              marginTop: "1rem",
+              position: "relative",
+              textAlign: "right"
+            },
+            children: /* @__PURE__ */ jsx3(
+              AddButton,
+              {
+                id: buttonId(idSchema, "add"),
+                className: "rjsf-array-item-add",
+                onClick: onAddClick,
+                disabled: disabled || readonly,
+                uiSchema,
+                registry
+              }
+            )
+          }
+        )
+      ] }, `array-item-list-${idSchema.$id}`)
+    ] })
+  ] });
+}
+
+// src/BaseInputTemplate/BaseInputTemplate.tsx
+import {
+  ariaDescribedByIds,
+  examplesId,
+  getInputProps
+} from "@rjsf/utils";
+import { InputText } from "primereact/inputtext";
+import { jsx as jsx4 } from "react/jsx-runtime";
+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__ */ jsx4(AutoCompleteWidget2, { ...props });
+  }
+  const inputProps = 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__ */ jsx4(
+    InputText,
+    {
+      id,
+      name: id,
+      placeholder,
+      ...primeProps,
+      ...inputProps,
+      required,
+      autoFocus: autofocus,
+      disabled: disabled || readonly,
+      list: schema.examples ? examplesId(id) : void 0,
+      value: value || value === 0 ? value : "",
+      invalid: rawErrors.length > 0,
+      onChange: onChangeOverride || _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+    }
+  );
+}
+
+// src/DescriptionField/DescriptionField.tsx
+import { RichDescription } from "@rjsf/core";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function DescriptionField(props) {
+  const { id, description, registry, uiSchema } = props;
+  if (!description) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx5("span", { id, children: /* @__PURE__ */ jsx5(RichDescription, { description, registry, uiSchema }) });
+}
+
+// src/ErrorList/ErrorList.tsx
+import { Message } from "primereact/message";
+import { TimesCircleIcon } from "primereact/icons/timescircle";
+import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function ErrorList({
+  errors,
+  registry
+}) {
+  const { translateString } = registry;
+  const content = /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "0.5rem" }, children: [
+      /* @__PURE__ */ jsx6(TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
+      /* @__PURE__ */ jsx6("div", { className: "p-message-summary", children: translateString(TranslatableString2.ErrorsLabel) })
+    ] }),
+    /* @__PURE__ */ jsx6("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsx6("li", { children: error.stack }, `error-${index}`)) })
+  ] });
+  return /* @__PURE__ */ jsx6(
+    Message,
+    {
+      className: "p-message",
+      style: {
+        borderStyle: "solid",
+        borderColor: "#ff5757",
+        borderWidth: "0 0 0 6px",
+        width: "100%",
+        justifyContent: "start",
+        marginBottom: "1rem"
+      },
+      severity: "error",
+      content
+    }
+  );
+}
+
+// src/IconButton/IconButton.tsx
+import { Button as Button2 } from "primereact/button";
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function IconButton(props) {
+  const { icon, iconType, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx7(Button2, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle-down" });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle-up" });
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
+}
+
+// src/FieldErrorTemplate/FieldErrorTemplate.tsx
+import { errorId } from "@rjsf/utils";
+import { Message as Message2 } from "primereact/message";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function FieldErrorTemplate({ errors, idSchema }) {
+  if (errors && errors.length > 0) {
+    const id = errorId(idSchema);
+    const content = errors.map((error, i) => {
+      return /* @__PURE__ */ jsx8("div", { children: error }, i);
+    });
+    return /* @__PURE__ */ jsx8(
+      Message2,
+      {
+        id,
+        severity: "error",
+        style: { justifyContent: "left" },
+        text: content,
+        pt: { text: { style: { fontSize: "smaller" } } }
+      }
+    );
+  }
+  return null;
+}
+
+// src/FieldHelpTemplate/FieldHelpTemplate.tsx
+import { helpId } from "@rjsf/utils";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function FieldHelpTemplate(props) {
+  const { idSchema, help } = props;
+  if (help) {
+    const id = helpId(idSchema);
+    return /* @__PURE__ */ jsx9("small", { id, children: help });
+  }
+  return null;
+}
+
+// src/FieldTemplate/FieldTemplate.tsx
+import {
+  getTemplate as getTemplate3,
+  getUiOptions as getUiOptions3
+} from "@rjsf/utils";
+
+// src/util.tsx
+import { jsxs as jsxs4 } from "react/jsx-runtime";
+function Label({ id, text, required }) {
+  if (!text) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs4("label", { htmlFor: id, children: [
+    text,
+    " ",
+    required ? "*" : ""
+  ] });
+}
+
+// src/FieldTemplate/FieldTemplate.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+function FieldTemplate(props) {
+  const { children, errors, help, displayLabel, description, rawDescription, hidden, uiSchema, registry } = props;
+  const uiOptions = getUiOptions3(uiSchema);
+  const WrapIfAdditionalTemplate2 = getTemplate3(
+    "WrapIfAdditionalTemplate",
+    registry,
+    uiOptions
+  );
+  if (hidden) {
+    return /* @__PURE__ */ jsx10("div", { style: { display: "none" }, children });
+  }
+  return /* @__PURE__ */ jsx10(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: [
+    displayLabel && /* @__PURE__ */ jsx10(Label, { id: props.id, text: props.label, required: props.required }),
+    children,
+    displayLabel && rawDescription && /* @__PURE__ */ jsx10("small", { children: description }),
+    errors,
+    help
+  ] }) });
+}
+
+// src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
+import { Fieldset as Fieldset2 } from "primereact/fieldset";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function MultiSchemaFieldTemplate(props) {
+  const { selector, optionSchemaField } = props;
+  return /* @__PURE__ */ jsxs6(Fieldset2, { children: [
+    /* @__PURE__ */ jsx11("div", { style: { marginBottom: "1rem" }, children: selector }),
+    optionSchemaField
+  ] });
+}
+
+// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+import {
+  canExpand,
+  descriptionId,
+  getTemplate as getTemplate4,
+  getUiOptions as getUiOptions4,
+  titleId,
+  buttonId as buttonId2
+} from "@rjsf/utils";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function ObjectFieldTemplate(props) {
+  const {
+    description,
+    onAddClick,
+    title,
+    properties,
+    disabled,
+    readonly,
+    required,
+    uiSchema,
+    schema,
+    formData,
+    idSchema,
+    registry
+  } = props;
+  const uiOptions = getUiOptions4(uiSchema);
+  const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = getTemplate4(
+    "DescriptionFieldTemplate",
+    registry,
+    uiOptions
+  );
+  const {
+    ButtonTemplates: { AddButton: AddButton2 }
+  } = registry.templates;
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    title && /* @__PURE__ */ jsx12(
+      TitleFieldTemplate,
+      {
+        id: titleId(idSchema),
+        title,
+        required,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    description && /* @__PURE__ */ jsx12("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx12(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId(idSchema),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ) }),
+    properties.map((prop) => prop.content),
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx12("div", { style: { marginTop: "1rem", textAlign: "right" }, children: /* @__PURE__ */ jsx12(
+      AddButton2,
+      {
+        id: buttonId2(idSchema, "add"),
+        className: "rjsf-object-property-expand",
+        icon: "pi pi-plus",
+        onClick: onAddClick(schema),
+        disabled: disabled || readonly,
+        registry
+      }
+    ) })
+  ] });
+}
+
+// src/SubmitButton/SubmitButton.tsx
+import { Button as Button3 } from "primereact/button";
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
+  if (norender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx13(Button3, { type: "submit", label: submitText, ...submitButtonProps });
+}
+
+// src/TitleField/TitleField.tsx
+import { Divider } from "primereact/divider";
+import { getUiOptions as getUiOptions5, titleId as titleId2 } from "@rjsf/utils";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+function TitleField({
+  id,
+  title,
+  uiSchema,
+  required
+}) {
+  const uiOptions = getUiOptions5(uiSchema);
+  return /* @__PURE__ */ jsxs8("div", { id, children: [
+    /* @__PURE__ */ jsxs8("h5", { style: { margin: 0, fontSize: id === titleId2("root") ? "1.5rem" : "1.2rem" }, children: [
+      uiOptions.title || title,
+      " ",
+      required ? "*" : ""
+    ] }),
+    /* @__PURE__ */ jsx14(Divider, { pt: { root: { style: { marginTop: "0.5rem" } } } })
+  ] });
+}
+
+// src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
+import {
+  ADDITIONAL_PROPERTY_FLAG,
+  buttonId as buttonId3,
+  TranslatableString as TranslatableString4
+} from "@rjsf/utils";
+import { InputText as InputText2 } from "primereact/inputtext";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+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(TranslatableString4.KeyLabel, [label]);
+  const additional = ADDITIONAL_PROPERTY_FLAG in schema;
+  if (!additional) {
+    return /* @__PURE__ */ jsx15("div", { className: classNames, style, children });
+  }
+  const handleBlur = ({ target }) => onKeyChange(target.value);
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: classNames,
+      style: { ...style, display: "flex", alignItems: "center", gap: "1rem" },
+      children: [
+        /* @__PURE__ */ jsxs9("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx15("label", { htmlFor: `${id}-key`, style: { display: "block", marginBottom: "0.5rem" }, children: keyLabel }),
+          /* @__PURE__ */ jsx15(
+            InputText2,
+            {
+              id: `${id}-key`,
+              name: `${id}-key`,
+              defaultValue: label,
+              disabled: disabled || readonly,
+              onBlur: !readonly ? handleBlur : void 0,
+              required,
+              style: { width: "100%" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx15("div", { style: { flex: 1 }, children }),
+        /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15(
+          RemoveButton2,
+          {
+            id: buttonId3(id, "remove"),
+            className: "rjsf-object-property-remove",
+            disabled: disabled || readonly,
+            onClick: onDropPropertyClick(label),
+            registry
+          }
+        ) })
+      ]
+    },
+    `${id}-key`
+  );
+}
+
+// src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx
+import {
+  getUiOptions as getUiOptions6,
+  titleId as titleId3
+} from "@rjsf/utils";
+import { jsxs as jsxs10 } from "react/jsx-runtime";
+function ArrayFieldTitleTemplate({ title, uiSchema, required, idSchema }) {
+  const uiOptions = getUiOptions6(uiSchema);
+  return /* @__PURE__ */ jsxs10("h5", { id: titleId3(idSchema), style: { margin: 0, fontSize: "1.5rem", marginBottom: "0.2rem" }, children: [
+    uiOptions.title || title,
+    " ",
+    required ? "*" : ""
+  ] });
+}
+
+// src/GridTemplate/GridTemplate.tsx
+import { useEffect, useState } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+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__ */ jsx16(
+    "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] = useState(() => getBreakpoint(getInitialWidth()));
+  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__ */ jsx16("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();
+
+// src/AutoCompleteWidget/AutoCompleteWidget.tsx
+import { useState as useState2 } from "react";
+import {
+  ariaDescribedByIds as ariaDescribedByIds2,
+  getInputProps as getInputProps2
+} from "@rjsf/utils";
+import { AutoComplete } from "primereact/autocomplete";
+import { Fragment as Fragment3, jsx as jsx17 } from "react/jsx-runtime";
+function AutoCompleteWidget(props) {
+  const {
+    id,
+    placeholder,
+    value,
+    required,
+    readonly,
+    disabled,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus,
+    autofocus,
+    options,
+    schema,
+    type,
+    rawErrors = []
+  } = props;
+  const inputProps = getInputProps2(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] = useState2([]);
+  const search = (event) => {
+    setItems(examples.filter((example) => example.toString().toLowerCase().includes(event.query.toLowerCase())));
+  };
+  return /* @__PURE__ */ jsx17(
+    AutoComplete,
+    {
+      id,
+      name: id,
+      placeholder,
+      ...primeProps,
+      ...inputProps,
+      loadingIcon: /* @__PURE__ */ jsx17(Fragment3, {}),
+      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": ariaDescribedByIds2(id, !!schema.examples),
+      pt: {
+        root: {
+          className: "p-dropdown"
+        },
+        input: {
+          root: {
+            style: { border: "none" }
+          }
+        },
+        dropdownButton: {
+          root: {
+            className: "p-button-text p-button-secondary"
+          }
+        }
+      }
+    }
+  );
+}
+
+// src/CheckboxWidget/CheckboxWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
+  descriptionId as descriptionId2,
+  getTemplate as getTemplate5,
+  labelValue,
+  schemaRequiresTrueValue
+} from "@rjsf/utils";
+import { Checkbox } from "primereact/checkbox";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function CheckboxWidget(props) {
+  const {
+    id,
+    value,
+    disabled,
+    readonly,
+    label = "",
+    hideLabel,
+    autofocus,
+    onChange,
+    onBlur,
+    options,
+    onFocus,
+    schema,
+    uiSchema,
+    registry
+  } = props;
+  const DescriptionFieldTemplate = getTemplate5(
+    "DescriptionFieldTemplate",
+    registry,
+    options
+  );
+  const required = 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__ */ jsxs11(Fragment4, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ jsx18(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId2(id),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx18(
+        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": ariaDescribedByIds3(id)
+        }
+      ),
+      labelValue(/* @__PURE__ */ jsx18(Label, { id, text: label }), hideLabel, false)
+    ] })
+  ] });
+}
+
+// src/CheckboxesWidget/CheckboxesWidget.tsx
+import { Checkbox as Checkbox2 } from "primereact/checkbox";
+import {
+  ariaDescribedByIds as ariaDescribedByIds4,
+  enumOptionsDeselectValue,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
+  optionId,
+  descriptionId as descriptionId3,
+  getTemplate as getTemplate6
+} from "@rjsf/utils";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+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(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+    } else {
+      onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+    }
+  };
+  const DescriptionFieldTemplate = getTemplate6(
+    "DescriptionFieldTemplate",
+    registry,
+    options
+  );
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
+  const description = options.description ?? schema.description;
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      id,
+      style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.5rem", marginBottom: "0.5rem" },
+      children: [
+        !hideLabel && !!description && /* @__PURE__ */ jsx19(
+          DescriptionFieldTemplate,
+          {
+            id: descriptionId3(id),
+            description,
+            schema,
+            uiSchema,
+            registry
+          }
+        ),
+        Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+          const checked = enumOptionsIsSelected(option.value, checkboxesValues);
+          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+          return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx19(
+              Checkbox2,
+              {
+                inputId: 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": ariaDescribedByIds4(id)
+              }
+            ),
+            /* @__PURE__ */ jsx19(Label, { id: optionId(id, index), text: option.label })
+          ] }, index);
+        })
+      ]
+    }
+  );
+}
+
+// src/ColorWidget/ColorWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds5,
+  getInputProps as getInputProps3
+} from "@rjsf/utils";
+import { ColorPicker } from "primereact/colorpicker";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function ColorWidget(props) {
+  const {
+    id,
+    placeholder,
+    value,
+    required,
+    readonly,
+    disabled,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus,
+    autofocus,
+    options,
+    schema,
+    type
+  } = props;
+  const inputProps = getInputProps3(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__ */ jsx20(
+    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": ariaDescribedByIds5(id, !!schema.examples)
+    }
+  );
+}
+
+// src/PasswordWidget/PasswordWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds6,
+  getInputProps as getInputProps4
+} from "@rjsf/utils";
+import { Password } from "primereact/password";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function PasswordWidget(props) {
+  const {
+    id,
+    placeholder,
+    value,
+    required,
+    readonly,
+    disabled,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus,
+    autofocus,
+    options,
+    schema,
+    type,
+    rawErrors = []
+  } = props;
+  const inputProps = getInputProps4(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__ */ jsx21(
+    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": ariaDescribedByIds6(id, !!schema.examples),
+      pt: { root: { style: { display: "flex", flexDirection: "column" } } }
+    }
+  );
+}
+
+// src/RadioWidget/RadioWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds7,
+  enumOptionsIsSelected as enumOptionsIsSelected2,
+  enumOptionsValueForIndex,
+  optionId as optionId2
+} from "@rjsf/utils";
+import { RadioButton } from "primereact/radiobutton";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+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(enumOptionsValueForIndex(e.value, enumOptions, emptyValue));
+  };
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
+  return /* @__PURE__ */ jsx22("div", { style: { display: "flex", flexDirection: "row", gap: "1rem" }, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    const checked = enumOptionsIsSelected2(option.value, value);
+    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    return /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx22(
+        RadioButton,
+        {
+          inputId: optionId2(id, index),
+          name: id,
+          ...primeProps,
+          onFocus: _onFocus,
+          onBlur: _onBlur,
+          onChange: _onChange,
+          value: String(index),
+          checked,
+          disabled: disabled || itemDisabled || readonly,
+          "aria-describedby": ariaDescribedByIds7(id)
+        }
+      ),
+      /* @__PURE__ */ jsx22("label", { htmlFor: optionId2(id, index), style: { marginLeft: "8px" }, children: option.label })
+    ] }, index);
+  }) });
+}
+
+// src/RangeWidget/RangeWidget.tsx
+import { Slider } from "primereact/slider";
+import { ariaDescribedByIds as ariaDescribedByIds8, rangeSpec } from "@rjsf/utils";
+import { Fragment as Fragment5, jsx as jsx23 } from "react/jsx-runtime";
+function RangeWidget(props) {
+  const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
+  const primeProps = options.prime || {};
+  const sliderProps = { value, id, ...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__ */ jsx23(Fragment5, { children: /* @__PURE__ */ jsx23(
+    Slider,
+    {
+      ...primeProps,
+      disabled: disabled || readonly,
+      onMouseDown: (e) => e.stopPropagation(),
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      ...sliderProps,
+      "aria-describedby": ariaDescribedByIds8(id)
+    }
+  ) });
+}
+
+// src/SelectWidget/SelectWidget.tsx
+import { Dropdown } from "primereact/dropdown";
+import {
+  ariaDescribedByIds as ariaDescribedByIds9,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex as enumOptionsValueForIndex2
+} from "@rjsf/utils";
+import { MultiSelect } from "primereact/multiselect";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function SelectWidget(props) {
+  const { multiple = false } = props;
+  return multiple ? /* @__PURE__ */ jsx24(MultiSelectWidget, { ...props }) : /* @__PURE__ */ jsx24(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(enumOptionsValueForIndex2(e.value, enumOptions, optEmptyVal));
+  const _onBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, optEmptyVal));
+  const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
+  const { ...dropdownRemainingProps } = dropdownProps;
+  return /* @__PURE__ */ jsx24(
+    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": ariaDescribedByIds9(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(enumOptionsValueForIndex2(e.value, enumOptions, optEmptyVal));
+  const _onBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, optEmptyVal));
+  const _onFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, optEmptyVal));
+  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
+  return /* @__PURE__ */ jsx24(
+    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": ariaDescribedByIds9(id),
+      pt: { root: { style: { position: "relative" } } }
+    }
+  );
+}
+
+// src/TextareaWidget/TextareaWidget.tsx
+import { InputTextarea } from "primereact/inputtextarea";
+import { jsx as jsx25 } from "react/jsx-runtime";
+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__ */ jsx25(
+    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))
+    }
+  );
+}
+
+// src/UpDownWidget/UpDownWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds10,
+  getInputProps as getInputProps5
+} from "@rjsf/utils";
+import { InputNumber } from "primereact/inputnumber";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function UpDownWidget(props) {
+  const {
+    id,
+    placeholder,
+    value,
+    required,
+    readonly,
+    disabled,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus,
+    autofocus,
+    options,
+    schema,
+    type,
+    rawErrors = []
+  } = props;
+  const inputProps = getInputProps5(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__ */ jsx26(
+    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": ariaDescribedByIds10(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 withTheme(generateTheme());
+}
+var PrimeForm_default = generateForm();
+
+// src/index.ts
+var index_default = PrimeForm_default;
+export {
+  PrimeForm_default as Form,
+  Templates_default as Templates,
+  Theme_default as Theme,
+  Widgets_default as Widgets,
+  index_default as default,
+  generateForm,
+  generateTemplates,
+  generateTheme,
+  generateWidgets
+};
+//# sourceMappingURL=primereact.esm.js.map