@douglasneuroinformatics/libui 2.4.1 → 2.4.3

package/dist/components/Form/Form.d.ts

@@ -11,8 +11,9 @@ type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<T
     onSubmit: (data: TData) => void;
     resetBtn?: boolean;
     submitBtnLabel?: string;
+    useInitialValuesOnReset?: boolean;
     validationSchema: z.ZodType<TData>;
 };
-declare const Form: <TSchema extends z.ZodType<FormDataType, z.ZodTypeDef, FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ className, content, id, initialValues, onError, onSubmit, resetBtn, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => React.JSX.Element;
+declare const Form: <TSchema extends z.ZodType<FormDataType, z.ZodTypeDef, FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ className, content, id, initialValues, onError, onSubmit, resetBtn, submitBtnLabel, useInitialValuesOnReset, validationSchema, ...props }: FormProps<TSchema, TData>) => React.JSX.Element;
 export { Form, type FormProps };
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EAGZ,2BAA2B,EAC5B,MAAM,2CAA2C,CAAC;AAInD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC7G,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,IAAI,iPAWP,UAAU,OAAO,EAAE,KAAK,CAAC,sBAgG3B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EAGZ,2BAA2B,EAC5B,MAAM,2CAA2C,CAAC;AAInD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC7G,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,IAAI,0QAYP,UAAU,OAAO,EAAE,KAAK,CAAC,sBAoG3B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}

package/dist/components/Form/Form.js

@@ -8,7 +8,7 @@ import { Heading } from '../Heading/Heading.js';
 import { ErrorMessage } from './ErrorMessage.js';
 import { FieldsComponent } from './FieldsComponent.js';
 import { getInitialValues } from './utils.js';
-const Form = ({ className, content, id, initialValues, onError, onSubmit, resetBtn, submitBtnLabel, validationSchema, ...props }) => {
+const Form = ({ className, content, id, initialValues, onError, onSubmit, resetBtn, submitBtnLabel, useInitialValuesOnReset, validationSchema, ...props }) => {
     const { t } = useTranslation('libui');
     const [rootError, setRootError] = useState(null);
     const [errors, setErrors] = useState({});
@@ -33,7 +33,12 @@ const Form = ({ className, content, id, initialValues, onError, onSubmit, resetB
     const reset = () => {
         setRootError(null);
         setErrors({});
-        setValues({});
+        if (useInitialValuesOnReset && initialValues) {
+            setValues(getInitialValues(initialValues));
+        }
+        else {
+            setValues({});
+        }
     };
     const handleSubmit = (event) => {
         event.preventDefault();

package/dist/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9B,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAE1C,eAAe;AACf,QAAA,MAAM,aAAa,EAAE,KAAe,CAAC;AAErC,eAAe;AACf,QAAA,MAAM,eAAe,cAAc,CAAC;AAEpC,eAAe;AACf,QAAA,MAAM,SAAS,UAAU,CAAC;AAE1B,eAAe;AACf,QAAA,MAAM,oBAAoB,iCAAiC,CAAC;AAE5D;;;;;GAKG;AACH,iBAAS,QAAQ,IAAI,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,CA8CjD;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,KAAK,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9B,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAE1C,eAAe;AACf,QAAA,MAAM,aAAa,EAAE,KAAe,CAAC;AAErC,eAAe;AACf,QAAA,MAAM,eAAe,cAAc,CAAC;AAEpC,eAAe;AACf,QAAA,MAAM,SAAS,UAAU,CAAC;AAE1B,eAAe;AACf,QAAA,MAAM,oBAAoB,iCAAiC,CAAC;AAE5D;;;;;GAKG;AACH,iBAAS,QAAQ,IAAI,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,CA2CjD;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,KAAK,EAAE,QAAQ,EAAE,CAAC"}

package/dist/hooks/useTheme.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { isBrowser } from '../utils.js';
 /** @private */
 const DEFAULT_THEME = 'light';
@@ -52,9 +52,9 @@ function useTheme() {
         return () => observer.disconnect();
     }, []);
     // When the user wants to change the theme
-    const updateTheme = useCallback((theme) => {
+    const updateTheme = (theme) => {
         document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);
-    }, [document.documentElement]);
+    };
     return [theme, updateTheme];
 }
 export { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, THEME_ATTRIBUTE, THEME_KEY, useTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "packageManager": "pnpm@8.15.3",
   "description": "Generic UI components for DNP projects, built using React and TailwindCSS",
   "author": {

package/src/components/Form/Form.tsx

@@ -30,6 +30,7 @@ type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<T
   onSubmit: (data: TData) => void;
   resetBtn?: boolean;
   submitBtnLabel?: string;
+  useInitialValuesOnReset?: boolean;
   validationSchema: z.ZodType<TData>;
 };
 
@@ -42,6 +43,7 @@ const Form = <TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TS
   onSubmit,
   resetBtn,
   submitBtnLabel,
+  useInitialValuesOnReset,
   validationSchema,
   ...props
 }: FormProps<TSchema, TData>) => {
@@ -72,7 +74,11 @@ const Form = <TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TS
   const reset = () => {
     setRootError(null);
     setErrors({});
-    setValues({});
+    if (useInitialValuesOnReset && initialValues) {
+      setValues(getInitialValues(initialValues));
+    } else {
+      setValues({});
+    }
   };
 
   const handleSubmit: React.FormEventHandler<HTMLFormElement> = (event) => {

package/src/hooks/useTheme.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { isBrowser } from '../utils.js';
 
@@ -62,12 +62,9 @@ function useTheme(): readonly [Theme, UpdateTheme] {
   }, []);
 
   // When the user wants to change the theme
-  const updateTheme = useCallback(
-    (theme: Theme) => {
-      document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);
-    },
-    [document.documentElement]
-  );
+  const updateTheme = (theme: Theme) => {
+    document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);
+  };
 
   return [theme, updateTheme] as const;
 }