@sankhyalabs/sankhyablocks 1.4.0-beta.1 → 1.4.0-beta.11
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-7717f1e4.js → SnkMessageBuilder-6c2f7bcd.js} +107 -131
- package/dist/cjs/_commonjsHelpers-537d719a.js +20 -0
- package/dist/cjs/configurableElementsStorage-93459c72.js +20 -0
- package/dist/cjs/constants-9056ca9e.js +84 -0
- package/dist/cjs/draggable.bundle-82a25c06.js +6886 -0
- package/dist/cjs/{filter-item-type.enum-e2e1bc5b.js → filter-item-type.enum-3daf58d3.js} +2 -0
- package/dist/cjs/form-config-fetcher-2de7c16a.js +6895 -0
- package/dist/cjs/{index-b0b676c5.js → index-20e8b68a.js} +165 -1473
- package/dist/cjs/loader.cjs.js +2 -18
- package/dist/cjs/sankhyablocks.cjs.js +4 -116
- package/dist/cjs/snk-application.cjs.entry.js +330 -7196
- package/dist/cjs/snk-config-modal.cjs.entry.js +62 -0
- package/dist/cjs/snk-config-options.cjs.entry.js +230 -0
- package/dist/cjs/snk-configurator_6.cjs.entry.js +1156 -0
- package/dist/cjs/snk-crud.cjs.entry.js +21 -13
- package/dist/cjs/snk-data-unit.cjs.entry.js +24 -32
- package/dist/cjs/snk-field-config_2.cjs.entry.js +135 -0
- package/dist/cjs/snk-filter-binary-select.cjs.entry.js +5 -2
- package/dist/cjs/snk-filter-detail.cjs.entry.js +62 -5
- package/dist/cjs/snk-filter-multi-select.cjs.entry.js +6 -3
- package/dist/cjs/snk-filter-number.cjs.entry.js +6 -3
- package/dist/cjs/snk-filter-period.cjs.entry.js +5 -2
- package/dist/cjs/snk-filter-personalized.cjs.entry.js +89 -0
- package/dist/cjs/snk-filter-search.cjs.entry.js +7 -13
- package/dist/cjs/snk-filter-text.cjs.entry.js +2 -2
- package/dist/cjs/snk-form-config.cjs.entry.js +957 -0
- package/dist/cjs/snk-form.cjs.entry.js +41 -28
- package/dist/cjs/snk-pesquisa.cjs.entry.js +5 -5
- package/dist/cjs/snk-tab-config.cjs.entry.js +321 -0
- package/dist/cjs/{taskbar-elements-283c737e.js → taskbar-elements-9a4b1e19.js} +10 -6
- package/dist/cjs/teste-pesquisa.cjs.entry.js +5 -5
- package/dist/collection/collection-manifest.json +29 -1
- package/dist/collection/components/snk-application/errorhandler/snk-error-handler.js +1 -1
- package/dist/collection/components/snk-application/snk-application.js +236 -37
- package/dist/collection/components/snk-configurator/snk-configurator.js +261 -0
- package/dist/collection/components/snk-configurator/subcomponents/configModalProvider/configurableElementsStorage.js +16 -0
- package/dist/collection/components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal.css +122 -0
- package/dist/collection/components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal.js +137 -0
- package/dist/collection/components/snk-crud/snk-crud.js +46 -17
- package/dist/collection/components/snk-data-unit/snk-data-unit.js +1 -28
- package/dist/collection/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.js +100 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js +23 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js +24 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js +24 -1
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js +23 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js +180 -0
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js +22 -38
- package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-text.js +1 -1
- package/dist/collection/components/snk-filter-bar/filter-item/filter-item-type.enum.js +2 -0
- package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js +80 -20
- package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js +65 -31
- package/dist/collection/components/snk-filter-bar/filter-list/snk-filter-list.js +85 -19
- package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js +222 -0
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.css +39 -4
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.js +250 -141
- package/dist/collection/components/snk-form/snk-form.css +4 -0
- package/dist/collection/components/snk-form/snk-form.js +108 -30
- package/dist/collection/components/snk-form/subcomponents/snk-config-options/snk-config-options.css +9 -0
- package/dist/collection/components/snk-form/subcomponents/snk-config-options/snk-config-options.js +315 -0
- package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.css +164 -0
- package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.js +140 -0
- package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.css +185 -0
- package/dist/collection/components/snk-form/subcomponents/snk-form-config/snk-form-config.js +1062 -0
- package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.css +272 -0
- package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js +476 -0
- package/dist/collection/components/snk-grid/snk-grid.js +94 -26
- package/dist/collection/components/snk-taskbar/elements/taskbar-elements.js +9 -5
- package/dist/collection/components/snk-taskbar/snk-taskbar.js +35 -3
- package/dist/collection/lib/http/data-fetcher/DataFetcher.js +3 -3
- package/dist/collection/lib/http/data-fetcher/fetchers/dataunit-fetcher.js +35 -0
- package/dist/collection/lib/http/data-fetcher/fetchers/filter-bar-config-fetcher.js +18 -10
- package/dist/collection/lib/http/data-fetcher/fetchers/form-config-fetcher.js +106 -3
- package/dist/collection/lib/http/data-fetcher/fetchers/parameters-fecher.js +15 -15
- package/dist/collection/lib/http/data-fetcher/fetchers/resource-fetcher.js +9 -1
- package/dist/collection/lib/index.js +1 -0
- package/dist/collection/lib/message/SnkMessageBuilder.js +11 -2
- package/dist/collection/lib/message/resources/crud-utils.msg.js +4 -0
- package/dist/collection/lib/message/resources/snk-configurator.msg.js +11 -0
- package/dist/collection/lib/message/resources/snk-filter-bar.msg.js +14 -2
- package/dist/collection/lib/message/resources/snk-form.msg.js +59 -2
- package/dist/collection/lib/message/resources/snk-taskbar.msg.js +1 -1
- package/dist/collection/lib/utils/CrudUtils.js +73 -0
- package/dist/collection/lib/utils/constants.js +72 -0
- package/dist/components/SnkMessageBuilder.js +108 -131
- package/dist/components/_commonjsHelpers.js +17 -0
- package/dist/components/constants.js +74 -0
- package/dist/components/filter-item-type.enum.js +2 -0
- package/dist/{sankhyablocks/snk-application.entry.js → components/form-config-fetcher.js} +88 -1347
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.js +8 -4
- package/dist/components/snk-application2.js +313 -7173
- package/dist/components/snk-config-modal.d.ts +11 -0
- package/dist/components/snk-config-modal.js +6 -0
- package/dist/components/snk-config-modal2.js +91 -0
- package/dist/components/snk-config-options.d.ts +11 -0
- package/dist/components/snk-config-options.js +6 -0
- package/dist/components/snk-config-options2.js +245 -0
- package/dist/components/snk-configurator.d.ts +11 -0
- package/dist/components/snk-configurator.js +6 -0
- package/dist/components/snk-configurator2.js +212 -0
- package/dist/components/snk-crud.js +76 -26
- package/dist/components/snk-data-unit.js +4 -13
- package/dist/components/snk-field-config.d.ts +11 -0
- package/dist/components/snk-field-config.js +6 -0
- package/dist/components/snk-field-config2.js +70 -0
- package/dist/components/snk-filter-bar2.js +354 -148
- package/dist/components/snk-filter-binary-select.js +5 -1
- package/dist/components/snk-filter-detail2.js +62 -5
- package/dist/components/snk-filter-item2.js +52 -33
- package/dist/components/snk-filter-list2.js +60 -22
- package/dist/components/snk-filter-modal.d.ts +11 -0
- package/dist/components/snk-filter-modal.js +6 -0
- package/dist/components/snk-filter-modal2.js +84 -0
- package/dist/components/snk-filter-multi-select.js +6 -2
- package/dist/components/snk-filter-number.js +6 -2
- package/dist/components/snk-filter-period.js +5 -1
- package/dist/components/snk-filter-personalized.d.ts +11 -0
- package/dist/components/snk-filter-personalized.js +108 -0
- package/dist/components/snk-filter-search.js +5 -12
- package/dist/components/snk-filter-text.js +1 -1
- package/dist/components/snk-form-config.d.ts +11 -0
- package/dist/components/snk-form-config.js +6 -0
- package/dist/components/snk-form-config2.js +996 -0
- package/dist/components/snk-form2.js +79 -29
- package/dist/components/snk-grid2.js +57 -32
- package/dist/components/snk-pesquisa2.js +1 -1
- package/dist/components/snk-tab-config.d.ts +11 -0
- package/dist/components/snk-tab-config.js +6 -0
- package/dist/components/snk-tab-config2.js +7220 -0
- package/dist/components/snk-taskbar2.js +28 -10
- package/dist/components/teste-pesquisa.js +1 -1
- package/dist/{sankhyablocks/SnkMessageBuilder-a7da466b.js → esm/SnkMessageBuilder-5792c260.js} +108 -131
- package/dist/esm/_commonjsHelpers-9943807e.js +17 -0
- package/dist/esm/configurableElementsStorage-cdc144b5.js +18 -0
- package/dist/esm/constants-c6039d3d.js +74 -0
- package/dist/esm/draggable.bundle-41d56f06.js +6884 -0
- package/dist/esm/{filter-item-type.enum-61fbf80a.js → filter-item-type.enum-a79b2fa8.js} +2 -0
- package/dist/esm/form-config-fetcher-96c6c2dc.js +6889 -0
- package/dist/{sankhyablocks/index-2b4d2d14.js → esm/index-e4121713.js} +165 -1466
- package/dist/esm/loader.js +2 -18
- package/dist/esm/sankhyablocks.js +4 -116
- package/dist/esm/snk-application.entry.js +308 -7174
- package/dist/esm/snk-config-modal.entry.js +58 -0
- package/dist/esm/snk-config-options.entry.js +226 -0
- package/dist/esm/snk-configurator_6.entry.js +1147 -0
- package/dist/esm/snk-crud.entry.js +20 -12
- package/dist/esm/snk-data-unit.entry.js +5 -13
- package/dist/esm/snk-field-config_2.entry.js +130 -0
- package/dist/esm/snk-filter-binary-select.entry.js +5 -2
- package/dist/esm/snk-filter-detail.entry.js +62 -5
- package/dist/esm/snk-filter-multi-select.entry.js +6 -3
- package/dist/esm/snk-filter-number.entry.js +6 -3
- package/dist/esm/snk-filter-period.entry.js +5 -2
- package/dist/esm/snk-filter-personalized.entry.js +85 -0
- package/dist/esm/snk-filter-search.entry.js +6 -12
- package/dist/esm/snk-filter-text.entry.js +2 -2
- package/dist/esm/snk-form-config.entry.js +953 -0
- package/dist/esm/snk-form.entry.js +40 -27
- package/dist/esm/snk-pesquisa.entry.js +2 -2
- package/dist/esm/snk-tab-config.entry.js +317 -0
- package/dist/{sankhyablocks/taskbar-elements-35d64ff9.js → esm/taskbar-elements-e2ed0536.js} +10 -6
- package/dist/esm/teste-pesquisa.entry.js +2 -2
- package/dist/sankhyablocks/index.esm.js +0 -1
- package/dist/sankhyablocks/p-029ae4e4.entry.js +1 -0
- package/dist/sankhyablocks/p-03f9c407.js +1 -0
- package/dist/sankhyablocks/p-112455b1.js +1 -0
- package/dist/sankhyablocks/p-12ad2a19.entry.js +1 -0
- package/dist/sankhyablocks/p-21c8929b.js +1 -0
- package/dist/sankhyablocks/p-2b891c4a.entry.js +1 -0
- package/dist/sankhyablocks/p-2dc76d79.entry.js +1 -0
- package/dist/sankhyablocks/p-361299e8.js +26 -0
- package/dist/sankhyablocks/p-3a276f3d.entry.js +1 -0
- package/dist/sankhyablocks/p-400cc777.entry.js +1 -0
- package/dist/sankhyablocks/p-44ce5b90.entry.js +1 -0
- package/dist/sankhyablocks/p-521c96f0.entry.js +1 -0
- package/dist/sankhyablocks/p-60eef7cd.entry.js +1 -0
- package/dist/sankhyablocks/p-6988f4a6.entry.js +1 -0
- package/dist/sankhyablocks/p-6a4162bd.entry.js +1 -0
- package/dist/sankhyablocks/p-776ff4d1.entry.js +1 -0
- package/dist/sankhyablocks/p-9ba3df4c.js +2 -0
- package/dist/sankhyablocks/p-9dc4426d.entry.js +1 -0
- package/dist/sankhyablocks/p-9dd2b8cb.js +1 -0
- package/dist/sankhyablocks/p-a17a4fca.entry.js +1 -0
- package/dist/sankhyablocks/p-a5b26df2.js +1 -0
- package/dist/sankhyablocks/p-b6d6b172.js +1 -0
- package/dist/sankhyablocks/p-cc4bef9f.entry.js +1 -0
- package/dist/sankhyablocks/p-d50651a3.js +1 -0
- package/dist/sankhyablocks/p-d690b6b5.entry.js +75 -0
- package/dist/sankhyablocks/p-d9fbb26f.js +1 -0
- package/dist/sankhyablocks/p-deb1f523.entry.js +1 -0
- package/dist/sankhyablocks/p-e871aa92.entry.js +1 -0
- package/dist/sankhyablocks/p-e9beab79.entry.js +1 -0
- package/dist/sankhyablocks/p-f37cdeb5.entry.js +1 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -129
- package/dist/types/components/snk-application/snk-application.d.ts +38 -16
- package/dist/types/components/snk-configurator/snk-configurator.d.ts +46 -0
- package/dist/types/components/snk-configurator/subcomponents/configModalProvider/configurableElementsStorage.d.ts +8 -0
- package/dist/types/components/snk-configurator/subcomponents/snk-config-modal/snk-config-modal.d.ts +38 -0
- package/dist/types/components/snk-crud/snk-crud.d.ts +50 -0
- package/dist/types/components/snk-data-unit/snk-data-unit.d.ts +92 -0
- package/dist/types/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.d.ts +4 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.d.ts +1 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.d.ts +2 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-number.d.ts +2 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-period.d.ts +1 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.d.ts +24 -0
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-search.d.ts +4 -5
- package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-text.d.ts +1 -0
- package/dist/types/components/snk-filter-bar/filter-item/filter-item-type.enum.d.ts +3 -1
- package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts +7 -1
- package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts +40 -0
- package/dist/types/components/snk-filter-bar/filter-list/snk-filter-list.d.ts +8 -3
- package/dist/types/components/snk-filter-bar/filter-modal/snk-filter-modal.d.ts +26 -0
- package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts +31 -17
- package/dist/types/components/snk-form/snk-form.d.ts +71 -0
- package/dist/types/components/snk-form/subcomponents/snk-config-options/snk-config-options.d.ts +51 -0
- package/dist/types/components/snk-form/subcomponents/snk-field-config/snk-field-config.d.ts +32 -0
- package/dist/types/components/snk-form/subcomponents/snk-form-config/snk-form-config.d.ts +139 -0
- package/dist/types/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.d.ts +97 -0
- package/dist/types/components/snk-grid/snk-grid.d.ts +59 -0
- package/dist/types/components/snk-taskbar/elements/taskbar-elements.d.ts +6 -5
- package/dist/types/components/snk-taskbar/snk-taskbar.d.ts +11 -3
- package/dist/types/components.d.ts +424 -24
- package/dist/types/lib/http/data-fetcher/fetchers/dataunit-fetcher.d.ts +1 -0
- package/dist/types/lib/http/data-fetcher/fetchers/form-config-fetcher.d.ts +21 -3
- package/dist/types/lib/http/data-fetcher/fetchers/parameters-fecher.d.ts +7 -7
- package/dist/types/lib/http/data-fetcher/fetchers/resource-fetcher.d.ts +1 -0
- package/dist/types/lib/index.d.ts +1 -0
- package/dist/types/lib/message/resources/crud-utils.msg.d.ts +2 -0
- package/dist/types/lib/message/resources/snk-configurator.msg.d.ts +2 -0
- package/dist/types/lib/message/resources/snk-form.msg.d.ts +5 -2
- package/dist/types/lib/utils/CrudUtils.d.ts +6 -0
- package/dist/types/lib/utils/constants.d.ts +76 -0
- package/dist/types/lib/utils/pesquisa.d.ts +2 -1
- package/package.json +4 -3
- package/react/components.d.ts +25 -0
- package/react/components.js +25 -0
- package/react/components.js.map +1 -1
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/css-shim-b8158822.js +0 -6
- package/dist/cjs/dom-36862b77.js +0 -75
- package/dist/cjs/index-02201bc9.js +0 -2397
- package/dist/cjs/shadow-css-346c0795.js +0 -389
- package/dist/cjs/snk-filter-bar.cjs.entry.js +0 -278
- package/dist/cjs/snk-filter-item.cjs.entry.js +0 -154
- package/dist/cjs/snk-filter-list.cjs.entry.js +0 -91
- package/dist/cjs/snk-grid.cjs.entry.js +0 -79
- package/dist/cjs/snk-taskbar.cjs.entry.js +0 -160
- package/dist/components/index2.js +0 -2384
- package/dist/esm/SnkMessageBuilder-a7da466b.js +0 -303
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/css-shim-b3f2ee8d.js +0 -4
- package/dist/esm/dom-665d6011.js +0 -73
- package/dist/esm/index-2b4d2d14.js +0 -3262
- package/dist/esm/index-f1d3e4da.js +0 -2384
- package/dist/esm/shadow-css-b18e99d7.js +0 -387
- package/dist/esm/snk-filter-bar.entry.js +0 -274
- package/dist/esm/snk-filter-item.entry.js +0 -150
- package/dist/esm/snk-filter-list.entry.js +0 -87
- package/dist/esm/snk-grid.entry.js +0 -75
- package/dist/esm/snk-taskbar.entry.js +0 -156
- package/dist/esm/taskbar-elements-35d64ff9.js +0 -90
- package/dist/sankhyablocks/app-globals-0f993ce5.js +0 -3
- package/dist/sankhyablocks/css-shim-b3f2ee8d.js +0 -4
- package/dist/sankhyablocks/dom-665d6011.js +0 -73
- package/dist/sankhyablocks/filter-item-type.enum-61fbf80a.js +0 -12
- package/dist/sankhyablocks/index-f1d3e4da.js +0 -2384
- package/dist/sankhyablocks/shadow-css-b18e99d7.js +0 -387
- package/dist/sankhyablocks/snk-crud.entry.js +0 -66
- package/dist/sankhyablocks/snk-data-unit.entry.js +0 -276
- package/dist/sankhyablocks/snk-filter-bar.entry.js +0 -274
- package/dist/sankhyablocks/snk-filter-binary-select.entry.js +0 -43
- package/dist/sankhyablocks/snk-filter-detail.entry.js +0 -45
- package/dist/sankhyablocks/snk-filter-item.entry.js +0 -150
- package/dist/sankhyablocks/snk-filter-list.entry.js +0 -87
- package/dist/sankhyablocks/snk-filter-multi-select.entry.js +0 -19
- package/dist/sankhyablocks/snk-filter-number.entry.js +0 -20
- package/dist/sankhyablocks/snk-filter-period.entry.js +0 -33
- package/dist/sankhyablocks/snk-filter-search.entry.js +0 -40
- package/dist/sankhyablocks/snk-filter-text.entry.js +0 -18
- package/dist/sankhyablocks/snk-form.entry.js +0 -129
- package/dist/sankhyablocks/snk-grid.entry.js +0 -75
- package/dist/sankhyablocks/snk-pesquisa.entry.js +0 -311
- package/dist/sankhyablocks/snk-taskbar.entry.js +0 -156
- package/dist/sankhyablocks/taskbar-processor-aa6772c9.js +0 -45
- package/dist/sankhyablocks/teste-pesquisa.entry.js +0 -33
|
@@ -1,276 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-2b4d2d14.js';
|
|
2
|
-
import { a as Action, A as ApplicationContext } from './index-f1d3e4da.js';
|
|
3
|
-
import { A as ApplicationUtils, D as DialogType, O as OperationMap } from './SnkMessageBuilder-a7da466b.js';
|
|
4
|
-
|
|
5
|
-
const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";
|
|
6
|
-
|
|
7
|
-
const SnkDataUnit = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.dataStateChange = createEvent(this, "dataStateChange", 7);
|
|
11
|
-
this.dataUnitReady = createEvent(this, "dataUnitReady", 7);
|
|
12
|
-
this.insertionMode = createEvent(this, "insertionMode", 7);
|
|
13
|
-
this.cancelEdition = createEvent(this, "cancelEdition", 7);
|
|
14
|
-
this._onDataUnitResolve = [];
|
|
15
|
-
/**
|
|
16
|
-
* Determina quantas linhas são retornadas por página
|
|
17
|
-
*/
|
|
18
|
-
this.pageSize = 150;
|
|
19
|
-
/**
|
|
20
|
-
* Quando ativada essa propriedade faz com que haja uma carga imediata no DataUnit
|
|
21
|
-
*/
|
|
22
|
-
this.autoLoad = true;
|
|
23
|
-
this._dataUnitObserver = (action) => {
|
|
24
|
-
const duState = {
|
|
25
|
-
insertionMode: false,
|
|
26
|
-
hasNext: this.dataUnit.hasNext(),
|
|
27
|
-
hasPrevious: this.dataUnit.hasPrevious(),
|
|
28
|
-
copyMode: false,
|
|
29
|
-
isDirty: this.dataUnit.isDirty(),
|
|
30
|
-
hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
|
|
31
|
-
selectedRecords: this.dataUnit.getSelectedRecords()
|
|
32
|
-
};
|
|
33
|
-
this.dataUnit.records.forEach(r => {
|
|
34
|
-
if (r.__record__id__.startsWith('NEW_')) {
|
|
35
|
-
duState.insertionMode = true;
|
|
36
|
-
duState.copyMode || (duState.copyMode = r['__record__source__id__'] != undefined);
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
this.dataState = duState;
|
|
40
|
-
if (action.type === Action.DATA_SAVED) {
|
|
41
|
-
const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
|
|
42
|
-
if (msg != undefined) {
|
|
43
|
-
this.showSuccessMessage(msg);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
if (action.type === Action.RECORDS_ADDED || action.type === Action.RECORDS_COPIED) {
|
|
47
|
-
this.insertionMode.emit();
|
|
48
|
-
}
|
|
49
|
-
if (action.type === Action.EDITION_CANCELED) {
|
|
50
|
-
this.cancelEdition.emit();
|
|
51
|
-
const cancelFinishMsg = this.getMessage("snkDataUnit.cancelInfo");
|
|
52
|
-
if (cancelFinishMsg != undefined) {
|
|
53
|
-
this.showSuccessMessage(cancelFinishMsg);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
if (action.type === Action.RECORDS_REMOVED) {
|
|
57
|
-
const removeFinishMsg = this.getMessage("snkDataUnit.removeInfo", action.payload.cachedRecords[0]);
|
|
58
|
-
if (removeFinishMsg != undefined) {
|
|
59
|
-
this.showSuccessMessage(removeFinishMsg);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
this._application.messagesBuilder.currentOperation = this.getMessageOperation();
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
observePageSize() {
|
|
66
|
-
if (this.dataUnit) {
|
|
67
|
-
this.dataUnit.pageSize = this.pageSize;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
observeDataUnitName(newValue, oldValue) {
|
|
71
|
-
if (oldValue != newValue) {
|
|
72
|
-
this.dataUnit = undefined;
|
|
73
|
-
this.dataUnitName = newValue;
|
|
74
|
-
this.loadDataUnit();
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
observeEntityName(newValue, oldValue) {
|
|
78
|
-
if (oldValue != newValue) {
|
|
79
|
-
this.dataUnit = undefined;
|
|
80
|
-
this.entityName = newValue;
|
|
81
|
-
this.loadDataUnit();
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
observeDataState(newValue, oldValue) {
|
|
85
|
-
if (oldValue != newValue) {
|
|
86
|
-
this.dataStateChange.emit(newValue);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
observeDataUnit() {
|
|
90
|
-
this.dataUnitReady.emit(this.dataUnit);
|
|
91
|
-
}
|
|
92
|
-
/**
|
|
93
|
-
* Pode-se obter o dataUnit através desse método. Outra forma, é ouvir o evento de
|
|
94
|
-
*
|
|
95
|
-
* @returns dataUnit
|
|
96
|
-
*/
|
|
97
|
-
async getDataUnit() {
|
|
98
|
-
return new Promise((resolve) => {
|
|
99
|
-
if (this.dataUnit) {
|
|
100
|
-
resolve(this.dataUnit);
|
|
101
|
-
}
|
|
102
|
-
else {
|
|
103
|
-
this._onDataUnitResolve.push(resolve);
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
async interceptAction(action) {
|
|
108
|
-
return new Promise(resolve => {
|
|
109
|
-
switch (action.type) {
|
|
110
|
-
case Action.RECORDS_ADDED:
|
|
111
|
-
if (this.isAllowed("INSERT")) {
|
|
112
|
-
resolve(action);
|
|
113
|
-
}
|
|
114
|
-
else {
|
|
115
|
-
ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenInsert"));
|
|
116
|
-
}
|
|
117
|
-
break;
|
|
118
|
-
case Action.RECORDS_COPIED:
|
|
119
|
-
if (this.isAllowed("CLONE")) {
|
|
120
|
-
resolve(action);
|
|
121
|
-
}
|
|
122
|
-
else {
|
|
123
|
-
ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenClone"));
|
|
124
|
-
}
|
|
125
|
-
break;
|
|
126
|
-
case Action.DATA_CHANGED:
|
|
127
|
-
case Action.CHANGING_DATA:
|
|
128
|
-
if (this.isAllowed("UPDATE")) {
|
|
129
|
-
resolve(action);
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
this.dataUnit.cancelEdition();
|
|
133
|
-
ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate"));
|
|
134
|
-
}
|
|
135
|
-
break;
|
|
136
|
-
case Action.SAVING_DATA:
|
|
137
|
-
if (this.beforeSave) {
|
|
138
|
-
const continueAction = this.beforeSave(this.dataUnit);
|
|
139
|
-
if (continueAction instanceof Promise) {
|
|
140
|
-
continueAction.then(result => resolve(result ? action : undefined));
|
|
141
|
-
}
|
|
142
|
-
else {
|
|
143
|
-
resolve(continueAction ? action : undefined);
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
else {
|
|
147
|
-
resolve(action);
|
|
148
|
-
}
|
|
149
|
-
break;
|
|
150
|
-
case Action.DATA_SAVED:
|
|
151
|
-
if (this.afterSave) {
|
|
152
|
-
this.afterSave(this.dataUnit);
|
|
153
|
-
}
|
|
154
|
-
else {
|
|
155
|
-
resolve(action);
|
|
156
|
-
}
|
|
157
|
-
break;
|
|
158
|
-
case Action.EDITION_CANCELED:
|
|
159
|
-
if (this.dataState.hasDirtyRecords) {
|
|
160
|
-
const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
|
|
161
|
-
if (cancelConfirmation == undefined) {
|
|
162
|
-
resolve(action);
|
|
163
|
-
}
|
|
164
|
-
else {
|
|
165
|
-
const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
|
|
166
|
-
ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation)
|
|
167
|
-
.then((result) => resolve(result ? action : undefined));
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
else {
|
|
171
|
-
resolve(action);
|
|
172
|
-
}
|
|
173
|
-
break;
|
|
174
|
-
case Action.REMOVING_RECORDS:
|
|
175
|
-
if (this.isAllowed("REMOVE")) {
|
|
176
|
-
const removeConfirmation = this.getMessage("snkDataUnit.removeConfirmation");
|
|
177
|
-
if (removeConfirmation == undefined) {
|
|
178
|
-
resolve(action);
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
const removeConfirmationTitle = this.getMessage("snkDataUnit.removeConfirmationTitle");
|
|
182
|
-
ApplicationUtils.confirm(removeConfirmationTitle, removeConfirmation, "delete", DialogType.CRITICAL, { btnConfirmDanger: true })
|
|
183
|
-
.then((result) => resolve(result ? action : undefined));
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
else {
|
|
187
|
-
ApplicationUtils.info(this.getMessage("snkDataUnit.forbiddenRemove"));
|
|
188
|
-
}
|
|
189
|
-
break;
|
|
190
|
-
default:
|
|
191
|
-
resolve(action);
|
|
192
|
-
}
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
showSuccessMessage(message) {
|
|
196
|
-
ApplicationUtils.info(message, { iconName: "check" });
|
|
197
|
-
}
|
|
198
|
-
isAllowed(flag) {
|
|
199
|
-
return this._permissions ? this._permissions.isSup || this._permissions[flag] : false;
|
|
200
|
-
}
|
|
201
|
-
/**
|
|
202
|
-
* Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
|
|
203
|
-
* através de um pequeno modulo na estrutura da aplicação:
|
|
204
|
-
* - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
|
|
205
|
-
* Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-data-unit.msg.ts"
|
|
206
|
-
*/
|
|
207
|
-
getMessage(key, params = undefined) {
|
|
208
|
-
if (!params) {
|
|
209
|
-
params = this.getMessageParams();
|
|
210
|
-
}
|
|
211
|
-
return this._application.messagesBuilder.getMessage(key, params);
|
|
212
|
-
}
|
|
213
|
-
getMessageParams() {
|
|
214
|
-
//TODO: Atualmente ainda não usamos o recurso de multiseleção do dataunit, mas no futuro
|
|
215
|
-
//precisaremos criar um mecanismo para oferecer todos os registros selecionados para a
|
|
216
|
-
//mensagem
|
|
217
|
-
return this.dataState.selectedRecords ? this.dataState.selectedRecords[0] : undefined;
|
|
218
|
-
}
|
|
219
|
-
getMessageOperation() {
|
|
220
|
-
if (this.dataState.copyMode) {
|
|
221
|
-
return OperationMap.CLONE;
|
|
222
|
-
}
|
|
223
|
-
if (this.dataState.insertionMode) {
|
|
224
|
-
return OperationMap.INSERT;
|
|
225
|
-
}
|
|
226
|
-
if (this.dataState.isDirty) {
|
|
227
|
-
return OperationMap.UPDATE;
|
|
228
|
-
}
|
|
229
|
-
return OperationMap.CLEAN;
|
|
230
|
-
}
|
|
231
|
-
async loadDataUnit() {
|
|
232
|
-
if (!this.dataUnit) {
|
|
233
|
-
if (this._application && this.entityName) {
|
|
234
|
-
const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
|
|
235
|
-
this.dataUnit = await this._application.getDataUnit(this.entityName, cacheName);
|
|
236
|
-
this.dataUnit.pageSize = this.pageSize;
|
|
237
|
-
this.dataUnit.unsubscribe(this._dataUnitObserver);
|
|
238
|
-
this.dataUnit.addInterceptor(this);
|
|
239
|
-
this.dataUnit.subscribe(this._dataUnitObserver);
|
|
240
|
-
let resolver;
|
|
241
|
-
while (resolver = this._onDataUnitResolve.pop()) {
|
|
242
|
-
resolver(this.dataUnit);
|
|
243
|
-
}
|
|
244
|
-
if (this.autoLoad) {
|
|
245
|
-
setTimeout(() => {
|
|
246
|
-
this.dataUnit.loadData();
|
|
247
|
-
}, 500); //TODO: Ajustar para aguardar filterProvider do dataunit estar pronto.
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
//---------------------------------------------
|
|
253
|
-
// Lifecycle web component
|
|
254
|
-
//---------------------------------------------
|
|
255
|
-
componentWillLoad() {
|
|
256
|
-
this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
|
257
|
-
this._application.getAllAccess().then(access => this._permissions = access);
|
|
258
|
-
}
|
|
259
|
-
componentDidLoad() {
|
|
260
|
-
this.loadDataUnit();
|
|
261
|
-
}
|
|
262
|
-
render() {
|
|
263
|
-
return (h(Host, null));
|
|
264
|
-
}
|
|
265
|
-
get element() { return getElement(this); }
|
|
266
|
-
static get watchers() { return {
|
|
267
|
-
"pageSize": ["observePageSize"],
|
|
268
|
-
"dataUnitName": ["observeDataUnitName"],
|
|
269
|
-
"entityName": ["observeEntityName"],
|
|
270
|
-
"dataState": ["observeDataState"],
|
|
271
|
-
"dataUnit": ["observeDataUnit"]
|
|
272
|
-
}; }
|
|
273
|
-
};
|
|
274
|
-
SnkDataUnit.style = snkDataUnitCss;
|
|
275
|
-
|
|
276
|
-
export { SnkDataUnit as snk_data_unit };
|
|
@@ -1,274 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, f as Host, g as getElement } from './index-2b4d2d14.js';
|
|
2
|
-
import { b as DataType, t as toString, A as ApplicationContext, E as ErrorException, O as ObjectUtils } from './index-f1d3e4da.js';
|
|
3
|
-
import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
|
|
4
|
-
|
|
5
|
-
const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:minmax(100px, 100%) 1fr 1fr}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;z-index:var(--more-visible, 1);background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;flex-grow:0}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px)}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.preselected.sc-snk-filter-bar{background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}";
|
|
6
|
-
|
|
7
|
-
const PERSONALIZED_FILTER = "PERSONALIZED_FILTER";
|
|
8
|
-
const DEFAULT_FILTER = "DEFAULT_FILTER";
|
|
9
|
-
const CLEAR_ALL_FILTERS = "CLEAR_ALL_FILTERS";
|
|
10
|
-
const SnkFilterBar = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this._updateSequence = [];
|
|
14
|
-
this._calculateSortIndex = (item) => {
|
|
15
|
-
let index = item.hardFixed ? 1000000 : 0;
|
|
16
|
-
//campos Hard Fixed não variam a ordem
|
|
17
|
-
if (!item.hardFixed) {
|
|
18
|
-
index += item.fixed ? 100000 : 0;
|
|
19
|
-
index += item.value == undefined ? 0 : 10000;
|
|
20
|
-
index += this._updateSequence.lastIndexOf(item.id) + 1;
|
|
21
|
-
}
|
|
22
|
-
return index;
|
|
23
|
-
};
|
|
24
|
-
this._filtersComparator = (a, b) => {
|
|
25
|
-
return this._calculateSortIndex(b) - this._calculateSortIndex(a);
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
|
|
30
|
-
* através de um pequeno modulo na estrutura da aplicação:
|
|
31
|
-
* - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
|
|
32
|
-
* Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
|
|
33
|
-
*/
|
|
34
|
-
getMessage(key, params) {
|
|
35
|
-
return this._application.messagesBuilder.getMessage(key, params);
|
|
36
|
-
}
|
|
37
|
-
getFilter(_dataUnit) {
|
|
38
|
-
var _a;
|
|
39
|
-
const filters = [];
|
|
40
|
-
(_a = this.filterConfig) === null || _a === void 0 ? void 0 : _a.filter(item => item.value).forEach(item => {
|
|
41
|
-
const filter = this.buildDUFilter(item);
|
|
42
|
-
if (filter) {
|
|
43
|
-
filters.push(filter);
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
return filters;
|
|
47
|
-
}
|
|
48
|
-
buildDUFilter(item) {
|
|
49
|
-
const { id, value, type, props, visible } = item;
|
|
50
|
-
if (value && visible) {
|
|
51
|
-
if (type === FilterItemType.BINARY_SELECT) {
|
|
52
|
-
const options = props.options;
|
|
53
|
-
const selectedOption = options.find(opt => opt.name === value);
|
|
54
|
-
//FIXME: ajustar o backend para não exigir parametros
|
|
55
|
-
return { name: id, expression: selectedOption.expression, params: [] };
|
|
56
|
-
}
|
|
57
|
-
if (type === FilterItemType.MULTI_SELECT) {
|
|
58
|
-
return { name: id, expression: props.expression, params: [{ name: id, dataType: DataType.TEXT, value }] };
|
|
59
|
-
}
|
|
60
|
-
if (type === FilterItemType.PERIOD) {
|
|
61
|
-
let { end, start } = value;
|
|
62
|
-
if (typeof end === "string") {
|
|
63
|
-
end = new Date(end);
|
|
64
|
-
}
|
|
65
|
-
if (typeof start === "string") {
|
|
66
|
-
start = new Date(start);
|
|
67
|
-
}
|
|
68
|
-
const params = [];
|
|
69
|
-
let expression;
|
|
70
|
-
if (end && start) {
|
|
71
|
-
expression = props.expression.fullfill;
|
|
72
|
-
params.push({ name: `${id}.START`, dataType: DataType.DATE, value: toString(DataType.DATE, start) }, { name: `${id}.END`, dataType: DataType.DATE, value: toString(DataType.DATE, end) });
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
if (start) {
|
|
76
|
-
expression = props.expression.onlystart;
|
|
77
|
-
params.push({ name: id, dataType: DataType.DATE, value: toString(DataType.DATE, start) });
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
expression = props.expression.onlyend;
|
|
81
|
-
params.push({ name: id, dataType: DataType.DATE, value: toString(DataType.DATE, end) });
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
return { name: id, expression, params };
|
|
85
|
-
}
|
|
86
|
-
if (type === FilterItemType.SEARCH) {
|
|
87
|
-
const expression = props.expression;
|
|
88
|
-
return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value.value) }] };
|
|
89
|
-
}
|
|
90
|
-
if (type === FilterItemType.TEXT) {
|
|
91
|
-
const expression = props.expression;
|
|
92
|
-
return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value) }] };
|
|
93
|
-
}
|
|
94
|
-
if (type === FilterItemType.NUMBER) {
|
|
95
|
-
const expression = props.expression;
|
|
96
|
-
return { name: id, expression, params: [{ name: id, dataType: DataType.NUMBER, value: toString(DataType.NUMBER, value) }] };
|
|
97
|
-
}
|
|
98
|
-
//No mapeamento dos outros tipos precisamos saber o tipo de dado.
|
|
99
|
-
}
|
|
100
|
-
return undefined;
|
|
101
|
-
}
|
|
102
|
-
componentWillLoad() {
|
|
103
|
-
this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
|
104
|
-
if (this._application) {
|
|
105
|
-
this._application.getFilterBarConfig(this.configName)
|
|
106
|
-
.then((filters) => {
|
|
107
|
-
this.filterConfig = filters;
|
|
108
|
-
})
|
|
109
|
-
.catch(reason => {
|
|
110
|
-
throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
if (this.dataUnit == undefined) {
|
|
114
|
-
let parent = this._element.parentElement;
|
|
115
|
-
while (parent) {
|
|
116
|
-
if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
|
|
117
|
-
const snkDataUnit = parent;
|
|
118
|
-
this.dataUnit = snkDataUnit.dataUnit;
|
|
119
|
-
if (this.dataUnit) {
|
|
120
|
-
this.dataUnit.addFilterProvider(this);
|
|
121
|
-
}
|
|
122
|
-
else {
|
|
123
|
-
snkDataUnit.addEventListener("dataUnitReady", (evt) => {
|
|
124
|
-
this.dataUnit = evt.detail;
|
|
125
|
-
this.dataUnit.addFilterProvider(this);
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
break;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
parent = parent.parentElement;
|
|
132
|
-
}
|
|
133
|
-
else {
|
|
134
|
-
this.dataUnit.addFilterProvider(this);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
getFilterItems() {
|
|
138
|
-
const pinnedItems = [];
|
|
139
|
-
const unpinnedItems = [];
|
|
140
|
-
this.filterConfig
|
|
141
|
-
.filter(item => item.visible)
|
|
142
|
-
.sort((a, b) => this._filtersComparator(a, b))
|
|
143
|
-
.forEach((item, index) => {
|
|
144
|
-
const filterItem = (h("snk-filter-item", { id: `filter-${item.id}`, config: this.normalizeItem(item), class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
|
|
145
|
-
if (item.fixed || item.hardFixed) {
|
|
146
|
-
pinnedItems.push(filterItem);
|
|
147
|
-
}
|
|
148
|
-
else {
|
|
149
|
-
unpinnedItems.push(filterItem);
|
|
150
|
-
}
|
|
151
|
-
return filterItem;
|
|
152
|
-
});
|
|
153
|
-
const elements = [];
|
|
154
|
-
elements.push(...pinnedItems);
|
|
155
|
-
if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
|
|
156
|
-
elements.push(h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
|
|
157
|
-
}
|
|
158
|
-
elements.push(...unpinnedItems);
|
|
159
|
-
return elements;
|
|
160
|
-
}
|
|
161
|
-
calculateUpdateSequence(item) {
|
|
162
|
-
if (item) {
|
|
163
|
-
this._updateSequence = this._updateSequence.filter(itemId => item.id !== itemId);
|
|
164
|
-
this._updateSequence.push(item.id);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
filterChangeListener(evt) {
|
|
168
|
-
this.updateFilter(evt.detail);
|
|
169
|
-
}
|
|
170
|
-
normalizeItem(item) {
|
|
171
|
-
const normalized = Object.assign({}, item);
|
|
172
|
-
const optionals = ["props", "value", "hardFixed", "fixed"];
|
|
173
|
-
optionals.forEach(prop => {
|
|
174
|
-
if (normalized[prop] == undefined) {
|
|
175
|
-
delete normalized[prop];
|
|
176
|
-
}
|
|
177
|
-
});
|
|
178
|
-
if (item.value === "") {
|
|
179
|
-
delete item.value;
|
|
180
|
-
}
|
|
181
|
-
return normalized;
|
|
182
|
-
}
|
|
183
|
-
updateFilter(newItem, clear = false) {
|
|
184
|
-
let needLoad = false;
|
|
185
|
-
let updated = false;
|
|
186
|
-
this.filterConfig = this.filterConfig.map(item => {
|
|
187
|
-
if (clear) {
|
|
188
|
-
if (item.value != undefined) {
|
|
189
|
-
updated = true;
|
|
190
|
-
needLoad = true;
|
|
191
|
-
}
|
|
192
|
-
return Object.assign(Object.assign({}, item), { value: undefined });
|
|
193
|
-
}
|
|
194
|
-
else {
|
|
195
|
-
if (item.id === newItem.id) {
|
|
196
|
-
const normalizedOne = this.normalizeItem(item);
|
|
197
|
-
const normalizedTwo = this.normalizeItem(newItem);
|
|
198
|
-
updated = ObjectUtils.objectToString(normalizedOne) != ObjectUtils.objectToString(normalizedTwo);
|
|
199
|
-
needLoad = ObjectUtils.objectToString(normalizedOne.value) !== ObjectUtils.objectToString(normalizedTwo.value);
|
|
200
|
-
return newItem;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
return item;
|
|
204
|
-
});
|
|
205
|
-
if (needLoad) {
|
|
206
|
-
this.dataUnit.loadData();
|
|
207
|
-
}
|
|
208
|
-
if (updated) {
|
|
209
|
-
this.calculateUpdateSequence(newItem);
|
|
210
|
-
this._application.saveFilterBarConfig(this.filterConfig, this.configName);
|
|
211
|
-
}
|
|
212
|
-
return needLoad;
|
|
213
|
-
}
|
|
214
|
-
getAddListItems() {
|
|
215
|
-
const hiddenItems = this.filterConfig
|
|
216
|
-
.filter(item => !item.visible)
|
|
217
|
-
.sort(this._filtersComparator);
|
|
218
|
-
return hiddenItems.map(filter => {
|
|
219
|
-
return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null };
|
|
220
|
-
}).concat([
|
|
221
|
-
{ name: PERSONALIZED_FILTER, label: this.getMessage("snkFilterBar.customFilter"), iconName: "tune", kind: "FOOTER" },
|
|
222
|
-
{ name: DEFAULT_FILTER, label: this.getMessage("snkFilterBar.defaultFilter"), iconName: "configuration", kind: "FOOTER" }
|
|
223
|
-
]);
|
|
224
|
-
}
|
|
225
|
-
getActiveClass() {
|
|
226
|
-
const filterApplied = this.filterConfig.filter(item => item.value != undefined).length > 0;
|
|
227
|
-
return filterApplied ? "sc-snk-filter-bar snk-filter-bar__filter-list-items-button--active" : "";
|
|
228
|
-
}
|
|
229
|
-
getAppliedListItems() {
|
|
230
|
-
const appliedItems = this.filterConfig
|
|
231
|
-
.filter(item => item.value != undefined)
|
|
232
|
-
.sort(this._filtersComparator);
|
|
233
|
-
return appliedItems.map(filter => {
|
|
234
|
-
return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null };
|
|
235
|
-
}).concat([
|
|
236
|
-
{ name: CLEAR_ALL_FILTERS, label: this.getMessage("snkFilterBar.clearAllFilters"), iconName: "cleaning", kind: "FOOTER" }
|
|
237
|
-
]);
|
|
238
|
-
}
|
|
239
|
-
addFilterHandler(itemName) {
|
|
240
|
-
const filterItem = this.filterConfig.find(currentFilter => currentFilter.id === itemName);
|
|
241
|
-
if (filterItem) {
|
|
242
|
-
this.updateFilter(Object.assign(Object.assign({}, filterItem), { visible: true }));
|
|
243
|
-
window.requestAnimationFrame(() => {
|
|
244
|
-
const itemElement = this._element.querySelector("#filter-" + itemName);
|
|
245
|
-
if (itemElement) {
|
|
246
|
-
itemElement.showUp();
|
|
247
|
-
}
|
|
248
|
-
});
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
appliedFilterHandler(itemName) {
|
|
252
|
-
if (itemName === CLEAR_ALL_FILTERS) {
|
|
253
|
-
if (this.updateFilter(null, true)) {
|
|
254
|
-
this._application.info(this.getMessage("snkFilterBar.successfullyCleaned"), { iconName: "check" });
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
else {
|
|
258
|
-
const itemElement = this._element.querySelector("#filter-" + itemName);
|
|
259
|
-
if (itemElement) {
|
|
260
|
-
itemElement.showUp(true);
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
render() {
|
|
265
|
-
if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
|
|
266
|
-
return undefined;
|
|
267
|
-
}
|
|
268
|
-
return (h(Host, null, h("ez-scroller", { direction: "horizontal" }, this.getFilterItems()), h("snk-filter-list", { items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail) }), h("snk-filter-list", { items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail) }, h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
|
|
269
|
-
}
|
|
270
|
-
get _element() { return getElement(this); }
|
|
271
|
-
};
|
|
272
|
-
SnkFilterBar.style = snkFilterBarCss;
|
|
273
|
-
|
|
274
|
-
export { SnkFilterBar as snk_filter_bar };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, f as Host } from './index-2b4d2d14.js';
|
|
2
|
-
import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
|
|
3
|
-
|
|
4
|
-
const SnkFilterBinarySelect = class {
|
|
5
|
-
constructor(hostRef) {
|
|
6
|
-
registerInstance(this, hostRef);
|
|
7
|
-
}
|
|
8
|
-
isSelected(option) {
|
|
9
|
-
return this.value == undefined || this.value === option;
|
|
10
|
-
}
|
|
11
|
-
ezChangeListener(evt) {
|
|
12
|
-
if (!evt.detail) {
|
|
13
|
-
this.assertCheckedOption(evt.target);
|
|
14
|
-
}
|
|
15
|
-
this.updateValue();
|
|
16
|
-
}
|
|
17
|
-
assertCheckedOption(updatingCheck) {
|
|
18
|
-
if (updatingCheck === this._checkOne) {
|
|
19
|
-
this._checkTwo.value = true;
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
this._checkOne.value = true;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
updateValue() {
|
|
26
|
-
if (!this._checkOne.value || !this._checkTwo.value) {
|
|
27
|
-
const [optOne, optTwo] = this.config.props.options;
|
|
28
|
-
this.value = this._checkOne.value ? optOne.name : optTwo.name;
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
this.value = undefined;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
render() {
|
|
35
|
-
if (!this.config || this.config.type !== FilterItemType.BINARY_SELECT) {
|
|
36
|
-
return undefined;
|
|
37
|
-
}
|
|
38
|
-
const [optOne, optTwo] = this.config.props.options;
|
|
39
|
-
return (h(Host, null, h("ez-check", { label: optOne.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkOne = ref, value: this.isSelected(optOne.name) }), h("ez-check", { label: optTwo.label, class: "sc-snk-filter-bar editor__ez-check", ref: (ref) => this._checkTwo = ref, value: this.isSelected(optTwo.name) })));
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
export { SnkFilterBinarySelect as snk_filter_binary_select };
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, e as createEvent, h, f as Host } from './index-2b4d2d14.js';
|
|
2
|
-
import { F as FilterItemType } from './filter-item-type.enum-61fbf80a.js';
|
|
3
|
-
|
|
4
|
-
const SnkFilterDetail = class {
|
|
5
|
-
constructor(hostRef) {
|
|
6
|
-
registerInstance(this, hostRef);
|
|
7
|
-
this.filterChange = createEvent(this, "filterChange", 7);
|
|
8
|
-
}
|
|
9
|
-
changeConfig(newConfig) {
|
|
10
|
-
this.filterChange.emit(newConfig);
|
|
11
|
-
}
|
|
12
|
-
getContentEditor() {
|
|
13
|
-
switch (this.config.type) {
|
|
14
|
-
case FilterItemType.BINARY_SELECT:
|
|
15
|
-
return "snk-filter-binary-select";
|
|
16
|
-
case FilterItemType.MULTI_SELECT:
|
|
17
|
-
return "snk-filter-multi-select";
|
|
18
|
-
case FilterItemType.PERIOD:
|
|
19
|
-
return "snk-filter-period";
|
|
20
|
-
case FilterItemType.SEARCH:
|
|
21
|
-
return "snk-filter-search";
|
|
22
|
-
case FilterItemType.NUMBER:
|
|
23
|
-
return "snk-filter-number";
|
|
24
|
-
}
|
|
25
|
-
return "snk-filter-text";
|
|
26
|
-
}
|
|
27
|
-
removeItem() {
|
|
28
|
-
this.changeConfig(Object.assign(Object.assign({}, this.config), { visible: false, fixed: false, value: undefined }));
|
|
29
|
-
}
|
|
30
|
-
getPopUpHeaderButtons() {
|
|
31
|
-
if (this.config.hardFixed) {
|
|
32
|
-
return undefined;
|
|
33
|
-
}
|
|
34
|
-
return ([
|
|
35
|
-
h("ez-icon", { title: this.getMessage("snkFilterBar.removeFilter"), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", iconName: "delete", onClick: () => this.removeItem() }),
|
|
36
|
-
h("ez-icon", { title: this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), class: "ez-margin-left--small sc-snk-filter-bar snk-filter-item__editor-header-button", iconName: this.config.fixed ? "un-pin" : "push-pin", onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })) })
|
|
37
|
-
]);
|
|
38
|
-
}
|
|
39
|
-
render() {
|
|
40
|
-
const ContentEditor = this.getContentEditor();
|
|
41
|
-
return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(ContentEditor, { ref: ref => this._editor = ref, value: this.config.value, config: this.config, fix: () => this.keepOpened = true, unfix: () => this.keepOpened = false }), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined })) }), h("ez-button", { label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.changeConfig(Object.assign(Object.assign({}, this.config), { value: this._editor["value"] })), class: "ez-button--primary ez-padding-left--medium" }))));
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { SnkFilterDetail as snk_filter_detail };
|