eservices-core 1.0.470 → 1.0.471

package/dist/classes/new/List.d.ts

@@ -122,16 +122,19 @@ export declare function useListState(list: List<any>): {
     array: any[];
 };
 interface IFlexConfig {
-    config: Readonly<IListCell[]>;
     list: List;
-    setConfig: (newConfig: IListCell[]) => void;
     revertConfig: () => void;
     defaultConfig: IListCell[];
+    config: IListCell[];
 }
 /**
  * Использование гибкого механизма для работы с конфигурацию.
  * */
 export declare function useProvideList(list?: List, defaultConfig?: IListCell[]): IFlexConfig;
+/**
+ * @description Возвращает реактивный экземпляр конфигурации списка.
+ * */
+export declare function useListConfig(list: List): IListCell[];
 export declare type ListCellType = 'date' | 'dateWithTime' | 'toggle' | 'select';
 export interface IListCell {
     title: string;

package/dist/index.d.ts

@@ -62,7 +62,7 @@ import useCustomerState from "./hooks/use-customer-state";
 import { useTableRequest, useTableState } from "./classes/table/Table";
 import { useCommunication } from "./classes/Communication";
 import useFormRequest from "./hooks/use-form-request";
-import { useProvideList } from "./classes/new/List";
+import { useProvideList, useListConfig } from "./classes/new/List";
 import { SYMBOL_ROW } from "./classes/table/Table";
 export { 
 /**
@@ -78,7 +78,7 @@ export { fileService, processWizardService, viewService, authService, dataServic
 /**
  * HOOKS
  * */
-export { useFormMetadata, useFormAction, useFormLabel, useFormRequestData, useListFilter, useListOrder, useListState, useCustomerState, useTableState, useTableRequest, useCommunication, useFormRequest, useManagerState, useProvideList };
+export { useFormMetadata, useFormAction, useFormLabel, useFormRequestData, useListFilter, useListOrder, useListState, useCustomerState, useTableState, useTableRequest, useCommunication, useFormRequest, useManagerState, useProvideList, useListConfig };
 /**
  * All components binding with VueComponents must have name started with Widget.
  * */

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  * eservices-core v1.0.470
+  * eservices-core v1.0.471
   * (c) 2023 ESERVICES
   */
 'use strict';
@@ -2750,60 +2750,6 @@ function useTableRequest(table, options) {
 var css_248z$j = "*{\r\n    --extra-fast    :0.1s;\r\n    --fast          :0.2s;\r\n    --medium        :0.3s;\r\n\r\n    box-sizing: border-box;\r\n    --primary: #3949ab\r\n}\r\nhtml, body, #app{\r\n    height: 100%;\r\n}\r\nbody{\r\n    margin: 0;\r\n}\r\nul{\r\n    text-align: left;\r\n}\r\n.flex{\r\n    display: flex;\r\n}\r\n.flex_column{\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.flex_center{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.flex_full{\r\n    flex-grow: 1;\r\n}\r\n.grid{\r\n    display: grid;\r\n}\r\n.link{\r\n    text-decoration: var(--link-decoration);\r\n    color: var(--link-color);\r\n}\r\n.link_hover-underline:hover,\r\n.link_hover_underline:hover{\r\n    text-decoration: underline;\r\n}\r\n.link_full{\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    left: 0;\r\n    top:0;\r\n}\r\n.text_sm{\r\n    font-weight: 400;\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n}\r\n.text_md{\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n}\r\n.text_lg{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.text_size_xxl{\r\n    font-size: 18px;\r\n    line-height: 25px;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_bold{\r\n    font-weight: 600;\r\n}\r\n.text_nowrap{\r\n    white-space: nowrap;\r\n}\r\n.text_right{\r\n    text-align: right;\r\n}\r\n.text_center{\r\n    text-align: center;\r\n}\r\n.text_size_sm{\r\n    font-size: 12px;\r\n    line-height: 130%;\r\n}\r\n.text_size_md{\r\n    font-size: 14px;\r\n    line-height: 140%;\r\n}\r\n.text_error{\r\n    color: red;\r\n}\r\n.title_sm{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n}\r\n.title_md{\r\n    font-weight: 600;\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n}\r\n.title_lg{\r\n    font-weight: bold;\r\n    font-size: 32px;\r\n    line-height: 48px;\r\n}\r\n.title_xxl{\r\n    font-weight: bold;\r\n    font-size: 48px;\r\n    line-height: 64px;\r\n}\r\n.cursor_pointer{\r\n    cursor: pointer;\r\n}\r\n.cursor_default{\r\n    cursor: default;\r\n}\r\nbutton{\r\n    outline: none;\r\n    user-select: none;\r\n\r\n    transition: background-color 0.2s;\r\n}\r\n.button{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    outline: none;\r\n}\r\n.button_main{\r\n    background-color: var(--button-background);\r\n    color: var(--button-color);\r\n}\r\n.button_main:focus{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_main:active{\r\n    background-color: var(--button-background-active);\r\n}\r\n.button_white{\r\n    background-color: var(--white);\r\n    color: var(--main);\r\n}\r\n.button_sm{\r\n    height: 30px;\r\n    width: 130px;\r\n}\r\n.button_shadow{\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\r\n}\r\n.button_lg{\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    padding: 12px 0;\r\n    height: 50px;\r\n    width: 200px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--gray-1);\r\n}\r\n.button_resolve{\r\n    background-color: var(--main);\r\n    color: var(--white);\r\n    border-radius: 2px;\r\n}\r\n.button_reject{\r\n    border: 1px solid var(--color-dark);\r\n    border-radius: 2px;\r\n}\r\n.button_md{\r\n    height: 30px;\r\n    padding: 0 10px;\r\n\r\n    min-width: 80px;\r\n}\r\n.button_disabled{\r\n    background-color: var(--button-disabled-background-color);\r\n    cursor: pointer !important;\r\n}\r\n*{\r\n\r\n\r\n\r\n}\r\n.color_main,\r\n.color__text_main{\r\n    color: var(--main);\r\n}\r\n.color__text_black{\r\n    color: var(--black-1);\r\n}\r\n.color__text_gray{\r\n    color: var(--text-gray);\r\n}\r\n.color__text_red,\r\n.color_red{\r\n    color: var(--red);\r\n}\r\n.color__text_white{\r\n    color: var(--white);\r\n}\r\n.background_orange{\r\n    background-color: var(--orange)\r\n}\r\n.background_red{\r\n    background-color: var(--red)\r\n}\r\n.color_dark{\r\n    color: var(--dark);\r\n}\r\n.color_light{\r\n    color: var(--light);\r\n}\r\n.move-vertical-enter-active,\r\n.move-vertical-leave-active {\r\n    transition: transform 0.5s ease;\r\n}\r\n.move-vertical-enter-from,\r\n.move-vertical-leave-to {\r\n   transform: translateY(-10px);\r\n}\r\n.move-horizontal-enter-active,\r\n.move-horizontal-leave-active {\r\n    transition: transform 0.5s;\r\n}\r\n.move-horizontal-enter-from,\r\n.move-horizontal-leave-to {\r\n    transform: translateX(-40px);\r\n}\r\n.modal-vertical-enter-active , .modal-vertical-leave-active, .modal-default {\r\n    transition: transform var(--medium);\r\n}\r\n.modal-vertical-enter-active .modal-default, .modal-vertical-leave-active .modal-default{\r\n    transform: translateY(-100px);\r\n}\r\n.move-vertical-fast-enter-active,\r\n.move-vertical-fast-leave-active {\r\n    transition: transform var(--fast) ease;\r\n}\r\n.move-vertical-fast-enter-from,\r\n.move-vertical-fast-leave-to {\r\n    transform: translateY(-20px);\r\n}\r\n.slide-up-enter-active,\r\n.slide-up-leave-active {\r\n    transition: transform var(--fast) ease, opacity var(--fast);\r\n\r\n}\r\n.slide-up-enter-from,\r\n.slide-up-leave-to {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n}\r\n.opacity-enter-active,\r\n.opacity-leave-active {\r\n    transition: opacity var(--fast) ease;\r\n}\r\n.opacity-enter-from,\r\n.opacity-leave-to {\r\n    opacity: 0;\r\n}\r\n.modal-default{\r\n    background-color: var(--white);\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    width: auto;\r\n\r\n    background: var(--white);\r\n    border-radius: var(--border-radius);\r\n\r\n\r\n}\r\n.modal-default__head{\r\n    background-color: var(--black-1);\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px 6px 0 0;\r\n}\r\n.modal-default__body{\r\n    gap: 20px;\r\n    padding: 0 15px;\r\n}\r\n.modal-default__foot{\r\n    padding: 30px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n.tooltip-help-elem{}\r\n.hint-tooltip{\r\n    display: block;\r\n\r\n    z-index: 222;\r\n    margin: auto;\r\n    pointer-events: none;\r\n\r\n    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);\r\n}\r\n.tooltip-help-circle-in,\r\n.tooltip-help-circle-out{\r\n    border-radius: 50%;\r\n}\r\n.tooltip-help-undefined{\r\n    border-radius: 50px;\r\n}\r\n.tooltip-card{\r\n    position: fixed;\r\n    z-index: 315;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    width: 480px;\r\n    height: fit-content;\r\n\r\n    margin: auto;\r\n\r\n    border-radius: 10px;\r\n    background-color: var(--hint-background);\r\n\r\n    cursor: default;\r\n}\r\n.tooltip-card__foot{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    background-color: var(--hint-background-navigation);\r\n    border-radius: 10px;\r\n\r\n    padding: 20px ;\r\n}\r\n.tooltip-card__foot-current{\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body{\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 8px;\r\n\r\n    padding: 20px 20px 10px 20px;\r\n}\r\n.tooltip-card__body-title{\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__body-text{\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    color: var(--white);\r\n}\r\n.tooltip-card__foot-button_back{\r\n    background-color: var(--main-1);\r\n}\r\n.tooltip-card__foot-button_next{\r\n    background-color: var(--hint);\r\n}\r\n.tooltip-card__body-close{\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 12px;\r\n    width: 20px;\r\n    height: 16px;\r\n    opacity: 0.3;\r\n\r\n    cursor: pointer;\r\n}\r\n.tooltip-card__body-close:hover {\r\n    opacity: 1;\r\n}\r\n.tooltip-card__body-close:before,\r\n.tooltip-card__body-close:after {\r\n    position: absolute;\r\n    left: 15px;\r\n    content: ' ';\r\n    height: 21px;\r\n    width: 2px;\r\n    background-color: white;\r\n}\r\n.tooltip-card__body-close:before {\r\n    transform: rotate(45deg);\r\n}\r\n.tooltip-card__body-close:after {\r\n    transform: rotate(-45deg);\r\n}\r\n.tooltip-card-container-wrap{\r\n    pointer-events: none;\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n\r\n    z-index: 123132;\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.tooltip-card-container-wrap>div{\r\n\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tester-box-tooltip{\r\n    pointer-events: all;\r\n}\r\n.position_relative{\r\n    position: relative;\r\n}\r\n.position_absolute{\r\n    position: absolute;\r\n}\r\n.gap_5{\r\n    gap: 5px;\r\n}\r\n.gap_10{\r\n    gap: 10px;\r\n}\r\n.gap_20{\r\n    gap: 20px;\r\n}\r\n.margin-0{\r\n    margin: 0;\r\n}\r\n.widget-input{\r\n\tbackground-color: var(--input-background);\r\n\tborder: var(--input-border);\r\n\tborder-radius: var(--input-border-radius);\r\n\tcolor: var(--input-color);\r\n}\r\n.widget-input:disabled{\r\n\tbackground-color: var(--input-background-disabled);\r\n\tborder: var(--input-border-disabled);\r\n}\r\n.widget-input[error=\"true\"] {\r\n\tborder: var(--input-border-error);\r\n}\r\n.widget-input::placeholder{\r\n\tcolor: var(--input-placeholder-color);\r\n}\r\n.widget-input:disabled::placeholder{\r\n\tcolor: var(--input-placeholder-color-disabled);\r\n}\r\n.input_error{\r\n\tborder: 1px solid red !important;\r\n}\r\n.input_size_md{\r\n\theight: var(--input-height);\r\n}\r\n.input-title{\r\n\tfont-size: 12px;\r\n\tline-height: 16px;\r\n\tcolor: #667085;\r\n\r\n\tmargin: 4px 0;\r\n}\r\n.widget-table{\r\n    border-collapse: collapse;\r\n}\r\n.widget-table_mini{\r\n\r\n}\r\n.widget-table_mini p{\r\n    margin: 0;\r\n}\r\n.widget-table_mini{\r\n\r\n}\r\n.list-cell-link>a{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0;\r\n    z-index: 1;\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    cursor: pointer;\r\n}\r\n.list-cell-link>p{\r\n    font-weight: 500;\r\n}\r\n.widget-table__cell{\r\n    padding: 0 20px;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 19px;\r\n\r\n    color: #4F4F4F;\r\n}\r\n.widget-table-cell_use{\r\n    cursor: pointer;\r\n}\r\n.widget-table-cell_select{\r\n    width: min-content  ;\r\n}\r\n.table-cell-toggle{\r\n    --border-color: black;\r\n    position: relative;\r\n    display: grid;\r\n    place-content: center;\r\n    border: 1px solid var(--border-color);\r\n    height: 15px;\r\n    aspect-ratio: 1 / 1;\r\n    border-radius: 50%;\r\n}\r\n.table-cell-toggle_active:after {\r\n    content: \"\";\r\n    border-radius: 50%;\r\n    background-color: var(--border-color);\r\n    height: 9px;\r\n    aspect-ratio: 1/1;\r\n}\r\n.widget-list-cell-text {\r\n    white-space: nowrap;\r\n}\r\n";
 styleInject(css_248z$j);
 
-/**
- * @description Используется для работы с конфигурацией списка. При работе делает копию, после чего её можно будет установить
- * как конфигурацию по умолчанию
- * */
-class ListConfig extends EventEmitter {
-    constructor(array = []) {
-        super();
-        this.array = vue.reactive([]);
-        /**
-         * @description Является дефолтной конфигурацией, используется для возвращению
-         * */
-        this.defaultArray = [];
-        this.setDefault(array);
-    }
-    emitUpdate() {
-        this.emit(ListConfig.EVENT_DATA, this.array);
-    }
-    setDefault(array) {
-        const copy = JSON.parse(JSON.stringify(array));
-        this.defaultArray = copy;
-        this.set(copy);
-    }
-    revert() {
-        this.set(this.defaultArray);
-    }
-    set(array) {
-        this.array.splice(0, this.array.length, ...array);
-        this.emitUpdate();
-    }
-    append(data) {
-        this.array.push(data);
-        this.emitUpdate();
-    }
-    /**
-     * @description Перемещает элемент с позиции I, на позицию J
-     * */
-    moveTo(i, j) {
-        if (this.isOutOfRange(i) || this.isOutOfRange(j))
-            throw new Error(`Provided position is out of range: ${i}, ${j}`);
-        const item = this.array[i];
-        this.array.splice(i, 1);
-        this.array.splice(j, 0, item);
-        this.emitUpdate();
-    }
-    remove(i) {
-        this.array.splice(i, 1);
-        this.emitUpdate();
-    }
-    isOutOfRange(position) {
-        return !(position >= 0 && position < this.array.length);
-    }
-}
-ListConfig.EVENT_DATA = 'list-config:update';
-
 var _primaryKeys, _config, _wait, _readData, _saveData;
 const LIST_ROW_KEY = '_______LIST_______ROW_______INDEX________NAME_______';
 class List$1 extends EventEmitter {
@@ -3103,25 +3049,30 @@ function useProvideList(list, defaultConfig) {
         return data;
     if (!list || !defaultConfig)
         throw new Error(`Hook useProvideList has two required params: list and defaultConfig`);
-    const reactiveConfig = vue.reactive(defaultConfig);
-    const listConfigurator = new ListConfig(defaultConfig);
-    listConfigurator.on(ListConfig.EVENT_DATA, (a) => reactiveConfig.splice(0, reactiveConfig.length, ...a));
-    function setConfig(newConfig) {
-        reactiveConfig.splice(0, reactiveConfig.length, ...newConfig);
-    }
+    const config = useListConfig(list);
     function revertConfig() {
         if (!defaultConfig)
             throw new Error('DefaultConfig was not provided.');
-        setConfig(defaultConfig);
+        if (!list)
+            throw new Error(`List was not provided.`);
+        list.config = (defaultConfig);
     }
     const returnedValues = {
-        config: vue.readonly(reactiveConfig), list,
-        setConfig,
+        list,
         revertConfig,
+        config,
         defaultConfig
     };
     vue.provide(PROVIDE_NAME, returnedValues);
     return returnedValues;
+}
+/**
+ * @description Возвращает реактивный экземпляр конфигурации списка.
+ * */
+function useListConfig(list) {
+    const config = vue.reactive([...list.config]);
+    list.on(List$1.EVENT_CONFIG_UPDATE, v => config.splice(0, config.length, ...v));
+    return config;
 }
 
 class Table extends List$1 {
@@ -5020,6 +4971,60 @@ function useManagerState() {
     return state;
 }
 
+/**
+ * @description Используется для работы с конфигурацией списка. При работе делает копию, после чего её можно будет установить
+ * как конфигурацию по умолчанию
+ * */
+class ListConfig extends EventEmitter {
+    constructor(array = []) {
+        super();
+        this.array = vue.reactive([]);
+        /**
+         * @description Является дефолтной конфигурацией, используется для возвращению
+         * */
+        this.defaultArray = [];
+        this.setDefault(array);
+    }
+    emitUpdate() {
+        this.emit(ListConfig.EVENT_DATA, this.array);
+    }
+    setDefault(array) {
+        const copy = JSON.parse(JSON.stringify(array));
+        this.defaultArray = copy;
+        this.set(copy);
+    }
+    revert() {
+        this.set(this.defaultArray);
+    }
+    set(array) {
+        this.array.splice(0, this.array.length, ...array);
+        this.emitUpdate();
+    }
+    append(data) {
+        this.array.push(data);
+        this.emitUpdate();
+    }
+    /**
+     * @description Перемещает элемент с позиции I, на позицию J
+     * */
+    moveTo(i, j) {
+        if (this.isOutOfRange(i) || this.isOutOfRange(j))
+            throw new Error(`Provided position is out of range: ${i}, ${j}`);
+        const item = this.array[i];
+        this.array.splice(i, 1);
+        this.array.splice(j, 0, item);
+        this.emitUpdate();
+    }
+    remove(i) {
+        this.array.splice(i, 1);
+        this.emitUpdate();
+    }
+    isOutOfRange(position) {
+        return !(position >= 0 && position < this.array.length);
+    }
+}
+ListConfig.EVENT_DATA = 'list-config:update';
+
 class Communication extends EventEmitter {
     constructor(talkId) {
         super();
@@ -5567,6 +5572,7 @@ exports.useFormLabel = useFormLabel;
 exports.useFormMetadata = useFormMetadata;
 exports.useFormRequest = useFormRequest;
 exports.useFormRequestData = useFormRequestData;
+exports.useListConfig = useListConfig;
 exports.useListFilter = useListFilter;
 exports.useListOrder = useListOrder;
 exports.useListState = useListState$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eservices-core",
-  "version": "1.0.470",
+  "version": "1.0.471",
   "description": "Core library",
   "author": "",
   "scripts": {