@dartcom/ui-kit 10.1.6 → 10.1.7

package/dist/components/layers/leaflet/layers/traffic-sign/ui/forms/update/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/layers/leaflet/layers/traffic-sign/ui/forms/update/update.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwC/B,OAAO,EACL,0BAA0B,EAE3B,MAAM,SAAS,CAAC;;AAiQjB,wBAA+C"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/layers/leaflet/layers/traffic-sign/ui/forms/update/update.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwC/B,OAAO,EACL,0BAA0B,EAE3B,MAAM,SAAS,CAAC;;AAiRjB,wBAA+C"}

package/dist/index.cjs

@@ -29860,24 +29860,29 @@ function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Pro
 
 const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, onUpdateDop, }) => {
     const [tabsValue, setTabsValue] = React__namespace.useState('1');
-    const handleChange = (event, newValue) => {
+    const handleChange = React__namespace.useCallback((_, newValue) => {
         setTabsValue(newValue);
-    };
+    }, []);
     const [expanded, setExpanded] = React__namespace.useState(false);
-    const form = useForm({
-        resolver: o(schema$2),
-        defaultValues: {
+    const defaultValues = React__namespace.useMemo(() => {
+        const { dops, traffic_sign_id } = trafficSign;
+        const defaultValues = {
             ...trafficSign,
             ...getTrafficSignFrontendDates(trafficSign),
-            oldDops: trafficSign.dops.map((trafficSignDop) => ({
+            oldDops: dops.map((trafficSignDop) => ({
                 ...trafficSignDop,
-                traffic_sign_id: trafficSign.traffic_sign_number,
+                traffic_sign_id,
                 ...getTrafficSignFrontendDates(trafficSignDop),
             })),
             newDops: [],
-        },
+        };
+        return defaultValues;
+    }, [trafficSign]);
+    const form = useForm({
+        resolver: o(schema$2),
+        defaultValues,
     });
-    const { control, register, setValue, watch, formState: { errors }, } = form;
+    const { reset, control, register, setValue, watch, formState: { errors }, } = form;
     const oldDopsFieldArray = useFieldArray({
         control,
         name: 'oldDops',
@@ -29897,6 +29902,9 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
             });
         }
     }, [errors]);
+    React__namespace.useEffect(() => {
+        reset(defaultValues);
+    }, [trafficSign]);
     return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsxs(lab.TabContext, { value: tabsValue, children: [jsxRuntime.jsx(material.Box, { sx: { borderBottom: 1, borderColor: 'divider' }, children: jsxRuntime.jsxs(lab.TabList, { onChange: handleChange, "aria-label": "lab API tabs example", children: [jsxRuntime.jsx(material.Tab, { label: "Traffic Sign", value: "1", sx: {
                                         textTransform: 'none',
                                     } }), jsxRuntime.jsx(material.Tab, { label: "Traffic Sign Dop", value: "2", sx: {