kui-utils 0.0.23 → 0.0.25

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { DependencyList } from 'react';
+import { Loader as Loader$1 } from 'kui-utils';
 
 declare function useForkRef<Instance>(...refs: Array<React.Ref<Instance> | undefined>): React.RefCallback<Instance> | null;
 
@@ -127,10 +128,7 @@ declare class MultistepForm<T extends object, U extends readonly string[] = []>
     updateFormFields: (fields: Partial<T>) => void;
     replaceFieldInArray: <V>(fieldName: keyof T, newValue: V, index: number) => void;
     addValueToField: (valueName: string, value: any, fieldName?: string | undefined) => void;
-    getNestedField: (fieldName?: string | undefined) => {
-        path: Partial<T>;
-        fields: Partial<T>;
-    };
+    getNestedField: (fieldName?: string | undefined) => Partial<T>;
     nextStep: () => void;
     prevStep: () => void;
     setStage: (stage: Values<U>) => void;
@@ -155,6 +153,13 @@ declare const toNumber: (value?: string | number | null | undefined) => number |
 
 declare const updateQueryParams: (newLink: string) => void;
 
+declare function addToIndexDBWithQueue(db: any, storeName: string, data: any, loader: Loader$1): void;
+declare const readFromIndexDB: (db: any, name: string, loader: Loader$1) => Promise<any>;
+declare const initIndexDB: (dbName: string, onupgradeneeded: (db: any) => void, loader: Loader$1, setIndexDB: (db: any) => void) => void;
+declare const addIndexDBStore: (db: any, name: string) => void;
+declare const clearIndexStore: (db: any, name: string) => void;
+declare const clearIndexStores: (db: any, stores: string[]) => void;
+
 declare type CookieOptions = {
     path?: string;
     "max-age"?: number;
@@ -211,4 +216,4 @@ declare class KUIUtilsSettings {
 }
 declare const kuiUtilsSettings: KUIUtilsSettings;
 
-export { Editor, kuiUtilsSettings as KUIUtilsSettings, Loader, MultistepForm, ObjectType, PaginationRes, Paginator, PhoneParams, ResHandlerParams, SortOrder, SortingFilter, Values, accountRegExp, addLeadZero, addToArrayByCondition, applyMask, bicRegExp, callPromises, carNumberRegExp, checkIsIOS, cleanEmptyFields, clearNotValidFields, copyInfo, corrAccountRegExp, _default as countries, cropText, dateRegExp, declineByNumber, deleteCookie, emailRegExp, formatError, generateFormDataBody, getChangedValue, getCookie, getFileNameFromFile, getFileNameFromUrl, getNestedData, getPhoneNumberFromPhoneParams, getPhoneParamsFromString, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, promisesWithCallback, resHandler, setCookie, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, toNumber, updateQueryParams, useDebounce, useForkRef, useTabIndex, useToggle, useWindowWidth };
+export { Editor, kuiUtilsSettings as KUIUtilsSettings, Loader, MultistepForm, ObjectType, PaginationRes, Paginator, PhoneParams, ResHandlerParams, SortOrder, SortingFilter, Values, accountRegExp, addIndexDBStore, addLeadZero, addToArrayByCondition, addToIndexDBWithQueue, applyMask, bicRegExp, callPromises, carNumberRegExp, checkIsIOS, cleanEmptyFields, clearIndexStore, clearIndexStores, clearNotValidFields, copyInfo, corrAccountRegExp, _default as countries, cropText, dateRegExp, declineByNumber, deleteCookie, emailRegExp, formatError, generateFormDataBody, getChangedValue, getCookie, getFileNameFromFile, getFileNameFromUrl, getNestedData, getPhoneNumberFromPhoneParams, getPhoneParamsFromString, initIndexDB, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, promisesWithCallback, readFromIndexDB, resHandler, setCookie, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, toNumber, updateQueryParams, useDebounce, useForkRef, useTabIndex, useToggle, useWindowWidth };

package/index.js

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { useState, useMemo, useEffect } from 'react';
 import _ from 'lodash';
 import { useLocation } from 'react-router-dom';
-import { makeAutoObservable } from 'mobx';
+import { isObservable, toJS, makeAutoObservable } from 'mobx';
+import { DateTime } from 'luxon';
 
 function setRef(ref, value) {
     if (typeof ref === "function") {
@@ -2018,6 +2019,110 @@ var updateQueryParams = function (newLink) {
     window.history.pushState({ route: route }, "", route);
 };
 
+function cleanObjectForIndexDB(value) {
+    if (typeof value === "undefined")
+        return null;
+    if (value instanceof File)
+        return value;
+    if (value instanceof DateTime)
+        return value.toISO();
+    if (isObservable(value)) {
+        return cleanObjectForIndexDB(toJS(value));
+    }
+    if (Array.isArray(value)) {
+        return value.map(function (item) { return cleanObjectForIndexDB(item); });
+    }
+    if (value !== null && typeof value === "object") {
+        var plainObject = {};
+        // eslint-disable-next-line no-restricted-syntax
+        for (var key in value) {
+            // eslint-disable-next-line no-prototype-builtins
+            if (value.hasOwnProperty(key)) {
+                var objectValue = value[key];
+                if (typeof objectValue !== "function" && objectValue !== undefined) {
+                    plainObject[key] = cleanObjectForIndexDB(objectValue);
+                }
+            }
+        }
+        return plainObject;
+    }
+    return value;
+}
+var transactionQueue = Promise.resolve();
+function addToIndexDBWithQueue(db, storeName, data, loader) {
+    transactionQueue = transactionQueue
+        .then(function () {
+        return new Promise(function (resolve, reject) {
+            if (db && db.objectStoreNames.contains(storeName) && data) {
+                var transaction = db.transaction(storeName, "readwrite");
+                var store = transaction.objectStore(storeName);
+                // eslint-disable-next-line no-param-reassign
+                data.id = 1;
+                var formattedData = cleanObjectForIndexDB(data);
+                var request_1 = store.put(formattedData);
+                request_1.onsuccess = function () {
+                    resolve(request_1);
+                };
+                request_1.onerror = function () {
+                    loader.setError("Не удалось сохранить данные в локальное хранилище");
+                    reject();
+                };
+            }
+        });
+    })
+        .catch(function (error) {
+        console.error("Ошибка в очереди транзакций:", error);
+    });
+}
+var readFromIndexDB = function (db, name, loader) { return __awaiter(void 0, void 0, void 0, function () {
+    var transaction, request_2;
+    return __generator(this, function (_a) {
+        if (db.objectStoreNames.contains(name)) {
+            transaction = db.transaction(name, "readonly").objectStore(name);
+            request_2 = transaction.getAll();
+            return [2 /*return*/, new Promise(function (resolve, reject) {
+                    request_2.onerror = function () {
+                        reject();
+                        loader.setError("Не удалось сохранить данные в локальное хранилище");
+                    };
+                    request_2.onsuccess = function () {
+                        var _a;
+                        resolve((_a = request_2.result) === null || _a === void 0 ? void 0 : _a[0]);
+                    };
+                })];
+        }
+        return [2 /*return*/, null];
+    });
+}); };
+var initIndexDB = function (dbName, onupgradeneeded, loader, setIndexDB) {
+    var dbRequest = indexedDB.open(dbName, 1);
+    dbRequest.onerror = function () {
+        loader.setError("Ошибка при открытии хранилища на устройстве. Данные не будут сохраняться локально");
+    };
+    dbRequest.onsuccess = function () {
+        var db = dbRequest.result;
+        setIndexDB(db);
+    };
+    dbRequest.onupgradeneeded = function () { return onupgradeneeded(dbRequest.result); };
+};
+var addIndexDBStore = function (db, name) {
+    if (db && !db.objectStoreNames.contains(name)) {
+        db.createObjectStore(name, { keyPath: "id" });
+    }
+};
+var clearIndexStore = function (db, name) {
+    if (db) {
+        var transaction = db.transaction(name, "readwrite");
+        var objectStore = transaction.objectStore(name);
+        objectStore.clear();
+    }
+};
+var clearIndexStores = function (db, stores) {
+    Array.from(stores).forEach(function (name) {
+        clearIndexStore(db, name);
+    });
+};
+
 function setCookie(name, value, options) {
     if (options === void 0) { options = {}; }
     var cookieOptions = __assign({ path: "/" }, options);
@@ -2238,9 +2343,8 @@ var MultistepForm = /** @class */ (function () {
         this.addValueToField = function (valueName, value, fieldName) {
             if (!_this.fields)
                 _this.fields = {};
-            var _a = _this.getNestedField(fieldName), path = _a.path, fields = _a.fields;
+            var path = _this.getNestedField(fieldName);
             path[valueName] = value;
-            _this.fields = fields;
         };
         this.getNestedField = function (fieldName) {
             if (!_this.fields)
@@ -2252,12 +2356,11 @@ var MultistepForm = /** @class */ (function () {
                 // @ts-ignore
                 _this.fields[fieldParts[0]] = [];
             }
-            var fields = _this.fields;
-            var path = fields;
+            var path = _this.fields;
             fieldParts === null || fieldParts === void 0 ? void 0 : fieldParts.forEach(function (part) {
                 path = path[part];
             });
-            return { path: path, fields: fields };
+            return path;
         };
         this.nextStep = function () {
             _this.step += 1;
@@ -2337,5 +2440,5 @@ var simplePasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{10,
 var mediumPasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{12,}$/;
 var strongPasswordRegExp = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{14,}$/;
 
-export { Editor, kuiUtilsSettings as KUIUtilsSettings, Loader, MultistepForm, Paginator, SortingFilter, accountRegExp, addLeadZero, addToArrayByCondition, applyMask, bicRegExp, callPromises, carNumberRegExp, checkIsIOS, cleanEmptyFields, clearNotValidFields, copyInfo, corrAccountRegExp, countries, cropText, dateRegExp, declineByNumber, deleteCookie, emailRegExp, formatError, generateFormDataBody, getChangedValue, getCookie, getFileNameFromFile, getFileNameFromUrl, getNestedData, getPhoneNumberFromPhoneParams, getPhoneParamsFromString, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, promisesWithCallback, resHandler, setCookie, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, toNumber, updateQueryParams, useDebounce, useForkRef, useTabIndex, useToggle, useWindowWidth };
+export { Editor, kuiUtilsSettings as KUIUtilsSettings, Loader, MultistepForm, Paginator, SortingFilter, accountRegExp, addIndexDBStore, addLeadZero, addToArrayByCondition, addToIndexDBWithQueue, applyMask, bicRegExp, callPromises, carNumberRegExp, checkIsIOS, cleanEmptyFields, clearIndexStore, clearIndexStores, clearNotValidFields, copyInfo, corrAccountRegExp, countries, cropText, dateRegExp, declineByNumber, deleteCookie, emailRegExp, formatError, generateFormDataBody, getChangedValue, getCookie, getFileNameFromFile, getFileNameFromUrl, getNestedData, getPhoneNumberFromPhoneParams, getPhoneParamsFromString, initIndexDB, innRegExp, isValidWithMaskExp, mediumPasswordRegExp, monthYearRegExp, phoneRegExp, promisesWithCallback, readFromIndexDB, resHandler, setCookie, simplePasswordRegExp, strongPasswordRegExp, swiftRegExp, toNumber, updateQueryParams, useDebounce, useForkRef, useTabIndex, useToggle, useWindowWidth };
 //# sourceMappingURL=index.js.map