@gen-epix/ui-core-form 4.0.2 → 4.2.0

package/dist/models/form.d.ts

@@ -1,11 +1,12 @@
 import { FieldValues, Path } from 'react-hook-form';
+import { ReactElement } from 'react';
 import { RichTextEditorProps } from '../components/fields/RichTextEditor';
 import { TransferListProps } from '../components/fields/TransferList';
 import { AutocompleteProps } from '../components/fields/Autocomplete';
 import { TextFieldProps } from '../components/fields/TextField';
 import { SelectProps } from '../components/fields/Select';
 import { DatePickerProps } from '../components/fields/DatePicker';
-import { UploadButtonProps } from '../components/fields/UploadButton/UploadButton';
+import { FileUploadProps } from '../components/fields/FileUpload/FileUpload';
 import { RadioGroupProps } from '../components/fields/RadioGroup';
 import { NumberFieldProps } from '../components/fields/NumberField';
 import { SwitchProps } from '../components/fields/Switch';
@@ -35,61 +36,67 @@ export type AutocompleteSelectAllContextData = {
     selectAllLabel: string;
 };
 export type AutocompleteValue = number | string;
+export type BaseFormFieldDefinition = {
+    contentAfter?: ReactElement;
+    contentBefore?: ReactElement;
+};
 export type CheckboxOption = OptionBase<number | string>;
-export type FormFieldDefinition<TFormFields extends FieldValues> = FormFieldDefinitionAutocomplete<TFormFields> | FormFieldDefinitionAutocompleteMultiple<TFormFields> | FormFieldDefinitionBoolean<TFormFields> | FormFieldDefinitionBooleanSwitch<TFormFields> | FormFieldDefinitionDate<TFormFields> | FormFieldDefinitionFile<TFormFields> | FormFieldDefinitionHidden<TFormFields> | FormFieldDefinitionNumber<TFormFields> | FormFieldDefinitionRadioGroup<TFormFields> | FormFieldDefinitionRichText<TFormFields> | FormFieldDefinitionSelect<TFormFields> | FormFieldDefinitionSelectMultiple<TFormFields> | FormFieldDefinitionSwitch<TFormFields> | FormFieldDefinitionTextField<TFormFields> | FormFieldDefinitionTransferList<TFormFields>;
-export type FormFieldDefinitionAutocomplete<TFormFields extends FieldValues> = {
+export type FormFieldDefinition<TFormFields extends FieldValues> = FormFieldDefinitionAutocompleteForName<TFormFields> | FormFieldDefinitionBoolean<TFormFields> | FormFieldDefinitionBooleanSwitch<TFormFields> | FormFieldDefinitionDate<TFormFields> | FormFieldDefinitionFile<TFormFields> | FormFieldDefinitionHidden<TFormFields> | FormFieldDefinitionNumber<TFormFields> | FormFieldDefinitionRadioGroup<TFormFields> | FormFieldDefinitionRichText<TFormFields> | FormFieldDefinitionSelect<TFormFields> | FormFieldDefinitionSelectMultiple<TFormFields> | FormFieldDefinitionSwitch<TFormFields> | FormFieldDefinitionTextField<TFormFields> | FormFieldDefinitionTransferList<TFormFields>;
+export type FormFieldDefinitionAutocomplete<TFormFields extends FieldValues, TName extends Path<TFormFields> = Path<TFormFields>> = {
     definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE;
     multiple?: false;
-} & AutocompleteProps<TFormFields, Path<TFormFields>, false> & FormFieldGrouping;
-export type FormFieldDefinitionAutocompleteMultiple<TFormFields extends FieldValues> = {
+} & AutocompleteProps<TFormFields, TName, false> & BaseFormFieldDefinition & FormFieldGrouping;
+export type FormFieldDefinitionAutocompleteMultiple<TFormFields extends FieldValues, TName extends Path<TFormFields> = Path<TFormFields>> = {
     definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE;
     multiple?: true;
-} & AutocompleteProps<TFormFields, Path<TFormFields>, true> & FormFieldGrouping;
+} & AutocompleteProps<TFormFields, TName, true> & BaseFormFieldDefinition & FormFieldGrouping;
 export type FormFieldDefinitionBoolean<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN;
-} & FormFieldGrouping & Omit<SelectProps<TFormFields, Path<TFormFields>, false>, 'options'>;
+} & BaseFormFieldDefinition & FormFieldGrouping & Omit<SelectProps<TFormFields, Path<TFormFields>, false>, 'options'>;
 export type FormFieldDefinitionBooleanSwitch<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN_SWITCH;
-} & FormFieldGrouping & Omit<SwitchProps<TFormFields, Path<TFormFields>>, 'options'>;
+} & BaseFormFieldDefinition & FormFieldGrouping & Omit<SwitchProps<TFormFields, Path<TFormFields>>, 'options'>;
 export type FormFieldDefinitionDate<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.DATE;
-} & DatePickerProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;
+} & BaseFormFieldDefinition & DatePickerProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;
 export type FormFieldDefinitionFile<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.FILE;
-} & FormFieldGrouping & UploadButtonProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FileUploadProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;
 export type FormFieldDefinitionHidden<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.HIDDEN;
-} & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionNumber<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.NUMBER;
-} & FormFieldGrouping & NumberFieldProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & NumberFieldProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionRadioGroup<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.RADIO_GROUP;
-} & FormFieldGrouping & RadioGroupProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & RadioGroupProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionRichText<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.RICH_TEXT;
-} & FormFieldGrouping & RichTextEditorProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & RichTextEditorProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionSelect<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.SELECT;
     multiple?: false;
-} & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, false>;
+} & BaseFormFieldDefinition & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, false>;
 export type FormFieldDefinitionSelectMultiple<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.SELECT;
     multiple?: true;
-} & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, true>;
+} & BaseFormFieldDefinition & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, true>;
 export type FormFieldDefinitionSwitch<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.SWITCH;
-} & FormFieldGrouping & SwitchProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & SwitchProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionTextField<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD;
-} & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;
 export type FormFieldDefinitionTransferList<TFormFields extends FieldValues> = {
     definition: FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST;
-} & FormFieldGrouping & TransferListProps<TFormFields, Path<TFormFields>>;
+} & BaseFormFieldDefinition & FormFieldGrouping & TransferListProps<TFormFields, Path<TFormFields>>;
 export type FormFieldGrouping = {
     groupKey?: string;
 };
 export type FormGroupDefinition = {
+    contentAfter?: ReactElement;
+    contentBefore?: ReactElement;
     description?: string;
     groupKey: string;
     label: string;
@@ -104,9 +111,14 @@ export type FormGroupMessage = {
 export interface OptionBase<TValue> {
     disabled?: boolean;
     label?: string;
+    secondaryLabel?: string;
     value?: TValue;
 }
 export type RadioButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;
 export type SelectOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;
 export type ToggleButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;
 export type TransferListOption = OptionBase<string>;
+type FormFieldDefinitionAutocompleteForName<TFormFields extends FieldValues> = {
+    [TName in Path<TFormFields>]: FormFieldDefinitionAutocomplete<TFormFields, TName> | FormFieldDefinitionAutocompleteMultiple<TFormFields, TName>;
+}[Path<TFormFields>];
+export {};

package/dist/models/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../src/models/form.ts"],"sourcesContent":["import type {\n  FieldValues,\n  Path,\n} from 'react-hook-form';\n\nimport type { RichTextEditorProps } from '../components/fields/RichTextEditor';\nimport type { TransferListProps } from '../components/fields/TransferList';\nimport type { AutocompleteProps } from '../components/fields/Autocomplete';\nimport type { TextFieldProps } from '../components/fields/TextField';\nimport type { SelectProps } from '../components/fields/Select';\nimport type { DatePickerProps } from '../components/fields/DatePicker';\nimport type { UploadButtonProps } from '../components/fields/UploadButton/UploadButton';\nimport type { RadioGroupProps } from '../components/fields/RadioGroup';\nimport type { NumberFieldProps } from '../components/fields/NumberField';\nimport type { SwitchProps } from '../components/fields/Switch';\n\nexport enum FORM_FIELD_DEFINITION_TYPE {\n  AUTOCOMPLETE = 'AUTOCOMPLETE',\n  BOOLEAN = 'BOOLEAN',\n  BOOLEAN_SWITCH = 'BOOLEAN_SWITCH',\n  DATE = 'DATE',\n  FILE = 'FILE',\n  HIDDEN = 'HIDDEN',\n  NUMBER = 'NUMBER',\n  RADIO_GROUP = 'RADIO_GROUP',\n  RICH_TEXT = 'RICH_TEXT',\n  SELECT = 'SELECT',\n  SWITCH = 'SWITCH',\n  TEXTFIELD = 'TEXTFIELD',\n  TRANSFER_LIST = 'TRANSFER_LIST',\n}\n\nexport interface AutoCompleteOption<TValue = void> extends OptionBase<TValue extends void ? (number | string) : TValue> {\n  groupBySortOrderValue?: number;\n  groupByValue?: string;\n}\n\nexport type AutocompleteSelectAllContextData = {\n  currentValues: AutocompleteValue[];\n  enabledOptionValues: AutocompleteValue[];\n  handleSelectAll: (isCurrentlyAll: boolean, currentValues: AutocompleteValue[]) => void;\n  selectAllLabel: string;\n};\nexport type AutocompleteValue = number | string;\nexport type CheckboxOption = OptionBase<number | string>;\n\nexport type FormFieldDefinition<TFormFields extends FieldValues> =\n  FormFieldDefinitionAutocomplete<TFormFields> |\n  FormFieldDefinitionAutocompleteMultiple<TFormFields> |\n  FormFieldDefinitionBoolean<TFormFields> |\n  FormFieldDefinitionBooleanSwitch<TFormFields> |\n  FormFieldDefinitionDate<TFormFields> |\n  FormFieldDefinitionFile<TFormFields> |\n  FormFieldDefinitionHidden<TFormFields> |\n  FormFieldDefinitionNumber<TFormFields> |\n  FormFieldDefinitionRadioGroup<TFormFields> |\n  FormFieldDefinitionRichText<TFormFields> |\n  FormFieldDefinitionSelect<TFormFields> |\n  FormFieldDefinitionSelectMultiple<TFormFields> |\n  FormFieldDefinitionSwitch<TFormFields> |\n  FormFieldDefinitionTextField<TFormFields> |\n  FormFieldDefinitionTransferList<TFormFields>;\n\nexport type FormFieldDefinitionAutocomplete<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE; multiple?: false } & AutocompleteProps<TFormFields, Path<TFormFields>, false> & FormFieldGrouping;\n\nexport type FormFieldDefinitionAutocompleteMultiple<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE; multiple?: true } & AutocompleteProps<TFormFields, Path<TFormFields>, true> & FormFieldGrouping;\nexport type FormFieldDefinitionBoolean<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN } & FormFieldGrouping & Omit<SelectProps<TFormFields, Path<TFormFields>, false>, 'options'>;\nexport type FormFieldDefinitionBooleanSwitch<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN_SWITCH } & FormFieldGrouping & Omit<SwitchProps<TFormFields, Path<TFormFields>>, 'options'>;\nexport type FormFieldDefinitionDate<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.DATE } & DatePickerProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;\nexport type FormFieldDefinitionFile<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.FILE } & FormFieldGrouping & UploadButtonProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionHidden<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.HIDDEN } & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionNumber<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.NUMBER } & FormFieldGrouping & NumberFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionRadioGroup<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.RADIO_GROUP } & FormFieldGrouping & RadioGroupProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionRichText<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.RICH_TEXT } & FormFieldGrouping & RichTextEditorProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionSelect<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SELECT; multiple?: false } & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, false>;\nexport type FormFieldDefinitionSelectMultiple<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SELECT; multiple?: true } & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, true>;\nexport type FormFieldDefinitionSwitch<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SWITCH } & FormFieldGrouping & SwitchProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionTextField<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD } & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionTransferList<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST } & FormFieldGrouping & TransferListProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldGrouping = {\n  groupKey?: string;\n};\nexport type FormGroupDefinition = {\n  description?: string;\n  groupKey: string;\n  label: string;\n  messages?: FormGroupMessage[];\n};\nexport type FormGroupMessage = {\n  buttonLabel?: string;\n  message: string;\n  onButtonClick?: () => void;\n  severity: 'error' | 'info' | 'warning';\n};\nexport interface OptionBase<TValue> {\n  disabled?: boolean;\n  label?: string;\n  value?: TValue;\n}\nexport type RadioButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\nexport type SelectOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\nexport type ToggleButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\n\nexport type TransferListOption = OptionBase<string>;\n"],"mappings":";AAgBA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,eAAA,gBACA,EAAA,UAAA,WACA,EAAA,iBAAA,kBACA,EAAA,OAAA,QACA,EAAA,OAAA,QACA,EAAA,SAAA,UACA,EAAA,SAAA,UACA,EAAA,cAAA,eACA,EAAA,YAAA,aACA,EAAA,SAAA,UACA,EAAA,SAAA,UACA,EAAA,YAAA,aACA,EAAA,gBAAA;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"form.js","names":[],"sources":["../../src/models/form.ts"],"sourcesContent":["import type {\n  FieldValues,\n  Path,\n} from 'react-hook-form';\nimport type { ReactElement } from 'react';\n\nimport type { RichTextEditorProps } from '../components/fields/RichTextEditor';\nimport type { TransferListProps } from '../components/fields/TransferList';\nimport type { AutocompleteProps } from '../components/fields/Autocomplete';\nimport type { TextFieldProps } from '../components/fields/TextField';\nimport type { SelectProps } from '../components/fields/Select';\nimport type { DatePickerProps } from '../components/fields/DatePicker';\nimport type { FileUploadProps } from '../components/fields/FileUpload/FileUpload';\nimport type { RadioGroupProps } from '../components/fields/RadioGroup';\nimport type { NumberFieldProps } from '../components/fields/NumberField';\nimport type { SwitchProps } from '../components/fields/Switch';\n\nexport enum FORM_FIELD_DEFINITION_TYPE {\n  AUTOCOMPLETE = 'AUTOCOMPLETE',\n  BOOLEAN = 'BOOLEAN',\n  BOOLEAN_SWITCH = 'BOOLEAN_SWITCH',\n  DATE = 'DATE',\n  FILE = 'FILE',\n  HIDDEN = 'HIDDEN',\n  NUMBER = 'NUMBER',\n  RADIO_GROUP = 'RADIO_GROUP',\n  RICH_TEXT = 'RICH_TEXT',\n  SELECT = 'SELECT',\n  SWITCH = 'SWITCH',\n  TEXTFIELD = 'TEXTFIELD',\n  TRANSFER_LIST = 'TRANSFER_LIST',\n}\n\nexport interface AutoCompleteOption<TValue = void> extends OptionBase<TValue extends void ? (number | string) : TValue> {\n  groupBySortOrderValue?: number;\n  groupByValue?: string;\n}\n\nexport type AutocompleteSelectAllContextData = {\n  currentValues: AutocompleteValue[];\n  enabledOptionValues: AutocompleteValue[];\n  handleSelectAll: (isCurrentlyAll: boolean, currentValues: AutocompleteValue[]) => void;\n  selectAllLabel: string;\n};\nexport type AutocompleteValue = number | string;\nexport type BaseFormFieldDefinition = {\n  contentAfter?: ReactElement;\n  contentBefore?: ReactElement;\n};\n\nexport type CheckboxOption = OptionBase<number | string>;\n\nexport type FormFieldDefinition<TFormFields extends FieldValues> =\n  FormFieldDefinitionAutocompleteForName<TFormFields> |\n  FormFieldDefinitionBoolean<TFormFields> |\n  FormFieldDefinitionBooleanSwitch<TFormFields> |\n  FormFieldDefinitionDate<TFormFields> |\n  FormFieldDefinitionFile<TFormFields> |\n  FormFieldDefinitionHidden<TFormFields> |\n  FormFieldDefinitionNumber<TFormFields> |\n  FormFieldDefinitionRadioGroup<TFormFields> |\n  FormFieldDefinitionRichText<TFormFields> |\n  FormFieldDefinitionSelect<TFormFields> |\n  FormFieldDefinitionSelectMultiple<TFormFields> |\n  FormFieldDefinitionSwitch<TFormFields> |\n  FormFieldDefinitionTextField<TFormFields> |\n  FormFieldDefinitionTransferList<TFormFields>;\nexport type FormFieldDefinitionAutocomplete<TFormFields extends FieldValues, TName extends Path<TFormFields> = Path<TFormFields>> = { definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE; multiple?: false } & AutocompleteProps<TFormFields, TName, false> & BaseFormFieldDefinition & FormFieldGrouping;\nexport type FormFieldDefinitionAutocompleteMultiple<TFormFields extends FieldValues, TName extends Path<TFormFields> = Path<TFormFields>> = { definition: FORM_FIELD_DEFINITION_TYPE.AUTOCOMPLETE; multiple?: true } & AutocompleteProps<TFormFields, TName, true> & BaseFormFieldDefinition & FormFieldGrouping;\nexport type FormFieldDefinitionBoolean<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN } & BaseFormFieldDefinition & FormFieldGrouping & Omit<SelectProps<TFormFields, Path<TFormFields>, false>, 'options'>;\nexport type FormFieldDefinitionBooleanSwitch<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.BOOLEAN_SWITCH } & BaseFormFieldDefinition & FormFieldGrouping & Omit<SwitchProps<TFormFields, Path<TFormFields>>, 'options'>;\nexport type FormFieldDefinitionDate<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.DATE } & BaseFormFieldDefinition & DatePickerProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;\nexport type FormFieldDefinitionFile<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.FILE } & BaseFormFieldDefinition & FileUploadProps<TFormFields, Path<TFormFields>> & FormFieldGrouping;\nexport type FormFieldDefinitionHidden<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.HIDDEN } & BaseFormFieldDefinition & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionNumber<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.NUMBER } & BaseFormFieldDefinition & FormFieldGrouping & NumberFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionRadioGroup<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.RADIO_GROUP } & BaseFormFieldDefinition & FormFieldGrouping & RadioGroupProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionRichText<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.RICH_TEXT } & BaseFormFieldDefinition & FormFieldGrouping & RichTextEditorProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionSelect<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SELECT; multiple?: false } & BaseFormFieldDefinition & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, false>;\nexport type FormFieldDefinitionSelectMultiple<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SELECT; multiple?: true } & BaseFormFieldDefinition & FormFieldGrouping & SelectProps<TFormFields, Path<TFormFields>, true>;\nexport type FormFieldDefinitionSwitch<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.SWITCH } & BaseFormFieldDefinition & FormFieldGrouping & SwitchProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionTextField<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.TEXTFIELD } & BaseFormFieldDefinition & FormFieldGrouping & TextFieldProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldDefinitionTransferList<TFormFields extends FieldValues> = { definition: FORM_FIELD_DEFINITION_TYPE.TRANSFER_LIST } & BaseFormFieldDefinition & FormFieldGrouping & TransferListProps<TFormFields, Path<TFormFields>>;\nexport type FormFieldGrouping = {\n  groupKey?: string;\n};\nexport type FormGroupDefinition = {\n  contentAfter?: ReactElement;\n  contentBefore?: ReactElement;\n  description?: string;\n  groupKey: string;\n  label: string;\n  messages?: FormGroupMessage[];\n};\nexport type FormGroupMessage = {\n  buttonLabel?: string;\n  message: string;\n  onButtonClick?: () => void;\n  severity: 'error' | 'info' | 'warning';\n};\nexport interface OptionBase<TValue> {\n  disabled?: boolean;\n  label?: string;\n  secondaryLabel?: string;\n  value?: TValue;\n}\nexport type RadioButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\nexport type SelectOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\nexport type ToggleButtonOption<TValue = void> = OptionBase<TValue extends void ? (boolean | number | string) : TValue>;\nexport type TransferListOption = OptionBase<string>;\n\n// Distributes over each field name so `onChange`'s value type resolves to the concrete\n// `TFormFields[TName]` per field instead of collapsing to `unknown` for the whole `Path<TFormFields>` union.\ntype FormFieldDefinitionAutocompleteForName<TFormFields extends FieldValues> = {\n  [TName in Path<TFormFields>]: FormFieldDefinitionAutocomplete<TFormFields, TName> | FormFieldDefinitionAutocompleteMultiple<TFormFields, TName>;\n}[Path<TFormFields>];\n"],"mappings":";AAiBA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,eAAA,gBACA,EAAA,UAAA,WACA,EAAA,iBAAA,kBACA,EAAA,OAAA,QACA,EAAA,OAAA,QACA,EAAA,SAAA,UACA,EAAA,SAAA,UACA,EAAA,cAAA,eACA,EAAA,YAAA,aACA,EAAA,SAAA,UACA,EAAA,SAAA,UACA,EAAA,YAAA,aACA,EAAA,gBAAA;AACF,EAAA,CAAA,CAAA"}

package/package.json

@@ -1,23 +1,14 @@
 {
   "name": "@gen-epix/ui-core-form",
-  "version": "4.0.2",
-  "license": "EUPL-1.2",
+  "version": "4.2.0",
+  "homepage": "https://github.com/RIVM-bioinformatics/gen-epix",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/RIVM-bioinformatics/gen-epix-ui.git"
   },
+  "license": "EUPL-1.2",
   "author": "RIVM-bioinformatics <ids-bioinformatics@rivm.nl>",
-  "homepage": "https://github.com/RIVM-bioinformatics/gen-epix",
   "type": "module",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "files": [
-      "dist"
-    ],
-    "access": "public"
-  },
   "exports": {
     "./types": {
       "types": "./dist/@types/ui-core-form.d.ts",
@@ -39,6 +30,10 @@
       "types": "./dist/components/fields/DateRangePicker/index.d.ts",
       "import": "./dist/components/fields/DateRangePicker/index.js"
     },
+    "./components/fields/FileUpload": {
+      "types": "./dist/components/fields/FileUpload/index.d.ts",
+      "import": "./dist/components/fields/FileUpload/index.js"
+    },
     "./components/fields/NumberField": {
       "types": "./dist/components/fields/NumberField/index.d.ts",
       "import": "./dist/components/fields/NumberField/index.js"
@@ -75,10 +70,6 @@
       "types": "./dist/components/fields/TransferList/index.d.ts",
       "import": "./dist/components/fields/TransferList/index.js"
     },
-    "./components/fields/UploadButton": {
-      "types": "./dist/components/fields/UploadButton/index.d.ts",
-      "import": "./dist/components/fields/UploadButton/index.js"
-    },
     "./components/helpers/FormFieldHelperText": {
       "types": "./dist/components/helpers/FormFieldHelperText/index.d.ts",
       "import": "./dist/components/helpers/FormFieldHelperText/index.js"
@@ -112,96 +103,108 @@
       "import": "./dist/utils/SchemaUtil/index.js"
     }
   },
-  "peerDependencies": {
-    "@gen-epix/ui-core": "^3.0.2",
-    "@mui/icons-material": "*",
-    "@mui/material": "*",
-    "@mui/x-date-pickers": "*",
-    "i18next": "*",
-    "react": "*",
-    "react-i18next": "*",
-    "yup": "*"
-  },
+  "files": [
+    "dist"
+  ],
+  "browserslist": [
+    "last 2 Chrome versions"
+  ],
   "dependencies": {
-    "@tiptap/core": "3.31.1",
-    "@tiptap/extension-blockquote": "3.31.1",
-    "@tiptap/extension-bold": "3.31.1",
-    "@tiptap/extension-bullet-list": "3.31.1",
-    "@tiptap/extension-code-block": "3.31.1",
-    "@tiptap/extension-color": "3.31.1",
-    "@tiptap/extension-document": "3.31.1",
-    "@tiptap/extension-dropcursor": "3.31.1",
-    "@tiptap/extension-font-family": "3.31.1",
-    "@tiptap/extension-gapcursor": "3.31.1",
-    "@tiptap/extension-hard-break": "3.31.1",
-    "@tiptap/extension-heading": "3.31.1",
-    "@tiptap/extension-highlight": "3.31.1",
-    "@tiptap/extension-history": "3.31.1",
-    "@tiptap/extension-horizontal-rule": "3.31.1",
-    "@tiptap/extension-image": "3.31.1",
-    "@tiptap/extension-italic": "3.31.1",
-    "@tiptap/extension-link": "3.31.1",
-    "@tiptap/extension-list-item": "3.31.1",
-    "@tiptap/extension-ordered-list": "3.31.1",
-    "@tiptap/extension-paragraph": "3.31.1",
-    "@tiptap/extension-placeholder": "3.31.1",
-    "@tiptap/extension-strike": "3.31.1",
-    "@tiptap/extension-subscript": "3.31.1",
-    "@tiptap/extension-superscript": "3.31.1",
-    "@tiptap/extension-table-cell": "3.31.1",
-    "@tiptap/extension-table-header": "3.31.1",
-    "@tiptap/extension-table-row": "3.31.1",
-    "@tiptap/extension-table": "3.31.1",
-    "@tiptap/extension-task-item": "3.31.1",
-    "@tiptap/extension-task-list": "3.31.1",
-    "@tiptap/extension-text-align": "3.31.1",
-    "@tiptap/extension-text-style": "3.31.1",
-    "@tiptap/extension-text": "3.31.1",
-    "@tiptap/extension-underline": "3.31.1",
-    "@tiptap/pm": "3.31.1",
-    "@tiptap/react": "3.31.1",
+    "@tiptap/core": "3.31.3",
+    "@tiptap/extension-blockquote": "3.31.3",
+    "@tiptap/extension-bold": "3.31.3",
+    "@tiptap/extension-bullet-list": "3.31.3",
+    "@tiptap/extension-code-block": "3.31.3",
+    "@tiptap/extension-color": "3.31.3",
+    "@tiptap/extension-document": "3.31.3",
+    "@tiptap/extension-dropcursor": "3.31.3",
+    "@tiptap/extension-font-family": "3.31.3",
+    "@tiptap/extension-gapcursor": "3.31.3",
+    "@tiptap/extension-hard-break": "3.31.3",
+    "@tiptap/extension-heading": "3.31.3",
+    "@tiptap/extension-highlight": "3.31.3",
+    "@tiptap/extension-history": "3.31.3",
+    "@tiptap/extension-horizontal-rule": "3.31.3",
+    "@tiptap/extension-image": "3.31.3",
+    "@tiptap/extension-italic": "3.31.3",
+    "@tiptap/extension-link": "3.31.3",
+    "@tiptap/extension-list-item": "3.31.3",
+    "@tiptap/extension-ordered-list": "3.31.3",
+    "@tiptap/extension-paragraph": "3.31.3",
+    "@tiptap/extension-placeholder": "3.31.3",
+    "@tiptap/extension-strike": "3.31.3",
+    "@tiptap/extension-subscript": "3.31.3",
+    "@tiptap/extension-superscript": "3.31.3",
+    "@tiptap/extension-table": "3.31.3",
+    "@tiptap/extension-table-cell": "3.31.3",
+    "@tiptap/extension-table-header": "3.31.3",
+    "@tiptap/extension-table-row": "3.31.3",
+    "@tiptap/extension-task-item": "3.31.3",
+    "@tiptap/extension-task-list": "3.31.3",
+    "@tiptap/extension-text": "3.31.3",
+    "@tiptap/extension-text-align": "3.31.3",
+    "@tiptap/extension-text-style": "3.31.3",
+    "@tiptap/extension-underline": "3.31.3",
+    "@tiptap/pm": "3.31.3",
+    "@tiptap/react": "3.31.3",
     "classnames": "2.5.1",
     "date-fns": "4.4.0",
     "lodash": "4.18.1",
     "mui-tiptap": "1.31.0",
-    "react-hook-form": "7.87.0",
     "use-debounce": "10.1.1",
     "uuid": "14.0.2"
   },
   "devDependencies": {
     "@gen-epix/eslint-config": "0.5.0",
-    "@gen-epix/ui-core": "^3.0.2",
     "@gen-epix/translation-util": "0.2.0",
+    "@gen-epix/ui-core": "^3.2.0",
+    "@gen-epix/ui-core-components": "^4.2.0",
     "@mui/icons-material": "9.4.0",
     "@mui/material": "9.4.0",
-    "@mui/x-date-pickers": "9.12.0",
+    "@mui/x-date-pickers": "9.13.0",
     "@types/lodash": "4.17.25",
-    "@types/react": "19.2.18",
-    "eslint": "10.9.1",
-    "i18next": "26.4.1",
-    "react": "19.2.8",
+    "@types/react": "19.3.0",
+    "eslint": "10.10.0",
+    "i18next": "26.4.2",
+    "react": "19.3.0",
+    "react-hook-form": "7.87.0",
     "react-i18next": "17.0.13",
     "typescript": "6.0.3",
+    "vite": "8.2.2",
     "vite-plugin-dts": "5.1.0",
     "vite-plugin-static-copy": "4.1.1",
-    "vite": "8.2.2",
-    "vitest": "4.1.11",
+    "vitest": "5.0.0",
     "yup": "1.7.1"
   },
-  "browserslist": [
-    "last 2 Chrome versions"
-  ],
+  "peerDependencies": {
+    "@gen-epix/ui-core": "^3.2.0",
+    "@gen-epix/ui-core-components": "^4.2.0",
+    "@mui/icons-material": "*",
+    "@mui/material": "*",
+    "@mui/x-date-pickers": "*",
+    "i18next": "*",
+    "react": "*",
+    "react-hook-form": "*",
+    "react-i18next": "*",
+    "yup": "*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "files": [
+      "dist"
+    ]
+  },
   "scripts": {
-    "test-missing-translations": "translation-util ./ --dry-run --fail-on-missing --fail-on-stale",
     "add-missing-translations": "translation-util ./",
-    "update-exports": "node scripts/update-exports.js",
     "build": "vite build",
     "build-publish": "pnpm build && pnpm publish --access=public",
-    "validate": "pnpm run lint && pnpm run check-types && pnpm run test-run",
-    "test": "vitest --coverage",
-    "test-run": "vitest run --passWithNoTests --coverage",
+    "check-types": "tsc --noemit",
     "lint": "eslint ./src --report-unused-disable-directives --max-warnings 0",
     "lint-fix": "eslint ./src --report-unused-disable-directives --max-warnings 0 --fix",
-    "check-types": "tsc --noemit"
+    "test": "vitest --coverage",
+    "test-missing-translations": "translation-util ./ --dry-run --fail-on-missing --fail-on-stale",
+    "test-run": "vitest run --passWithNoTests --coverage",
+    "update-exports": "node scripts/update-exports.js",
+    "validate": "pnpm run lint && pnpm run check-types && pnpm run test-run"
   }
 }

package/dist/_chunks/UploadButton.js

@@ -1,91 +0,0 @@
-import { t as e } from "./FormUtil.js";
-import { i as t, t as n } from "./index.esm.js";
-import { FormFieldHelperText as r } from "../components/helpers/FormFieldHelperText/index.js";
-import { useCallback as i, useId as a, useRef as o } from "react";
-import { useTranslation as s } from "react-i18next";
-import { Box as c, Button as l, FormControl as u, FormHelperText as d, FormLabel as f, styled as p } from "@mui/material";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { TestIdUtil as _ } from "@gen-epix/ui-core/utils/TestIdUtil";
-import v from "@mui/icons-material/CloudUpload";
-import { WindowService as y } from "@gen-epix/ui-core/classes/services/WindowService";
-//#region src/components/fields/UploadButton/UploadButton.tsx
-var b = p("input")({
-	bottom: 0,
-	clip: "rect(0 0 0 0)",
-	clipPath: "inset(50%)",
-	height: 1,
-	left: 0,
-	overflow: "hidden",
-	position: "absolute",
-	whiteSpace: "nowrap",
-	width: 1
-}), x = ({ accept: p, disabled: x, infoMessage: S, label: C, multiple: w = !1, name: T, onChange: E, required: D, warningMessage: O }) => {
-	let { t: k } = s(), A = a(), j = a(), { control: M, formState: { errors: N } } = t(), P = e.getFieldErrorMessage(N, T), F = o(null), I = !!P, L = i((e) => (t) => {
-		E && E(t.target.files), e(t.target.files);
-	}, [E]), R = i(({ field: { onBlur: e, onChange: t, ref: n, value: r } }) => {
-		n({ focus: () => {
-			F?.current?.focus();
-		} });
-		let i = y.getInstance().document.getElementById(j);
-		return !r && i && (i.value = ""), /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(l, {
-			component: "label",
-			disabled: x,
-			onBlur: e,
-			role: void 0,
-			size: "large",
-			startIcon: /* @__PURE__ */ h(v, {}),
-			sx: { height: (e) => e.spacing(7) },
-			tabIndex: -1,
-			variant: "outlined",
-			children: [k(w ? "Upload files ({{accept}})" : "Upload file ({{accept}})", { accept: p.split(",").join(", ") }), /* @__PURE__ */ h(b, {
-				accept: p,
-				id: j,
-				multiple: w,
-				onChange: L(t),
-				type: "file"
-			})]
-		}), r && /* @__PURE__ */ h(c, { children: Array.from(r).map((e) => e.name).join(", ") })] });
-	}, [
-		p,
-		x,
-		j,
-		w,
-		L,
-		k
-	]);
-	return /* @__PURE__ */ g(u, {
-		error: I,
-		..._.createAttributes("UploadButton", {
-			label: C,
-			name: T
-		}),
-		fullWidth: !0,
-		children: [
-			/* @__PURE__ */ h(f, {
-				component: "legend",
-				id: A,
-				required: D,
-				children: C
-			}),
-			/* @__PURE__ */ h(n, {
-				control: M,
-				defaultValue: null,
-				name: T,
-				render: R
-			}),
-			/* @__PURE__ */ h(d, {
-				sx: { ml: 0 },
-				children: /* @__PURE__ */ h(r, {
-					errorMessage: P,
-					infoMessage: S,
-					noIndent: !0,
-					warningMessage: O
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { x as t };
-
-//# sourceMappingURL=UploadButton.js.map

package/dist/_chunks/UploadButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadButton.js","names":[],"sources":["../../src/components/fields/UploadButton/UploadButton.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ReactElement,\n} from 'react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n} from 'react';\nimport {\n  Box,\n  Button,\n  FormControl,\n  FormHelperText,\n  FormLabel,\n  styled,\n} from '@mui/material';\nimport {\n  Controller,\n  useFormContext,\n} from 'react-hook-form';\nimport type {\n  ControllerRenderProps,\n  FieldValues,\n  Path,\n  UseControllerReturn,\n} from 'react-hook-form';\nimport CloudUploadIcon from '@mui/icons-material/CloudUpload';\nimport { useTranslation } from 'react-i18next';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\nimport { WindowService } from '@gen-epix/ui-core/classes/services/WindowService';\n\nimport { FormUtil } from '../../../utils/FormUtil';\nimport { FormFieldHelperText } from '../../helpers/FormFieldHelperText';\n\nexport type UploadButtonProps<TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>> = {\n  readonly accept: string;\n  readonly disabled?: boolean;\n  readonly infoMessage?: string;\n  readonly label: string;\n  readonly loading?: boolean; // NOT implemented\n  readonly multiple?: boolean;\n  readonly name: TName;\n  readonly onChange?: (value: FileList) => void;\n  readonly required?: boolean;\n  readonly warningMessage?: string;\n};\n\nconst VisuallyHiddenInput = styled('input')({\n  bottom: 0,\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: 1,\n  left: 0,\n  overflow: 'hidden',\n  position: 'absolute',\n  whiteSpace: 'nowrap',\n  width: 1,\n});\n\nexport const UploadButton = <TFieldValues extends FieldValues, TName extends Path<TFieldValues> = Path<TFieldValues>>({\n  accept,\n  disabled,\n  infoMessage,\n  label,\n  multiple = false,\n  name,\n  onChange: onChangeProp,\n  required,\n  warningMessage,\n}: UploadButtonProps<TFieldValues, TName>): ReactElement => {\n  const { t } = useTranslation();\n  const id = useId();\n  const inputId = useId();\n  const { control, formState: { errors } } = useFormContext<TFieldValues>();\n  const errorMessage = FormUtil.getFieldErrorMessage(errors, name);\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const hasError = !!errorMessage;\n\n  const onInputChange = useCallback((onChange: ControllerRenderProps<TFieldValues, TName>['onChange']) =>\n    (event: ChangeEvent<HTMLInputElement>) => {\n      if (onChangeProp) {\n        onChangeProp(event.target.files);\n      }\n      onChange(event.target.files);\n    }\n  , [onChangeProp]);\n\n  const renderController = useCallback(({ field: { onBlur, onChange, ref, value } }: UseControllerReturn<TFieldValues, TName>) => {\n    ref({\n      focus: () => {\n        buttonRef?.current?.focus();\n      },\n    });\n    const inputElement = WindowService.getInstance().document.getElementById(inputId) as HTMLInputElement | null;\n    if (!value && inputElement) {\n      inputElement.value = '';\n    }\n    return (\n      <>\n        <Button\n          component={'label'}\n          // ref={buttonRef}\n          disabled={disabled}\n          onBlur={onBlur}\n          role={undefined}\n          size={'large'}\n          startIcon={<CloudUploadIcon />}\n          sx={{\n            height: theme => theme.spacing(7),\n          }}\n          tabIndex={-1}\n          variant={'outlined'}\n        >\n          {multiple ? t('Upload files ({{accept}})', { accept: accept.split(',').join(', ') }) : t('Upload file ({{accept}})', { accept: accept.split(',').join(', ') })}\n          <VisuallyHiddenInput\n            accept={accept}\n            id={inputId}\n            multiple={multiple}\n            onChange={onInputChange(onChange)}\n            type={'file'}\n          />\n        </Button>\n        {value && (\n          <Box>\n            {Array.from(value as unknown as FileList).map((file) => file.name).join(', ')}\n          </Box>\n        )}\n      </>\n    );\n  }, [accept, disabled, inputId, multiple, onInputChange, t]);\n\n  return (\n    <FormControl\n      error={hasError}\n      {...TestIdUtil.createAttributes('UploadButton', { label, name })}\n      fullWidth\n    >\n      <FormLabel\n        component={'legend'}\n        id={id}\n        required={required}\n      >\n        {label}\n      </FormLabel>\n      <Controller\n        control={control}\n        defaultValue={null}\n        name={name}\n        render={renderController}\n      />\n      <FormHelperText sx={{ ml: 0 }}>\n        <FormFieldHelperText\n          errorMessage={errorMessage}\n          infoMessage={infoMessage}\n          noIndent\n          warningMessage={warningMessage}\n        />\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAgDA,IAAM,IAAsB,EAAO,OAAO,CAAC,CAAC;CAC1C,QAAQ;CACR,MAAM;CACN,UAAU;CACV,QAAQ;CACR,MAAM;CACN,UAAU;CACV,UAAU;CACV,YAAY;CACZ,OAAO;AACT,CAAC,GAEY,KAAyG,EACpH,WACA,aACA,gBACA,UACA,cAAW,IACX,SACA,UAAU,GACV,aACA,wBAC0D;CAC1D,IAAM,EAAE,SAAM,EAAe,GACvB,IAAK,EAAM,GACX,IAAU,EAAM,GAChB,EAAE,YAAS,WAAW,EAAE,gBAAa,EAA6B,GAClE,IAAe,EAAS,qBAAqB,GAAQ,CAAI,GAEzD,IAAY,EAA0B,IAAI,GAC1C,IAAW,CAAC,CAAC,GAEb,IAAgB,GAAa,OAChC,MAAyC;EAIxC,AAHI,KACF,EAAa,EAAM,OAAO,KAAK,GAEjC,EAAS,EAAM,OAAO,KAAK;CAC7B,GACA,CAAC,CAAY,CAAC,GAEV,IAAmB,GAAa,EAAE,OAAO,EAAE,WAAQ,aAAU,QAAK,iBAAwD;EAC9H,EAAI,EACF,aAAa;GACX,GAAW,SAAS,MAAM;EAC5B,EACF,CAAC;EACD,IAAM,IAAe,EAAc,YAAY,CAAC,CAAC,SAAS,eAAe,CAAO;EAIhF,OAHI,CAAC,KAAS,MACZ,EAAa,QAAQ,KAGrB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,WAAW;GAED;GACF;GACR,MAAM,KAAA;GACN,MAAM;GACN,WAAW,kBAAC,GAAD,CAAkB,CAAA;GAC7B,IAAI,EACF,SAAQ,MAAS,EAAM,QAAQ,CAAC,EAClC;GACA,UAAU;GACV,SAAS;GAZX,UAAA,CAcc,EAAX,IAAa,8BAA2E,4BAA9C,EAAE,QAAQ,EAAO,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,EAAE,CAA2E,GAC7J,kBAAC,GAAD;IACU;IACR,IAAI;IACM;IACV,UAAU,EAAc,CAAQ;IAChC,MAAM;GACP,CAAA,CACK;EACP,CAAA,GAAA,KACC,kBAAC,GAAD,EAAA,UACG,MAAM,KAAK,CAA4B,CAAC,CAAC,KAAK,MAAS,EAAK,IAAI,CAAC,CAAC,KAAK,IAAI,EACzE,CAAA,CAEP,EAAA,CAAA;CAEN,GAAG;EAAC;EAAQ;EAAU;EAAS;EAAU;EAAe;CAAC,CAAC;CAE1D,OACE,kBAAC,GAAD;EACE,OAAO;EACP,GAAI,EAAW,iBAAiB,gBAAgB;GAAE;GAAO;EAAK,CAAC;EAC/D,WAAA;EAHF,UAAA;GAKE,kBAAC,GAAD;IACE,WAAW;IACP;IACM;IAET,UAAA;GACQ,CAAA;GACX,kBAAC,GAAD;IACW;IACT,cAAc;IACR;IACN,QAAQ;GACT,CAAA;GACD,kBAAC,GAAD;IAAgB,IAAI,EAAE,IAAI,EAAE;IAC1B,UAAA,kBAAC,GAAD;KACgB;KACD;KACb,UAAA;KACgB;IACjB,CAAA;GACa,CAAA;EACL;;AAEjB"}