@dartcom/ui-kit 10.1.17 → 10.1.18

package/dist/index.cjs

@@ -7,6 +7,7 @@ var DeleteIcon = require('@mui/icons-material/Delete');
 var EditIcon = require('@mui/icons-material/Edit');
 var IconButton = require('@mui/material/IconButton');
 var CloudUploadIcon = require('@mui/icons-material/CloudUpload');
+var MovingIcon = require('@mui/icons-material/Moving');
 var Checkbox = require('@mui/material/Checkbox');
 var FormControlLabel = require('@mui/material/FormControlLabel');
 var styles$2 = require('@mui/material/styles');
@@ -100,7 +101,7 @@ const DeleteButton = ({ notification, onDelete, }) => {
 
 const EditButton = (props) => {
     const buttonId = React__namespace.useId();
-    return (jsxRuntime.jsx(React__namespace.Fragment, { children: jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, children: jsxRuntime.jsx(EditIcon, { fontSize: "small", color: "primary" }) }) }));
+    return (jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, children: jsxRuntime.jsx(EditIcon, { fontSize: "small", color: "primary" }) }));
 };
 
 const Button = (props) => {
@@ -140,6 +141,14 @@ const UploadButton = ({ children, accept, onFilesLoad, ...props }) => {
                 }, multiple: true })] }));
 };
 
+const MoveButton = ({ title, ...props }) => {
+    const buttonId = React__namespace.useId();
+    if (title) {
+        return (jsxRuntime.jsx(material.Tooltip, { title: title, children: jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, children: jsxRuntime.jsx(MovingIcon, { fontSize: "medium", color: "primary" }) }) }));
+    }
+    return (jsxRuntime.jsx(material.IconButton, { id: buttonId, ...props, children: jsxRuntime.jsx(MovingIcon, { fontSize: "medium", color: "primary" }) }));
+};
+
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
 var isDateObject = (value) => value instanceof Date;
@@ -15499,6 +15508,7 @@ const trafficStatusOptions = Object.values(exports.TrafficStatus).map((status) =
 const trafficTitles = {
     traffic_signal_id: '',
     traffic_sign_id: '',
+    camera_id: '',
     dit_id: '',
     dop_id: '',
     tsodd_id: '',
@@ -15507,6 +15517,7 @@ const trafficTitles = {
     signal_model: 'Модель',
     comment: 'Комментарий',
     direction: 'Направление',
+    status: 'Статус',
     traffic_sign_number: 'Номер знака',
     traffic_sign_title: 'Название знака',
     traffic_sign_value: 'Значение',
@@ -15518,10 +15529,11 @@ const trafficTitles = {
     rapair_performed_date: 'Дата последнего ремонта',
     verification_date: 'Дата поверки',
     warranty_expr_date: 'Дата окончания гарантии',
-    status: 'Статус',
     dop_sign_number: 'Номер знака',
     dop_sign_text: 'Текст на табличке',
     dop_sign_title: 'Название знака',
+    camera_model: 'Модель',
+    fixing_type: 'Тип',
 };
 const layerDateFormat = 'dd.MM.yyyy';
 
@@ -17932,7 +17944,7 @@ class ObjectSchema extends Schema {
 }
 create$3.prototype = ObjectSchema.prototype;
 
-function create$2(type) {
+function create$2$1(type) {
   return new ArraySchema(type);
 }
 class ArraySchema extends Schema {
@@ -18117,7 +18129,7 @@ class ArraySchema extends Schema {
     return base;
   }
 }
-create$2.prototype = ArraySchema.prototype;
+create$2$1.prototype = ArraySchema.prototype;
 
 const layerDatesFieldsSchema = {
     future_maintanance_date: create$4().required(),
@@ -18127,6 +18139,24 @@ const layerDatesFieldsSchema = {
     warranty_expr_date: create$4().required(),
 };
 
+const LayerDatesContainer = material.styled(material.Box)(() => {
+    const { spacing } = material.useTheme();
+    return {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(2, 1fr)',
+        gap: spacing(2),
+    };
+});
+const LayerButtonsContainer = material.styled(material.Box)(() => {
+    const { spacing } = material.useTheme();
+    return {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(2, 1fr)',
+        gap: spacing(2),
+        justifyItems: 'flex-start',
+    };
+});
+
 var data = { global:{ links:{ getIsConstruction:"function (feature) {\n  const { construction } = feature;\n\n  return construction;\n}\n",
       getIsFunctionalClass:"function (feature) {\n  const { functional_class, access_id } = feature;\n\n  return functional_class === 5 && access_id === 32;\n}\n",
       getIsLowMobility:"function (feature) {\n  const { functional_class, low_mobility } = feature;\n\n  return functional_class === 5 && low_mobility === 1;\n}\n" } },
@@ -29791,11 +29821,7 @@ const TrafficSignDopUpdateForm = ({ index, onDelete, onUpdate, }) => {
                                 } }));
                         },
                     },
-                ] }), jsxRuntime.jsx(FormSelect, { ...register(`${fieldName$1}.${index}.status`), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName$1}.${index}.comment`), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName$1}.${index}.dop_sign_text`), label: trafficTitles.dop_sign_text }), jsxRuntime.jsx(material.Box, { sx: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, 1fr)',
-                    gap: '12px',
-                }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.${name}`), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsx(Button, { onClick: () => {
+                ] }), jsxRuntime.jsx(FormSelect, { ...register(`${fieldName$1}.${index}.status`), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName$1}.${index}.comment`), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName$1}.${index}.dop_sign_text`), label: trafficTitles.dop_sign_text }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(`${fieldName$1}.${index}.${name}`), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsx(Button, { onClick: () => {
                     onUpdate(trafficSign);
                 }, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
@@ -29831,11 +29857,7 @@ const TrafficSignDopCreateForm = ({ index, onDelete, }) => {
                                 } }));
                         },
                     },
-                ] }), jsxRuntime.jsx(FormSelect, { ...register(`${fieldName}.${index}.status`), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName}.${index}.comment`), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName}.${index}.dop_sign_text`), label: trafficTitles.dop_sign_text }), jsxRuntime.jsx(material.Box, { sx: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, 1fr)',
-                    gap: '12px',
-                }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.${name}`), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] }));
+                ] }), jsxRuntime.jsx(FormSelect, { ...register(`${fieldName}.${index}.status`), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName}.${index}.comment`), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register(`${fieldName}.${index}.dop_sign_text`), label: trafficTitles.dop_sign_text }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(`${fieldName}.${index}.${name}`), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] }));
 };
 var TrafficSignDopCreateForm$1 = observer(TrafficSignDopCreateForm);
 
@@ -29876,7 +29898,7 @@ const createdTrafficSignDopSchema = create$3().shape({
     ...trafficSignDopMainFieldsSchema,
     ...layerDatesFieldsSchema,
 });
-const mainFieldsSchema$1 = {
+const mainFieldsSchema$2 = {
     traffic_sign_type: create$6().required(),
     traffic_sign_number: create$6().required(),
     traffic_sign_title: create$6().required(),
@@ -29885,23 +29907,23 @@ const mainFieldsSchema$1 = {
     traffic_sign_value: create$6().nullable(),
     direction: create$5().nullable(),
 };
-const idsFieldsSchema$1 = {
+const idsFieldsSchema$2 = {
     traffic_sign_id: create$6().required(),
     dit_id: create$5().required(),
     tsodd_id: create$5().required(),
     pillar_id: create$6().nullable(),
 };
 
-const schema$4 = create$3()
+const schema$6 = create$3()
     .shape({
-    ...idsFieldsSchema$1,
-    ...mainFieldsSchema$1,
+    ...idsFieldsSchema$2,
+    ...mainFieldsSchema$2,
     ...layerDatesFieldsSchema,
-    oldDops: create$2()
+    oldDops: create$2$1()
         .max(maxTrafficSignDopsCount)
         .of(updatedTrafficSignDopSchema)
         .required(),
-    newDops: create$2()
+    newDops: create$2$1()
         .max(maxTrafficSignDopsCount)
         .of(createdTrafficSignDopSchema)
         .required(),
@@ -29911,7 +29933,7 @@ const r=(t,r,o)=>{if(t&&"reportValidity"in t){const s=get(o,r);t.setCustomValidi
 
 function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s$1.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&o$1({},c),{values:s$1.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:s((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
 
-const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, onUpdateDop, }) => {
+const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, onUpdateDop, getButtons, }) => {
     const id = React__namespace.useId();
     const defaultValues = React__namespace.useMemo(() => {
         const { dops, traffic_sign_id } = trafficSign;
@@ -29928,7 +29950,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
         return defaultValues;
     }, [trafficSign]);
     const form = useForm({
-        resolver: o(schema$4),
+        resolver: o(schema$6),
         defaultValues,
     });
     const { reset, control, register, setValue, watch, formState: { errors }, } = form;
@@ -29992,11 +30014,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
                                                     } }));
                                             },
                                         },
-                                    ] }), jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('traffic_sign_value'), label: trafficTitles.traffic_sign_value }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(material.Box, { sx: {
-                                        display: 'grid',
-                                        gridTemplateColumns: 'repeat(2, 1fr)',
-                                        gap: '12px',
-                                    }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] })),
+                                    ] }), jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('traffic_sign_value'), label: trafficTitles.traffic_sign_value }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] })),
                     },
                     {
                         label: trafficSignDopWords.title,
@@ -30012,17 +30030,17 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
                                             newDopsFieldArray.remove(index);
                                         }, index: index }) }, id)))] })),
                     },
-                ] }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
+                ] }), jsxRuntime.jsxs(LayerButtonsContainer, { children: [jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" }), getButtons?.(trafficSign)] })] }));
 };
-var update$1 = observer(TrafficSignUpdateForm);
+var update$2 = observer(TrafficSignUpdateForm);
 
-const schema$3 = create$3()
+const schema$5 = create$3()
     .shape({
-    dit_id: idsFieldsSchema$1.dit_id,
-    tsodd_id: idsFieldsSchema$1.tsodd_id,
-    ...mainFieldsSchema$1,
+    dit_id: idsFieldsSchema$2.dit_id,
+    tsodd_id: idsFieldsSchema$2.tsodd_id,
+    ...mainFieldsSchema$2,
     ...layerDatesFieldsSchema,
-    newDops: create$2()
+    newDops: create$2$1()
         .max(maxTrafficSignDopsCount)
         .of(createdTrafficSignDopSchema)
         .required(),
@@ -30031,7 +30049,7 @@ const schema$3 = create$3()
 const TrafficSignCreateForm = ({ onSubmit, }) => {
     const id = React__namespace.useId();
     const form = useForm({
-        resolver: o(schema$3),
+        resolver: o(schema$5),
         defaultValues: {
             ...defaultTrafficSign,
         },
@@ -30072,11 +30090,7 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
                                                     } }));
                                             },
                                         },
-                                    ] }), jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('traffic_sign_value'), label: trafficTitles.traffic_sign_value }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(material.Box, { sx: {
-                                        display: 'grid',
-                                        gridTemplateColumns: 'repeat(2, 1fr)',
-                                        gap: '12px',
-                                    }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] })),
+                                    ] }), jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('traffic_sign_value'), label: trafficTitles.traffic_sign_value }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) })] })),
                     },
                     {
                         label: trafficSignDopWords.title,
@@ -30094,10 +30108,10 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
                     },
                 ] }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
-var create$1 = observer(TrafficSignCreateForm);
+var create$2 = observer(TrafficSignCreateForm);
 
-const size$1 = 20;
-const extension$1 = 'svg';
+const size = 20;
+const extension = 'svg';
 const trafficSignalMainFields = {
     direction: 0,
     status: exports.TrafficStatus.ACTIVE,
@@ -30117,12 +30131,12 @@ const getTrafficSignalLayers = (source) => {
     const textures = {};
     const sublayers = {};
     const texture = `traffic_signal`;
-    const textureUrl = `${imagesPath}/msk/${texture}/${texture}_${size$1}.${extension$1}`;
+    const textureUrl = `${imagesPath}/msk/${texture}/${texture}_${size}.${extension}`;
     textures[texture] = {
         url: textureUrl,
         filtering: 'mipmap',
         sprites: {
-            base: [0, 0, size$1, size$1],
+            base: [0, 0, size, size],
         },
     };
     const layer = {
@@ -30132,7 +30146,7 @@ const getTrafficSignalLayers = (source) => {
             points: {
                 collide: false,
                 texture,
-                size: size$1,
+                size,
                 sprite: 'base',
                 placement: 'midpoint',
             },
@@ -30144,27 +30158,27 @@ const getTrafficSignalLayers = (source) => {
     return layers;
 };
 
-const mainFieldsSchema = {
+const mainFieldsSchema$1 = {
     signal_model: create$6().nullable(),
     status: create$6().required(),
     comment: create$6().nullable(),
     direction: create$5().nullable(),
 };
-const idsFieldsSchema = {
+const idsFieldsSchema$1 = {
     traffic_signal_id: create$6().required(),
     dit_id: create$5().required(),
     tsodd_id: create$5().required(),
     pillar_id: create$6().nullable(),
 };
 
-const schema$2 = create$3()
+const schema$4 = create$3()
     .shape({
-    ...idsFieldsSchema,
-    ...mainFieldsSchema,
+    ...idsFieldsSchema$1,
+    ...mainFieldsSchema$1,
     ...layerDatesFieldsSchema,
 });
 
-const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, }) => {
+const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, getButtons, }) => {
     const id = React__namespace.useId();
     const defaultValues = React__namespace.useMemo(() => {
         const defaultValues = {
@@ -30174,7 +30188,7 @@ const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, }) => {
         return defaultValues;
     }, [trafficSignal]);
     const form = useForm({
-        resolver: o(schema$2),
+        resolver: o(schema$4),
         defaultValues,
     });
     const { reset, register, formState: { errors }, } = form;
@@ -30191,35 +30205,27 @@ const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, }) => {
     React__namespace.useEffect(() => {
         reset(defaultValues);
     }, [defaultValues]);
-    return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('signal_model'), label: trafficTitles.signal_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(material.Box, { sx: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, 1fr)',
-                    gap: '12px',
-                }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsxs(material.Box, { sx: ({ spacing }) => ({
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, 1fr)',
-                    gap: spacing(4),
-                }), children: [jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" }), jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsx(DeleteButton, { notification: {
-                                title: 'Удалить светофор',
-                                description: 'Вы действительно хотите удалить данный светофор?',
-                            }, onDelete: () => {
-                                onDelete(trafficSignal);
-                            } }) })] })] }));
+    return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('signal_model'), label: trafficTitles.signal_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsxs(LayerButtonsContainer, { children: [jsxRuntime.jsx(Button, { type: "submit", fullWidth: true, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" }), jsxRuntime.jsxs(LayerButtonsContainer, { children: [jsxRuntime.jsx(DeleteButton, { notification: {
+                                    title: 'Удалить светофор',
+                                    description: 'Вы действительно хотите удалить данный светофор?',
+                                }, onDelete: () => {
+                                    onDelete(trafficSignal);
+                                } }), getButtons?.(trafficSignal)] })] })] }));
 };
-var update = observer(TrafficSignalUpdateForm);
+var update$1 = observer(TrafficSignalUpdateForm);
 
-const schema$1 = create$3()
+const schema$3 = create$3()
     .shape({
-    dit_id: idsFieldsSchema.dit_id,
-    tsodd_id: idsFieldsSchema.tsodd_id,
-    ...mainFieldsSchema,
+    dit_id: idsFieldsSchema$1.dit_id,
+    tsodd_id: idsFieldsSchema$1.tsodd_id,
+    ...mainFieldsSchema$1,
     ...layerDatesFieldsSchema,
 });
 
 const TrafficSignalCreateForm = ({ onSubmit, }) => {
     const id = React__namespace.useId();
     const form = useForm({
-        resolver: o(schema$1),
+        resolver: o(schema$3),
         defaultValues: {
             ...defaultTrafficSignal,
         },
@@ -30235,16 +30241,26 @@ const TrafficSignalCreateForm = ({ onSubmit, }) => {
             });
         }
     }, [errors]);
-    return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('signal_model'), label: trafficTitles.signal_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(material.Box, { sx: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, 1fr)',
-                    gap: '12px',
-                }, children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
+    return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('signal_model'), label: trafficTitles.signal_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
-var create = observer(TrafficSignalCreateForm);
+var create$1 = observer(TrafficSignalCreateForm);
 
-const size = 20;
-const extension = 'png';
+const cameraConfig = {
+    size: 20,
+    extension: 'png',
+};
+const cameraMainFields = {
+    comment: null,
+    camera_model: null,
+    fixing_type: null,
+    direction: 0,
+    status: exports.TrafficStatus.ACTIVE,
+};
+const defaultCamera = {
+    ...layerServiceIds,
+    ...layerDefaultFrontendDates,
+    ...cameraMainFields,
+};
 
 const getCameraLayers = (source) => {
     const layers = [];
@@ -30256,10 +30272,10 @@ const getCameraLayers = (source) => {
     const sublayers = {};
     const texture = `camera`;
     textures[texture] = {
-        url: `${imagesPath}/msk/${texture}/${texture}_${size}.${extension}`,
+        url: `${imagesPath}/msk/${texture}/${texture}_${cameraConfig.size}.${cameraConfig.extension}`,
         filtering: 'mipmap',
         sprites: {
-            base: [0, 0, size, size],
+            base: [0, 0, cameraConfig.size, cameraConfig.size],
         },
     };
     const layer = {
@@ -30269,7 +30285,7 @@ const getCameraLayers = (source) => {
             points: {
                 collide: false,
                 texture,
-                size,
+                size: cameraConfig.size,
                 sprite: 'base',
                 placement: 'midpoint',
             },
@@ -30281,6 +30297,94 @@ const getCameraLayers = (source) => {
     return layers;
 };
 
+const mainFieldsSchema = {
+    camera_model: create$6().nullable(),
+    fixing_type: create$6().nullable(),
+    status: create$6().required(),
+    comment: create$6().nullable(),
+    direction: create$5().nullable(),
+};
+const idsFieldsSchema = {
+    camera_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({
+    ...idsFieldsSchema,
+    ...mainFieldsSchema,
+    ...layerDatesFieldsSchema,
+});
+
+const CameraUpdateForm = ({ camera, getButtons, onSubmit, onDelete, }) => {
+    const id = React__namespace.useId();
+    const defaultValues = React__namespace.useMemo(() => {
+        const defaultValues = {
+            ...camera,
+            ...getLayerFrontendDates(camera),
+        };
+        return defaultValues;
+    }, [camera]);
+    const form = useForm({
+        resolver: o(schema$2),
+        defaultValues,
+    });
+    const { reset, register, formState: { errors }, } = form;
+    React__namespace.useEffect(() => {
+        const isErrors = Object.keys(errors).length > 0;
+        if (isErrors) {
+            loggerService.warn({
+                message: 'Ошибки валидации формы',
+                context: 'TrafficSignUpdateForm',
+                meta: errors,
+            });
+        }
+    }, [errors]);
+    React__namespace.useEffect(() => {
+        reset(defaultValues);
+    }, [defaultValues]);
+    return (jsxRuntime.jsxs(CustomForm, { form: form, onSubmit: onSubmit, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('camera_model'), label: trafficTitles.signal_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsxs(LayerButtonsContainer, { children: [jsxRuntime.jsx(Button, { type: "submit", fullWidth: true, children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" }), jsxRuntime.jsxs(LayerButtonsContainer, { children: [jsxRuntime.jsx(DeleteButton, { notification: {
+                                    title: 'Удалить камеру',
+                                    description: 'Вы действительно хотите удалить данную камеру?',
+                                }, onDelete: () => {
+                                    onDelete(camera);
+                                } }), getButtons?.(camera)] })] })] }));
+};
+var update = observer(CameraUpdateForm);
+
+const schema$1 = create$3()
+    .shape({
+    dit_id: idsFieldsSchema.dit_id,
+    tsodd_id: idsFieldsSchema.tsodd_id,
+    ...mainFieldsSchema,
+    ...layerDatesFieldsSchema,
+});
+
+const CameraCreateForm = ({ onSubmit }) => {
+    const id = React__namespace.useId();
+    const form = useForm({
+        resolver: o(schema$1),
+        defaultValues: {
+            ...defaultCamera,
+        },
+    });
+    const { register, formState: { errors }, } = form;
+    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.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CustomInput, { ...register('camera_model'), label: trafficTitles.camera_model }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), jsxRuntime.jsx(CustomInput, { ...register('direction'), label: trafficTitles.direction, type: "number" }), jsxRuntime.jsx(LayerDatesContainer, { children: layerDatesFields.map((name) => (jsxRuntime.jsx(DateField, { ...register(name), label: trafficTitles[name], format: layerDateFormat }, `${id}-${name}`))) }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
+};
+var create = observer(CameraCreateForm);
+
 const pillarConfig = {
     size: 20,
     extension: 'png',
@@ -33502,6 +33606,8 @@ exports.AuthPage = AuthPage;
 exports.AuthStore = AuthStore;
 exports.Button = Button;
 exports.CSVUploader = CSVUploader;
+exports.CameraCreateForm = create;
+exports.CameraUpdateForm = update;
 exports.Card = CustomCard;
 exports.Checkbox = CustomCheckbox;
 exports.DartcomAuthProvider = auth;
@@ -33516,12 +33622,15 @@ exports.ExcelUploader = ExcelUploader;
 exports.Form = CustomForm;
 exports.GlobalConfig = GlobalConfig;
 exports.Input = CustomInput;
+exports.LayerButtonsContainer = LayerButtonsContainer;
+exports.LayerDatesContainer = LayerDatesContainer;
 exports.LeafletLayer = LeafletLayer;
 exports.List = CustomList;
 exports.Loader = Loader;
 exports.LocalizationProvider = Provider;
 exports.Modal = modal;
 exports.ModalStore = ModalStore;
+exports.MoveButton = MoveButton;
 exports.NoData = NoData;
 exports.QueryProvider = QueryProvider;
 exports.RootStore = RootStore;
@@ -33529,30 +33638,33 @@ exports.Select = FormSelect;
 exports.StoreContext = StoreContext;
 exports.Tabs = Tabs;
 exports.TrafficSignAddDopButton = TrafficSignAddDopButton$1;
-exports.TrafficSignCreateForm = create$1;
+exports.TrafficSignCreateForm = create$2;
 exports.TrafficSignDopCreateForm = TrafficSignDopCreateForm$1;
 exports.TrafficSignDopUpdateForm = TrafficSignDopUpdateForm$1;
 exports.TrafficSignPreviewImage = TrafficSignPreviewImage$1;
 exports.TrafficSignPreviewTitle = TrafficSignPreviewTitle$1;
 exports.TrafficSignTable = TrafficSignTable$1;
-exports.TrafficSignUpdateForm = update$1;
-exports.TrafficSignalCreateForm = create;
-exports.TrafficSignalUpdateForm = update;
+exports.TrafficSignUpdateForm = update$2;
+exports.TrafficSignalCreateForm = create$1;
+exports.TrafficSignalUpdateForm = update$1;
 exports.UploadButton = UploadButton;
 exports._backendUrl = _backendUrl;
 exports._testApiKeys = _testApiKeys;
 exports.allTrafficSigns = allTrafficSigns;
 exports.authStore = authStore;
+exports.cameraConfig = cameraConfig;
+exports.cameraMainFields = cameraMainFields;
 exports.catIds = catIds;
 exports.copyInformation = copyInformation;
 exports.createApiService = createApiService;
+exports.defaultCamera = defaultCamera;
 exports.defaultTrafficSign = defaultTrafficSign;
 exports.defaultTrafficSignDop = defaultTrafficSignDop;
 exports.defaultTrafficSignDopIds = defaultTrafficSignDopIds;
 exports.defaultTrafficSignIds = defaultTrafficSignIds;
 exports.defaultTrafficSignal = defaultTrafficSignal;
 exports.encodeString = encodeString;
-exports.extension = extension$1;
+exports.extension = extension;
 exports.getAdminAreaLayers = getAdminAreaLayers;
 exports.getAllLayers = getAllLayers;
 exports.getAllPointLayers = getAllPointLayers;
@@ -33610,7 +33722,7 @@ exports.pillarConfig = pillarConfig;
 exports.queryClient = queryClient;
 exports.rootStore = rootStore;
 exports.showSnackbar = showSnackbar;
-exports.size = size$1;
+exports.size = size;
 exports.sourceUrl = sourceUrl;
 exports.text_source = text_source;
 exports.tile_size = tile_size;