@dartcom/ui-kit 10.1.0 → 10.1.2

package/dist/index.cjs

@@ -16907,6 +16907,20 @@ const _testApiKeys = {
     invalid: 'abcdefghijklmnopqrstuvwxyz0123456789',
 };
 
+class LoggerService {
+    constructor() { }
+    log({ message, context, meta, }) {
+        console.log(context, message, meta);
+    }
+    warn({ message, context, meta, }) {
+        console.warn(context, message, meta);
+    }
+    error({ message, context, meta, }) {
+        console.error(context, message, meta);
+    }
+}
+const loggerService = new LoggerService();
+
 exports.API_METHODS = void 0;
 (function (API_METHODS) {
     API_METHODS["GET"] = "GET";
@@ -27249,6 +27263,7 @@ const trafficSignDateFields = [
     'verification_date',
     'warranty_expr_date',
 ];
+const trafficSignDateFormat = 'dd.MM.yyyy';
 
 const getTrafficSignLayers = (source) => {
     const layers = [];
@@ -27320,12 +27335,25 @@ const getTrafficSignTitlesOptions = () => {
     return options;
 };
 const getTrafficSignFrontendDates = (fields) => {
-    const frontendDates = trafficSignDateFields.reduce((acc, fieldName) => ({
-        ...acc,
-        [fieldName]: new Date(fields[fieldName]),
-    }), {});
+    const frontendDates = {
+        ...trafficSignFrontendDates,
+    };
+    trafficSignDateFields.forEach((dateField) => {
+        const frontendDate = new Date(fields[dateField]);
+        frontendDates[dateField] = frontendDate;
+    });
     return frontendDates;
 };
+const getTrafficSignBackendDates = (fields) => {
+    const backendDates = {
+        ...trafficSignBackendDates,
+    };
+    trafficSignDateFields.forEach((dateField) => {
+        const backendDate = getBackendDate(fields[dateField]);
+        backendDates[dateField] = backendDate;
+    });
+    return backendDates;
+};
 const parseTrafficSignCSVFile = (data) => {
     const trafficSigns = data;
     const trafficSignData = {};
@@ -27342,6 +27370,13 @@ const getTrafficSignTitleByNumber = (number) => {
     const title = allTrafficSigns[number].title;
     return title;
 };
+const getBackendDate = (date) => {
+    const year = date.getFullYear();
+    const month = `${date.getUTCMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getUTCDate()}`.padStart(2, '0');
+    const backendDate = `${year}-${month}-${day}`;
+    return backendDate;
+};
 
 /**
    * table-core
@@ -30725,10 +30760,6 @@ const TrafficSignPreviewImage = ({ number, }) => {
         type: 'preview',
         number,
     });
-    const allTrafficSigns = {
-        ...trafficSigns,
-        ...trafficSignsDop,
-    };
     const { height } = allTrafficSigns[number];
     return (jsxRuntime.jsx("img", { src: imgSrc, id: imgId, width: trafficSignWidths['preview'], height: height * 2, ref: imgRef, alt: `traffic-sign-${number}` }));
 };
@@ -30977,11 +31008,11 @@ const CustomCard = ({ children, sx = {}, ...props }) => {
         }, children: children }));
 };
 
-function DateField({ name, label }) {
+function DateField({ name, ...props }) {
     const { control } = useFormContext$1();
     const id = React__namespace.useId();
     return (jsxRuntime.jsx(Controller, { control: control, name: name, render: ({ field }) => {
-            return (jsxRuntime.jsx(DateField$1.DateField, { ...field, id: id, label: label, slots: {
+            return (jsxRuntime.jsx(DateField$1.DateField, { ...props, ...field, id: id, slots: {
                     field: TextField,
                 } }));
         } }));
@@ -31007,7 +31038,7 @@ const TrafficSignDopUpdateForm = ({ index, onDelete, onUpdate, }) => {
                                         description: 'Вы действительно хотите удалить данный traffic sign?',
                                     }, onDelete: () => {
                                         onDelete(trafficSign);
-                                    } }), jsxRuntime.jsx(TrafficSignPreviewImage$1, { number: dop_sign_number }), jsxRuntime.jsxs(material.Typography, { children: [getTrafficSignTitleByNumber(dop_sign_number), " (", dop_sign_number, ")"] })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { pageSize: 5, filtered: {
+                                    } }), jsxRuntime.jsx(TrafficSignPreviewTitle$1, { number: dop_sign_number })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { pageSize: 5, filtered: {
                                 type: false,
                             }, trafficSigns: trafficSignsDop, onSelect: ({ title, number }) => {
                                 setValue(`${fieldName$1}.${index}.dop_sign_number`, number);
@@ -31017,19 +31048,19 @@ const TrafficSignDopUpdateForm = ({ index, onDelete, onUpdate, }) => {
                     display: 'grid',
                     gridTemplateColumns: 'repeat(2, 1fr)',
                     gap: '12px',
-                }, children: [jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.placement_date`), label: trafficSignFieldsTitles.placement_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.verification_date`), label: trafficSignFieldsTitles.verification_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.future_maintanance_date`), label: trafficSignFieldsTitles.future_maintanance_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.rapair_performed_date`), label: trafficSignFieldsTitles.rapair_performed_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.warranty_expr_date`), label: trafficSignFieldsTitles.warranty_expr_date })] }), jsxRuntime.jsx(Button, { onClick: () => {
+                }, children: [jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.placement_date`), label: trafficSignFieldsTitles.placement_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.verification_date`), label: trafficSignFieldsTitles.verification_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.future_maintanance_date`), label: trafficSignFieldsTitles.future_maintanance_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.rapair_performed_date`), label: trafficSignFieldsTitles.rapair_performed_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.warranty_expr_date`), label: trafficSignFieldsTitles.warranty_expr_date, format: trafficSignDateFormat })] }), jsxRuntime.jsx(Button, { onClick: () => {
                     onUpdate(trafficSign);
                 }, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
 var TrafficSignDopUpdateForm$1 = observer(TrafficSignDopUpdateForm);
 
-const fieldName = 'dops';
+const fieldName = 'newDops';
 const TrafficSignDopCreateForm = ({ index, onDelete, }) => {
+    const { palette } = material.useTheme();
     const [expanded, setExpanded] = React__namespace.useState(false);
     const { setValue, register, watch } = useFormContext$1();
     const trafficSign = watch(`${fieldName}.${index}`);
     const { dop_sign_number } = trafficSign;
-    const title = getTrafficSignTitleByNumber(dop_sign_number);
     return (jsxRuntime.jsxs(material.Box, { sx: {
             display: 'grid',
             gap: '12px',
@@ -31039,10 +31070,13 @@ const TrafficSignDopCreateForm = ({ index, onDelete, }) => {
                                 display: 'flex',
                                 alignItems: 'center',
                                 gap: '12px',
-                            }, children: [jsxRuntime.jsx(DeleteButton, { notification: {
+                            }, children: [jsxRuntime.jsx(Paragraph, { variant: "h6", color: "error", sx: {
+                                        fontWeight: 700,
+                                        color: palette.primary['main'],
+                                    }, children: "NEW" }), jsxRuntime.jsx(DeleteButton, { notification: {
                                         title: 'Удалить traffic sign',
                                         description: 'Вы действительно хотите удалить данный traffic sign?',
-                                    }, onDelete: onDelete }), jsxRuntime.jsx(TrafficSignPreviewImage$1, { number: dop_sign_number }), jsxRuntime.jsxs(material.Typography, { children: [title, " (", dop_sign_number, ")"] })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { pageSize: 5, filtered: {
+                                    }, onDelete: onDelete }), jsxRuntime.jsx(TrafficSignPreviewTitle$1, { number: dop_sign_number })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { pageSize: 5, filtered: {
                                 type: false,
                             }, trafficSigns: trafficSignsDop, onSelect: ({ title, number }) => {
                                 setValue(`${fieldName}.${index}.dop_sign_number`, number);
@@ -31052,10 +31086,20 @@ const TrafficSignDopCreateForm = ({ index, onDelete, }) => {
                     display: 'grid',
                     gridTemplateColumns: 'repeat(2, 1fr)',
                     gap: '12px',
-                }, children: [jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.placement_date`), label: trafficSignFieldsTitles.placement_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.verification_date`), label: trafficSignFieldsTitles.verification_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.future_maintanance_date`), label: trafficSignFieldsTitles.future_maintanance_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.rapair_performed_date`), label: trafficSignFieldsTitles.rapair_performed_date }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.warranty_expr_date`), label: trafficSignFieldsTitles.warranty_expr_date })] })] }));
+                }, children: [jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.placement_date`), label: trafficSignFieldsTitles.placement_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.verification_date`), label: trafficSignFieldsTitles.verification_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.future_maintanance_date`), label: trafficSignFieldsTitles.future_maintanance_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.rapair_performed_date`), label: trafficSignFieldsTitles.rapair_performed_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.warranty_expr_date`), label: trafficSignFieldsTitles.warranty_expr_date, format: trafficSignDateFormat })] })] }));
 };
 var TrafficSignDopCreateForm$1 = observer(TrafficSignDopCreateForm);
 
+const TrafficSignPreviewTitle = ({ number, }) => {
+    const title = getTrafficSignTitleByNumber(number);
+    return (jsxRuntime.jsxs(material.Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '12px',
+        }, children: [jsxRuntime.jsx(TrafficSignPreviewImage$1, { number: number }), jsxRuntime.jsxs(material.Typography, { children: [title, " (", number, ")"] })] }));
+};
+var TrafficSignPreviewTitle$1 = observer(TrafficSignPreviewTitle);
+
 /**
  * Based on Kendo UI Core expression code <https://github.com/telerik/kendo-ui-core#license-information>
  */
@@ -33650,51 +33694,61 @@ class ArraySchema extends Schema {
 }
 create$2.prototype = ArraySchema.prototype;
 
-const updatedTrafficSignDopSchema = create$3().shape({
+const trafficSignDopIdsFieldsSchema = {
     traffic_sign_id: create$6().required(),
     dop_id: create$6().required(),
+};
+const trafficSignDopMainFieldsSchema = {
     dop_sign_number: create$6().required(),
     dop_sign_title: create$6().required(),
-    dop_sign_text: create$6(),
-    comment: create$6(),
     status: create$6().required(),
+    dop_sign_text: create$6().nullable(),
+    comment: create$6().nullable(),
+};
+const trafficSignDopDatesFieldsSchema = {
     future_maintanance_date: create$4().required(),
     placement_date: create$4().required(),
     rapair_performed_date: create$4().required(),
     verification_date: create$4().required(),
     warranty_expr_date: create$4().required(),
+};
+const updatedTrafficSignDopSchema = create$3().shape({
+    ...trafficSignDopIdsFieldsSchema,
+    ...trafficSignDopMainFieldsSchema,
+    ...trafficSignDopDatesFieldsSchema,
 });
 const createdTrafficSignDopSchema = create$3().shape({
-    dop_sign_number: create$6().required(),
-    dop_sign_title: create$6().required(),
-    dop_sign_text: create$6(),
-    comment: create$6(),
-    status: create$6().required(),
-    future_maintanance_date: create$4().required(),
-    placement_date: create$4().required(),
-    rapair_performed_date: create$4().required(),
-    verification_date: create$4().required(),
-    warranty_expr_date: create$4().required(),
+    ...trafficSignDopMainFieldsSchema,
+    ...trafficSignDopDatesFieldsSchema,
 });
-
-const schema$2 = create$3()
-    .shape({
-    traffic_sign_id: create$6().required(),
-    dit_id: create$5().required(),
-    tsodd_id: create$5().required(),
-    pillar_id: create$6(),
+const mainFieldsSchema = {
     traffic_sign_type: create$6().required(),
     traffic_sign_number: create$6().required(),
     traffic_sign_title: create$6().required(),
     status: create$6().required(),
-    comment: create$6(),
-    traffic_sign_value: create$6(),
-    direction: create$5(),
+    comment: create$6().nullable(),
+    traffic_sign_value: create$6().nullable(),
+    direction: create$5().nullable(),
+};
+const datesFieldsSchema = {
     future_maintanance_date: create$4().required(),
     placement_date: create$4().required(),
     rapair_performed_date: create$4().required(),
     verification_date: create$4().required(),
     warranty_expr_date: create$4().required(),
+};
+const idsFieldsSchema = {
+    traffic_sign_id: create$6().required(),
+    dit_id: create$5().required(),
+    tsodd_id: create$5().required(),
+    pillar_id: create$6().nullable(),
+};
+
+const schema$2 = create$3()
+    .shape({
+    ...mainFieldsSchema,
+    ...datesFieldsSchema,
+    ...idsFieldsSchema,
     oldDops: create$2().of(updatedTrafficSignDopSchema).required(),
     newDops: create$2().of(createdTrafficSignDopSchema).required(),
 });
@@ -33722,7 +33776,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
             newDops: [],
         },
     });
-    const { control, register, setValue, watch, formState: { isValid }, } = form;
+    const { control, register, setValue, watch, formState: { errors }, } = form;
     const oldDopsFieldArray = useFieldArray({
         control,
         name: 'oldDops',
@@ -33732,9 +33786,19 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
         name: 'newDops',
     });
     const number = watch('traffic_sign_number');
-    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: "TrafficSign", value: "1", sx: {
+    React__namespace.useEffect(() => {
+        const isErrors = Object.keys(errors).length > 0;
+        if (isErrors) {
+            loggerService.warn({
+                message: 'Ошибки валидации формы',
+                context: 'TrafficSignUpdateForm',
+                meta: errors,
+            });
+        }
+    }, [errors]);
+    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: "TrafficSignDop", value: "2", sx: {
+                                    } }), jsxRuntime.jsx(material.Tab, { label: "Traffic Sign Dop", value: "2", sx: {
                                         textTransform: 'none',
                                     } })] }) }), jsxRuntime.jsx(lab.TabPanel, { value: "1", children: jsxRuntime.jsxs(material.Box, { sx: {
                                 display: 'grid',
@@ -33750,7 +33814,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
                                                             description: 'Вы действительно хотите удалить данный traffic sign?',
                                                         }, onDelete: () => {
                                                             onDelete(trafficSign);
-                                                        } }), jsxRuntime.jsx(TrafficSignPreviewImage$1, { number: number }), jsxRuntime.jsxs(material.Typography, { children: [getTrafficSignTitleByNumber(number), " (", number, ")"] })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { trafficSigns: trafficSigns, pageSize: 5, onSelect: ({ title, number, type }) => {
+                                                        } }), jsxRuntime.jsx(TrafficSignPreviewTitle$1, { number: number })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { trafficSigns: trafficSigns, pageSize: 5, onSelect: ({ title, number, type }) => {
                                                     setValue('traffic_sign_number', number);
                                                     setValue('traffic_sign_title', title);
                                                     setValue('traffic_sign_type', type);
@@ -33759,34 +33823,24 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
                                         display: 'grid',
                                         gridTemplateColumns: 'repeat(2, 1fr)',
                                         gap: '12px',
-                                    }, children: [jsxRuntime.jsx(DateField, { ...register('placement_date'), label: trafficSignFieldsTitles.placement_date }), jsxRuntime.jsx(DateField, { ...register('verification_date'), label: trafficSignFieldsTitles.verification_date }), jsxRuntime.jsx(DateField, { ...register('future_maintanance_date'), label: trafficSignFieldsTitles.future_maintanance_date }), jsxRuntime.jsx(DateField, { ...register('rapair_performed_date'), label: trafficSignFieldsTitles.rapair_performed_date }), jsxRuntime.jsx(DateField, { ...register('warranty_expr_date'), label: trafficSignFieldsTitles.warranty_expr_date })] })] }) }), jsxRuntime.jsx(lab.TabPanel, { value: "2", children: jsxRuntime.jsxs(material.Box, { sx: {
+                                    }, children: [jsxRuntime.jsx(DateField, { ...register('placement_date'), label: trafficSignFieldsTitles.placement_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('verification_date'), label: trafficSignFieldsTitles.verification_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('future_maintanance_date'), label: trafficSignFieldsTitles.future_maintanance_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('rapair_performed_date'), label: trafficSignFieldsTitles.rapair_performed_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('warranty_expr_date'), label: trafficSignFieldsTitles.warranty_expr_date, format: trafficSignDateFormat })] })] }) }), jsxRuntime.jsx(lab.TabPanel, { value: "2", children: jsxRuntime.jsxs(material.Box, { sx: {
                                 display: 'grid',
                                 gap: '24px',
                             }, children: [jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsx(Button, { onClick: () => {
                                             newDopsFieldArray.append({
                                                 ...createdTrafficSignDop,
                                             });
-                                        }, children: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 traffic sign" }) }), oldDopsFieldArray.fields.map((_, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopUpdateForm$1, { index: index, onDelete: onDeleteDop, onUpdate: onUpdateDop }) }, index))), newDopsFieldArray.fields.map((_, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopCreateForm$1, { onDelete: () => {
+                                        }, children: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 traffic sign" }) }), oldDopsFieldArray.fields.map(({ id }, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopUpdateForm$1, { index: index, onDelete: onDeleteDop, onUpdate: onUpdateDop }) }, id))), newDopsFieldArray.fields.map(({ id }, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopCreateForm$1, { onDelete: () => {
                                             newDopsFieldArray.remove(index);
-                                        }, index: index }) }, index)))] }) })] }), jsxRuntime.jsx(Button, { type: "submit", disabled: !isValid, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
+                                        }, index: index }) }, id)))] }) })] }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
 var update = observer(TrafficSignUpdateForm);
 
 const schema$1 = create$3()
     .shape({
-    traffic_sign_type: create$6().required(),
-    traffic_sign_number: create$6().required(),
-    traffic_sign_title: create$6().required(),
-    status: create$6().required(),
-    comment: create$6(),
-    traffic_sign_value: create$6(),
-    direction: create$5(),
-    future_maintanance_date: create$4().required(),
-    placement_date: create$4().required(),
-    rapair_performed_date: create$4().required(),
-    verification_date: create$4().required(),
-    warranty_expr_date: create$4().required(),
-    dops: create$2().of(createdTrafficSignDopSchema).required(),
+    ...mainFieldsSchema,
+    ...datesFieldsSchema,
+    newDops: create$2().of(createdTrafficSignDopSchema).required(),
 });
 
 const TrafficSignCreateForm = ({ onSubmit, }) => {
@@ -33801,12 +33855,22 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
             ...cratedTrafficSign,
         },
     });
-    const { control, register, setValue, watch, formState: { isValid }, } = form;
-    const dopsFieldArray = useFieldArray({
+    const { control, register, setValue, watch, formState: { errors }, } = form;
+    const newDopsFieldArray = useFieldArray({
         control,
-        name: 'dops',
+        name: 'newDops',
     });
     const number = watch('traffic_sign_number');
+    React__namespace.useEffect(() => {
+        const isErrors = Object.keys(errors).length > 0;
+        if (isErrors) {
+            loggerService.warn({
+                message: 'Ошибки валидации формы',
+                context: 'TrafficSignCreateForm',
+                meta: errors,
+            });
+        }
+    }, [errors]);
     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: "TrafficSign", value: "1", sx: {
                                         textTransform: 'none',
                                     } }), jsxRuntime.jsx(material.Tab, { label: "TrafficSignDop", value: "2", sx: {
@@ -33816,11 +33880,7 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
                                 gap: '12px',
                             }, children: [jsxRuntime.jsxs(material.Accordion, { expanded: expanded, children: [jsxRuntime.jsx(material.AccordionSummary, { expandIcon: jsxRuntime.jsx(ArrowDownwardIcon, {}), onClick: () => {
                                                 setExpanded((prevState) => !prevState);
-                                            }, "aria-controls": "panel1-content", id: "panel1-header", children: jsxRuntime.jsxs(material.Box, { sx: {
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    gap: '12px',
-                                                }, children: [jsxRuntime.jsx(TrafficSignPreviewImage$1, { number: number }), jsxRuntime.jsxs(material.Typography, { children: [getTrafficSignTitleByNumber(number), " (", number, ")"] })] }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { trafficSigns: trafficSigns, pageSize: 5, onSelect: ({ title, number, type }) => {
+                                            }, "aria-controls": "panel1-content", id: "panel1-header", children: jsxRuntime.jsx(TrafficSignPreviewTitle$1, { number: number }) }), jsxRuntime.jsx(material.AccordionDetails, { children: jsxRuntime.jsx(TrafficSignTable$1, { trafficSigns: trafficSigns, pageSize: 5, onSelect: ({ title, number, type }) => {
                                                     setValue('traffic_sign_number', number);
                                                     setValue('traffic_sign_title', title);
                                                     setValue('traffic_sign_type', type);
@@ -33829,16 +33889,16 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
                                         display: 'grid',
                                         gridTemplateColumns: 'repeat(2, 1fr)',
                                         gap: '12px',
-                                    }, children: [jsxRuntime.jsx(DateField, { ...register('placement_date'), label: trafficSignFieldsTitles.placement_date }), jsxRuntime.jsx(DateField, { ...register('verification_date'), label: trafficSignFieldsTitles.verification_date }), jsxRuntime.jsx(DateField, { ...register('future_maintanance_date'), label: trafficSignFieldsTitles.future_maintanance_date }), jsxRuntime.jsx(DateField, { ...register('rapair_performed_date'), label: trafficSignFieldsTitles.rapair_performed_date }), jsxRuntime.jsx(DateField, { ...register('warranty_expr_date'), label: trafficSignFieldsTitles.warranty_expr_date })] })] }) }), jsxRuntime.jsx(lab.TabPanel, { value: "2", children: jsxRuntime.jsxs(material.Box, { sx: {
+                                    }, children: [jsxRuntime.jsx(DateField, { ...register('placement_date'), label: trafficSignFieldsTitles.placement_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('verification_date'), label: trafficSignFieldsTitles.verification_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('future_maintanance_date'), label: trafficSignFieldsTitles.future_maintanance_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('rapair_performed_date'), label: trafficSignFieldsTitles.rapair_performed_date, format: trafficSignDateFormat }), jsxRuntime.jsx(DateField, { ...register('warranty_expr_date'), label: trafficSignFieldsTitles.warranty_expr_date, format: trafficSignDateFormat })] })] }) }), jsxRuntime.jsx(lab.TabPanel, { value: "2", children: jsxRuntime.jsxs(material.Box, { sx: {
                                 display: 'grid',
                                 gap: '24px',
                             }, children: [jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsx(Button, { onClick: () => {
-                                            dopsFieldArray.append({
+                                            newDopsFieldArray.append({
                                                 ...createdTrafficSignDop,
                                             });
-                                        }, children: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 traffic sign" }) }), dopsFieldArray.fields.map((_, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopCreateForm$1, { onDelete: () => {
-                                            dopsFieldArray.remove(index);
-                                        }, index: index }) }, index)))] }) })] }), jsxRuntime.jsx(Button, { type: "submit", disabled: !isValid, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
+                                        }, children: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 traffic sign" }) }), newDopsFieldArray.fields.map(({ id }, index) => (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignDopCreateForm$1, { onDelete: () => {
+                                            newDopsFieldArray.remove(index);
+                                        }, index: index }) }, id)))] }) })] }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
 var create = observer(TrafficSignCreateForm);
 
@@ -34184,11 +34244,15 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [eventHandlers]);
     const addSource = React__namespace.useCallback((sourceConfig) => {
         if (!scene) {
-            console.warn('Scene не инициализирована');
+            loggerService.warn({
+                message: 'Scene не инициализирована',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         const { name } = sourceConfig;
@@ -34198,18 +34262,24 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [scene, config]);
     const getSource = React__namespace.useCallback((sourceName) => {
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         return structuredClone(config.sources[sourceName]);
     }, [config]);
     const updateSource = React__namespace.useCallback((sourceName, newUrl) => {
         if (!scene) {
-            console.warn('Scene не инициализирована');
+            loggerService.warn({
+                message: 'Scene не инициализирована',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         config.sources[sourceName].url = newUrl;
@@ -34218,11 +34288,15 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [config, scene]);
     const addLayer = React__namespace.useCallback((layer) => {
         if (!scene) {
-            console.warn('Scene не инициализирован');
+            loggerService.warn({
+                message: 'Scene не инициализирован',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирован');
+            loggerService.warn({
+                message: 'Config не инициализирован',
+            });
             return;
         }
         const order = getLayers().length + 1;
@@ -34255,11 +34329,15 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [config, scene, eventHandlers]);
     const removeLayer = React__namespace.useCallback((layer) => {
         if (!scene) {
-            console.warn('Scene не инициализирован');
+            loggerService.warn({
+                message: 'Scene не инициализирован',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирован');
+            loggerService.warn({
+                message: 'Config не инициализирован',
+            });
             return;
         }
         const layerName = getLayerName(layer);
@@ -34271,11 +34349,15 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [config, scene]);
     const addStyle = React__namespace.useCallback(({ name, style }) => {
         if (!scene) {
-            console.warn('Scene не инициализирована');
+            loggerService.warn({
+                message: 'Scene не инициализирована',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         config.styles[name] = structuredClone(style);
@@ -34283,7 +34365,9 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [config, scene]);
     const getLayerVisibility = React__namespace.useCallback((layer) => {
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         const layerName = getLayerName(layer);
@@ -34292,11 +34376,15 @@ const useGetLeafletLayer = ({ eventHandlers, }) => {
     }, [config]);
     const toggleLayerVisibility = React__namespace.useCallback(({ layer, visible }) => {
         if (!scene) {
-            console.warn('Scene не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         if (!config) {
-            console.warn('Config не инициализирована');
+            loggerService.warn({
+                message: 'Config не инициализирована',
+            });
             return;
         }
         const layerName = getLayerName(layer);
@@ -37152,6 +37240,7 @@ exports.TrafficSignCreateForm = create;
 exports.TrafficSignDopCreateForm = TrafficSignDopCreateForm$1;
 exports.TrafficSignDopUpdateForm = TrafficSignDopUpdateForm$1;
 exports.TrafficSignPreviewImage = TrafficSignPreviewImage$1;
+exports.TrafficSignPreviewTitle = TrafficSignPreviewTitle$1;
 exports.TrafficSignTable = TrafficSignTable$1;
 exports.TrafficSignUpdateForm = update;
 exports.UploadButton = UploadButton;
@@ -37171,6 +37260,7 @@ exports.getAllLayers = getAllLayers;
 exports.getAllPointLayers = getAllPointLayers;
 exports.getAllPolygonLayers = getAllPolygonLayers;
 exports.getAllPolylineLayers = getAllPolylineLayers;
+exports.getBackendDate = getBackendDate;
 exports.getBuildingLayers = getBuildingLayers;
 exports.getBuiltupAreaLayers = getBuiltupAreaLayers;
 exports.getCameraLayers = getCameraLayers;
@@ -37194,6 +37284,7 @@ exports.getPillarLayers = getPillarLayers;
 exports.getPointAddressLayers = getPointAddressLayers;
 exports.getRailroadLayers = getRailroadLayers;
 exports.getRoadPolyLayers = getRoadPolyLayers;
+exports.getTrafficSignBackendDates = getTrafficSignBackendDates;
 exports.getTrafficSignFrontendDates = getTrafficSignFrontendDates;
 exports.getTrafficSignImgSrc = getTrafficSignImgSrc;
 exports.getTrafficSignLayers = getTrafficSignLayers;
@@ -37206,6 +37297,7 @@ exports.getValidLayer = getValidLayer;
 exports.getWaterAreaLayers = getWaterAreaLayers;
 exports.getWaterLinkLayers = getWaterLinkLayers;
 exports.imagesPath = imagesPath;
+exports.loggerService = loggerService;
 exports.modalStyle = modalStyle;
 exports.parseTrafficSignCSVFile = parseTrafficSignCSVFile;
 exports.queryClient = queryClient;
@@ -37215,6 +37307,7 @@ exports.text_source = text_source;
 exports.tile_size = tile_size;
 exports.trafficSignBackendDates = trafficSignBackendDates;
 exports.trafficSignDateFields = trafficSignDateFields;
+exports.trafficSignDateFormat = trafficSignDateFormat;
 exports.trafficSignDopMainFields = trafficSignDopMainFields;
 exports.trafficSignExtension = trafficSignExtension;
 exports.trafficSignFieldsTitles = trafficSignFieldsTitles;