@geoinsight/react-components 0.6.10 → 0.6.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/cjs/index.js +9 -7
  2. package/dist/esm/index.js +9 -7
  3. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -190,8 +190,8 @@ const AccordionContent = function AccordionContent({ children, label, toggle, })
190
190
  // how do I solve reseting the form outside the form
191
191
  function Form({ children, onSubmit, submitButton = {
192
192
  label: "Submit",
193
- }, ...rest }) {
194
- const methods = reactHookForm.useForm();
193
+ }, initialState, ...rest }) {
194
+ const methods = reactHookForm.useForm(initialState);
195
195
  const { formState: { isValid }, } = methods;
196
196
  const [result, setResult] = react.useState({
197
197
  message: "",
@@ -209,7 +209,7 @@ function Input({ inputClassName = "", classNameGroup = "", error = {
209
209
  icon.className), children: icon.element }))] })] }));
210
210
  }
211
211
 
212
- function FormInput({ name, isRequired, error, ...rest }) {
212
+ function FormInput({ name, isRequired, error, defaultValue, ...rest }) {
213
213
  const { control } = reactHookForm.useFormContext();
214
214
  return (jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, rules: {
215
215
  ...(isRequired
@@ -221,7 +221,7 @@ function FormInput({ name, isRequired, error, ...rest }) {
221
221
  return (jsxRuntime.jsx(Input, { isRequired: true, error: {
222
222
  is: !!error,
223
223
  message: error?.message,
224
- }, ...field, ...rest }));
224
+ }, defaultValue: defaultValue, ...field, ...rest }));
225
225
  } }));
226
226
  }
227
227
 
@@ -330,8 +330,7 @@ setFormSelected, clearError, resetForm, onFormBlur, handleSelect, ...rest }) {
330
330
  }
331
331
 
332
332
  function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
333
- const { control, setValue, clearErrors, unregister } = reactHookForm.useFormContext();
334
- console.log(fieldsToReset);
333
+ const { control, setValue, clearErrors, unregister, resetField } = reactHookForm.useFormContext();
335
334
  return (jsxRuntime.jsx(reactHookForm.Controller, { name: name, control: control, rules: {
336
335
  ...(isRequired
337
336
  ? {
@@ -342,7 +341,10 @@ function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
342
341
  return (jsxRuntime.jsx(Select, { isRequired: true, error: {
343
342
  is: !!error,
344
343
  message: error?.message,
345
- }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => unregister(field)), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
344
+ }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => {
345
+ setValue(field, undefined);
346
+ unregister(field);
347
+ }), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
346
348
  } }));
347
349
  }
348
350
 
package/dist/esm/index.js CHANGED
@@ -188,8 +188,8 @@ const AccordionContent = function AccordionContent({ children, label, toggle, })
188
188
  // how do I solve reseting the form outside the form
189
189
  function Form({ children, onSubmit, submitButton = {
190
190
  label: "Submit",
191
- }, ...rest }) {
192
- const methods = useForm();
191
+ }, initialState, ...rest }) {
192
+ const methods = useForm(initialState);
193
193
  const { formState: { isValid }, } = methods;
194
194
  const [result, setResult] = useState({
195
195
  message: "",
@@ -207,7 +207,7 @@ function Input({ inputClassName = "", classNameGroup = "", error = {
207
207
  icon.className), children: icon.element }))] })] }));
208
208
  }
209
209
 
210
- function FormInput({ name, isRequired, error, ...rest }) {
210
+ function FormInput({ name, isRequired, error, defaultValue, ...rest }) {
211
211
  const { control } = useFormContext();
212
212
  return (jsx(Controller, { name: name, control: control, rules: {
213
213
  ...(isRequired
@@ -219,7 +219,7 @@ function FormInput({ name, isRequired, error, ...rest }) {
219
219
  return (jsx(Input, { isRequired: true, error: {
220
220
  is: !!error,
221
221
  message: error?.message,
222
- }, ...field, ...rest }));
222
+ }, defaultValue: defaultValue, ...field, ...rest }));
223
223
  } }));
224
224
  }
225
225
 
@@ -328,8 +328,7 @@ setFormSelected, clearError, resetForm, onFormBlur, handleSelect, ...rest }) {
328
328
  }
329
329
 
330
330
  function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
331
- const { control, setValue, clearErrors, unregister } = useFormContext();
332
- console.log(fieldsToReset);
331
+ const { control, setValue, clearErrors, unregister, resetField } = useFormContext();
333
332
  return (jsx(Controller, { name: name, control: control, rules: {
334
333
  ...(isRequired
335
334
  ? {
@@ -340,7 +339,10 @@ function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }) {
340
339
  return (jsx(Select, { isRequired: true, error: {
341
340
  is: !!error,
342
341
  message: error?.message,
343
- }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => unregister(field)), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
342
+ }, setFormSelected: setValue, resetForm: () => fieldsToReset && fieldsToReset.map((field) => {
343
+ setValue(field, undefined);
344
+ unregister(field);
345
+ }), clearError: clearErrors, onFormBlur: onBlur, ...restField, ...rest }));
344
346
  } }));
345
347
  }
346
348
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoinsight/react-components",
3
- "version": "0.6.10",
3
+ "version": "0.6.11",
4
4
  "description": "This library is the main UI component library for geoinsight",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",