@dartcom/ui-kit 10.1.23 → 10.1.24

package/dist/index.cjs

@@ -20062,6 +20062,8 @@ const trafficTitles = {
     comment: 'Комментарий',
     direction: 'Направление',
     status: 'Статус',
+    height: 'Высота',
+    description: 'Описание',
     traffic_sign_number: 'Номер знака',
     traffic_sign_title: 'Название знака',
     traffic_sign_value: 'Значение',
@@ -20078,6 +20080,9 @@ const trafficTitles = {
     dop_sign_title: 'Название знака',
     camera_model: 'Модель',
     fixing_type: 'Тип нарушения',
+    signs: 'Дорожные знаки',
+    signals: 'Светофоры',
+    cameras: 'Камеры',
 };
 const layerDateFormat = 'dd.MM.yyyy';
 
@@ -22488,7 +22493,7 @@ class ObjectSchema extends Schema {
 }
 create$3.prototype = ObjectSchema.prototype;
 
-function create$2$1(type) {
+function create$2(type) {
   return new ArraySchema(type);
 }
 class ArraySchema extends Schema {
@@ -22673,14 +22678,14 @@ class ArraySchema extends Schema {
     return base;
   }
 }
-create$2$1.prototype = ArraySchema.prototype;
+create$2.prototype = ArraySchema.prototype;
 
 const requiredMessage = 'Данное поле обязательно для заполнения';
 const getStringSchema = () => create$6();
 const getStringRequiredSchema = (message = requiredMessage) => getStringSchema().required(message);
 const numberSchema = create$5();
 const numberRequiredSchema = numberSchema.required(requiredMessage);
-const arraySchema = create$2$1();
+const arraySchema = create$2();
 const dateSchema = create$4();
 const dateRequiredSchema = dateSchema.required(requiredMessage);
 
@@ -22695,6 +22700,10 @@ const layerCoordinateSchema = {
     lat: numberRequiredSchema,
     lon: numberRequiredSchema,
 };
+const layerServiceIdsSchema = {
+    dit_id: numberRequiredSchema,
+    tsodd_id: numberRequiredSchema,
+};
 
 const LayerDatesContainer = material.styled(material.Box)(() => {
     const { spacing } = material.useTheme();
@@ -23195,26 +23204,24 @@ const fixingTypeSchema = create$3()
     value: getStringRequiredSchema(),
 })
     .required();
-const mainFieldsSchema$2 = {
+const mainFieldsSchema$3 = {
     camera_model: getStringSchema().nullable(),
     fixing_type: arraySchema.of(fixingTypeSchema).required(),
     status: getStringRequiredSchema(),
     comment: getStringSchema().nullable(),
     direction: numberSchema.nullable(),
 };
-const idsFieldsSchema$2 = {
+const idsFieldsSchema$3 = {
+    ...layerServiceIdsSchema,
     camera_id: getStringRequiredSchema(),
-    dit_id: numberRequiredSchema,
-    tsodd_id: numberRequiredSchema,
     pillar_id: getStringSchema().nullable(),
 };
 
-const schema$6 = create$3()
+const schema$8 = create$3()
     .shape({
-    dit_id: idsFieldsSchema$2.dit_id,
-    tsodd_id: idsFieldsSchema$2.tsodd_id,
-    ...mainFieldsSchema$2,
+    ...layerServiceIdsSchema,
     ...layerDatesFieldsSchema,
+    ...mainFieldsSchema$3,
 });
 
 const r=(t,r,o)=>{if(t&&"reportValidity"in t){const s=get(o,r);t.setCustomValidity(s&&s.message||""),t.reportValidity();}},o$1=(e,t)=>{for(const o in t.fields){const s=t.fields[o];s&&s.ref&&"reportValidity"in s.ref?r(s.ref,o,e):s&&s.refs&&s.refs.forEach(t=>r(t,o,e));}},s=(r,s)=>{s.shouldUseNativeValidation&&o$1(r,s);const n={};for(const o in r){const f=get(s.fields,o),c=Object.assign(r[o]||{},{ref:f&&f.ref});if(i$1(s.names||Object.keys(r),o)){const r=Object.assign({},get(n,o));set(r,"root",c),set(n,o,r);}else set(n,o,c);}return n},i$1=(e,t)=>{const r=n(t);return e.some(e=>n(e).match(`^${r}\\.\\d+`))};function n(e){return e.replace(/\]|\[/g,"")}
@@ -23224,7 +23231,7 @@ function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Pro
 const CameraCreateForm = ({ onSubmit }) => {
     const id = React__namespace.useId();
     const form = useForm({
-        resolver: o(schema$6),
+        resolver: o(schema$8),
         defaultValues: {
             ...defaultCamera,
             fixing_type: defaultCamera.fixing_type.map((value) => ({
@@ -23251,14 +23258,14 @@ const CameraCreateForm = ({ onSubmit }) => {
             });
         }, children: [jsxRuntime.jsx(FormSelect, { ...register('status'), label: trafficTitles.status, items: trafficStatusOptions, getKey: ({ value }) => value, getLabel: ({ label }) => label, getValue: ({ value }) => value }), jsxRuntime.jsx(CameraFixingTypesForm$1, {}), 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$2 = observer(CameraCreateForm);
+var CameraCreateForm$1 = observer(CameraCreateForm);
 
-const schema$5 = create$3()
+const schema$7 = create$3()
     .shape({
     ...layerDatesFieldsSchema,
     ...layerCoordinateSchema,
-    ...idsFieldsSchema$2,
-    ...mainFieldsSchema$2,
+    ...idsFieldsSchema$3,
+    ...mainFieldsSchema$3,
 });
 
 const CameraUpdateForm = ({ camera, getButtons, onSubmit, onDelete, }) => {
@@ -23273,7 +23280,7 @@ const CameraUpdateForm = ({ camera, getButtons, onSubmit, onDelete, }) => {
         return defaultValues;
     }, [camera]);
     const form = useForm({
-        resolver: o(schema$5),
+        resolver: o(schema$7),
         defaultValues,
     });
     const { reset, register, formState: { errors }, } = form;
@@ -23303,7 +23310,7 @@ const CameraUpdateForm = ({ camera, getButtons, onSubmit, onDelete, }) => {
                                     onDelete(camera);
                                 } }), getButtons?.(camera)] })] })] }));
 };
-var update$2 = observer(CameraUpdateForm);
+var CameraUpdateForm$1 = observer(CameraUpdateForm);
 
 const getCityPOILayers = (source) => {
     const layers = [];
@@ -24067,6 +24074,22 @@ const getOneWayLayers = (source) => {
 const pillarConfig = {
     size: 20,
     extension: 'png',
+    apiName: 'pillar',
+};
+const pillarMainFields = {
+    description: '',
+    height: 0,
+    comment: '',
+};
+const pillarConnectionFields = {
+    signs: [],
+    signals: [],
+    cameras: [],
+};
+const defaultPillar = {
+    ...layerServiceIds,
+    ...layerDefaultFrontendDates,
+    ...pillarMainFields,
 };
 
 const getPillarLayers = (source) => {
@@ -24105,241 +24128,45 @@ const getPillarLayers = (source) => {
     return layers;
 };
 
-const text_source = `function() {
-  const { poi_name, cat_id } = feature;
-
-  switch (+cat_id) {
-    case 4100: {
-      const text = poi_name.replaceAll(/(Метро-|Станция-|МЦД-)/g, "");
-
-      return text;
-    }
-
-    default: {
-      return poi_name;
-    }
-  }
-}`;
-const catIds = [
-    3578, 4013, 4100, 5400, 5511, 5512, 5540, 5541, 5800, 5813, 5999, 6000, 7011,
-    7389, 7832, 7929, 7990, 8060, 8410, 9517, 9530, 9565, 9583, 9718, 9992,
-];
-
-const getDefaultPOI = (cat_id) => {
-    const defaultPOI = {};
-    switch (cat_id) {
-        case 4100: {
-            defaultPOI[`_${cat_id}-metro`] = {
-                filter: `function() {
-          const { poi_name, cat_id } = feature;
-
-          const isMetro = poi_name.startsWith('Метро-');
-          const isStation = poi_name.startsWith('Станция-');
-
-          const isCatId = +cat_id === ${cat_id};
-
-          const isFilter = isCatId && (isMetro || isStation);
-
-          return isFilter;
-        }`,
-                draw: {
-                    points: getPOITypeLayer({
-                        texture: `POI_${cat_id}(metro)`,
-                    }),
-                },
-            };
-            defaultPOI[`_${cat_id}-diameter`] = {
-                filter: `function() {
-          const { cat_id, poi_name } = feature;
-
-          const isDiameter = poi_name.startsWith('МЦД-');
-
-          const isCatId = +cat_id === ${cat_id};
-
-          const isFilter = isCatId && isDiameter;
-
-          return isFilter;
-        }`,
-                draw: {
-                    points: getPOITypeLayer({
-                        texture: `POI_${cat_id}(diameter)`,
-                        size: [41, 15],
-                    }),
-                },
-            };
-            break;
-        }
-        case 9530: {
-            defaultPOI[`_${cat_id}-mail`] = {
-                filter: `function() {
-          const { cat_id, poi_name = '' } = feature;
-
-          const isCatId = +cat_id === ${cat_id};
-
-          const isMail = poi_name.startsWith('Почта');
-
-          const isFilter = isCatId && isMail;
-
-          return isFilter;
-        }`,
-                draw: {
-                    points: getPOITypeLayer({
-                        texture: `POI_${cat_id}(Mail)`,
-                    }),
-                },
-            };
-            defaultPOI[`_${cat_id}-delivery`] = {
-                filter: `function() {
-          const { cat_id, poi_name = '' } = feature;
-
-          const isCatId = +cat_id === ${cat_id};
-          
-          const isMail = poi_name.startsWith('Почта');
-
-          const isFilter = isCatId && !isMail;
-
-          return isFilter;
-        }`,
-                draw: {
-                    points: getPOITypeLayer({
-                        texture: `POI_${cat_id}(Delivery)`,
-                    }),
-                },
-            };
-            break;
-        }
-        case 9992: {
-            const subcat = {
-                mosque: 1,
-                church: 2,
-                temple: 3,
-                davidStar: 4,
-                mortar: 6,
-            };
-            Object.entries(subcat).forEach(([subcat_name, subcat_id]) => {
-                defaultPOI[`_${cat_id}-${subcat_name}`] = {
-                    filter: `function() {
-            const { cat_id, subcat_id } = feature;
-
-            const isCatId = +cat_id === ${cat_id};
-            const isSubcatId = +subcat_id === ${subcat_id};
-
-            const isFilter = isCatId && isSubcatId;
-
-            return isFilter;
-          }`,
-                    draw: {
-                        points: getPOITypeLayer({
-                            texture: `POI_${cat_id}(${subcat_name})`,
-                        }),
-                    },
-                };
-            });
-            break;
-        }
-        default: {
-            defaultPOI[`_${cat_id}`] = {
-                filter: `function() {
-          const { cat_id } = feature;
-
-          const isFilter = +cat_id === ${cat_id};
-
-          return isFilter;
-        }`,
-                draw: {
-                    points: getPOITypeLayer({
-                        texture: `POI_${cat_id}`,
-                    }),
-                },
-            };
-        }
-    }
-    return defaultPOI;
-};
-const getPOITypeLayer = ({ texture, size = 20, }) => {
-    const typeLayer = {
-        texture,
-        size,
-        sprite: 'base',
-        placement: 'midpoint',
-    };
-    return typeLayer;
+const mainFieldsSchema$2 = {
+    comment: getStringSchema().nullable(),
+    description: getStringSchema().nullable(),
+    height: numberSchema.nullable(),
 };
-const sublayers = catIds.reduce((acc, catId) => ({
-    ...acc,
-    ...getDefaultPOI(catId),
-}), {});
-const getPOILayers = (source) => {
-    const layers = [];
-    const layer = {
-        id: getUniqueKey(),
-        data: {
-            source,
-            layer: exports.SourceLayers.POI,
-        },
-        draw: {
-            points: {
-                text: {
-                    text_source,
-                    font: {
-                        fill: '#464544',
-                        size: '12px',
-                    },
-                },
-            },
-        },
-        sublayers,
-    };
-    layers.push(layer);
-    return layers;
+const idsFieldsSchema$2 = {
+    ...layerServiceIdsSchema,
+    pillar_id: getStringRequiredSchema(),
 };
 
-const getPointAddressLayers = (source) => {
-    const layers = [];
-    const data = {
-        source,
-        layer: exports.SourceLayers.POINT_ADDRESS,
-        minzoom: 15,
-    };
-    const layer = {
-        id: getUniqueKey(),
-        data,
-        draw: {
-            text: {
-                text_source: 'address',
-                font: {
-                    fill: 'black',
-                    size: '12px',
-                },
-            },
+const schema$6 = create$3()
+    .shape({
+    ...layerServiceIdsSchema,
+    ...layerDatesFieldsSchema,
+    ...mainFieldsSchema$2,
+});
+
+const PillarCreateForm = ({ onSubmit }) => {
+    const id = React__namespace.useId();
+    const form = useForm({
+        resolver: o(schema$6),
+        defaultValues: {
+            ...defaultPillar,
         },
-    };
-    layers.push(layer);
-    return layers;
-};
-
-const getRailroadLayers = (source) => {
-    const layers = [];
-    const data = {
-        source,
-        layer: exports.SourceLayers.RAILROAD_LINK,
-    };
-    const layer = {
-        id: getUniqueKey(),
-        data,
-        draw: {
-            lines: {
-                color: '#A3A8A',
-                width: 5,
-                dash: [1, 2],
-                dash_background_color: [0.0, 0.0, 0.0],
-                join: 'round',
-            },
-        },
-    };
-    layers.push(layer);
-    return layers;
+    });
+    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(CustomInput, { ...register('description'), label: trafficTitles.description }), jsxRuntime.jsx(CustomInput, { ...register('height'), label: trafficTitles.height, type: "number" }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), 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(PillarCreateForm);
 
 const trafficSigns = {
     '1.1': {
@@ -30077,18 +29904,16 @@ const mainFieldsSchema$1 = {
     direction: numberSchema.nullable(),
 };
 const idsFieldsSchema$1 = {
+    ...layerServiceIdsSchema,
     traffic_sign_id: getStringRequiredSchema(),
-    dit_id: numberRequiredSchema,
-    tsodd_id: numberRequiredSchema,
     pillar_id: getStringSchema().nullable(),
 };
 
-const schema$4 = create$3()
+const schema$5 = create$3()
     .shape({
-    dit_id: idsFieldsSchema$1.dit_id,
-    tsodd_id: idsFieldsSchema$1.tsodd_id,
-    ...mainFieldsSchema$1,
+    ...layerServiceIdsSchema,
     ...layerDatesFieldsSchema,
+    ...mainFieldsSchema$1,
     newDops: arraySchema
         .max(trafficSignConfig.dopsCount)
         .of(createdTrafficSignDopSchema)
@@ -30098,7 +29923,7 @@ const schema$4 = create$3()
 const TrafficSignCreateForm = ({ onSubmit, }) => {
     const id = React__namespace.useId();
     const form = useForm({
-        resolver: o(schema$4),
+        resolver: o(schema$5),
         defaultValues: {
             ...defaultTrafficSign,
         },
@@ -30158,19 +29983,19 @@ const TrafficSignCreateForm = ({ onSubmit, }) => {
                     },
                 ] }), jsxRuntime.jsx(Button, { type: "submit", children: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C" })] }));
 };
-var create$1 = observer(TrafficSignCreateForm);
+var TrafficSignCreateForm$1 = observer(TrafficSignCreateForm);
 
-const schema$3 = create$3()
+const schema$4 = create$3()
     .shape({
     ...layerDatesFieldsSchema,
     ...layerCoordinateSchema,
     ...idsFieldsSchema$1,
     ...mainFieldsSchema$1,
-    oldDops: create$2$1()
+    oldDops: create$2()
         .max(trafficSignConfig.dopsCount)
         .of(updatedTrafficSignDopSchema)
         .required(),
-    newDops: create$2$1()
+    newDops: create$2()
         .max(trafficSignConfig.dopsCount)
         .of(createdTrafficSignDopSchema)
         .required(),
@@ -30193,7 +30018,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
         return defaultValues;
     }, [trafficSign]);
     const form = useForm({
-        resolver: o(schema$3),
+        resolver: o(schema$4),
         defaultValues,
     });
     const { reset, control, register, setValue, watch, formState: { errors }, } = form;
@@ -30271,7 +30096,7 @@ const TrafficSignUpdateForm = ({ trafficSign, onSubmit, onDelete, onDeleteDop, o
                     },
                 ] }), 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 TrafficSignUpdateForm$1 = observer(TrafficSignUpdateForm);
 
 const trafficSignalConfig = {
     size: 20,
@@ -30331,24 +30156,22 @@ const mainFieldsSchema = {
     direction: numberSchema.nullable(),
 };
 const idsFieldsSchema = {
+    ...layerServiceIdsSchema,
     traffic_signal_id: getStringRequiredSchema(),
-    dit_id: numberRequiredSchema,
-    tsodd_id: numberRequiredSchema,
     pillar_id: getStringSchema().nullable(),
 };
 
-const schema$2 = create$3()
+const schema$3 = create$3()
     .shape({
-    dit_id: idsFieldsSchema.dit_id,
-    tsodd_id: idsFieldsSchema.tsodd_id,
-    ...mainFieldsSchema,
+    ...layerServiceIdsSchema,
     ...layerDatesFieldsSchema,
+    ...mainFieldsSchema,
 });
 
 const TrafficSignalCreateForm = ({ onSubmit, }) => {
     const id = React__namespace.useId();
     const form = useForm({
-        resolver: o(schema$2),
+        resolver: o(schema$3),
         defaultValues: {
             ...defaultTrafficSignal,
         },
@@ -30366,9 +30189,9 @@ 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(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 TrafficSignalCreateForm$1 = observer(TrafficSignalCreateForm);
 
-const schema$1 = create$3()
+const schema$2 = create$3()
     .shape({
     ...idsFieldsSchema,
     ...layerDatesFieldsSchema,
@@ -30386,7 +30209,7 @@ const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, getButtons
         return defaultValues;
     }, [trafficSignal]);
     const form = useForm({
-        resolver: o(schema$1),
+        resolver: o(schema$2),
         defaultValues,
     });
     const { reset, register, formState: { errors }, } = form;
@@ -30410,7 +30233,348 @@ const TrafficSignalUpdateForm = ({ trafficSignal, onSubmit, onDelete, getButtons
                                     onDelete(trafficSignal);
                                 } }), getButtons?.(trafficSignal)] })] })] }));
 };
-var update = observer(TrafficSignalUpdateForm);
+var TrafficSignalUpdateForm$1 = observer(TrafficSignalUpdateForm);
+
+const schema$1 = create$3()
+    .shape({
+    ...idsFieldsSchema$2,
+    ...layerDatesFieldsSchema,
+    ...layerCoordinateSchema,
+    ...mainFieldsSchema$2,
+});
+
+const PillarUpdateForm = ({ pillar, onSubmit, onDelete, getButtons, }) => {
+    const { signs, signals, cameras } = pillar;
+    const id = React__namespace.useId();
+    const defaultValues = React__namespace.useMemo(() => {
+        const defaultValues = {
+            ...pillar,
+            ...getLayerFrontendDates(pillar),
+        };
+        return defaultValues;
+    }, [pillar]);
+    const form = useForm({
+        resolver: o(schema$1),
+        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.jsx(CustomForm, { form: form, onSubmit: onSubmit, children: jsxRuntime.jsx(Tabs, { items: [
+                {
+                    label: 'Столб',
+                    value: 1,
+                    content: (jsxRuntime.jsxs(material.Box, { sx: ({ spacing }) => ({
+                            display: 'grid',
+                            gap: spacing(2),
+                        }), children: [jsxRuntime.jsx(CustomInput, { ...register('description'), label: trafficTitles.description }), jsxRuntime.jsx(CustomInput, { ...register('height'), label: trafficTitles.height, type: "number" }), jsxRuntime.jsx(CustomInput, { ...register('comment'), label: trafficTitles.comment }), 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(pillar);
+                                                } }), getButtons?.(pillar)] })] })] })),
+                },
+                {
+                    label: trafficTitles.signs,
+                    value: 2,
+                    content: (jsxRuntime.jsxs(material.Box, { sx: ({ spacing }) => ({
+                            display: 'grid',
+                            gap: spacing(2),
+                        }), children: [jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u0434\u043E\u0440\u043E\u0436\u043D\u043E\u0433\u043E \u0437\u043D\u0430\u043A\u0430" }), jsxRuntime.jsx(TrafficSignCreateForm$1, { onSubmit: () => { } }), jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u0434\u043E\u0440\u043E\u0436\u043D\u044B\u0435 \u0437\u043D\u0430\u043A\u0438" }), signs.map((trafficSign) => {
+                                const { traffic_sign_id } = trafficSign;
+                                return (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignUpdateForm$1, { trafficSign: trafficSign, onSubmit: () => { }, onDelete: () => { }, onUpdateDop: () => { }, onDeleteDop: () => { } }) }, traffic_sign_id));
+                            })] })),
+                },
+                {
+                    label: trafficTitles.signals,
+                    value: 3,
+                    content: (jsxRuntime.jsxs(material.Box, { sx: ({ spacing }) => ({
+                            display: 'grid',
+                            gap: spacing(2),
+                        }), children: [jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u0441\u0432\u0435\u0442\u043E\u0444\u043E\u0440\u0430" }), jsxRuntime.jsx(TrafficSignalCreateForm$1, { onSubmit: () => { } }), jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u0441\u0432\u0435\u0442\u043E\u0444\u043E\u0440\u044B" }), signals.map((trafficSignal) => {
+                                const { traffic_signal_id } = trafficSignal;
+                                return (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(TrafficSignalUpdateForm$1, { trafficSignal: trafficSignal, onSubmit: () => { }, onDelete: () => { } }) }, traffic_signal_id));
+                            })] })),
+                },
+                {
+                    label: trafficTitles.cameras,
+                    value: 4,
+                    content: (jsxRuntime.jsxs(material.Box, { sx: ({ spacing }) => ({
+                            display: 'grid',
+                            gap: spacing(2),
+                        }), children: [jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u043A\u0430\u043C\u0435\u0440\u044B" }), jsxRuntime.jsx(CameraCreateForm$1, { onSubmit: () => { } }), jsxRuntime.jsx(Paragraph, { variant: "h6", sx: {
+                                    textAlign: 'center',
+                                    fontWeight: 700,
+                                }, children: "\u0421\u043E\u0437\u0434\u0430\u043D\u043D\u044B\u0435 \u043A\u0430\u043C\u0435\u0440\u044B" }), cameras.map((camera) => {
+                                const { camera_id } = camera;
+                                return (jsxRuntime.jsx(CustomCard, { children: jsxRuntime.jsx(CameraUpdateForm$1, { camera: camera, onSubmit: () => { }, onDelete: () => { } }) }, camera_id));
+                            })] })),
+                },
+            ] }) }));
+};
+var update = observer(PillarUpdateForm);
+
+const text_source = `function() {
+  const { poi_name, cat_id } = feature;
+
+  switch (+cat_id) {
+    case 4100: {
+      const text = poi_name.replaceAll(/(Метро-|Станция-|МЦД-)/g, "");
+
+      return text;
+    }
+
+    default: {
+      return poi_name;
+    }
+  }
+}`;
+const catIds = [
+    3578, 4013, 4100, 5400, 5511, 5512, 5540, 5541, 5800, 5813, 5999, 6000, 7011,
+    7389, 7832, 7929, 7990, 8060, 8410, 9517, 9530, 9565, 9583, 9718, 9992,
+];
+
+const getDefaultPOI = (cat_id) => {
+    const defaultPOI = {};
+    switch (cat_id) {
+        case 4100: {
+            defaultPOI[`_${cat_id}-metro`] = {
+                filter: `function() {
+          const { poi_name, cat_id } = feature;
+
+          const isMetro = poi_name.startsWith('Метро-');
+          const isStation = poi_name.startsWith('Станция-');
+
+          const isCatId = +cat_id === ${cat_id};
+
+          const isFilter = isCatId && (isMetro || isStation);
+
+          return isFilter;
+        }`,
+                draw: {
+                    points: getPOITypeLayer({
+                        texture: `POI_${cat_id}(metro)`,
+                    }),
+                },
+            };
+            defaultPOI[`_${cat_id}-diameter`] = {
+                filter: `function() {
+          const { cat_id, poi_name } = feature;
+
+          const isDiameter = poi_name.startsWith('МЦД-');
+
+          const isCatId = +cat_id === ${cat_id};
+
+          const isFilter = isCatId && isDiameter;
+
+          return isFilter;
+        }`,
+                draw: {
+                    points: getPOITypeLayer({
+                        texture: `POI_${cat_id}(diameter)`,
+                        size: [41, 15],
+                    }),
+                },
+            };
+            break;
+        }
+        case 9530: {
+            defaultPOI[`_${cat_id}-mail`] = {
+                filter: `function() {
+          const { cat_id, poi_name = '' } = feature;
+
+          const isCatId = +cat_id === ${cat_id};
+
+          const isMail = poi_name.startsWith('Почта');
+
+          const isFilter = isCatId && isMail;
+
+          return isFilter;
+        }`,
+                draw: {
+                    points: getPOITypeLayer({
+                        texture: `POI_${cat_id}(Mail)`,
+                    }),
+                },
+            };
+            defaultPOI[`_${cat_id}-delivery`] = {
+                filter: `function() {
+          const { cat_id, poi_name = '' } = feature;
+
+          const isCatId = +cat_id === ${cat_id};
+          
+          const isMail = poi_name.startsWith('Почта');
+
+          const isFilter = isCatId && !isMail;
+
+          return isFilter;
+        }`,
+                draw: {
+                    points: getPOITypeLayer({
+                        texture: `POI_${cat_id}(Delivery)`,
+                    }),
+                },
+            };
+            break;
+        }
+        case 9992: {
+            const subcat = {
+                mosque: 1,
+                church: 2,
+                temple: 3,
+                davidStar: 4,
+                mortar: 6,
+            };
+            Object.entries(subcat).forEach(([subcat_name, subcat_id]) => {
+                defaultPOI[`_${cat_id}-${subcat_name}`] = {
+                    filter: `function() {
+            const { cat_id, subcat_id } = feature;
+
+            const isCatId = +cat_id === ${cat_id};
+            const isSubcatId = +subcat_id === ${subcat_id};
+
+            const isFilter = isCatId && isSubcatId;
+
+            return isFilter;
+          }`,
+                    draw: {
+                        points: getPOITypeLayer({
+                            texture: `POI_${cat_id}(${subcat_name})`,
+                        }),
+                    },
+                };
+            });
+            break;
+        }
+        default: {
+            defaultPOI[`_${cat_id}`] = {
+                filter: `function() {
+          const { cat_id } = feature;
+
+          const isFilter = +cat_id === ${cat_id};
+
+          return isFilter;
+        }`,
+                draw: {
+                    points: getPOITypeLayer({
+                        texture: `POI_${cat_id}`,
+                    }),
+                },
+            };
+        }
+    }
+    return defaultPOI;
+};
+const getPOITypeLayer = ({ texture, size = 20, }) => {
+    const typeLayer = {
+        texture,
+        size,
+        sprite: 'base',
+        placement: 'midpoint',
+    };
+    return typeLayer;
+};
+const sublayers = catIds.reduce((acc, catId) => ({
+    ...acc,
+    ...getDefaultPOI(catId),
+}), {});
+const getPOILayers = (source) => {
+    const layers = [];
+    const layer = {
+        id: getUniqueKey(),
+        data: {
+            source,
+            layer: exports.SourceLayers.POI,
+        },
+        draw: {
+            points: {
+                text: {
+                    text_source,
+                    font: {
+                        fill: '#464544',
+                        size: '12px',
+                    },
+                },
+            },
+        },
+        sublayers,
+    };
+    layers.push(layer);
+    return layers;
+};
+
+const getPointAddressLayers = (source) => {
+    const layers = [];
+    const data = {
+        source,
+        layer: exports.SourceLayers.POINT_ADDRESS,
+        minzoom: 15,
+    };
+    const layer = {
+        id: getUniqueKey(),
+        data,
+        draw: {
+            text: {
+                text_source: 'address',
+                font: {
+                    fill: 'black',
+                    size: '12px',
+                },
+            },
+        },
+    };
+    layers.push(layer);
+    return layers;
+};
+
+const getRailroadLayers = (source) => {
+    const layers = [];
+    const data = {
+        source,
+        layer: exports.SourceLayers.RAILROAD_LINK,
+    };
+    const layer = {
+        id: getUniqueKey(),
+        data,
+        draw: {
+            lines: {
+                color: '#A3A8A',
+                width: 5,
+                dash: [1, 2],
+                dash_background_color: [0.0, 0.0, 0.0],
+                join: 'round',
+            },
+        },
+    };
+    layers.push(layer);
+    return layers;
+};
 
 const getWaterAreaLayers = (source) => {
     const layers = [];
@@ -33728,8 +33892,8 @@ exports.AuthPage = AuthPage;
 exports.AuthStore = AuthStore;
 exports.Button = Button;
 exports.CSVUploader = CSVUploader;
-exports.CameraCreateForm = create$2;
-exports.CameraUpdateForm = update$2;
+exports.CameraCreateForm = CameraCreateForm$1;
+exports.CameraUpdateForm = CameraUpdateForm$1;
 exports.Card = CustomCard;
 exports.Checkbox = CustomCheckbox;
 exports.DartcomAuthProvider = auth;
@@ -33755,21 +33919,23 @@ exports.Modal = modal;
 exports.ModalStore = ModalStore;
 exports.NoData = NoData;
 exports.Paragraph = Paragraph;
+exports.PillarCreateForm = create;
+exports.PillarUpdateForm = update;
 exports.QueryProvider = QueryProvider;
 exports.RootStore = RootStore;
 exports.Select = FormSelect;
 exports.StoreContext = StoreContext;
 exports.Tabs = Tabs;
 exports.TrafficSignAddDopButton = TrafficSignAddDopButton$1;
-exports.TrafficSignCreateForm = create$1;
+exports.TrafficSignCreateForm = TrafficSignCreateForm$1;
 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 = TrafficSignUpdateForm$1;
+exports.TrafficSignalCreateForm = TrafficSignalCreateForm$1;
+exports.TrafficSignalUpdateForm = TrafficSignalUpdateForm$1;
 exports.UploadButton = UploadButton;
 exports._backendUrl = _backendUrl;
 exports._testApiKeys = _testApiKeys;
@@ -33781,6 +33947,7 @@ exports.catIds = catIds;
 exports.copyInformation = copyInformation;
 exports.createApiService = createApiService;
 exports.defaultCamera = defaultCamera;
+exports.defaultPillar = defaultPillar;
 exports.defaultTrafficSign = defaultTrafficSign;
 exports.defaultTrafficSignDop = defaultTrafficSignDop;
 exports.defaultTrafficSignDopIds = defaultTrafficSignDopIds;
@@ -33839,11 +34006,14 @@ exports.layerDatesFieldsSchema = layerDatesFieldsSchema;
 exports.layerDefaultBackendDates = layerDefaultBackendDates;
 exports.layerDefaultFrontendDates = layerDefaultFrontendDates;
 exports.layerServiceIds = layerServiceIds;
+exports.layerServiceIdsSchema = layerServiceIdsSchema;
 exports.loggerService = loggerService;
 exports.modalStore = modalStore;
 exports.modalStyle = modalStyle;
 exports.parseTrafficSignCSVFile = parseTrafficSignCSVFile;
 exports.pillarConfig = pillarConfig;
+exports.pillarConnectionFields = pillarConnectionFields;
+exports.pillarMainFields = pillarMainFields;
 exports.queryClient = queryClient;
 exports.rootStore = rootStore;
 exports.showSnackbar = showSnackbar;