@geoinsight/react-components 0.6.0 → 0.6.1

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.
@@ -444,7 +444,9 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
444
444
  }
445
445
 
446
446
  .textarea__input:enabled:hover {
447
- border: 3px solid var(--color-primary-700);
447
+ box-shadow: 4px 6px 4px 0 var(--color-neutral-400);
448
+ transition: var(--transition-box-shadow-cubic-bezier);
449
+
448
450
  }
449
451
 
450
452
  .textarea__input:disabled {
package/dist/cjs/index.js CHANGED
@@ -190,7 +190,7 @@ const AccordionContent = function AccordionContent({ children, label, toggle, })
190
190
  function Form({ children, onSubmit, submitButton = {
191
191
  label: "Submit",
192
192
  }, ...rest }) {
193
- const { handleSubmit, control, formState: { errors, isValid }, } = reactHookForm.useForm();
193
+ const { handleSubmit, setValue, control, formState: { errors, isValid }, } = reactHookForm.useForm();
194
194
  const [result, setResult] = react.useState({
195
195
  message: "",
196
196
  isSuccess: false,
@@ -203,7 +203,7 @@ function Form({ children, onSubmit, submitButton = {
203
203
  required: error?.message || "Field is required",
204
204
  }
205
205
  : {}),
206
- }, render: ({ field: { ...restField } }) => {
206
+ }, render: ({ field: { onBlur, ...restField } }) => {
207
207
  return react.cloneElement(child, {
208
208
  error: {
209
209
  is: Object.keys(errors).length > 0 && !!errors[name],
@@ -211,8 +211,8 @@ function Form({ children, onSubmit, submitButton = {
211
211
  Object.keys(errors).length > 0 &&
212
212
  errors[name]?.message,
213
213
  },
214
- // name: name,
215
- // value: value || rest.value,
214
+ setFormSelected: setValue,
215
+ onFormBlur: onBlur,
216
216
  ...restField,
217
217
  ...rest,
218
218
  });
@@ -444,7 +444,9 @@ transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic
444
444
  }
445
445
 
446
446
  .textarea__input:enabled:hover {
447
- border: 3px solid var(--color-primary-700);
447
+ box-shadow: 4px 6px 4px 0 var(--color-neutral-400);
448
+ transition: var(--transition-box-shadow-cubic-bezier);
449
+
448
450
  }
449
451
 
450
452
  .textarea__input:disabled {
package/dist/esm/index.js CHANGED
@@ -188,7 +188,7 @@ const AccordionContent = function AccordionContent({ children, label, toggle, })
188
188
  function Form({ children, onSubmit, submitButton = {
189
189
  label: "Submit",
190
190
  }, ...rest }) {
191
- const { handleSubmit, control, formState: { errors, isValid }, } = useForm();
191
+ const { handleSubmit, setValue, control, formState: { errors, isValid }, } = useForm();
192
192
  const [result, setResult] = useState({
193
193
  message: "",
194
194
  isSuccess: false,
@@ -201,7 +201,7 @@ function Form({ children, onSubmit, submitButton = {
201
201
  required: error?.message || "Field is required",
202
202
  }
203
203
  : {}),
204
- }, render: ({ field: { ...restField } }) => {
204
+ }, render: ({ field: { onBlur, ...restField } }) => {
205
205
  return cloneElement(child, {
206
206
  error: {
207
207
  is: Object.keys(errors).length > 0 && !!errors[name],
@@ -209,8 +209,8 @@ function Form({ children, onSubmit, submitButton = {
209
209
  Object.keys(errors).length > 0 &&
210
210
  errors[name]?.message,
211
211
  },
212
- // name: name,
213
- // value: value || rest.value,
212
+ setFormSelected: setValue,
213
+ onFormBlur: onBlur,
214
214
  ...restField,
215
215
  ...rest,
216
216
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoinsight/react-components",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
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",