@dartcom/ui-kit 10.0.6 → 10.0.8

package/dist/index.cjs

@@ -16,6 +16,7 @@ var Box = require('@mui/material/Box');
 var Modal = require('@mui/material/Modal');
 var xDatePickers = require('@mui/x-date-pickers');
 var AdapterDateFns = require('@mui/x-date-pickers/AdapterDateFns');
+var DateField$1 = require('@mui/x-date-pickers/DateField');
 
 function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -145,29 +146,23 @@ var isWeb = typeof window !== 'undefined' &&
     typeof document !== 'undefined';
 
 function cloneObject(data) {
-    let copy;
-    const isArray = Array.isArray(data);
-    const isFileListInstance = typeof FileList !== 'undefined' ? data instanceof FileList : false;
     if (data instanceof Date) {
-        copy = new Date(data);
+        return new Date(data);
     }
-    else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
-        (isArray || isObject$3(data))) {
-        copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
-        if (!isArray && !isPlainObject$3(data)) {
-            copy = data;
-        }
-        else {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    copy[key] = cloneObject(data[key]);
-                }
-            }
-        }
+    const isFileListInstance = typeof FileList !== 'undefined' && data instanceof FileList;
+    if (isWeb && (data instanceof Blob || isFileListInstance)) {
+        return data;
     }
-    else {
+    const isArray = Array.isArray(data);
+    if (!isArray && !(isObject$3(data) && isPlainObject$3(data))) {
         return data;
     }
+    const copy = isArray ? [] : Object.create(Object.getPrototypeOf(data));
+    for (const key in data) {
+        if (Object.prototype.hasOwnProperty.call(data, key)) {
+            copy[key] = cloneObject(data[key]);
+        }
+    }
     return copy;
 }
 
@@ -193,6 +188,8 @@ var get = (object, path, defaultValue) => {
 
 var isBoolean$1 = (value) => typeof value === 'boolean';
 
+var isFunction$3 = (value) => typeof value === 'function';
+
 var set = (object, path, value) => {
     let index = -1;
     const tempPath = isKey(path) ? [path] : stringToPath(path);
@@ -616,12 +613,12 @@ function useController(props) {
     }), [name, control._formValues]);
     const ref = React.useCallback((elm) => {
         const field = get(control._fields, name);
-        if (field && elm) {
+        if (field && field._f && elm) {
             field._f.ref = {
-                focus: () => elm.focus && elm.focus(),
-                select: () => elm.select && elm.select(),
-                setCustomValidity: (message) => elm.setCustomValidity(message),
-                reportValidity: () => elm.reportValidity(),
+                focus: () => isFunction$3(elm.focus) && elm.focus(),
+                select: () => isFunction$3(elm.select) && elm.select(),
+                setCustomValidity: (message) => isFunction$3(elm.setCustomValidity) && elm.setCustomValidity(message),
+                reportValidity: () => isFunction$3(elm.reportValidity) && elm.reportValidity(),
             };
         }
     }, [control._fields, name]);
@@ -792,8 +789,6 @@ var isEmptyObject$1 = (value) => isObject$3(value) && !Object.keys(value).length
 
 var isFileInput = (element) => element.type === 'file';
 
-var isFunction$3 = (value) => typeof value === 'function';
-
 var isHTMLElement$1 = (value) => {
     if (!isWeb) {
         return false;
@@ -1361,6 +1356,7 @@ function createFormControl(props = {}) {
         action: false,
         mount: false,
         watch: false,
+        keepIsValid: false,
     };
     let _names = {
         mount: new Set(),
@@ -1371,7 +1367,7 @@ function createFormControl(props = {}) {
     };
     let delayErrorCallback;
     let timer = 0;
-    const _proxyFormState = {
+    const defaultProxyFormState = {
         isDirty: false,
         dirtyFields: false,
         validatingFields: false,
@@ -1380,6 +1376,9 @@ function createFormControl(props = {}) {
         isValid: false,
         errors: false,
     };
+    const _proxyFormState = {
+        ...defaultProxyFormState,
+    };
     let _proxySubscribeFormState = {
         ..._proxyFormState,
     };
@@ -1393,13 +1392,21 @@ function createFormControl(props = {}) {
         timer = setTimeout(callback, wait);
     };
     const _setValid = async (shouldUpdateValid) => {
+        if (_state.keepIsValid) {
+            return;
+        }
         if (!_options.disabled &&
             (_proxyFormState.isValid ||
                 _proxySubscribeFormState.isValid ||
                 shouldUpdateValid)) {
-            const isValid = _options.resolver
-                ? isEmptyObject$1((await _runSchema()).errors)
-                : await executeBuiltInValidation(_fields, true);
+            let isValid;
+            if (_options.resolver) {
+                isValid = isEmptyObject$1((await _runSchema()).errors);
+                _updateIsValidating();
+            }
+            else {
+                isValid = await executeBuiltInValidation(_fields, true);
+            }
             if (isValid !== _formState.isValid) {
                 _subjects.state.next({
                     isValid,
@@ -1562,11 +1569,11 @@ function createFormControl(props = {}) {
     const _runSchema = async (name) => {
         _updateIsValidating(name, true);
         const result = await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
-        _updateIsValidating(name);
         return result;
     };
     const executeSchemaAndUpdateState = async (names) => {
         const { errors } = await _runSchema(names);
+        _updateIsValidating(names);
         if (names) {
             for (const name of names) {
                 const error = get(errors, name);
@@ -1802,6 +1809,7 @@ function createFormControl(props = {}) {
             !isBlurEvent && watched && _subjects.state.next({ ..._formState });
             if (_options.resolver) {
                 const { errors } = await _runSchema([name]);
+                _updateIsValidating([name]);
                 _updateIsFieldValueUpdated(fieldValue);
                 if (isFieldValueUpdated) {
                     const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
@@ -1947,7 +1955,10 @@ function createFormControl(props = {}) {
         };
         return _subscribe({
             ...props,
-            formState: _proxySubscribeFormState,
+            formState: {
+                ...defaultProxyFormState,
+                ...props.formState,
+            },
         });
     };
     const unregister = (name, options = {}) => {
@@ -2100,6 +2111,7 @@ function createFormControl(props = {}) {
         });
         if (_options.resolver) {
             const { errors, values } = await _runSchema();
+            _updateIsValidating();
             _formState.errors = errors;
             fieldValues = cloneObject(values);
         }
@@ -2240,6 +2252,7 @@ function createFormControl(props = {}) {
                 !!keepStateOptions.keepDirtyValues ||
                 (!_options.shouldUnregister && !isEmptyObject$1(values));
         _state.watch = !!_options.shouldUnregister;
+        _state.keepIsValid = !!keepStateOptions.keepIsValid;
         _state.action = false;
         // Clear errors synchronously to prevent validation errors on subsequent submissions
         // This fixes the issue where form.reset() causes validation errors on subsequent
@@ -2284,7 +2297,7 @@ function createFormControl(props = {}) {
     };
     const reset = (formValues, keepStateOptions) => _reset(isFunction$3(formValues)
         ? formValues(_formValues)
-        : formValues, keepStateOptions);
+        : formValues, { ..._options.resetOptions, ...keepStateOptions });
     const setFocus = (name, options = {}) => {
         const field = get(_fields, name);
         const fieldReference = field && field._f;
@@ -2293,10 +2306,14 @@ function createFormControl(props = {}) {
                 ? fieldReference.refs[0]
                 : fieldReference.ref;
             if (fieldRef.focus) {
-                fieldRef.focus();
-                options.shouldSelect &&
-                    isFunction$3(fieldRef.select) &&
-                    fieldRef.select();
+                // Use setTimeout to ensure focus happens after any pending state updates
+                // This fixes the issue where setFocus doesn't work immediately after setError
+                setTimeout(() => {
+                    fieldRef.focus();
+                    options.shouldSelect &&
+                        isFunction$3(fieldRef.select) &&
+                        fieldRef.select();
+                });
             }
         }
     };
@@ -2322,6 +2339,7 @@ function createFormControl(props = {}) {
             setError,
             _subscribe,
             _runSchema,
+            _updateIsValidating,
             _focusError,
             _getWatch,
             _getDirty,
@@ -2608,7 +2626,7 @@ const useFormContext = () => {
     return formContext;
 };
 
-const CustomTextField = (props) => {
+const TextField = (props) => {
     return jsxRuntime.jsx(material.TextField, { size: "small", ...props });
 };
 
@@ -2624,14 +2642,14 @@ function CustomSelect({ name, items, label, sx, getLabel, getValue, getKey, }) {
             else {
                 resetField(name);
             }
-        }, renderInput: (params) => jsxRuntime.jsx(CustomTextField, { ...params, label: label }) }));
+        }, renderInput: (params) => jsxRuntime.jsx(TextField, { ...params, label: label }) }));
 }
 
 function CustomInput(props) {
     const { name, type } = props;
     const textFieldId = React__namespace.useId();
     const { control } = useFormContext$1();
-    return (jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(CustomTextField, { id: textFieldId, size: "small", ...props, ...field, onChange: (event) => {
+    return (jsxRuntime.jsx(Controller, { name: name, control: control, render: ({ field }) => (jsxRuntime.jsx(TextField, { id: textFieldId, size: "small", ...props, ...field, onChange: (event) => {
                 const { target } = event;
                 const { value } = target;
                 switch (type) {
@@ -18604,21 +18622,119 @@ const getNatureForestLayers = () => {
     return layers;
 };
 
+exports.TrafficSignStatus = void 0;
+(function (TrafficSignStatus) {
+    TrafficSignStatus["ACTIVE"] = "\u0414\u0435\u0439\u0441\u0442\u0432\u0443\u044E\u0449\u0438\u0439";
+    TrafficSignStatus["INACTIVE"] = "\u041D\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044E\u0449\u0438\u0439";
+    TrafficSignStatus["TEMPORARY"] = "\u0412\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0439";
+})(exports.TrafficSignStatus || (exports.TrafficSignStatus = {}));
+
+const trafficSignNumbersInformation = {
+    '1.1': {
+        title: 'Железнодорожный переезд со шлагбаумом',
+        height: 20,
+    },
+    '1.2': {
+        title: 'Железнодорожный переезд без шлагбаума',
+        height: 20,
+    },
+    '1.3.1': {
+        title: 'Однопутная железная дорога',
+        height: 20,
+    },
+    '1.3.2': {
+        title: 'Многопутная железная дорога',
+        height: 20,
+    },
+    '1.4.1': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.4.2': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.4.3': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.4.4': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.4.5': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.4.6': {
+        title: 'Приближение к железнодорожному переезду',
+        height: 40,
+    },
+    '1.5': {
+        title: 'Пересечение с трамвайной линией',
+        height: 20,
+    },
+    '1.6': {
+        title: 'Пересечение равнозначных дорог',
+        height: 20,
+    },
+    '1.7': {
+        title: 'Пересечение с круговым движением',
+        height: 20,
+    },
+    '1.8': {
+        title: 'Светофорное регулирование',
+        height: 20,
+    },
+    '1.9': {
+        title: 'Разводной мост',
+        height: 20,
+    },
+    '1.10': {
+        title: 'Выезд на набережную',
+        height: 20,
+    },
+    '1.11.1': {
+        title: 'Опасный поворот (правый)',
+        height: 20,
+    },
+    '1.11.2': {
+        title: 'Опасный поворот (левый)',
+        height: 20,
+    },
+    '1.12.1': {
+        title: 'Опасные повороты',
+        height: 20,
+    },
+    '1.12.2': {
+        title: 'Опасные повороты',
+        height: 20,
+    },
+    '1.13': {
+        title: 'Крутой спуск',
+        height: 20,
+    },
+    '1.14': {
+        title: 'Крутой подъём',
+        height: 20,
+    },
+    '1.15': {
+        title: 'Скользская дорога',
+        height: 20,
+    },
+    '1.16': {
+        title: 'Неровная дорога',
+        height: 20,
+    },
+    '1.17': {
+        title: 'Искусственная неровность',
+        height: 20,
+    },
+};
 const trafficSignNumbers = [
-    '1.1',
-    '1.10',
-    '1.11.1',
-    '1.11.2',
-    '1.12.1',
-    '1.12.2',
-    '1.13',
-    '1.14',
-    '1.15',
-    '1.16',
-    '1.17',
+    ...Object.keys(trafficSignNumbersInformation),
     '1.18',
     '1.19',
-    '1.2',
     '1.20.1',
     '1.20.2',
     '1.20.3',
@@ -18631,8 +18747,6 @@ const trafficSignNumbers = [
     '1.27',
     '1.28',
     '1.29',
-    '1.3.1',
-    '1.3.2',
     '1.30',
     '1.31',
     '1.32',
@@ -18646,17 +18760,6 @@ const trafficSignNumbers = [
     '1.34.3 A',
     '1.34.3 B',
     '1.35',
-    '1.4.1',
-    '1.4.2',
-    '1.4.3',
-    '1.4.4',
-    '1.4.5',
-    '1.4.6',
-    '1.5',
-    '1.6',
-    '1.7',
-    '1.8',
-    '1.9',
     '2.1',
     '2.2',
     '2.3.1',
@@ -19355,6 +19458,55 @@ Object.entries(trafficSignHeights).forEach(([height, trafficSignNumbers]) => {
         });
     });
 });
+const trafficSignTypes = trafficSignNumbers.reduce((trafficSignTypes, number) => {
+    const type = getTrafficSignTypeByNumber(number);
+    if (!type)
+        return trafficSignTypes;
+    return {
+        ...trafficSignTypes,
+        [type]: [...trafficSignTypes[type], number],
+    };
+}, {
+    'Предупреждающие знаки': [],
+    'Знаки приоритета': [],
+    'Запрещающие знаки': [],
+    'Предписывающие знаки': [],
+    'Знаки особых предписаний': [],
+    'Информационные знаки': [],
+    'Знаки сервиса': [],
+    'Знаки дополнительной информации': [],
+});
+const trafficSignTypesOptions = Object.keys(trafficSignTypes)
+    .map((trafficSignType) => ({
+    label: trafficSignType,
+    value: trafficSignType,
+}))
+    .filter(({ label }) => label !== 'Знаки дополнительной информации');
+const trafficSignStatusOptions = Object.values(exports.TrafficSignStatus).map((status) => ({
+    label: status,
+    value: status,
+}));
+const trafficSignFieldsTitles = {
+    traffic_sign_id: '',
+    dit_id: '',
+    tsodd_id: '',
+    pillar_id: '',
+    dops: '',
+    comment: 'Комментарий',
+    direction: 'Направление',
+    traffic_sign_number: 'Номер знака',
+    traffic_sign_title: 'Название знака',
+    traffic_sign_value: 'Название знака',
+    traffic_sign_type: 'Тип знака',
+    lat: 'Широта',
+    lon: 'Долгота',
+    future_maintanance_date: 'Дата следующего обслуживания',
+    placement_date: 'Дата установки',
+    rapair_performed_date: 'Дата последнего ремонта',
+    verification_date: 'Дата поверки',
+    warranty_expr_date: 'Дата окончания гарантии',
+    status: 'Статус',
+};
 
 const getTrafficSignLayers = (source) => {
     const layers = [];
@@ -19414,6 +19566,52 @@ const getTrafficSignImgSrc = ({ type, number, }) => {
     const textureUrl = `${imagesPath}/msk/${trafficSignLayerName}_${width}/${number}.${trafficSignExtension}`;
     return textureUrl;
 };
+const getTrafficSignTypeByNumber = (number) => {
+    const firstNumber = Number(number[0]);
+    switch (firstNumber) {
+        case 1: {
+            return 'Предупреждающие знаки';
+        }
+        case 2: {
+            return 'Знаки приоритета';
+        }
+        case 3: {
+            return 'Запрещающие знаки';
+        }
+        case 4: {
+            return 'Предписывающие знаки';
+        }
+        case 5: {
+            return 'Знаки особых предписаний';
+        }
+        case 6: {
+            return 'Информационные знаки';
+        }
+        case 7: {
+            return 'Знаки сервиса';
+        }
+        case 8: {
+            return 'Знаки дополнительной информации';
+        }
+        default: {
+            return null;
+        }
+    }
+};
+const getTrafficSignTitlesOptions = () => {
+    const titles = new Set();
+    const options = [];
+    Object.values(trafficSignNumbersInformation).forEach(({ title }) => {
+        titles.add(title);
+    });
+    titles.forEach((title) => {
+        options.push({
+            label: title,
+            value: title,
+        });
+    });
+    return options;
+};
 
 const size$2 = 20;
 const extension$2 = 'svg';
@@ -26357,6 +26555,16 @@ const CustomModal = ({ name, children, onClose, onOpen, }) => {
 };
 var modal = observer(CustomModal);
 
+function DateField({ name, label }) {
+    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: {
+                    field: TextField,
+                } }));
+        } }));
+}
+
 const useShowSnackbar = () => {
     const { enqueueSnackbar } = useSnackbar();
     const showSnackbar = ({ variant, message, }) => {
@@ -28881,6 +29089,7 @@ exports.Checkbox = CustomCheckbox;
 exports.DartcomAuthProvider = auth;
 exports.DartcomMobxProvider = DartcomMobxProvider;
 exports.DartcomProviders = DartcomProviders;
+exports.DateField = DateField;
 exports.DeleteButton = DeleteButton;
 exports.DragList = DragList;
 exports.EditButton = EditButton;
@@ -28933,6 +29142,8 @@ exports.getRailroadLayers = getRailroadLayers;
 exports.getRoadPolyLayers = getRoadPolyLayers;
 exports.getTrafficSignImgSrc = getTrafficSignImgSrc;
 exports.getTrafficSignLayers = getTrafficSignLayers;
+exports.getTrafficSignTitlesOptions = getTrafficSignTitlesOptions;
+exports.getTrafficSignTypeByNumber = getTrafficSignTypeByNumber;
 exports.getTrafficSignalLayers = getTrafficSignalLayers;
 exports.getUrlencodedBody = getUrlencodedBody;
 exports.getValidLayer = getValidLayer;
@@ -28946,10 +29157,15 @@ exports.sourceUrl = sourceUrl;
 exports.text_source = text_source;
 exports.tile_size = tile_size;
 exports.trafficSignExtension = trafficSignExtension;
+exports.trafficSignFieldsTitles = trafficSignFieldsTitles;
 exports.trafficSignHeights = trafficSignHeights;
 exports.trafficSignLayerName = trafficSignLayerName;
 exports.trafficSignNumbers = trafficSignNumbers;
+exports.trafficSignNumbersInformation = trafficSignNumbersInformation;
 exports.trafficSignNumbersSizes = trafficSignNumbersSizes;
+exports.trafficSignStatusOptions = trafficSignStatusOptions;
+exports.trafficSignTypes = trafficSignTypes;
+exports.trafficSignTypesOptions = trafficSignTypesOptions;
 exports.trafficSignWidths = trafficSignWidths;
 exports.useFormContext = useFormContext;
 exports.useGetLeafletLayer = useGetLeafletLayer;