@douglasneuroinformatics/libui 3.7.5 → 3.7.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "3.7.5",
+  "version": "3.7.6",
   "packageManager": "pnpm@9.14.2",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",
@@ -69,7 +69,7 @@
     "zod": "^3.23.6"
   },
   "dependencies": {
-    "@douglasneuroinformatics/libjs": "^0.8.0",
+    "@douglasneuroinformatics/libjs": "^1.1.0",
     "@douglasneuroinformatics/libui-form-types": "^0.11.0",
     "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-alert-dialog": "^1.1.2",

package/src/components/Form/DateField/DateField.tsx

@@ -19,7 +19,7 @@ export type DateFieldProps = Simplify<BaseFieldComponentProps<Date> & Omit<DateF
 export const DateField = ({ disabled, error, label, name, readOnly, setValue, value }: DateFieldProps) => {
   const [isDatePickerOpen, setIsDatePickerOpen] = useState(false);
   const [isInputFocused, setIsInputFocused] = useState(false);
-  const [inputValue, setInputValue] = useState('');
+  const [inputValue, setInputValue] = useState(value ? toBasicISOString(value) : '');
 
   useEffect(() => {
     const isSelecting = isDatePickerOpen || isInputFocused;

package/src/components/Form/NumberRecordField.tsx

@@ -27,13 +27,19 @@ export const NumberRecordField = <T extends NumberRecordFieldValue = NumberRecor
   setValue: setRecordValue,
   value: recordValue
 }: NumberRecordFieldProps<T>) => {
-  const isFirstRenderRef = useRef(true);
+  const optionsRef = useRef(options);
 
   useEffect(() => {
-    if ((isFirstRenderRef.current && !recordValue) || !isFirstRenderRef.current) {
+    if (!recordValue) {
       setRecordValue({});
     }
-    isFirstRenderRef.current = false;
+  }, []);
+
+  useEffect(() => {
+    if (optionsRef.current !== options) {
+      setRecordValue({});
+      optionsRef.current = options;
+    }
   }, [options]);
 
   if (!recordValue) {

package/src/components/Form/RecordArrayField.tsx

@@ -25,16 +25,22 @@ export const RecordArrayField = memo(function RecordArrayField({
   setValue: setArrayValue,
   value: arrayValue
 }: RecordArrayFieldProps) {
-  const isFirstRenderRef = useRef(true);
+  const fieldsetRef = useRef(fieldset);
   const { t } = useTranslation('libui');
 
   const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, undefined]));
 
   useEffect(() => {
-    if ((isFirstRenderRef.current && !arrayValue) || !isFirstRenderRef.current) {
+    if (!arrayValue) {
       setArrayValue([createNewRecord()]);
     }
-    isFirstRenderRef.current = false;
+  }, []);
+
+  useEffect(() => {
+    if (fieldsetRef.current !== fieldset) {
+      setArrayValue([createNewRecord()]);
+      fieldsetRef.current = fieldset;
+    }
   }, [fieldset]);
 
   if (!arrayValue) {