eservices-core 1.0.418 → 1.0.420

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/classes/List.d.ts +5 -3
  2. package/dist/classes/table/Table.d.ts +3 -2
  3. package/dist/index.d.ts +3 -2
  4. package/dist/index.js +80 -17
  5. package/dist/services/open-service.d.ts +1 -1
  6. package/dist/utils/Filter.d.ts +15 -4
  7. package/dist/widgets/tables/widget-table-row.vue.d.ts +1 -0
  8. package/dist/widgets/tables/widget-table.vue.d.ts +10 -1
  9. package/package.json +1 -1
package/dist/classes/List.d.ts CHANGED
@@ -17,7 +17,9 @@ export default class List extends EventEmitter {
17
17
  /**
18
18
  * @description Function get all names from Config.
19
19
  * */
20
- static GetFieldNames(config: IListCell[]): string[];
20
+ static GetFieldNames<T extends {
21
+ name?: string | string[];
22
+ }>(config: T[]): string[];
21
23
  /**
22
24
  * @description Получение стандартной информации из ячейки и значений. {name, value}
23
25
  * @example
@@ -25,11 +27,11 @@ export default class List extends EventEmitter {
25
27
  * values: {id: 1, title: "GG"}
26
28
  * Output: { name: 'title', value: 'GG_GG'}
27
29
  */
28
- static getCellInfo(cell: ListCell, rowValues: any): {
30
+ static getCellInfo<T extends Pick<ListCell, 'name' | 'value'>>(cell: T, rowValues: any): {
29
31
  name: string;
30
32
  value: Values;
31
33
  };
32
- static getCellName(cell: ListCell): string | null;
34
+ static getCellName<T extends Pick<ListCell, 'name'>>(cell: T): string;
33
35
  }
34
36
  export declare function useListState(list: List): {
35
37
  array: any[];
package/dist/classes/table/Table.d.ts CHANGED
@@ -19,10 +19,11 @@ export interface ITableViewController {
19
19
  activate: (rowIndex: number) => void;
20
20
  deactivate: () => void;
21
21
  removeRow: (a: number | null) => void;
22
+ select: () => void;
22
23
  }
23
- export interface ITableCell extends IListCell {
24
+ export interface ITableCell extends Omit<IListCell, 'type'> {
24
25
  icon?: string;
25
- type?: 'edit' | 'remove';
26
+ type?: IListCell["type"] | ('edit' | 'remove' | 'select-multi');
26
27
  }
27
28
  export default class Table extends List {
28
29
  static PROVIDE_NAME: string;
package/dist/index.d.ts CHANGED
@@ -58,6 +58,7 @@ import { useListFilter, useListOrder, useListState } from "./classes/List";
58
58
  import useCustomerState from "./hooks/use-customer-state";
59
59
  import { useTableRequest, useTableState } from "./classes/table/Table";
60
60
  import { useCommunication } from "./classes/Communication";
61
+ import { SYMBOL_ROW } from "./classes/table/Table";
61
62
  export {
62
63
  /**
63
64
  * @deprecated
@@ -66,7 +67,7 @@ clickOutside,
66
67
  /**
67
68
  * @deprecated
68
69
  * */
69
- requestHandler, useSocket, setupSocket };
70
+ requestHandler, useSocket, setupSocket, };
70
71
  export { ApplicationManager, Manager, NotificationSystem, Table, CoreError, List, ProcessWrap, ListCell, Communication };
71
72
  export { fileService, processWizardService, viewService, authService, dataService, communicationService, metadataService, invitationService, ruleValidationService, openService };
72
73
  /**
@@ -168,7 +169,7 @@ declare const _default: {
168
169
  types: typeof types;
169
170
  };
170
171
  export default _default;
171
- export { StylesInterface, };
172
+ export { StylesInterface, SYMBOL_ROW };
172
173
  export interface NavigationRecordRow {
173
174
  title: string;
174
175
  icon?: string;
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * eservices-core v1.0.418
2
+ * eservices-core v1.0.420
3
3
  * (c) 2022 ESERVICES
4
4
  */
5
5
  'use strict';
@@ -4839,7 +4839,7 @@ var types = /*#__PURE__*/Object.freeze({
4839
4839
  __proto__: null
4840
4840
  });
4841
4841
 
4842
- var css_248z$f = "*{\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";
4842
+ var css_248z$f = "*{\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";
4843
4843
  styleInject(css_248z$f);
4844
4844
 
4845
4845
  function useSocket(namespace = 'default') {
@@ -5171,7 +5171,7 @@ function getTableCell(cell, rowValue, controller) {
5171
5171
  const outputNodes = [];
5172
5172
  const cellNodeChildren = [];
5173
5173
  if (cell.type) {
5174
- attributes.class.push(`widget-table-cell_${cell.type}`);
5174
+ addClass(`widget-table-cell_${cell.type}`);
5175
5175
  switch (cell.type) {
5176
5176
  case "edit": {
5177
5177
  cell.icon = 'edit';
@@ -5183,6 +5183,29 @@ function getTableCell(cell, rowValue, controller) {
5183
5183
  cell.icon = 'remove';
5184
5184
  break;
5185
5185
  }
5186
+ case "select-multi": {
5187
+ addHandleClick(controller.select.bind(controller, true));
5188
+ addClass('widget-table-cell_use');
5189
+ addClass('widget-table-cell_select');
5190
+ cellNodeChildren.push(vue.h('div', { class: {
5191
+ 'table-cell-toggle': true,
5192
+ // @ts-ignore
5193
+ 'table-cell-toggle_active': controller.selected.value
5194
+ } }));
5195
+ break;
5196
+ }
5197
+ case "select": {
5198
+ addHandleClick(controller.select.bind(controller, false));
5199
+ addClass('widget-table-cell_use');
5200
+ addClass('widget-table-cell_select');
5201
+ // @ts-ignore
5202
+ cellNodeChildren.push(vue.h('div', { class: {
5203
+ 'table-cell-toggle': true,
5204
+ // @ts-ignore
5205
+ 'table-cell-toggle_active': controller.selected.value
5206
+ } }));
5207
+ break;
5208
+ }
5186
5209
  }
5187
5210
  }
5188
5211
  if (cell.onClick)
@@ -5221,8 +5244,9 @@ var script$b = {
5221
5244
  props: {
5222
5245
  values: Object,
5223
5246
  config: Object,
5247
+ selected: script$D
5224
5248
  },
5225
- emits: ['set', 'remove'],
5249
+ emits: ['set', 'remove', 'select'],
5226
5250
  setup(props, context) {
5227
5251
  const { emit } = context;
5228
5252
  const controller = {
@@ -5230,6 +5254,10 @@ var script$b = {
5230
5254
  deactivate() { emit('set', null); },
5231
5255
  removeRow() {
5232
5256
  emit('remove');
5257
+ },
5258
+ selected: vue.computed(() => props.selected),
5259
+ select(multi = false) {
5260
+ emit('select', multi);
5233
5261
  }
5234
5262
  };
5235
5263
  return () => getTableRow(props.config, props.values, controller);
@@ -5244,13 +5272,25 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
5244
5272
  array: { type: Array, required: true },
5245
5273
  config: { type: Array, required: true },
5246
5274
  mini: { type: Boolean, required: false },
5247
- activeRow: { type: [Number, null], required: false }
5275
+ activeRow: { type: [Number, null], required: false },
5276
+ selectRows: { type: Array, required: false }
5248
5277
  },
5249
- emits: ["update:activeRow"],
5278
+ emits: ["update:activeRow", "update:selectRows"],
5250
5279
  setup(__props, { emit: emits }) {
5280
+ const props = __props;
5251
5281
  const table = vue.inject(Table$1.PROVIDE_NAME);
5252
5282
  const slots = vue.useSlots();
5253
5283
  const tableForm = vue.computed(() => { var _a; return (_a = slots === null || slots === void 0 ? void 0 : slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)[0]; });
5284
+ function onSelect(v, isMulti = true) {
5285
+ if (!props.selectRows)
5286
+ return;
5287
+ if (!isMulti)
5288
+ return emits('update:selectRows', [v]);
5289
+ const index = props.selectRows.indexOf(v);
5290
+ if (index === -1)
5291
+ return emits('update:selectRows', [...props.selectRows, v]);
5292
+ return emits('update:selectRows', props.selectRows.filter(t => t !== v));
5293
+ }
5254
5294
  const useController = useActiveRowGenerator((v) => emits('update:activeRow', v));
5255
5295
  return (_ctx, _cache) => {
5256
5296
  return (vue.openBlock(), vue.createElementBlock("table", {
@@ -5259,13 +5299,16 @@ var script$a = /*#__PURE__*/ vue.defineComponent({
5259
5299
  vue.createVNode(script$c, { config: __props.config }, null, 8 /* PROPS */, ["config"]),
5260
5300
  vue.createElementVNode("tbody", null, [
5261
5301
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.array, (values, index) => {
5302
+ var _a;
5262
5303
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
5263
5304
  vue.createVNode(script$b, {
5264
5305
  config: __props.config,
5265
5306
  values: values,
5307
+ selected: (_a = __props.selectRows) === null || _a === void 0 ? void 0 : _a.includes(values[vue.unref(SYMBOL_ROW)]),
5266
5308
  onSet: _cache[0] || (_cache[0] = ($event) => (emits('update:activeRow', $event))),
5267
- onRemove: ($event) => (vue.unref(table).remove(values[vue.unref(SYMBOL_ROW)]))
5268
- }, null, 8 /* PROPS */, ["config", "values", "onRemove"]),
5309
+ onRemove: ($event) => (vue.unref(table).remove(values[vue.unref(SYMBOL_ROW)])),
5310
+ onSelect: ($event) => (onSelect(values[vue.unref(SYMBOL_ROW)], $event))
5311
+ }, null, 8 /* PROPS */, ["config", "values", "selected", "onRemove", "onSelect"]),
5269
5312
  (__props.activeRow === values[vue.unref(SYMBOL_ROW)])
5270
5313
  ? (vue.openBlock(), vue.createBlock(script$j, {
5271
5314
  key: 0,
@@ -6052,20 +6095,39 @@ function valuesToUpperCase(values) {
6052
6095
  }
6053
6096
 
6054
6097
  /**
6055
- * @description Filter Modal to View
6098
+ * @description Function check provided value for data filter format.
6099
+ * @example {start: '2022-10-10'}
6100
+ * @example {end: '2022-10-10'}
6101
+ * @example {start: '2022-10-10', end: '2022-12-10'}
6102
+ */
6103
+ function instanceOfDate(value) {
6104
+ if (typeof value !== 'object' || value === null)
6105
+ return false;
6106
+ if (value.hasOwnProperty('start') || value.hasOwnProperty('end'))
6107
+ return true;
6108
+ return false;
6109
+ }
6110
+ /**
6111
+ * @description Generate filter's string by provided input data.
6056
6112
  * */
6057
6113
  function Filter(filters) {
6058
- return Object.keys(filters).reduce((acc, name) => {
6114
+ return Object.keys(filters).reduce((arrayFilter, name) => {
6059
6115
  const values = filters[name];
6060
- /**
6061
- * Перечисления
6062
- * */
6116
+ // Enum
6063
6117
  if (Array.isArray(values)) {
6064
- if (values.length === 0)
6065
- return acc;
6066
- acc.push(`${name} in (${values.join(', ')})`);
6118
+ if (values.length)
6119
+ arrayFilter.push(`@${name} in (${values.join(', ')})`);
6120
+ return arrayFilter;
6067
6121
  }
6068
- return acc;
6122
+ // Date
6123
+ if (instanceOfDate(values)) ;
6124
+ // String
6125
+ if (typeof values === 'string') {
6126
+ if (values.length !== 0)
6127
+ arrayFilter.push(`@${name} eq ${values}`);
6128
+ return arrayFilter;
6129
+ }
6130
+ return arrayFilter;
6069
6131
  }, []).join(" and ");
6070
6132
  }
6071
6133
 
@@ -6360,6 +6422,7 @@ exports.Manager = Manager;
6360
6422
  exports.ModalValidation = script$7;
6361
6423
  exports.NotificationSystem = NotificationSystem;
6362
6424
  exports.ProcessWrap = ProcessWrap;
6425
+ exports.SYMBOL_ROW = SYMBOL_ROW;
6363
6426
  exports.Table = Table$1;
6364
6427
  exports.WidgetBreadcrumbs = script$h;
6365
6428
  exports.WidgetButton = script$v;
package/dist/services/open-service.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export default class openService {
2
- static getConfiguration(): Promise<any>;
2
+ static getConfiguration<T>(): Promise<T>;
3
3
  }
package/dist/utils/Filter.d.ts CHANGED
@@ -1,6 +1,17 @@
1
+ interface IFilters {
2
+ [filterName: string]: IFilterDate | IFilterString | IFilterEnum;
3
+ }
1
4
  /**
2
- * @description Filter Modal to View
5
+ * @description Generate filter's string by provided input data.
3
6
  * */
4
- export default function Filter(filters: {
5
- [name: string]: any;
6
- }): string;
7
+ export default function Filter(filters: IFilters): string;
8
+ interface IFilterDateStart {
9
+ start: string;
10
+ }
11
+ interface IFilterDateEnd {
12
+ end: string;
13
+ }
14
+ export declare type IFilterString = string;
15
+ export declare type IFilterEnum = string[];
16
+ export declare type IFilterDate = IFilterDateStart | IFilterDateEnd | (IFilterDateStart & IFilterDateEnd);
17
+ export {};
package/dist/widgets/tables/widget-table-row.vue.d.ts CHANGED
@@ -2,6 +2,7 @@ declare const _default: {
2
2
  props: {
3
3
  values: ObjectConstructor;
4
4
  config: ObjectConstructor;
5
+ selected: import("vue").DefineComponent<{}, {}, any, Record<string, import("vue").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
5
6
  };
6
7
  emits: string[];
7
8
  setup(props: any, context: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
package/dist/widgets/tables/widget-table.vue.d.ts CHANGED
@@ -15,9 +15,13 @@ declare const _default: import("vue").DefineComponent<{
15
15
  type: NumberConstructor[];
16
16
  required: false;
17
17
  };
18
+ selectRows: {
19
+ type: ArrayConstructor;
20
+ required: false;
21
+ };
18
22
  }, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
19
23
  [key: string]: any;
20
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:activeRow"[], "update:activeRow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
24
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:activeRow" | "update:selectRows")[], "update:activeRow" | "update:selectRows", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
21
25
  array: {
22
26
  type: ArrayConstructor;
23
27
  required: true;
@@ -34,8 +38,13 @@ declare const _default: import("vue").DefineComponent<{
34
38
  type: NumberConstructor[];
35
39
  required: false;
36
40
  };
41
+ selectRows: {
42
+ type: ArrayConstructor;
43
+ required: false;
44
+ };
37
45
  }>> & {
38
46
  "onUpdate:activeRow"?: (...args: any[]) => any;
47
+ "onUpdate:selectRows"?: (...args: any[]) => any;
39
48
  }, {
40
49
  mini: boolean;
41
50
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eservices-core",
3
- "version": "1.0.418",
3
+ "version": "1.0.420",
4
4
  "description": "Core library",
5
5
  "author": "",
6
6
  "scripts": {