@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-46291.0 → 0.0.0-bugfix-dev-KB-46492.0
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.
- package/dist/cjs/{SnkMessageBuilder-e7dcf408.js → SnkMessageBuilder-141aa18d.js} +2 -1
- package/dist/cjs/SnkMultiSelectionListDataSource-5213120b.js +140 -0
- package/dist/cjs/index-f9e81701.js +2 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{pesquisa-fetcher-c416a6b7.js → pesquisa-fetcher-94f6b316.js} +231 -20
- package/dist/cjs/sankhyablocks.cjs.js +1 -1
- package/dist/cjs/{snk-actions-button_2.cjs.entry.js → snk-actions-button_4.cjs.entry.js} +517 -2
- package/dist/cjs/snk-application.cjs.entry.js +2 -3
- package/dist/cjs/snk-attach.cjs.entry.js +3 -4
- package/dist/cjs/snk-crud.cjs.entry.js +2 -3
- package/dist/cjs/snk-data-exporter.cjs.entry.js +7 -3
- package/dist/cjs/{snk-data-unit-82c08a8c.js → snk-data-unit-6026a9f7.js} +1 -1
- package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
- package/dist/cjs/snk-detail-view.cjs.entry.js +5 -6
- package/dist/cjs/snk-form-config.cjs.entry.js +45 -25
- package/dist/cjs/snk-form.cjs.entry.js +1 -1
- package/dist/cjs/snk-grid.cjs.entry.js +10 -19
- package/dist/cjs/{snk-guides-viewer-bd69fce4.js → snk-guides-viewer-c7293cfa.js} +2 -3
- package/dist/cjs/snk-guides-viewer.cjs.entry.js +3 -4
- package/dist/cjs/snk-personalized-filter-editor.cjs.entry.js +3 -1
- package/dist/cjs/snk-simple-crud.cjs.entry.js +147 -16
- package/dist/cjs/snk-taskbar.cjs.entry.js +5 -1
- package/dist/collection/collection-manifest.json +6 -6
- package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js +2 -2
- package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js +1 -1
- package/dist/collection/components/snk-data-exporter/snk-data-exporter.js +5 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-personalized-filter-editor/snk-personalized-filter-editor.js +3 -1
- package/dist/collection/components/snk-form/snk-form.js +1 -1
- package/dist/collection/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.js +50 -30
- package/dist/collection/components/snk-grid/snk-grid.js +5 -16
- package/dist/collection/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.js +130 -123
- package/dist/collection/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.js +1 -1
- package/dist/collection/components/snk-simple-crud/snk-simple-crud.css +5 -0
- package/dist/collection/components/snk-simple-crud/snk-simple-crud.js +226 -14
- package/dist/collection/components/snk-taskbar/snk-taskbar.js +6 -0
- package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js +1 -8
- package/dist/collection/lib/message/resources/snk-data-exporter.msg.js +2 -1
- package/dist/collection/lib/utils/CrudUtils.js +13 -1
- package/dist/components/SnkMessageBuilder.js +2 -1
- package/dist/components/dataunit-fetcher.js +1 -8
- package/dist/components/field-search.js +93 -3
- package/dist/components/index.d.ts +6 -6
- package/dist/components/snk-attach2.js +54 -12
- package/dist/components/snk-data-exporter2.js +5 -1
- package/dist/components/snk-detail-view2.js +29 -4
- package/dist/components/snk-form-config2.js +46 -26
- package/dist/components/snk-grid-config2.js +128 -102
- package/dist/components/snk-grid2.js +10 -17
- package/dist/components/snk-personalized-filter-editor.js +3 -1
- package/dist/components/snk-simple-crud2.js +204 -24
- package/dist/components/snk-taskbar2.js +5 -1
- package/dist/esm/{SnkMessageBuilder-0fb796b9.js → SnkMessageBuilder-9747ddd2.js} +2 -1
- package/dist/esm/SnkMultiSelectionListDataSource-7e7eada5.js +133 -0
- package/dist/esm/index-a7d3d3f1.js +2 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{pesquisa-fetcher-ab16a2e8.js → pesquisa-fetcher-f05a12ca.js} +222 -12
- package/dist/esm/sankhyablocks.js +1 -1
- package/dist/esm/{snk-actions-button_2.entry.js → snk-actions-button_4.entry.js} +516 -3
- package/dist/esm/snk-application.entry.js +2 -3
- package/dist/esm/snk-attach.entry.js +2 -3
- package/dist/esm/snk-crud.entry.js +2 -3
- package/dist/esm/snk-data-exporter.entry.js +7 -3
- package/dist/esm/{snk-data-unit-5d201fb3.js → snk-data-unit-4c343635.js} +1 -1
- package/dist/esm/snk-data-unit.entry.js +2 -2
- package/dist/esm/snk-detail-view.entry.js +5 -6
- package/dist/esm/snk-form-config.entry.js +46 -26
- package/dist/esm/snk-form.entry.js +1 -1
- package/dist/esm/snk-grid.entry.js +11 -20
- package/dist/esm/{snk-guides-viewer-fde82cc1.js → snk-guides-viewer-47443f7c.js} +2 -3
- package/dist/esm/snk-guides-viewer.entry.js +3 -4
- package/dist/esm/snk-personalized-filter-editor.entry.js +3 -1
- package/dist/esm/snk-simple-crud.entry.js +148 -17
- package/dist/esm/snk-taskbar.entry.js +5 -1
- package/dist/sankhyablocks/p-0c9dd95e.entry.js +1 -0
- package/dist/sankhyablocks/p-20b46647.entry.js +1 -0
- package/dist/sankhyablocks/p-2897fb8c.js +1 -0
- package/dist/sankhyablocks/{p-05243555.js → p-2936303b.js} +1 -1
- package/dist/sankhyablocks/p-30735d1e.entry.js +1 -0
- package/dist/sankhyablocks/p-3c5b7cfc.entry.js +1 -0
- package/dist/sankhyablocks/p-6ae58da0.js +1 -0
- package/dist/sankhyablocks/{p-fcdcb0e2.entry.js → p-746fc99e.entry.js} +1 -1
- package/dist/sankhyablocks/p-7e05bd83.entry.js +1 -0
- package/dist/sankhyablocks/p-99b1926b.entry.js +1 -0
- package/dist/sankhyablocks/{p-f3d1c48e.js → p-9a5d1b39.js} +1 -1
- package/dist/sankhyablocks/p-9fb97691.entry.js +1 -0
- package/dist/sankhyablocks/p-a9aec34d.entry.js +1 -0
- package/dist/sankhyablocks/p-b11aa1e0.entry.js +1 -0
- package/dist/sankhyablocks/{p-fd0a8d68.entry.js → p-c4bcdd4b.entry.js} +3 -3
- package/dist/sankhyablocks/p-d78d4062.js +65 -0
- package/dist/sankhyablocks/p-e7dbe53a.entry.js +1 -0
- package/dist/sankhyablocks/p-eefe9954.entry.js +1 -0
- package/dist/sankhyablocks/p-fca66dda.entry.js +1 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.d.ts +1 -1
- package/dist/types/components/snk-crud/subcomponents/snk-guides-viewer.d.ts +1 -1
- package/dist/types/components/snk-form/snk-form.d.ts +1 -1
- package/dist/types/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.d.ts +5 -3
- package/dist/types/components/snk-grid/snk-grid.d.ts +0 -1
- package/dist/types/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.d.ts +11 -6
- package/dist/types/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.d.ts +1 -1
- package/dist/types/components/snk-simple-crud/snk-simple-crud.d.ts +46 -1
- package/dist/types/components/snk-taskbar/snk-taskbar.d.ts +1 -0
- package/dist/types/components.d.ts +26 -10
- package/dist/types/lib/utils/CrudUtils.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/PreloadManager-84466da6.js +0 -224
- package/dist/cjs/SnkMultiSelectionListDataSource-ba5838c2.js +0 -49
- package/dist/cjs/snk-grid-config.cjs.entry.js +0 -483
- package/dist/cjs/snk-select-box.cjs.entry.js +0 -25
- package/dist/esm/PreloadManager-c1c2f2b4.js +0 -222
- package/dist/esm/SnkMultiSelectionListDataSource-44494b0e.js +0 -43
- package/dist/esm/snk-grid-config.entry.js +0 -479
- package/dist/esm/snk-select-box.entry.js +0 -21
- package/dist/sankhyablocks/p-094c30cb.js +0 -1
- package/dist/sankhyablocks/p-0b0b36ac.entry.js +0 -1
- package/dist/sankhyablocks/p-11ad137d.entry.js +0 -1
- package/dist/sankhyablocks/p-57212bb5.js +0 -1
- package/dist/sankhyablocks/p-5f5b58b6.entry.js +0 -1
- package/dist/sankhyablocks/p-84bb8f47.entry.js +0 -1
- package/dist/sankhyablocks/p-8c13d8d6.entry.js +0 -1
- package/dist/sankhyablocks/p-91b7f78a.entry.js +0 -1
- package/dist/sankhyablocks/p-98674137.entry.js +0 -1
- package/dist/sankhyablocks/p-b7004423.entry.js +0 -1
- package/dist/sankhyablocks/p-c22c1d8e.js +0 -1
- package/dist/sankhyablocks/p-c4874327.entry.js +0 -1
- package/dist/sankhyablocks/p-c6247955.js +0 -65
- package/dist/sankhyablocks/p-c758265f.entry.js +0 -1
- package/dist/sankhyablocks/p-d4802f81.entry.js +0 -1
- package/dist/sankhyablocks/p-e3bd000e.entry.js +0 -1
- package/dist/sankhyablocks/p-fb842329.entry.js +0 -1
- package/dist/sankhyablocks/p-fdc4cb9b.entry.js +0 -1
- /package/dist/cjs/{SnkFormConfigManager-3621bfc4.js → SnkFormConfigManager-0ffd098d.js} +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/SnkFormConfigManager.js +0 -0
- /package/dist/collection/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.js +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.js +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.js +0 -0
- /package/dist/collection/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.css +0 -0
- /package/dist/collection/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.css +0 -0
- /package/dist/esm/{SnkFormConfigManager-692e20c7.js → SnkFormConfigManager-dd450734.js} +0 -0
- /package/dist/sankhyablocks/{p-725d04ba.js → p-9ea14b61.js} +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/SnkFormConfigManager.d.ts +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.d.ts +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.d.ts +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.d.ts +0 -0
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
|
|
2
2
|
import { Action } from '@sankhyalabs/core';
|
|
3
|
-
import { S as SnkFormConfigManager } from './SnkFormConfigManager-
|
|
3
|
+
import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.js';
|
|
4
4
|
import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
|
|
5
5
|
import './DataFetcher-a650ae58.js';
|
|
6
|
-
import './pesquisa-fetcher-
|
|
6
|
+
import './pesquisa-fetcher-f05a12ca.js';
|
|
7
7
|
import { P as PresentationMode } from './index-0ece87a6.js';
|
|
8
8
|
import './ISave-d8c8bc59.js';
|
|
9
9
|
import '@sankhyalabs/ezui/dist/collection/utils/constants';
|
|
10
10
|
import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
|
|
11
|
-
import './PreloadManager-c1c2f2b4.js';
|
|
12
11
|
import './filter-item-type.enum-d45e026f.js';
|
|
13
12
|
import './form-config-fetcher-f121f880.js';
|
|
14
13
|
import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
|
|
15
14
|
import { d as VIEW_MODE } from './constants-8457af36.js';
|
|
16
|
-
import { S as SnkGuidesViewer } from './snk-guides-viewer-
|
|
17
|
-
import { S as SnkMessageBuilder } from './SnkMessageBuilder-
|
|
15
|
+
import { S as SnkGuidesViewer } from './snk-guides-viewer-47443f7c.js';
|
|
16
|
+
import { S as SnkMessageBuilder } from './SnkMessageBuilder-9747ddd2.js';
|
|
18
17
|
import './ConfigStorage-39ed8aeb.js';
|
|
19
18
|
import './PrintUtils-3e4ff0f5.js';
|
|
20
|
-
import './ResourceIDUtils-a114189a.js';
|
|
21
19
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
|
|
20
|
+
import './ResourceIDUtils-a114189a.js';
|
|
22
21
|
import './index-bdf75557.js';
|
|
23
22
|
import './field-search-efbe307f.js';
|
|
24
23
|
import '@sankhyalabs/core/dist/dataunit/DataUnit';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
|
|
2
2
|
import { S as Sortable } from './Sortable-83960219.js';
|
|
3
|
-
import { ObjectUtils, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
|
|
3
|
+
import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
|
|
4
4
|
import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
|
|
5
5
|
import { C as CONFIG_EVENTS, a as CONFIG_SORTABLE_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants-8457af36.js';
|
|
6
6
|
import { U as UserConfigType } from './form-config-fetcher-f121f880.js';
|
|
@@ -34,6 +34,7 @@ const SnkFormConfig = class {
|
|
|
34
34
|
this._formFieldsStyle = "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding-right--small ez-padding-bottom--medium sc-snk-form-config";
|
|
35
35
|
this._fieldsAvailableStyle = "ez-col ez-col--sd-12 ez-col--tb-12 ez-margin-bottom--medium ez-margin-right--medium sc-snk-form-config";
|
|
36
36
|
this._fieldFloatingStyle = "form-config__field-config--dragged";
|
|
37
|
+
this._sortableTimer = 100;
|
|
37
38
|
this._formConfigOptions = [];
|
|
38
39
|
this._fieldConfigSelected = undefined;
|
|
39
40
|
this._layoutFormConfig = undefined;
|
|
@@ -48,20 +49,27 @@ const SnkFormConfig = class {
|
|
|
48
49
|
this.messagesBuilder = undefined;
|
|
49
50
|
}
|
|
50
51
|
observeConfigManager() {
|
|
51
|
-
this.loadConfig();
|
|
52
|
+
this.loadConfig(this._sortableTimer);
|
|
52
53
|
}
|
|
53
|
-
loadFields() {
|
|
54
|
+
loadFields(updateTimer = 0) {
|
|
54
55
|
this._layoutFormConfig = [];
|
|
55
|
-
|
|
56
|
+
if (updateTimer > 0) {
|
|
57
|
+
setTimeout(() => {
|
|
58
|
+
this.buildFields();
|
|
59
|
+
}, updateTimer);
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
this.buildFields();
|
|
63
|
+
}
|
|
56
64
|
}
|
|
57
65
|
buildFields() {
|
|
58
66
|
this.buildFormConfig();
|
|
59
67
|
this.buildAvailableFields();
|
|
60
68
|
}
|
|
61
|
-
loadFormConfig() {
|
|
69
|
+
loadFormConfig(updateTimer) {
|
|
62
70
|
var _a;
|
|
63
71
|
this._formConfig = this.getConfig();
|
|
64
|
-
this.loadFields();
|
|
72
|
+
this.loadFields(updateTimer);
|
|
65
73
|
this.controlFieldConfig();
|
|
66
74
|
if (((_a = this._filterFieldsAvailable) === null || _a === void 0 ? void 0 : _a.value) != undefined) {
|
|
67
75
|
this._filterFieldsAvailable.value = "";
|
|
@@ -104,12 +112,12 @@ const SnkFormConfig = class {
|
|
|
104
112
|
}
|
|
105
113
|
}
|
|
106
114
|
resetChangeConfig() {
|
|
107
|
-
this.loadFormConfig();
|
|
115
|
+
this.loadFormConfig(this._sortableTimer);
|
|
108
116
|
this.clearTempGroups();
|
|
109
117
|
}
|
|
110
118
|
resetChangeOptionConfig() {
|
|
111
119
|
this._formConfigChanged = false;
|
|
112
|
-
this.loadConfig();
|
|
120
|
+
this.loadConfig(this._sortableTimer);
|
|
113
121
|
this.clearTempGroups();
|
|
114
122
|
}
|
|
115
123
|
getTabsToSave() {
|
|
@@ -324,7 +332,9 @@ const SnkFormConfig = class {
|
|
|
324
332
|
&& oldContainer.id === newContainer.id) {
|
|
325
333
|
evt.cancel();
|
|
326
334
|
this._fieldsAvailable = [];
|
|
327
|
-
|
|
335
|
+
setTimeout(() => {
|
|
336
|
+
this.buildAvailableFields();
|
|
337
|
+
}, this._sortableTimer);
|
|
328
338
|
return true;
|
|
329
339
|
}
|
|
330
340
|
return false;
|
|
@@ -367,7 +377,11 @@ const SnkFormConfig = class {
|
|
|
367
377
|
if (isNewGroup) {
|
|
368
378
|
this.clearTempGroups(true);
|
|
369
379
|
}
|
|
370
|
-
|
|
380
|
+
const sortableTimer = oldContainer.dataset.groupName !== newContainer.dataset.groupName
|
|
381
|
+
|| (newContainer.id === CONTAINER_ID.withoutGroup && oldContainer.id === CONTAINER_ID.fieldsAvailable)
|
|
382
|
+
? this._sortableTimer
|
|
383
|
+
: 0;
|
|
384
|
+
this.updateFieldsToSave(sortableTimer);
|
|
371
385
|
}, this._renderTimer);
|
|
372
386
|
return true;
|
|
373
387
|
}
|
|
@@ -397,12 +411,12 @@ const SnkFormConfig = class {
|
|
|
397
411
|
return;
|
|
398
412
|
}
|
|
399
413
|
}
|
|
400
|
-
updateFieldsToSave() {
|
|
414
|
+
updateFieldsToSave(updateTimer = 0) {
|
|
401
415
|
const fields = this.getFieldsToSave();
|
|
402
416
|
if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0) {
|
|
403
417
|
this._formConfig.fields = fields;
|
|
404
418
|
}
|
|
405
|
-
this.loadFields();
|
|
419
|
+
this.loadFields(updateTimer);
|
|
406
420
|
this._formConfigChanged = true;
|
|
407
421
|
}
|
|
408
422
|
controlSortableField() {
|
|
@@ -432,7 +446,7 @@ const SnkFormConfig = class {
|
|
|
432
446
|
controlStopDraggingGroup(evt) {
|
|
433
447
|
if (evt.data.newIndex !== evt.data.oldIndex) {
|
|
434
448
|
setTimeout(() => {
|
|
435
|
-
this.updateFieldsToSave();
|
|
449
|
+
this.updateFieldsToSave(this._sortableTimer);
|
|
436
450
|
}, this._renderTimer);
|
|
437
451
|
}
|
|
438
452
|
}
|
|
@@ -505,7 +519,7 @@ const SnkFormConfig = class {
|
|
|
505
519
|
});
|
|
506
520
|
if (tabs.length > 0) {
|
|
507
521
|
this._formConfig.tabs = tabs;
|
|
508
|
-
this.loadFields();
|
|
522
|
+
this.loadFields(this._sortableTimer);
|
|
509
523
|
this.controlFieldConfig();
|
|
510
524
|
this._formConfigChanged = true;
|
|
511
525
|
}
|
|
@@ -529,13 +543,13 @@ const SnkFormConfig = class {
|
|
|
529
543
|
if (config != undefined) {
|
|
530
544
|
this._formConfig = config;
|
|
531
545
|
this._tabSelected = 1;
|
|
532
|
-
this.loadFields();
|
|
546
|
+
this.loadFields(this._sortableTimer);
|
|
533
547
|
this.controlFieldConfig();
|
|
534
548
|
this.clearTempGroups();
|
|
535
549
|
}
|
|
536
550
|
}
|
|
537
|
-
loadConfig() {
|
|
538
|
-
this.loadFormConfig();
|
|
551
|
+
loadConfig(updateTimer = 0) {
|
|
552
|
+
this.loadFormConfig(updateTimer);
|
|
539
553
|
this.loadUserConfig();
|
|
540
554
|
}
|
|
541
555
|
addNewGroup() {
|
|
@@ -576,7 +590,7 @@ const SnkFormConfig = class {
|
|
|
576
590
|
});
|
|
577
591
|
}
|
|
578
592
|
else {
|
|
579
|
-
this.updateFieldsToSave();
|
|
593
|
+
this.updateFieldsToSave(this._sortableTimer);
|
|
580
594
|
}
|
|
581
595
|
}
|
|
582
596
|
checkGroupExists(newLabel, indexGroup, isTempGroup = false) {
|
|
@@ -622,7 +636,7 @@ const SnkFormConfig = class {
|
|
|
622
636
|
field.group = newLabel;
|
|
623
637
|
}
|
|
624
638
|
});
|
|
625
|
-
this.loadFields();
|
|
639
|
+
this.loadFields(this._sortableTimer);
|
|
626
640
|
this.controlFieldConfig();
|
|
627
641
|
this._formConfigChanged = true;
|
|
628
642
|
}
|
|
@@ -836,14 +850,14 @@ const SnkFormConfig = class {
|
|
|
836
850
|
this._formConfigChanged = true;
|
|
837
851
|
this.resetSortables();
|
|
838
852
|
}
|
|
839
|
-
controlRemoveFieldConfig(fieldConfig) {
|
|
853
|
+
controlRemoveFieldConfig(fieldConfig, updateTimer) {
|
|
840
854
|
var _a;
|
|
841
855
|
this._formConfigChanged = false;
|
|
842
856
|
if (fieldConfig == undefined) {
|
|
843
857
|
return;
|
|
844
858
|
}
|
|
845
859
|
this._formConfig.fields = (_a = this._formConfig.fields) === null || _a === void 0 ? void 0 : _a.filter((field) => field.name !== fieldConfig.name);
|
|
846
|
-
this.loadFields();
|
|
860
|
+
this.loadFields(updateTimer);
|
|
847
861
|
this.controlFieldConfig();
|
|
848
862
|
this._formConfigChanged = true;
|
|
849
863
|
this.resetSortables();
|
|
@@ -852,14 +866,14 @@ const SnkFormConfig = class {
|
|
|
852
866
|
this.controlSortableField();
|
|
853
867
|
this.controlSortableGroup();
|
|
854
868
|
}
|
|
855
|
-
handleFieldConfigChange(evt) {
|
|
869
|
+
handleFieldConfigChange(evt, updateTimer = 0) {
|
|
856
870
|
const { field: fieldConfig, type: actionType } = evt.detail;
|
|
857
871
|
if (actionType === ACTION_CONFIG.configuration) {
|
|
858
872
|
this.controlFieldConfig(fieldConfig);
|
|
859
873
|
return;
|
|
860
874
|
}
|
|
861
875
|
if (actionType === ACTION_CONFIG.remove) {
|
|
862
|
-
this.controlRemoveFieldConfig(fieldConfig);
|
|
876
|
+
this.controlRemoveFieldConfig(fieldConfig, updateTimer);
|
|
863
877
|
return;
|
|
864
878
|
}
|
|
865
879
|
if (actionType === ACTION_CONFIG.add) {
|
|
@@ -880,7 +894,7 @@ const SnkFormConfig = class {
|
|
|
880
894
|
tab.label = newLabel;
|
|
881
895
|
}
|
|
882
896
|
});
|
|
883
|
-
this.loadFields();
|
|
897
|
+
this.loadFields(this._sortableTimer);
|
|
884
898
|
this.controlFieldConfig();
|
|
885
899
|
this._formConfigChanged = true;
|
|
886
900
|
}
|
|
@@ -900,7 +914,7 @@ const SnkFormConfig = class {
|
|
|
900
914
|
this._formConfig.tabs = (_a = this._formConfig.tabs) === null || _a === void 0 ? void 0 : _a.filter((tab) => {
|
|
901
915
|
return tab.label !== tabSelected.detail.label;
|
|
902
916
|
});
|
|
903
|
-
this.loadFields();
|
|
917
|
+
this.loadFields(this._sortableTimer);
|
|
904
918
|
this.controlFieldConfig();
|
|
905
919
|
this._formConfigChanged = true;
|
|
906
920
|
}
|
|
@@ -913,7 +927,7 @@ const SnkFormConfig = class {
|
|
|
913
927
|
tab.visible = !tab.visible;
|
|
914
928
|
}
|
|
915
929
|
});
|
|
916
|
-
this.loadFields();
|
|
930
|
+
this.loadFields(this._sortableTimer);
|
|
917
931
|
this.controlFieldConfig();
|
|
918
932
|
this._formConfigChanged = true;
|
|
919
933
|
}
|
|
@@ -938,6 +952,12 @@ const SnkFormConfig = class {
|
|
|
938
952
|
this.controlSortableField();
|
|
939
953
|
this.controlSortableGroup();
|
|
940
954
|
}
|
|
955
|
+
async componentWillRender() {
|
|
956
|
+
if (this.messagesBuilder == undefined) {
|
|
957
|
+
const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
|
958
|
+
this.messagesBuilder = application.messagesBuilder;
|
|
959
|
+
}
|
|
960
|
+
}
|
|
941
961
|
componentWillLoad() {
|
|
942
962
|
this.loadConfig();
|
|
943
963
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
|
|
2
2
|
import { ElementIDUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { S as SnkFormConfigManager } from './SnkFormConfigManager-
|
|
3
|
+
import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.js';
|
|
4
4
|
import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
|
|
5
5
|
import './ConfigStorage-39ed8aeb.js';
|
|
6
6
|
import './form-config-fetcher-f121f880.js';
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a7d3d3f1.js';
|
|
2
2
|
import { ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
|
|
3
|
-
import {
|
|
3
|
+
import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
|
|
4
4
|
import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
|
|
5
5
|
import { C as ConfigStorage } from './ConfigStorage-39ed8aeb.js';
|
|
6
6
|
import { P as PresentationMode } from './index-0ece87a6.js';
|
|
7
7
|
import { T as TaskbarProcessor, o as openFieldSearch, b as buildFieldSearch } from './field-search-efbe307f.js';
|
|
8
8
|
import { s as store } from './index-bdf75557.js';
|
|
9
|
-
import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-
|
|
9
|
+
import { S as SnkMultiSelectionListDataSource, C as CrudUtils } from './SnkMultiSelectionListDataSource-7e7eada5.js';
|
|
10
10
|
import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
|
|
11
|
-
import './form-config-fetcher-f121f880.js';
|
|
12
11
|
import './DataFetcher-a650ae58.js';
|
|
13
|
-
import './
|
|
12
|
+
import './pesquisa-fetcher-f05a12ca.js';
|
|
13
|
+
import './ISave-d8c8bc59.js';
|
|
14
|
+
import '@sankhyalabs/ezui/dist/collection/utils/constants';
|
|
14
15
|
import './filter-item-type.enum-d45e026f.js';
|
|
16
|
+
import './form-config-fetcher-f121f880.js';
|
|
15
17
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
|
|
16
|
-
import './
|
|
18
|
+
import './PrintUtils-3e4ff0f5.js';
|
|
17
19
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
|
|
20
|
+
import './ResourceIDUtils-a114189a.js';
|
|
18
21
|
|
|
19
22
|
const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
|
|
20
23
|
|
|
@@ -123,19 +126,7 @@ const SnkGrid = class {
|
|
|
123
126
|
}
|
|
124
127
|
setGridConfig(config) {
|
|
125
128
|
this._gridConfig = config;
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
assertDefaultSorting() {
|
|
129
|
-
if (this._gridConfig && this._dataUnit) {
|
|
130
|
-
this._dataUnit.defaultSorting = this._gridConfig
|
|
131
|
-
.columns
|
|
132
|
-
.filter(col => col.ascending != undefined)
|
|
133
|
-
.sort((colA, colB) => colA.orderIndex - colB.orderIndex)
|
|
134
|
-
.map(({ name: field, ascending }) => {
|
|
135
|
-
const { dataType } = this._dataUnit.getField(field);
|
|
136
|
-
return { field, dataType, mode: ascending ? SortMode.ASC : SortMode.DESC };
|
|
137
|
-
});
|
|
138
|
-
}
|
|
129
|
+
CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
|
|
139
130
|
}
|
|
140
131
|
loadConfig() {
|
|
141
132
|
ConfigStorage.loadGridConfig(this.configName, this.resourceID)
|
|
@@ -261,7 +252,7 @@ const SnkGrid = class {
|
|
|
261
252
|
ElementIDUtils.addIDInfo(this._element, null, dataInfo);
|
|
262
253
|
}
|
|
263
254
|
finshLoading() {
|
|
264
|
-
|
|
255
|
+
CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
|
|
265
256
|
this.addElementID();
|
|
266
257
|
if (this.columnFilterDataSource != undefined) {
|
|
267
258
|
this.columnFilterDataSource.setApplication(this._application);
|
|
@@ -413,7 +404,7 @@ const SnkGrid = class {
|
|
|
413
404
|
return undefined;
|
|
414
405
|
}
|
|
415
406
|
return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, this._showSnkFilterBar &&
|
|
416
|
-
h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME),
|
|
407
|
+
h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none' }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
|
|
417
408
|
}
|
|
418
409
|
get _element() { return getElement(this); }
|
|
419
410
|
};
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-a7d3d3f1.js';
|
|
2
2
|
import { Action, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
|
-
import { S as SnkFormConfigManager } from './SnkFormConfigManager-
|
|
3
|
+
import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.js';
|
|
4
4
|
import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
|
|
5
5
|
import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search-efbe307f.js';
|
|
6
6
|
import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
|
|
7
7
|
import { d as VIEW_MODE } from './constants-8457af36.js';
|
|
8
8
|
import './DataFetcher-a650ae58.js';
|
|
9
|
-
import './pesquisa-fetcher-
|
|
9
|
+
import './pesquisa-fetcher-f05a12ca.js';
|
|
10
10
|
import { P as PresentationMode } from './index-0ece87a6.js';
|
|
11
11
|
import './ISave-d8c8bc59.js';
|
|
12
12
|
import '@sankhyalabs/ezui/dist/collection/utils/constants';
|
|
13
13
|
import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
|
|
14
|
-
import './PreloadManager-c1c2f2b4.js';
|
|
15
14
|
import './filter-item-type.enum-d45e026f.js';
|
|
16
15
|
import './form-config-fetcher-f121f880.js';
|
|
17
16
|
import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { S as snk_guides_viewer } from './snk-guides-viewer-
|
|
1
|
+
export { S as snk_guides_viewer } from './snk-guides-viewer-47443f7c.js';
|
|
2
2
|
import './index-a7d3d3f1.js';
|
|
3
3
|
import '@sankhyalabs/core';
|
|
4
|
-
import './SnkFormConfigManager-
|
|
4
|
+
import './SnkFormConfigManager-dd450734.js';
|
|
5
5
|
import './ConfigStorage-39ed8aeb.js';
|
|
6
6
|
import './form-config-fetcher-f121f880.js';
|
|
7
7
|
import './DataFetcher-a650ae58.js';
|
|
@@ -14,9 +14,8 @@ import './taskbar-elements-846c027c.js';
|
|
|
14
14
|
import './index-0ece87a6.js';
|
|
15
15
|
import './index-bdf75557.js';
|
|
16
16
|
import './constants-8457af36.js';
|
|
17
|
-
import './pesquisa-fetcher-
|
|
17
|
+
import './pesquisa-fetcher-f05a12ca.js';
|
|
18
18
|
import '@sankhyalabs/ezui/dist/collection/utils/constants';
|
|
19
|
-
import './PreloadManager-c1c2f2b4.js';
|
|
20
19
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
|
|
21
20
|
import './ResourceIDUtils-a114189a.js';
|
|
22
21
|
import './ISave-d8c8bc59.js';
|
|
@@ -63,8 +63,10 @@ const SnkFilterPersonalized = class {
|
|
|
63
63
|
return this.presentationMode === EPresentationMode.MODAL;
|
|
64
64
|
}
|
|
65
65
|
doSearch(mode, argument, param) {
|
|
66
|
+
const context = Object.assign({}, param.searchContext);
|
|
67
|
+
context.searchOptions = Object.assign(Object.assign({}, context.searchOptions), { showInactives: "true" });
|
|
66
68
|
return new Promise((resolve, reject) => {
|
|
67
|
-
this._application.executePreparedSearch(mode, argument,
|
|
69
|
+
this._application.executePreparedSearch(mode, argument, context)
|
|
68
70
|
.then(result => {
|
|
69
71
|
resolve(result);
|
|
70
72
|
}).catch(reason => {
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
|
|
2
|
-
import {
|
|
2
|
+
import { StringUtils, ApplicationContext, ObjectUtils, DataType, UserInterface, JSUtils, FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
|
|
3
3
|
import { d as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-8457af36.js';
|
|
4
4
|
import { T as TaskbarElement } from './taskbar-elements-846c027c.js';
|
|
5
5
|
import './DataFetcher-a650ae58.js';
|
|
6
|
-
import { I as InMemoryLoader } from './pesquisa-fetcher-
|
|
6
|
+
import { I as InMemoryLoader } from './pesquisa-fetcher-f05a12ca.js';
|
|
7
|
+
import { S as SnkMultiSelectionListDataSource, C as CrudUtils } from './SnkMultiSelectionListDataSource-7e7eada5.js';
|
|
7
8
|
import { P as PresentationMode } from './index-0ece87a6.js';
|
|
8
9
|
import './ISave-d8c8bc59.js';
|
|
9
10
|
import '@sankhyalabs/ezui/dist/collection/utils/constants';
|
|
10
11
|
import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
|
|
11
|
-
import './PreloadManager-c1c2f2b4.js';
|
|
12
12
|
import './filter-item-type.enum-d45e026f.js';
|
|
13
13
|
import './form-config-fetcher-f121f880.js';
|
|
14
14
|
import { T as TaskbarProcessor, b as buildFieldSearch, o as openFieldSearch } from './field-search-efbe307f.js';
|
|
15
|
-
import {
|
|
15
|
+
import { C as ConfigStorage } from './ConfigStorage-39ed8aeb.js';
|
|
16
|
+
import { S as SnkFormConfigManager } from './SnkFormConfigManager-dd450734.js';
|
|
16
17
|
import './index-bdf75557.js';
|
|
17
18
|
import './PrintUtils-3e4ff0f5.js';
|
|
18
|
-
import './ResourceIDUtils-a114189a.js';
|
|
19
19
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
|
|
20
|
+
import './ResourceIDUtils-a114189a.js';
|
|
20
21
|
import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
|
|
21
22
|
|
|
22
|
-
const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
|
|
23
|
+
const snkSimpleCrudCss = ".sc-snk-simple-crud-h{display:flex;height:100%;width:100%}.simple-crud__container.sc-snk-simple-crud{display:grid;grid-template-rows:max-content;row-gap:12px;height:100%;width:100%}.simple-crud__container-section.sc-snk-simple-crud{flex-wrap:unset;flex-direction:column}.simple-crud__form--hidden.sc-snk-simple-crud{display:none}ez-grid.sc-snk-simple-crud{--ez-grid__container--shadow:none;min-height:300px}ez-form.sc-snk-simple-crud{min-height:300px}";
|
|
23
24
|
|
|
24
25
|
const SnkSimpleCrud = class {
|
|
25
26
|
constructor(hostRef) {
|
|
@@ -28,20 +29,25 @@ const SnkSimpleCrud = class {
|
|
|
28
29
|
this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
|
|
29
30
|
this.actionClick = createEvent(this, "actionClick", 7);
|
|
30
31
|
this.formItemsReady = createEvent(this, "formItemsReady", 7);
|
|
32
|
+
this.configuratorSave = createEvent(this, "configuratorSave", 7);
|
|
33
|
+
this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
|
|
31
34
|
this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "MORE_OPTIONS"];
|
|
32
35
|
this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER", "MORE_OPTIONS"];
|
|
33
36
|
this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
|
|
34
37
|
this._keyDownHandler = (event) => this.keyDownListener(event);
|
|
35
38
|
this._taskbarProcessor = new TaskbarProcessor({
|
|
36
|
-
"snkSimpleCrudTaskbar.form_regular": this.
|
|
37
|
-
"snkSimpleCrudTaskbar.grid_regular": this.
|
|
38
|
-
"snkSimpleCrudTaskbar.form_selected": this.
|
|
39
|
-
"snkSimpleCrudTaskbar.grid_selected": this.
|
|
39
|
+
"snkSimpleCrudTaskbar.form_regular": this.getButtons(false, TaskbarElement.GRID_MODE),
|
|
40
|
+
"snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, TaskbarElement.FORM_MODE),
|
|
41
|
+
"snkSimpleCrudTaskbar.form_selected": this.getButtons(true, TaskbarElement.GRID_MODE),
|
|
42
|
+
"snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, TaskbarElement.FORM_MODE),
|
|
40
43
|
"snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
|
|
41
44
|
});
|
|
45
|
+
this._showPopUpGridConfig = false;
|
|
46
|
+
this._showFormConfig = false;
|
|
42
47
|
this._currentViewMode = VIEW_MODE.GRID;
|
|
43
48
|
this._config = undefined;
|
|
44
49
|
this._fieldToGetFocus = undefined;
|
|
50
|
+
this._customContainerId = `SNK-SIMPLE-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
|
|
45
51
|
this.dataState = undefined;
|
|
46
52
|
this.dataUnit = undefined;
|
|
47
53
|
this.mode = SIMPLE_CRUD_MODE.SERVER;
|
|
@@ -55,6 +61,20 @@ const SnkSimpleCrud = class {
|
|
|
55
61
|
this.useEnterLikeTab = false;
|
|
56
62
|
this.actionsList = undefined;
|
|
57
63
|
this.configName = undefined;
|
|
64
|
+
this.showConfiguratorButtons = undefined;
|
|
65
|
+
}
|
|
66
|
+
getButtons(selected, changeModeBtn) {
|
|
67
|
+
return this.addConfigButton(this.resolveInMemoryBtns(selected ? this.REGULAR_DEFAULT_BTNS : this.REGULAR_SELECTED_BTNS)
|
|
68
|
+
.concat(changeModeBtn));
|
|
69
|
+
}
|
|
70
|
+
addConfigButton(buttons) {
|
|
71
|
+
if (this.configName === undefined) {
|
|
72
|
+
return buttons;
|
|
73
|
+
}
|
|
74
|
+
return buttons.concat(TaskbarElement.CONFIGURATOR);
|
|
75
|
+
}
|
|
76
|
+
get application() {
|
|
77
|
+
return ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
|
58
78
|
}
|
|
59
79
|
resolveInMemoryBtns(taskbarButtons) {
|
|
60
80
|
const newTaskBarConfig = [...taskbarButtons];
|
|
@@ -74,7 +94,10 @@ const SnkSimpleCrud = class {
|
|
|
74
94
|
}
|
|
75
95
|
actionClickListener(evt) {
|
|
76
96
|
const act = evt.detail;
|
|
77
|
-
if (act === TaskbarElement.
|
|
97
|
+
if (act === TaskbarElement.CONFIGURATOR) {
|
|
98
|
+
this._snkConfigurator.open();
|
|
99
|
+
}
|
|
100
|
+
else if (act === TaskbarElement.GRID_MODE) {
|
|
78
101
|
this.goToView(VIEW_MODE.GRID);
|
|
79
102
|
}
|
|
80
103
|
else if (act === TaskbarElement.FORM_MODE) {
|
|
@@ -92,8 +115,64 @@ const SnkSimpleCrud = class {
|
|
|
92
115
|
this.dataStateChange.emit(newValue);
|
|
93
116
|
}
|
|
94
117
|
}
|
|
95
|
-
|
|
118
|
+
openConfig(viewMode) {
|
|
119
|
+
this._snkConfigurator.close();
|
|
120
|
+
if (viewMode === VIEW_MODE.GRID) {
|
|
121
|
+
this.openGridConfig();
|
|
122
|
+
}
|
|
123
|
+
else if (viewMode === VIEW_MODE.FORM) {
|
|
124
|
+
this.openFormConfig();
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
openGridConfig() {
|
|
128
|
+
this._grid.getColumnsState()
|
|
129
|
+
.then((gridColumns) => {
|
|
130
|
+
this._snkGridConfig.columns = gridColumns.filter(c => c.name);
|
|
131
|
+
this._snkGridConfig.selectedIndex = 0;
|
|
132
|
+
this._showPopUpGridConfig = true;
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
openFormConfig() {
|
|
136
|
+
this._showFormConfig = true;
|
|
137
|
+
}
|
|
138
|
+
loadGridConfig() {
|
|
139
|
+
if (this.gridConfig != undefined || this._gridConfigAlreadyLoaded) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
this._gridConfigAlreadyLoaded = true;
|
|
143
|
+
return new Promise((accept, reject) => {
|
|
144
|
+
ConfigStorage.loadGridConfig(this.configName, this._resourceID)
|
|
145
|
+
.then(config => {
|
|
146
|
+
this.setGridConfig(config);
|
|
147
|
+
accept();
|
|
148
|
+
})
|
|
149
|
+
.catch(reason => {
|
|
150
|
+
reject(reason);
|
|
151
|
+
});
|
|
152
|
+
});
|
|
153
|
+
}
|
|
154
|
+
async loadFormConfig() {
|
|
155
|
+
if (this._formConfigManager == undefined) {
|
|
156
|
+
this._formConfigManager = new SnkFormConfigManager(this.configName, this._resourceID);
|
|
157
|
+
this._formConfigManager.setConfig(this.formConfig);
|
|
158
|
+
}
|
|
159
|
+
if (this.formConfig != undefined || this._formConfigAlreadyLoaded) {
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
this._formConfigAlreadyLoaded = true;
|
|
163
|
+
this.setFormConfig(await this._formConfigManager.loadConfig());
|
|
164
|
+
}
|
|
165
|
+
async componentWillRender() {
|
|
166
|
+
this._resourceID = await this.application.getResourceID();
|
|
96
167
|
this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
|
|
168
|
+
if (this.configName === undefined) {
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
171
|
+
if (this.gridConfig != undefined || this._gridConfigAlreadyLoaded) {
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
this.loadGridConfig();
|
|
175
|
+
this.loadFormConfig();
|
|
97
176
|
}
|
|
98
177
|
componentWillLoad() {
|
|
99
178
|
this.processMetadata();
|
|
@@ -101,8 +180,7 @@ const SnkSimpleCrud = class {
|
|
|
101
180
|
this.configDatasource();
|
|
102
181
|
}
|
|
103
182
|
configDatasource() {
|
|
104
|
-
|
|
105
|
-
this._multiSelectionListDataSource.setApplication(application);
|
|
183
|
+
this._multiSelectionListDataSource.setApplication(this.application);
|
|
106
184
|
this._multiSelectionListDataSource.setDataUnit(this.dataUnit);
|
|
107
185
|
}
|
|
108
186
|
getTaskBarId() {
|
|
@@ -143,6 +221,20 @@ const SnkSimpleCrud = class {
|
|
|
143
221
|
getRecords() {
|
|
144
222
|
return Promise.resolve(this.dataUnit.records);
|
|
145
223
|
}
|
|
224
|
+
/**
|
|
225
|
+
* Usado para abrir o configurator do CRUD
|
|
226
|
+
*/
|
|
227
|
+
async openConfigurator() {
|
|
228
|
+
var _a;
|
|
229
|
+
(_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.open();
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* Usado para fechar o configurator do CRUD
|
|
233
|
+
*/
|
|
234
|
+
async closeConfigurator() {
|
|
235
|
+
var _a;
|
|
236
|
+
(_a = this._snkConfigurator) === null || _a === void 0 ? void 0 : _a.close();
|
|
237
|
+
}
|
|
146
238
|
processMetadata() {
|
|
147
239
|
const fieldsMetadataElem = this._element.querySelectorAll("snk-field-metadata");
|
|
148
240
|
const fieldMetadata = [];
|
|
@@ -197,6 +289,14 @@ const SnkSimpleCrud = class {
|
|
|
197
289
|
this.dataUnit.clearSelection();
|
|
198
290
|
}
|
|
199
291
|
}
|
|
292
|
+
handleConfiguratorEvent(evt, type) {
|
|
293
|
+
evt.stopImmediatePropagation();
|
|
294
|
+
if (type === 'SAVE') {
|
|
295
|
+
this.configuratorSave.emit();
|
|
296
|
+
return;
|
|
297
|
+
}
|
|
298
|
+
this.configuratorCancel.emit();
|
|
299
|
+
}
|
|
200
300
|
getColumnSearch(actionButton, item) {
|
|
201
301
|
if (this._columnSearch != undefined) {
|
|
202
302
|
return this._columnSearch;
|
|
@@ -310,11 +410,42 @@ const SnkSimpleCrud = class {
|
|
|
310
410
|
disconnectedCallback() {
|
|
311
411
|
window.removeEventListener("keydown", this._keyDownHandler);
|
|
312
412
|
}
|
|
413
|
+
gridConfigChangeHandler(evt) {
|
|
414
|
+
const config = evt.detail;
|
|
415
|
+
ConfigStorage.saveGridConfig(config, this.configName, this._resourceID);
|
|
416
|
+
evt.stopPropagation();
|
|
417
|
+
}
|
|
418
|
+
modalConfigChangeHandler(evt) {
|
|
419
|
+
const config = evt.detail;
|
|
420
|
+
this._grid.setColumnsState(config.columns)
|
|
421
|
+
.then(() => {
|
|
422
|
+
this.setGridConfig(config);
|
|
423
|
+
this.closeGridConfig();
|
|
424
|
+
});
|
|
425
|
+
evt.stopPropagation();
|
|
426
|
+
}
|
|
427
|
+
setGridConfig(config) {
|
|
428
|
+
this.gridConfig = config;
|
|
429
|
+
CrudUtils.assertDefaultSorting(this.gridConfig, this.dataUnit);
|
|
430
|
+
}
|
|
431
|
+
setFormConfig(config) {
|
|
432
|
+
this.formConfig = config;
|
|
433
|
+
}
|
|
434
|
+
closeGridConfig() {
|
|
435
|
+
this._showPopUpGridConfig = false;
|
|
436
|
+
}
|
|
437
|
+
closeFormConfig() {
|
|
438
|
+
this._showFormConfig = false;
|
|
439
|
+
}
|
|
440
|
+
/* istanbul ignore next */
|
|
313
441
|
render() {
|
|
314
|
-
var _a;
|
|
315
|
-
|
|
442
|
+
var _a, _b, _c;
|
|
443
|
+
if (this.dataUnit == undefined) {
|
|
444
|
+
return;
|
|
445
|
+
}
|
|
446
|
+
return (h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
|
|
316
447
|
? undefined
|
|
317
|
-
: this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class:
|
|
448
|
+
: this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { class: `ez-margin-top--large ${this._showFormConfig ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: (_b = this._formConfigManager) === null || _b === void 0 ? void 0 : _b.getConfig((_c = this.dataState) === null || _c === void 0 ? void 0 : _c.insertionMode, this.dataUnit), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this._showFormConfig && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this._resourceID }))));
|
|
318
449
|
}
|
|
319
450
|
get _element() { return getElement(this); }
|
|
320
451
|
static get watchers() { return {
|