overview-components 1.1.41 → 1.1.43

package/dist/components/components-settings/data-grid-settings.js

@@ -18,6 +18,8 @@ import '../../shared/lit-modal-footer.js';
 import '../../shared/lit-modal-body.js';
 import '../../shared/lit-label.js';
 import '../../shared/lit-toggle.js';
+import '../lit-filter-builder.js';
+import '../lit-tabs-overview.js';
 let DataGridSettings = class DataGridSettings extends LitElement {
     constructor() {
         super(...arguments);
@@ -29,10 +31,16 @@ let DataGridSettings = class DataGridSettings extends LitElement {
         this.exportData = true;
         this.actionButtonsInMenu = false;
         this.hideFooter = false;
-        this.alwaysFilter = '';
+        this.columns = [];
         this.isOpenModal = false;
+        this.activeTab = 'general';
+        this.alwaysFilterActive = false;
         this.originalValues = {};
         this.currentValues = {};
+        this._onAlwaysFilterChange = (event) => {
+            const { filterGroup } = event.detail;
+            this.updateCurrentValue('alwaysFilter', filterGroup);
+        };
     }
     get isSmallScreen() {
         return (window.innerWidth <=
@@ -56,6 +64,7 @@ let DataGridSettings = class DataGridSettings extends LitElement {
             'hideFooter',
             'enableColumnPinning',
             'alwaysFilter',
+            'columns',
         ];
         if (settingsProperties.some((prop) => changedProperties.has(prop))) {
             this.initializeValues();
@@ -74,7 +83,7 @@ let DataGridSettings = class DataGridSettings extends LitElement {
             columnDefaultSize: this.columnDefaultSize || 0,
             columnGroupedColor: this.columnGroupedColor || '#f0fadf',
             rowAggregationColor: this.rowAggregationColor || '#ffe1a8',
-            alwaysFilter: this.alwaysFilter || '',
+            alwaysFilter: this.alwaysFilter || undefined,
         };
         // Initialize current values with original values
         this.currentValues = { ...this.originalValues };
@@ -84,6 +93,11 @@ let DataGridSettings = class DataGridSettings extends LitElement {
         this.currentValues = { ...this.currentValues, [key]: value };
         this.localSettingsValue = { ...this.localSettingsValue, [key]: value };
     }
+    updateAlwaysFilterActive(value) {
+        this.alwaysFilterActive = value;
+        this.currentValues = { ...this.currentValues, alwaysFilterActive: value };
+        this.localSettingsValue = { ...this.localSettingsValue, alwaysFilterActive: value };
+    }
     trySendSettingsUpdate() {
         this.onSettingsChangedModal?.(this.localSettingsValue);
         this.onClose?.();
@@ -94,169 +108,263 @@ let DataGridSettings = class DataGridSettings extends LitElement {
         this.requestUpdate();
         this.onClose?.();
     }
-    render() {
+    _getFilterFieldsFromColumns() {
+        return this.columns.map((column) => ({
+            value: String(column.field || column.accessorKey || ''),
+            label: String(column.headerName || column.header || column.field || column.accessorKey || ''),
+            type: this._mapColumnTypeToFilterType(column.type),
+        }));
+    }
+    _mapColumnTypeToFilterType(columnType) {
+        switch (columnType) {
+            case 'number':
+                return 'number';
+            case 'date':
+                return 'date';
+            case 'select':
+                return 'select';
+            case 'multiselect':
+                return 'multiselect';
+            default:
+                return 'string';
+        }
+    }
+    _convertToFilterBuilderData() {
+        const fields = this._getFilterFieldsFromColumns();
+        // Use existing alwaysFilter or create empty filter group
+        const filterGroup = this.currentValues.alwaysFilter || {
+            id: 'always-filter-group',
+            logicOperator: 'AND',
+            conditions: [],
+        };
+        return {
+            fields,
+            operators: [], // Will be populated by utility functions
+            filterGroup,
+        };
+    }
+    _getTabDefinitions() {
+        return [
+            {
+                id: 'general',
+                label: {
+                    default: 'General Settings',
+                },
+                icon: 'administration',
+            },
+            {
+                id: 'alwaysFilter',
+                label: {
+                    default: 'Always Filter',
+                },
+                icon: 'filter',
+            },
+        ];
+    }
+    _renderGeneralSettings() {
         return html `
-            <lit-modal
-                .open=${this.isOpenModal}
-                .onClose=${() => {
-            this.onClose?.();
-        }}
-                .closeOnOutsideClick=${false}
-                .fullScreen=${window.innerWidth <=
-            (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
-            >
-                <lit-modal-header
-                    style="display: flex; align-items: center; justify-content: flex-end;"
-                >
-                    <lit-icon-button
-                        .icon="${'close'}"
-                        variant="${'text'}"
-                        size="${'small'}"
-                        @click=${() => this.onClose?.()}
-                    ></lit-icon-button>
-                </lit-modal-header>
-                <lit-modal-body style="height: calc(100vh - 37px - 54px);">
-                    <div style="display: flex; flex-direction: column; gap: 0.5rem">
-                        <div
-                            style="display: flex; flex-direction: column; align-items: center; font-size: 1rem; font-weight: 500;"
-                        >
-                            <div style="max-height: 5rem; max-width: 5rem">
-                                <settings-illustration></settings-illustration>
-                            </div>
-                            <span
-                                style="font-size: 0.875rem; font-weight: 500 ; color: var(--text-secondary, #777);"
-                            >
-                                ${msg('Konfigurace') + '- DataGrid'}
-                            </span>
-                        </div>
-                    </div>
-                    <div style="display: flex;flex-direction: column; gap: 0.5rem">
-                        <div
-                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
-                        >
-                            <lit-toggle
-                                .tooltip="${'Enables or disables column filtering.'}"
-                                .label="${'enableFiltering'}"
-                                .checked=${this.currentValues.enableFiltering}
-                                @change=${(e) => {
+            <div class="tab-content">
+                <div style="display: flex; flex-direction: column; gap: 0.5rem">
+                    <div
+                        style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
+                    >
+                        <lit-toggle
+                            .tooltip="${msg('Enables or disables column filtering.')}"
+                            .label="${msg('enableFiltering')}"
+                            .checked=${this.currentValues.enableFiltering}
+                            @change=${(e) => {
             this.updateCurrentValue('enableFiltering', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-toggle
-                                .tooltip="${'Enables or disables column sorting.'}"
-                                .label="${'enableSorting'}"
-                                .checked=${this.currentValues.enableSorting}
-                                @change=${(e) => {
+                        ></lit-toggle>
+                        <lit-toggle
+                            .tooltip="${msg('Enables or disables column sorting.')}"
+                            .label="${msg('enableSorting')}"
+                            .checked=${this.currentValues.enableSorting}
+                            @change=${(e) => {
             this.updateCurrentValue('enableSorting', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-toggle
-                                .tooltip="${'Enable or disable the export to CSV and Excel feature.'}"
-                                .label="${'enableExportData'}"
-                                .checked=${this.currentValues.exportData}
-                                @change=${(e) => {
+                        ></lit-toggle>
+                        <lit-toggle
+                            .tooltip="${msg('Enable or disable the export to CSV and Excel feature.')}"
+                            .label="${msg('enableExportData')}"
+                            .checked=${this.currentValues.exportData}
+                            @change=${(e) => {
             this.updateCurrentValue('exportData', e.detail);
         }}
-                            ></lit-toggle>
+                        ></lit-toggle>
 
-                            <lit-toggle
-                                .tooltip="${'Enables or disables column grouping functionality. If true, users can group rows by specific columns.'}"
-                                .label="${'enableGrouping'}"
-                                .checked=${this.currentValues.enableGrouping}
-                                @change=${(e) => {
+                        <lit-toggle
+                            .tooltip="${msg('Enables or disables column grouping functionality. If true, users can group rows by specific columns.')}"
+                            .label="${msg('enableGrouping')}"
+                            .checked=${this.currentValues.enableGrouping}
+                            @change=${(e) => {
             this.updateCurrentValue('enableGrouping', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-toggle
-                                .tooltip="${'Enables or disables column pinning. If true, columns can be pinned to the left.'}"
-                                .label="${'enableColumnPinning'}"
-                                .checked=${this.currentValues.enableColumnPinning}
-                                @change=${(e) => {
+                        ></lit-toggle>
+                        <lit-toggle
+                            .tooltip="${msg('Enables or disables column pinning. If true, columns can be pinned to the left.')}"
+                            .label="${msg('enableColumnPinning')}"
+                            .checked=${this.currentValues.enableColumnPinning}
+                            @change=${(e) => {
             this.updateCurrentValue('enableColumnPinning', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-toggle
-                                .tooltip="${'If true, column actions like pinning and grouping are moved into a popover menu instead of displaying individual buttons in the column header.'}"
-                                .label="${'actionButtonsInMenu'}"
-                                .checked=${this.currentValues.actionButtonsInMenu}
-                                @change=${(e) => {
+                        ></lit-toggle>
+                        <lit-toggle
+                            .tooltip="${msg('If true, column actions like pinning and grouping are moved into a popover menu instead of displaying individual buttons in the column header.')}"
+                            .label="${msg('actionButtonsInMenu')}"
+                            .checked=${this.currentValues.actionButtonsInMenu}
+                            @change=${(e) => {
             this.updateCurrentValue('actionButtonsInMenu', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-toggle
-                                .tooltip="${'Hides the footer of the data grid.'}"
-                                .label="${'hideFooter'}"
-                                .checked=${this.currentValues.hideFooter}
-                                @change=${(e) => {
+                        ></lit-toggle>
+                        <lit-toggle
+                            .tooltip="${msg('Hides the footer of the data grid.')}"
+                            .label="${msg('hideFooter')}"
+                            .checked=${this.currentValues.hideFooter}
+                            @change=${(e) => {
             this.updateCurrentValue('hideFooter', e.detail);
         }}
-                            ></lit-toggle>
-                            <lit-label
-                                .label="${'columnDefaultSize'}"
-                                .tooltip="${'The default width of all columns.'}"
-                            ></lit-label>
-                            <lit-input
-                                style="margin: 4px 0 4px 14px"
-                                type="number"
-                                disableClearButton="true"
-                                .value="${this.currentValues.columnDefaultSize}"
-                                .onInput=${(val) => {
+                        ></lit-toggle>
+                    </div>
+
+                    <div
+                        style="display: flex; flex-direction: column;justify-content: center;gap: 8px; margin-top: 16px;"
+                    >
+                        <lit-label
+                            .label="${msg('columnDefaultSize')}"
+                            .tooltip="${msg('The default width of all columns.')}"
+                        ></lit-label>
+                        <lit-input
+                            style="margin: 4px 0 4px 14px"
+                            type="number"
+                            disableClearButton="true"
+                            .value="${this.currentValues.columnDefaultSize}"
+                            .onInput=${(val) => {
             this.updateCurrentValue('columnDefaultSize', Number(val));
         }}
-                            ></lit-input>
-                        </div>
-                        <div
-                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
-                        >
-                            <lit-label
-                                .label="${'columnGroupedColor'}"
-                                .tooltip="${'The background color for grouped column headers.'}"
-                            ></lit-label>
-                            <input
-                                style="margin: 4px 0 4px 14px;"
-                                type="color"
-                                id="colorPickerCustom"
-                                value="${this.currentValues.columnGroupedColor}"
-                                @change=${(e) => {
+                        ></lit-input>
+                    </div>
+
+                    <div
+                        style="display: flex; flex-direction: column;justify-content: center;gap: 8px"
+                    >
+                        <lit-label
+                            .label="${msg('columnGroupedColor')}"
+                            .tooltip="${msg('The background color for grouped column headers.')}"
+                        ></lit-label>
+                        <input
+                            style="margin: 4px 0 4px 14px;"
+                            type="color"
+                            id="colorPickerCustom"
+                            value="${this.currentValues.columnGroupedColor}"
+                            @change=${(e) => {
             const color = e.target.value;
             this.updateCurrentValue('columnGroupedColor', color);
         }}
-                            />
-                        </div>
-                        <div
-                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
-                        >
-                            <lit-label
-                                .label="${'rowAggregationColor'}"
-                                .tooltip="${'The background color for rows affected by aggregation.'}"
-                            ></lit-label>
-                            <input
-                                style="margin: 4px 0 4px 14px"
-                                type="color"
-                                id="colorPickerCustom"
-                                value="${this.currentValues.rowAggregationColor}"
-                                @change=${(e) => {
+                        />
+                    </div>
+
+                    <div
+                        style="display: flex; flex-direction: column;justify-content: center;gap: 8px"
+                    >
+                        <lit-label
+                            .label="${msg('rowAggregationColor')}"
+                            .tooltip="${msg('The background color for rows affected by aggregation.')}"
+                        ></lit-label>
+                        <input
+                            style="margin: 4px 0 4px 14px"
+                            type="color"
+                            id="colorPickerCustom"
+                            value="${this.currentValues.rowAggregationColor}"
+                            @change=${(e) => {
             const color = e.target.value;
             this.updateCurrentValue('rowAggregationColor', color);
         }}
-                            />
-                        </div>
-                        <!-- not related to the component itself -->
-                        <div
-                            style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
-                        >
-                            <lit-label
-                                .label="${'alwaysFilter'}"
-                                .tooltip="${'Hide filter. Apply to every filter event. (string format). It works just for Overview table'}"
-                            ></lit-label>
-                            <lit-input
-                                style="margin: 4px 0 4px 14px"
-                                type="string"
-                                .value="${this.currentValues.alwaysFilter}"
-                                .onInput=${(val) => {
-            this.updateCurrentValue('alwaysFilter', val);
+                        />
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+    _renderAlwaysFilterTab() {
+        return html `
+            <div class="tab-content">
+                <div style="display: flex; flex-direction: column; gap: 8px;">
+                    <lit-label
+                        .label="${msg('alwaysFilter')}"
+                        .tooltip="${msg('Global filter conditions applied to all data. These filters are always active and hidden from users.')}"
+                    ></lit-label>
+                    <div style="margin-bottom: 8px;">
+                        <lit-toggle
+                            .label="${msg('Active Filter Builder')}"
+                            .checked=${this.alwaysFilterActive}
+                            @change=${(e) => {
+            this.updateAlwaysFilterActive(e.detail);
         }}
-                            ></lit-input>
+                        ></lit-toggle>
+                    </div>
+                    <div>
+                        ${this.alwaysFilterActive ? this._renderAlwaysFilterBuilder() : html ``}
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+    _renderAlwaysFilterBuilder() {
+        if (this.columns.length === 0) {
+            return html `
+                <div
+                    style="padding: 16px; text-align: center; color: var(--text-secondary, #777); font-style: italic;"
+                >
+                    ${msg('Žádné sloupce nejsou k dispozici pro filtrování')}
+                </div>
+            `;
+        }
+        return html `
+            <lit-filter-builder
+                .data="${this._convertToFilterBuilderData()}"
+                .disabled="${false}"
+                .locale="${'cs'}"
+                @filter-change="${this._onAlwaysFilterChange}"
+            ></lit-filter-builder>
+        `;
+    }
+    render() {
+        return html `
+            <lit-modal
+                .open=${this.isOpenModal}
+                .onClose=${() => {
+            this.onClose?.();
+        }}
+                .closeOnOutsideClick=${false}
+                .fullScreen=${window.innerWidth <=
+            (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
+                style="min-width: 60vw;"
+            >
+                <lit-modal-header
+                    style="display: flex; align-items: center; justify-content: space-between; color: var(--text-secondary, #777);"
+                >
+                    ${msg('Konfigurace') + ' - DataGrid'}
+                    <lit-icon-button
+                        .icon="${'close'}"
+                        variant="text"
+                        color="secondary"
+                        size="${'small'}"
+                        @click=${() => this.onClose?.()}
+                    ></lit-icon-button>
+                </lit-modal-header>
+                <lit-modal-body>
+                    <div style="display: flex; flex-direction: column; gap: 0.5rem">
+                        <div class="settings-tabs">
+                            <lit-tabs-overview
+                                .tabs="${this._getTabDefinitions()}"
+                                .initialSelectedTabId="${this.activeTab}"
+                                .userLang="${'cs'}"
+                                .allowedLang="${['cs']}"
+                            >
+                                <div slot="general">${this._renderGeneralSettings()}</div>
+                                <div slot="alwaysFilter">${this._renderAlwaysFilterTab()}</div>
+                            </lit-tabs-overview>
                         </div>
                     </div>
                 </lit-modal-body>
@@ -265,15 +373,16 @@ let DataGridSettings = class DataGridSettings extends LitElement {
                 >
                     <lit-button
                         .label="${msg('Uložit')}"
-                        .icon="${'check'}"
-                        .size="${'medium'}"
+                        .icon="check"
+                        .size="medium"
                         @click=${() => this.trySendSettingsUpdate()}
                     ></lit-button>
                     <lit-button
+                        color="secondary"
                         .label="${msg('Zrušit')}"
-                        variant="${'text'}"
-                        .icon="${'close'}"
-                        .size="${'medium'}"
+                        variant="text"
+                        .icon="close"
+                        .size="medium"
                         @click=${() => this.discardChanges()}
                     ></lit-button>
                 </lit-modal-footer>
@@ -281,7 +390,21 @@ let DataGridSettings = class DataGridSettings extends LitElement {
         `;
     }
 };
-DataGridSettings.styles = [css ``];
+DataGridSettings.styles = [
+    css `
+            /* Tab content styles */
+            .tab-content {
+                padding: 1rem;
+                height: calc(100% - 3rem);
+                overflow-y: auto;
+                background-color: var(--background-paper, #fff);
+            }
+
+            .settings-tabs {
+                height: 400px;
+            }
+        `,
+];
 __decorate([
     property({ type: Function })
 ], DataGridSettings.prototype, "onClose", void 0);
@@ -319,14 +442,23 @@ __decorate([
     property({ type: Boolean })
 ], DataGridSettings.prototype, "hideFooter", void 0);
 __decorate([
-    property({ type: String })
+    property({ type: Object })
 ], DataGridSettings.prototype, "alwaysFilter", void 0);
+__decorate([
+    property({ type: Array })
+], DataGridSettings.prototype, "columns", void 0);
 __decorate([
     state()
 ], DataGridSettings.prototype, "isOpenModal", void 0);
 __decorate([
     state()
 ], DataGridSettings.prototype, "localSettingsValue", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "activeTab", void 0);
+__decorate([
+    state()
+], DataGridSettings.prototype, "alwaysFilterActive", void 0);
 __decorate([
     state()
 ], DataGridSettings.prototype, "originalValues", void 0);

package/dist/components/components-settings/data-grid-settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-settings.js","sourceRoot":"","sources":["../../../src/components/components-settings/data-grid-settings.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-grid-settings.js","sourceRoot":"","sources":["../../../src/components/components-settings/data-grid-settings.ts"],"names":[],"mappings":"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"}

package/dist/components/components-settings/section-tab-settings.d.ts

@@ -1,9 +1,16 @@
 import { LitElement, TemplateResult } from 'lit';
 import { FromSchema } from 'json-schema-to-ts';
-import { litSectionTabSchema } from '../../schemas/index.js';
+import { litSectionTabSchema, litFilterBuilderSchema } from '../../schemas/index.js';
+import { TCaseVariable } from '../lit-case-variables-tab.js';
 import '../../shared/lit-icon.js';
 import '../../shared/lit-input.js';
+import '../../shared/lit-select.js';
+import '../../shared/lit-toggle.js';
+import '../../shared/lit-select-field.js';
+import '../../shared/lit-text-field.js';
+import '../lit-filter-builder.js';
 import '../../shared/simple-popper.js';
+import '../lit-tabs-overview.js';
 import '../../assets/illustration/not-found.js';
 import '../../assets/illustration/settings-illustration.js';
 import '../../shared/lit-menu.js';
@@ -18,28 +25,48 @@ import '../../shared/lit-modal-header.js';
 import '../../shared/lit-modal-footer.js';
 import '../../shared/lit-modal-body.js';
 import '../../shared/lit-label.js';
+export type GridFilterDataType = FromSchema<typeof litFilterBuilderSchema>;
+export type HideTabWhenType = boolean | GridFilterDataType;
 export type SectionTabSettingsProps = {
     settingsValue?: FromSchema<typeof litSectionTabSchema>;
     onSettingsChanged?: Function;
     allowedLang: string[];
     showAutomaticHeightOptionInSettings?: boolean;
+    variables: TCaseVariable[];
+    onClose?: () => void;
+    userLang: string;
 };
 export declare class SectionTabSettings extends LitElement {
     settingsValue?: FromSchema<typeof litSectionTabSchema>;
     onSettingsChangedModal?: Function;
     showAutomaticHeightOptionInSettings: boolean;
     allowedLang: string[];
+    variables: TCaseVariable[];
     onClose: (() => void) | undefined;
+    userLang: string;
     private isOpen;
+    private showHideCondition;
     private filterText;
     private localSettingsValue?;
     private isOpenModal;
+    private filterData;
+    private activeTab;
+    static styles: import("lit").CSSResult[];
     updated(changedProperties: Map<string, any>): void;
     private trySendSettingsUpdate;
+    private _getFilterFieldsFromVariables;
+    private _onFilterChange;
+    private _getTabDefinitions;
     private updateLocalSettings;
     private closePopover;
     private toggleCustomPopover;
     private discardChanges;
+    private _resetConditionBuilderState;
+    private _renderHideWhenControl;
+    private _toggleCondition;
+    private _clearCondition;
+    private _convertToFilterBuilderData;
+    private _renderGeneralSettings;
     render(): TemplateResult;
 }
 declare global {