@gusto/embedded-react-sdk 0.7.0 → 0.8.1

package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.js

@@ -0,0 +1,36 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useField as g } from "../hooks/useField.js";
+import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValueArray as x } from "../hooks/useStringifyGenericFieldValue.js";
+const y = ({
+  rules: o,
+  defaultValue: e,
+  name: r,
+  errorMessage: n,
+  isRequired: t,
+  onChange: i,
+  transform: s,
+  options: p,
+  convertValueToString: m,
+  ...u
+}) => {
+  const C = h(), { value: c, onChange: l, ...a } = g({
+    name: r,
+    rules: o,
+    defaultValue: e,
+    errorMessage: n,
+    isRequired: t,
+    onChange: i,
+    transform: s
+  }), f = x({
+    options: p,
+    value: c,
+    onChange: l,
+    convertValueToString: m
+  });
+  return /* @__PURE__ */ d(C.CheckboxGroup, { ...a, ...u, ...f });
+};
+export {
+  y as CheckboxGroupField
+};
+//# sourceMappingURL=CheckboxGroupField.js.map

package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...fieldProps} {...checkboxGroupProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAgE;AAAA,IACvF,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGI,GAAa,GAAGL,GAAqB,GAAGO,GAAkB;AACjG;"}

package/dist/components/Common/Fields/CheckboxGroupField/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxGroupField, type CheckboxGroupFieldProps } from './CheckboxGroupField';

package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.d.ts

@@ -0,0 +1,10 @@
+import { UseFieldProps } from '../hooks/useField';
+import { ComboBoxProps, ComboBoxOption } from '../../UI/ComboBox/ComboBoxTypes';
+import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
+type GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>;
+export interface ComboBoxFieldProps<TValue> extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>, UseFieldProps<TValue> {
+    options: GenericComboBoxOption<TValue>[];
+    convertValueToString?: (value: TValue) => string;
+}
+export declare const ComboBoxField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, ...comboBoxProps }: ComboBoxFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.js

@@ -0,0 +1,36 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useField as g } from "../hooks/useField.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as F } from "../hooks/useStringifyGenericFieldValue.js";
+const j = ({
+  rules: o,
+  defaultValue: e,
+  name: n,
+  errorMessage: r,
+  isRequired: t,
+  onChange: i,
+  transform: m,
+  options: s,
+  convertValueToString: p,
+  ...C
+}) => {
+  const l = x(), { value: f, onChange: u, ...a } = g({
+    name: n,
+    rules: o,
+    defaultValue: e,
+    errorMessage: r,
+    isRequired: t,
+    onChange: i,
+    transform: m
+  }), c = F({
+    options: s,
+    value: f,
+    onChange: u,
+    convertValueToString: p
+  });
+  return /* @__PURE__ */ d(l.ComboBox, { ...C, ...a, ...c });
+};
+export {
+  j as ComboBoxField
+};
+//# sourceMappingURL=ComboBoxField.js.map

package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAsD;AAAA,IAC7E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}

package/dist/components/Common/Fields/ComboBoxField/index.d.ts

@@ -0,0 +1,2 @@
+export { ComboBoxField } from './ComboBoxField';
+export type { ComboBoxFieldProps } from './ComboBoxField';

package/dist/components/Common/Fields/DatePickerField/DatePickerField.d.ts

@@ -0,0 +1,6 @@
+import { UseFieldProps } from '../hooks/useField';
+import { DatePickerProps } from '../../UI/DatePicker/DatePickerTypes';
+interface DatePickerFieldProps extends Omit<DatePickerProps, 'name' | 'onChange' | 'onBlur'>, UseFieldProps<Date | null> {
+}
+export declare const DatePickerField: React.FC<DatePickerFieldProps>;
+export {};

package/dist/components/Common/Fields/DatePickerField/DatePickerField.js

@@ -0,0 +1,28 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useField as d } from "../hooks/useField.js";
+import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const P = ({
+  rules: o,
+  defaultValue: e,
+  name: t,
+  errorMessage: r,
+  isRequired: n,
+  onChange: i,
+  transform: m,
+  ...s
+}) => {
+  const p = l(), c = d({
+    name: t,
+    rules: o,
+    defaultValue: e,
+    errorMessage: r,
+    isRequired: n,
+    onChange: i,
+    transform: m
+  });
+  return /* @__PURE__ */ f(p.DatePicker, { ...c, ...s });
+};
+export {
+  P as DatePickerField
+};
+//# sourceMappingURL=DatePickerField.js.map

package/dist/components/Common/Fields/DatePickerField/DatePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'onBlur'>,\n    UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.DatePicker {...fieldProps} {...datePickerProps} />\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","datePickerProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAaC,EAAoB,GACjCC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,YAAX,EAAuB,GAAGE,GAAa,GAAGH,GAAiB;AACrE;"}

package/dist/components/Common/Fields/DatePickerField/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePickerField';

package/dist/components/Common/Fields/NumberInputField/NumberInputField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { NumberInputProps } from '../../UI/NumberInput/NumberInputTypes';
+export interface NumberInputFieldProps extends Omit<NumberInputProps, 'name' | 'value'>, UseFieldProps<number> {
+}
+export declare const NumberInputField: React.FC<NumberInputFieldProps>;

package/dist/components/Common/Fields/NumberInputField/NumberInputField.js

@@ -0,0 +1,31 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useField as c } from "../hooks/useField.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const b = ({
+  rules: r,
+  defaultValue: e,
+  name: o,
+  errorMessage: n,
+  isRequired: t,
+  onChange: s,
+  transform: u,
+  ...m
+}) => {
+  const p = N(), i = {
+    validate: (f) => !(t && isNaN(f)),
+    ...r
+  }, l = c({
+    name: o,
+    rules: i,
+    defaultValue: e,
+    errorMessage: n,
+    isRequired: t,
+    onChange: s,
+    transform: u
+  });
+  return /* @__PURE__ */ a(p.NumberInput, { ...l, ...m });
+};
+export {
+  b as NumberInputField
+};
+//# sourceMappingURL=NumberInputField.js.map

package/dist/components/Common/Fields/NumberInputField/NumberInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputField.js","sources":["../../../../../src/components/Common/Fields/NumberInputField/NumberInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { NumberInputProps } from '@/components/Common/UI/NumberInput/NumberInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface NumberInputFieldProps\n  extends Omit<NumberInputProps, 'name' | 'value'>,\n    UseFieldProps<number> {}\n\nexport const NumberInputField: React.FC<NumberInputFieldProps> = ({\n  rules: providedRules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...numberInputProps\n}: NumberInputFieldProps) => {\n  const Components = useComponentContext()\n  const rules = {\n    validate: (value: number) => {\n      if (isRequired && isNaN(value)) {\n        return false\n      }\n      return true\n    },\n    ...providedRules,\n  }\n\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.NumberInput {...fieldProps} {...numberInputProps} />\n}\n"],"names":["NumberInputField","providedRules","defaultValue","name","errorMessage","isRequired","onChange","transform","numberInputProps","Components","useComponentContext","rules","value","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAoD,CAAC;AAAA,EAChE,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAaC,EAAoB,GACjCC,IAAQ;AAAA,IACZ,UAAU,CAACC,MACL,EAAAP,KAAc,MAAMO,CAAK;AAAA,IAK/B,GAAGX;AAAA,EACL,GAEMY,IAAaC,EAAS;AAAA,IAC1B,MAAAX;AAAA,IACA,OAAAQ;AAAA,IACA,cAAAT;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,aAAX,EAAwB,GAAGI,GAAa,GAAGL,GAAkB;AACvE;"}

package/dist/components/Common/Fields/NumberInputField/index.d.ts

@@ -0,0 +1 @@
+export { NumberInputField, type NumberInputFieldProps } from './NumberInputField';

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.d.ts

@@ -0,0 +1,10 @@
+import { UseFieldProps } from '../hooks/useField';
+import { RadioGroupProps, RadioGroupOption } from '../../UI/RadioGroup/RadioGroupTypes';
+import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
+type GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>;
+export interface RadioGroupFieldProps<TValue> extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options'>, UseFieldProps<TValue> {
+    options: GenericRadioGroupOption<TValue>[];
+    convertValueToString?: (value: TValue) => string;
+}
+export declare const RadioGroupField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, ...radioGroupProps }: RadioGroupFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js

@@ -0,0 +1,36 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useField as g } from "../hooks/useField.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as h } from "../hooks/useStringifyGenericFieldValue.js";
+const j = ({
+  rules: o,
+  defaultValue: e,
+  name: n,
+  errorMessage: r,
+  isRequired: t,
+  onChange: i,
+  transform: s,
+  options: p,
+  convertValueToString: m,
+  ...u
+}) => {
+  const a = F(), { value: d, onChange: l, ...f } = g({
+    name: n,
+    rules: o,
+    defaultValue: e,
+    errorMessage: r,
+    isRequired: t,
+    onChange: i,
+    transform: s
+  }), C = h({
+    options: p,
+    value: d,
+    onChange: l,
+    convertValueToString: m
+  });
+  return /* @__PURE__ */ c(a.RadioGroup, { ...u, ...f, ...C });
+};
+export {
+  j as RadioGroupField
+};
+//# sourceMappingURL=RadioGroupField.js.map

package/dist/components/Common/Fields/RadioGroupField/RadioGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.js","sources":["../../../../../src/components/Common/Fields/RadioGroupField/RadioGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type {\n  RadioGroupProps,\n  RadioGroupOption,\n} from '@/components/Common/UI/RadioGroup/RadioGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericRadioGroupOption<TValue> = OptionWithGenericValue<TValue, RadioGroupOption>\n\nexport interface RadioGroupFieldProps<TValue>\n  extends Omit<RadioGroupProps, 'value' | 'onChange' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericRadioGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const RadioGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...radioGroupProps\n}: RadioGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, RadioGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.RadioGroup {...radioGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["RadioGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","radioGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAkB,CAAmB;AAAA,EAChD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAoC;AAClC,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAwD;AAAA,IAC/E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,YAAX,EAAuB,GAAGD,GAAkB,GAAGK,GAAa,GAAGE,GAAkB;AAC3F;"}

package/dist/components/Common/Fields/RadioGroupField/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroupField } from './RadioGroupField';
+export type { RadioGroupFieldProps } from './RadioGroupField';

package/dist/components/Common/Fields/SelectField/SelectField.d.ts

@@ -0,0 +1,10 @@
+import { UseFieldProps } from '../hooks/useField';
+import { SelectOption, SelectProps } from '../../UI/Select/SelectTypes';
+import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
+type GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>;
+export interface SelectFieldProps<TValue> extends Omit<SelectProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>, UseFieldProps<TValue> {
+    options: GenericSelectOption<TValue>[];
+    convertValueToString?: (value: TValue) => string;
+}
+export declare const SelectField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, ...selectProps }: SelectFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Common/Fields/SelectField/SelectField.js

@@ -0,0 +1,36 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useField as g } from "../hooks/useField.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useStringifyGenericFieldValue as h } from "../hooks/useStringifyGenericFieldValue.js";
+const v = ({
+  rules: e,
+  defaultValue: o,
+  name: n,
+  errorMessage: t,
+  isRequired: r,
+  onChange: i,
+  transform: s,
+  options: m,
+  convertValueToString: l,
+  ...p
+}) => {
+  const c = F(), { value: f, onChange: u, ...C } = g({
+    name: n,
+    rules: e,
+    defaultValue: o,
+    errorMessage: t,
+    isRequired: r,
+    onChange: i,
+    transform: s
+  }), a = h({
+    options: m,
+    value: f,
+    onChange: u,
+    convertValueToString: l
+  });
+  return /* @__PURE__ */ d(c.Select, { ...p, ...C, ...a });
+};
+export {
+  v as SelectField
+};
+//# sourceMappingURL=SelectField.js.map

package/dist/components/Common/Fields/SelectField/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sources":["../../../../../src/components/Common/Fields/SelectField/SelectField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SelectOption, SelectProps } from '@/components/Common/UI/Select/SelectTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericSelectOption<TValue> = OptionWithGenericValue<TValue, SelectOption>\n\nexport interface SelectFieldProps<TValue>\n  extends Omit<SelectProps, 'name' | 'value' | 'onChange' | 'onBlur' | 'options'>,\n    UseFieldProps<TValue> {\n  options: GenericSelectOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const SelectField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  ...selectProps\n}: SelectFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, SelectOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.Select {...selectProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["SelectField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","selectProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAc,CAAmB;AAAA,EAC5C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAgC;AAC9B,QAAMC,IAAaC,EAAoB,GACjC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,EAAA,CACD,GAEKU,IAAmBC,EAAoD;AAAA,IAC3E,SAAAV;AAAA,IACA,OAAAK;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAEM,SAAA,gBAAAU,EAACR,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGK,GAAa,GAAGE,GAAkB;AACnF;"}

package/dist/components/Common/Fields/SelectField/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectField } from './SelectField';
+export type { SelectFieldProps } from './SelectField';

package/dist/components/Common/Fields/SwitchField/SwitchField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { SwitchProps } from '../../UI/Switch/SwitchTypes';
+export interface SwitchFieldProps extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>, UseFieldProps<boolean> {
+}
+export declare const SwitchField: React.FC<SwitchFieldProps>;

package/dist/components/Common/Fields/SwitchField/SwitchField.js

@@ -0,0 +1,28 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useField as d } from "../hooks/useField.js";
+import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const h = ({
+  rules: o,
+  defaultValue: t,
+  name: e,
+  errorMessage: r,
+  isRequired: n,
+  onChange: i,
+  transform: m,
+  ...s
+}) => {
+  const p = l(), c = d({
+    name: e,
+    rules: o,
+    defaultValue: t,
+    errorMessage: r,
+    isRequired: n,
+    onChange: i,
+    transform: m
+  });
+  return /* @__PURE__ */ f(p.Switch, { ...c, ...s });
+};
+export {
+  h as SwitchField
+};
+//# sourceMappingURL=SwitchField.js.map

package/dist/components/Common/Fields/SwitchField/SwitchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.Switch {...fieldProps} {...switchProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAoB,GACjCC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,QAAX,EAAmB,GAAGE,GAAa,GAAGH,GAAa;AAC7D;"}

package/dist/components/Common/Fields/SwitchField/index.d.ts

@@ -0,0 +1 @@
+export * from './SwitchField';

package/dist/components/Common/Fields/TextInputField/TextInputField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { TextInputProps } from '../../UI/TextInput/TextInputTypes';
+export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value'>, UseFieldProps {
+}
+export declare const TextInputField: React.FC<TextInputFieldProps>;

package/dist/components/Common/Fields/TextInputField/TextInputField.js

@@ -0,0 +1,28 @@
+import { jsx as x } from "react/jsx-runtime";
+import { useField as f } from "../hooks/useField.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const F = ({
+  rules: o,
+  defaultValue: t,
+  name: e,
+  errorMessage: n,
+  isRequired: r,
+  onChange: p,
+  transform: m,
+  ...s
+}) => {
+  const i = c(), u = f({
+    name: e,
+    rules: o,
+    defaultValue: t,
+    errorMessage: n,
+    isRequired: r,
+    onChange: p,
+    transform: m
+  });
+  return /* @__PURE__ */ x(i.TextInput, { ...u, ...s });
+};
+export {
+  F as TextInputField
+};
+//# sourceMappingURL=TextInputField.js.map

package/dist/components/Common/Fields/TextInputField/TextInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAoB,GACjCC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}

package/dist/components/Common/Fields/TextInputField/index.d.ts

@@ -0,0 +1 @@
+export { TextInputField, type TextInputFieldProps } from './TextInputField';

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -0,0 +1,22 @@
+import { RegisterOptions } from 'react-hook-form';
+export type Transform<TValue> = (value: TValue) => TValue;
+export interface UseFieldProps<TValue = string> {
+    name: string;
+    rules?: RegisterOptions;
+    defaultValue?: TValue;
+    errorMessage?: string;
+    isRequired?: boolean;
+    onChange?: (value: TValue) => void;
+    transform?: Transform<TValue>;
+}
+export declare function useField<TValue = string>({ name, rules, defaultValue, errorMessage, isRequired, onChange, transform, }: UseFieldProps<TValue>): {
+    value: TValue;
+    inputRef: import('react-hook-form').RefCallBack;
+    isInvalid: boolean;
+    errorMessage: string | undefined;
+    onChange: (updatedValue: TValue) => void;
+    isRequired: boolean;
+    onBlur: import('react-hook-form').Noop;
+    disabled?: boolean;
+    name: string;
+};

package/dist/components/Common/Fields/hooks/useField.js

@@ -0,0 +1,36 @@
+import { useFormContext as h, useController as m } from "react-hook-form";
+function F({
+  name: a,
+  rules: i = {},
+  defaultValue: c,
+  errorMessage: u,
+  isRequired: o = !1,
+  onChange: f,
+  transform: r
+}) {
+  const { control: d } = h(), { field: e, fieldState: n } = m({
+    name: a,
+    control: d,
+    rules: {
+      required: o,
+      ...i
+    },
+    defaultValue: c
+  }), { ref: g, ...v } = e, C = (t) => {
+    const l = r ? r(t) : t;
+    e.onChange(l), f?.(l);
+  }, s = !!n.error;
+  return {
+    ...v,
+    value: e.value,
+    inputRef: g,
+    isInvalid: s,
+    errorMessage: s ? u ?? n.error?.message : void 0,
+    onChange: C,
+    isRequired: o
+  };
+}
+export {
+  F as useField
+};
+//# sourceMappingURL=useField.js.map

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n}\n\nexport function useField<TValue = string>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n}: UseFieldProps<TValue>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n  }\n}\n"],"names":["useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid"],"mappings":";AAeO,SAASA,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AAClB,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAe,GAC7B,EAAE,OAAAC,GAAO,YAAAC,EAAW,IAAIC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IACL;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW;AAExB,SAAA;AAAA,IACL,GAAGG;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,EACF;AACF;"}

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.d.ts

@@ -0,0 +1,31 @@
+export type ConvertValueToString<TValue> = (value: TValue) => string;
+export type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {
+    value: TValue;
+};
+interface UseStringifyGenericFieldValueProps<TValue, TOption> {
+    options: OptionWithGenericValue<TValue, TOption>[];
+    value?: TValue;
+    onChange: (value: TValue) => void;
+    convertValueToString?: ConvertValueToString<TValue>;
+}
+export declare function useStringifyGenericFieldValue<TValue, TOption>({ options, value, onChange, convertValueToString, }: UseStringifyGenericFieldValueProps<TValue, TOption>): {
+    options: ({
+        value: string;
+    } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
+    value: string | undefined;
+    onChange: (value: string) => void;
+};
+interface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {
+    options: OptionWithGenericValue<TValue, TOption>[];
+    value?: TValue[];
+    onChange: (value: TValue[]) => void;
+    convertValueToString?: ConvertValueToString<TValue>;
+}
+export declare function useStringifyGenericFieldValueArray<TValue, TOption>({ options, value, onChange, convertValueToString, }: UseStringifyGenericFieldValueArrayProps<TValue, TOption>): {
+    options: ({
+        value: string;
+    } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
+    value: string[] | undefined;
+    onChange: (updatedStringValue: string[]) => void;
+};
+export {};

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js

@@ -0,0 +1,73 @@
+import { useCallback as c, useMemo as g } from "react";
+const p = (o) => String(o);
+function d({
+  options: o,
+  convertValueToString: n = p
+}) {
+  return g(() => {
+    const e = {}, s = [];
+    for (const t of o) {
+      const i = n(t.value);
+      e[i] = t;
+      const { value: l, ...u } = t;
+      s.push({
+        value: i,
+        ...u
+      });
+    }
+    return { optionValuesMap: e, options: s };
+  }, [o, n]);
+}
+function y({
+  options: o,
+  value: n,
+  onChange: e,
+  convertValueToString: s = p
+}) {
+  const { optionValuesMap: t, options: i } = d({
+    options: o,
+    convertValueToString: s
+  }), l = c(
+    (r) => {
+      const a = t[r]?.value;
+      typeof a < "u" && e(a);
+    },
+    [t, e]
+  ), u = n === null || typeof n > "u" ? void 0 : s(n);
+  return {
+    options: i,
+    value: u,
+    onChange: l
+  };
+}
+function S({
+  options: o,
+  value: n,
+  onChange: e,
+  convertValueToString: s = p
+}) {
+  const { optionValuesMap: t, options: i } = d({
+    options: o,
+    convertValueToString: s
+  }), l = c(
+    (r) => {
+      const a = [];
+      for (const V of r) {
+        const f = t[V]?.value;
+        typeof f < "u" && a.push(f);
+      }
+      e(a);
+    },
+    [t, e]
+  ), u = n && n.map(s);
+  return {
+    options: i,
+    value: u,
+    onChange: l
+  };
+}
+export {
+  y as useStringifyGenericFieldValue,
+  S as useStringifyGenericFieldValueArray
+};
+//# sourceMappingURL=useStringifyGenericFieldValue.js.map

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAC,GAC5EC,IAA0B,CAAC;AAEjC,eAAWC,KAAUL,GAAS;AACtB,YAAAM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IAAA;AAGI,WAAA,EAAE,iBAAAJ,GAAiB,SAASC,EAAwB;AAAA,EAAA,GAC1D,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACX,YAAAc,IAAgBT,EAAgBL,CAAK,GAAG;AAC1C,MAAA,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAElF,SAAA;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAC;AAEvB,iBAAWT,KAAeQ,GAAoB;AACtChB,cAAAA,IAAQK,EAAgBG,CAAW,GAAG;AAExC,QAAA,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAC1B;AAGF,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAC5B,GAEMH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAEnD,SAAA;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EACZ;AACF;"}

package/dist/components/Common/Fieldset/Fieldset.d.ts

@@ -0,0 +1,11 @@
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface FieldsetProps extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {
+    children: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: string;
+    isRequired?: boolean;
+    legend: React.ReactNode;
+    shouldVisuallyHideLegend?: boolean;
+    className?: string;
+}
+export declare const Fieldset: React.FC<FieldsetProps>;