overview-components 1.1.162 → 1.1.165

package/dist/shared/filter-inputs.js

@@ -0,0 +1,429 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import _ from 'lodash';
+import { msg } from '@lit/localize';
+import { property, state } from 'lit/decorators.js';
+import 'air-datepicker/air-datepicker.css';
+// components
+import './lit-icon.js';
+import './lit-icon-button.js';
+import './lit-select.js';
+import './lit-date-picker.js';
+import './lit-data-grid-operators-popover.js';
+import './lit-input.js';
+import { debounce } from '../utils/utils.js';
+export class FilterInputs extends LitElement {
+    constructor() {
+        super();
+        this.minFilterCharacters = 0;
+        this.server = false;
+        this.value = undefined;
+        this.operator = undefined;
+        this.filterOperators = [];
+        this.valueOptions = [];
+        this.filterVariant = [];
+        this.isClickInside = false;
+        this.handleSetOperator = (value, opt) => {
+            this.operator = this.filterOperators.find((item) => item.value === value)?.value;
+            if (['isEmpty', 'isNotEmpty'].includes(value)) {
+                this.value = null;
+                this.column?.setFilterValue({ value: this.value, operator: value });
+            }
+            else {
+                if (this.value && !opt?.silent) {
+                    this.column?.setFilterValue({
+                        value: this.value,
+                        operator: this.operator,
+                    });
+                }
+            }
+        };
+        // Create debounced methods with 500ms delay
+        this.debouncedSetTextFilter = debounce((value) => {
+            this.checkNumberOfCharacters(value, () => {
+                this.handleSetFilter(value);
+            });
+        });
+        this.debouncedSetNumberFilter = debounce((value) => {
+            this.handleSetFilter(value);
+        });
+    }
+    checkNumberOfCharacters(value, cf) {
+        if (!_.isEmpty(value)) {
+            if (value.length >= this.minFilterCharacters) {
+                cf();
+            }
+        }
+        else {
+            cf();
+        }
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('column')) {
+            if (this.filterVariant === 'select' || this.filterVariant === 'multiselect') {
+                if (this.column?.columnDef?.meta.valueOptions || this.server) {
+                    this.valueOptions = this.column?.columnDef?.meta.valueOptions || [];
+                }
+                else {
+                    const sortedUniqueValues = Array.from(this.column?.getFacetedUniqueValues().keys())
+                        .sort()
+                        .slice(0, 5000);
+                    this.valueOptions = sortedUniqueValues.map((value) => ({
+                        value,
+                        label: value,
+                    }));
+                }
+            }
+        }
+    }
+    handleSetFilter(value) {
+        this.value = value;
+        if (!_.isEmpty(value)) {
+            if (this.server) {
+                this.column?.setFilterValue({ value: this.value, operator: this.operator });
+            }
+            else {
+                this.column?.setFilterValue(this.value);
+            }
+        }
+        else {
+            this.column?.setFilterValue();
+        }
+    }
+    handleClearFilter() {
+        if (this.server) {
+            this.operator = this.filterOperators[0].value;
+        }
+        this.value = null;
+        this.column?.setFilterValue();
+    }
+    handleDateChange(value) {
+        if (!_.isEqual(value, this.value)) {
+            this.handleSetFilter(value);
+        }
+    }
+    handleStartDateChange(value) {
+        this.startDate = value;
+        this.handleFilterDateRangeChange();
+    }
+    handleEndDateChange(value) {
+        this.endDate = value;
+        this.handleFilterDateRangeChange();
+    }
+    handleFilterDateRangeChange() {
+        if (!this.startDate && !this.endDate) {
+            this.handleSetFilter(undefined);
+        }
+        else {
+            this.handleSetFilter({ startDate: this.startDate, endDate: this.endDate });
+        }
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Enter') {
+            const target = event.target;
+            if (target) {
+                this.handleSetFilter(target.value);
+                this.requestUpdate();
+            }
+        }
+        else if (event.key === 'Tab') {
+            // Get all focusable elements within this filter
+            const focusableElements = this.getFocusableElements();
+            if (focusableElements.length <= 1) {
+                // If there's only one or no focusable element, proceed with filter-to-filter navigation
+                event.preventDefault();
+                this.dispatchEvent(new CustomEvent('filter-tab', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        direction: event.shiftKey ? 'backward' : 'forward',
+                        currentFilter: this,
+                    },
+                }));
+                return;
+            }
+            // If there are multiple elements (like in range filters), handle internal navigation
+            const currentElement = event.target;
+            const currentIndex = focusableElements.indexOf(currentElement);
+            // If Shift+Tab on first element or Tab on last element, move to next/previous filter
+            if ((event.shiftKey && currentIndex === 0) ||
+                (!event.shiftKey && currentIndex === focusableElements.length - 1)) {
+                event.preventDefault();
+                this.dispatchEvent(new CustomEvent('filter-tab', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        direction: event.shiftKey ? 'backward' : 'forward',
+                        currentFilter: this,
+                    },
+                }));
+            }
+            else {
+                // Otherwise, just move to the next/previous internal element
+                event.preventDefault();
+                const nextIndex = event.shiftKey ? currentIndex - 1 : currentIndex + 1;
+                focusableElements[nextIndex].focus();
+            }
+        }
+    }
+    // Improved getFocusableElements to find all actual focusable elements
+    getFocusableElements() {
+        const elements = [];
+        // Check for regular inputs
+        const inputs = this.shadowRoot?.querySelectorAll('lit-input');
+        if (inputs) {
+            inputs.forEach((input) => elements.push(input));
+        }
+        // Check for lit-select components
+        const selects = this.shadowRoot?.querySelectorAll('lit-select');
+        if (selects) {
+            selects.forEach((select) => elements.push(select));
+        }
+        // Check for lit-date-picker components
+        const datePickers = this.shadowRoot?.querySelectorAll('lit-date-picker');
+        if (datePickers) {
+            datePickers.forEach((datePicker) => elements.push(datePicker));
+        }
+        return elements;
+    }
+    focus() {
+        const firstFocusable = this.shadowRoot?.querySelector('lit-input, lit-select, lit-date-picker');
+        firstFocusable?.focus();
+    }
+    renderNumberRangeInput() {
+        const debouncedSetRangeFilter = debounce((min, max) => {
+            this.handleSetFilter([min, max]);
+        });
+        return html `
+            <div class="range">
+                <lit-input
+                    class="range-fields"
+                    type="number"
+                    .server="${this.server}"
+                    .value="${this.value?.[0] || ''}"
+                    placeholder="Min"
+                    .onInput=${(val) => {
+            const min = val ? Number(val) : undefined;
+            const currentMax = this.value?.[1];
+            debouncedSetRangeFilter(min, currentMax);
+        }}
+                    .onClear="${() => {
+            this.handleClearFilter();
+        }}"
+                    @keydown=${(e) => this.handleKeyDown(e)}
+                ></lit-input>
+
+                <lit-input
+                    class="range-fields"
+                    type="number"
+                    .server="${this.server}"
+                    .value="${this.value?.[1] || ''}"
+                    placeholder="Max"
+                    .onInput=${(val) => {
+            const max = val ? Number(val) : undefined;
+            const currentMin = this.value?.[0];
+            debouncedSetRangeFilter(currentMin, max);
+        }}
+                    .onClear="${() => {
+            this.handleClearFilter();
+        }}"
+                    @keydown=${(e) => this.handleKeyDown(e)}
+                ></lit-input>
+            </div>
+        `;
+    }
+    renderSelectInput(multiselect = false) {
+        return html `
+            <lit-select
+                id=${this.column.id}
+                .value="${typeof this.value === 'number'
+            ? this.value.toString()
+            : this.value || []}"
+                .server="${this.server}"
+                .options="${this.valueOptions}"
+                .onChange="${(selectedValue) => {
+            const filterValue = selectedValue.length === 0 ? undefined : selectedValue;
+            this.handleSetFilter(filterValue);
+        }}"
+                .multiple="${multiselect}"
+                @keydown=${(e) => this.handleKeyDown(e)}
+                .setOperator="${this.handleSetOperator}"
+                .operator="${this.operator}"
+                .filterOperators="${this.filterOperators}"
+            ></lit-select>
+        `;
+    }
+    renderNumberInput() {
+        return html `
+            <lit-input
+                type="number"
+                .value="${this.value || ''}"
+                .server="${this.server}"
+                .onInput=${(val) => this.debouncedSetNumberFilter(val)}
+                .onClear="${() => {
+            this.handleClearFilter();
+        }}"
+                @keydown=${(e) => this.handleKeyDown(e)}
+                .setOperator="${this.handleSetOperator}"
+                .operator="${this.operator}"
+                .disabled="${this.server &&
+            ['isEmpty', 'isNotEmpty'].includes(this.operator)}"
+                .filterOperators="${this.filterOperators}"
+            ></lit-input>
+        `;
+    }
+    renderDateInput() {
+        return html `
+            <lit-date-picker
+                class="datePicker"
+                .server="${this.server}"
+                .pickerVariant='date'
+                .value=${this.value}
+                .dateFormat=${this.dateFormat}
+                .userLang=${this.userLang}
+                .onChange="${(value) => this.handleDateChange(value)}"
+                @keydown=${(e) => this.handleKeyDown(e)}
+                .setOperator="${this.handleSetOperator}"
+                .operator="${this.operator}"
+                .disabled="${this.server &&
+            ['isEmpty', 'isNotEmpty'].includes(this.operator)}"
+                .range="${['fromTo'].includes(this.operator)}"
+                .filterOperators="${this.filterOperators}"
+            ></lit-date-picker>
+        `;
+    }
+    renderDateRangeInput() {
+        return html `
+            <div class="range">
+                <lit-date-picker
+                    class="range-fields"
+                    .server="${this.server}"
+                    .dateFormat=${this.dateFormat}
+                    .userLang=${this.userLang}
+                    placeholder=${msg('Od')}
+                    .onChange="${(value) => this.handleStartDateChange(value)}"
+                    @keydown=${(e) => this.handleKeyDown(e)}
+                ></lit-date-picker>
+
+                <lit-date-picker
+                    class="range-fields"
+                    .server="${this.server}"
+                    .dateFormat=${this.dateFormat}
+                    .userLang=${this.userLang}
+                    placeholder=${msg('Do')}
+                    .onChange="${(value) => this.handleEndDateChange(value)}"
+                    @keydown=${(e) => this.handleKeyDown(e)}
+                ></lit-date-picker>
+            </div>
+        `;
+    }
+    renderTextInput() {
+        return html `
+            <lit-input
+                .value="${this.value}"
+                .server="${this.server}"
+                .onInput=${(val) => {
+            this.value = val;
+            this.debouncedSetTextFilter(val);
+        }}
+                .onClear="${() => {
+            this.handleClearFilter();
+        }}"
+                @keydown=${(e) => this.handleKeyDown(e)}
+                .setOperator="${this.handleSetOperator}"
+                .operator="${this.operator}"
+                .disabled="${this.server &&
+            ['isEmpty', 'isNotEmpty'].includes(this.operator)}"
+                .filterOperators="${this.filterOperators}"
+            ></lit-input>
+        `;
+    }
+    render() {
+        if (this.filterVariant === 'numberRange') {
+            return this.renderNumberRangeInput();
+        }
+        else if (this.filterVariant === 'select') {
+            return this.renderSelectInput();
+        }
+        else if (this.filterVariant === 'multiselect') {
+            return this.renderSelectInput(true);
+        }
+        else if (this.filterVariant === 'number') {
+            return this.renderNumberInput();
+        }
+        else if (this.filterVariant === 'currency') {
+            return this.renderNumberInput();
+        }
+        else if (this.filterVariant === 'date') {
+            return this.renderDateInput();
+        }
+        else if (this.filterVariant === 'dateTime') {
+            return this.renderDateInput();
+        }
+        else if (this.filterVariant === 'dateRange') {
+            return this.renderDateRangeInput();
+        }
+        else if (this.filterVariant === 'dateTimeRange') {
+            return this.renderDateRangeInput();
+        }
+        else {
+            return this.renderTextInput();
+        }
+    }
+}
+FilterInputs.styles = css `
+        .range {
+            display: flex;
+            gap: 0.3125rem;
+        }
+
+        .range-fields {
+            width: 100%;
+            min-width: 70px;
+        }
+    `;
+__decorate([
+    property({ type: Object })
+], FilterInputs.prototype, "column", void 0);
+__decorate([
+    property({ type: String })
+], FilterInputs.prototype, "dateFormat", void 0);
+__decorate([
+    property({ type: String })
+], FilterInputs.prototype, "userLang", void 0);
+__decorate([
+    property({ type: Number })
+], FilterInputs.prototype, "minFilterCharacters", void 0);
+__decorate([
+    property({ type: Boolean })
+], FilterInputs.prototype, "server", void 0);
+__decorate([
+    property({ type: Object })
+], FilterInputs.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], FilterInputs.prototype, "operator", void 0);
+__decorate([
+    property({ type: Array })
+], FilterInputs.prototype, "filterOperators", void 0);
+__decorate([
+    property({ type: Array })
+], FilterInputs.prototype, "valueOptions", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "startDate", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "endDate", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "filterVariant", void 0);
+if (!window.customElements.get('filter-inputs')) {
+    window.customElements.define('filter-inputs', FilterInputs);
+}
+//# sourceMappingURL=filter-inputs.js.map

package/dist/shared/filter-inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-inputs.js","sourceRoot":"","sources":["../../src/shared/filter-inputs.ts"],"names":[],"mappings":"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"}

package/dist/shared/index.js

@@ -0,0 +1,40 @@
+//import all components from the shared directory
+export * from './filter-inputs.js';
+export * from './lit-button.js';
+export * from './lit-calendar.js';
+export * from './lit-case-variables-tab-cell.js';
+export * from './lit-checkbox.js';
+export * from './lit-custom-popper.js';
+export * from './lit-data-grid-action-buttons-popover.js';
+export * from './lit-data-grid-density-popover.js';
+export * from './lit-data-grid-export-popover.js';
+export * from './lit-data-grid-operators-popover.js';
+export * from './lit-data-grid-row-actions.js';
+export * from './lit-date-picker.js';
+export * from './lit-filter-input.js';
+export * from './lit-icon-button.js';
+export * from './lit-icon.js';
+export * from './lit-input.js';
+export * from './lit-label.js';
+export * from './lit-loader.js';
+export * from './lit-loading-bar.js';
+export * from './lit-menu-item.js';
+export * from './lit-menu.js';
+export * from './lit-modal-body.js';
+export * from './lit-modal-footer.js';
+export * from './lit-modal-header.js';
+export * from './lit-modal.js';
+export * from './lit-overflow-tooltip.js';
+export * from './lit-pill.js';
+export * from './lit-progress-bar.js';
+export * from './lit-responsive-button.js';
+export * from './lit-select-field.js';
+export * from './lit-select.js';
+export * from './lit-settings.js';
+export * from './lit-text-field.js';
+export * from './lit-toggle.js';
+export * from './lit-tooltip.js';
+export * from './simple-popper.js';
+export * from './simple-tooltip.js';
+// Add more exports as you add more shared components
+//# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,qDAAqD"}

package/dist/shared/lit-button.js

@@ -0,0 +1,159 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { property } from 'lit/decorators.js';
+// styles
+import buttonStyles from './styles/button-shared-styles.js';
+// elements
+import './lit-icon.js';
+import './lit-pill.js';
+import './lit-loader.js';
+export class LitButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'contained';
+        this.color = 'primary';
+        this.size = 'medium';
+        this.label = 'Button';
+        this.fullWidth = false;
+        this.disabled = false;
+        this.count = undefined;
+        this.active = false;
+        this.isLoading = false;
+    }
+    render() {
+        const classes = `button--${this.size} button--${this.variant} button--${this.color} ${this.fullWidth ? 'button--fullWidth' : ''} ${this.active ? 'active' : ''}`;
+        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
+        return html `
+            <button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
+                <div class="button--content">
+                    ${this.isLoading
+            ? html ` <lit-loader size="small" class="button--loader"></lit-loader> `
+            : null}
+
+                    <div
+                        class="button-inner"
+                        style="visibility: ${this.isLoading ? 'hidden' : 'visible'};
+                    "
+                    >
+                        <slot name="start-icon">
+                            ${this.icon
+            ? html `<lit-icon
+                                      class="start-icon"
+                                      size="1.25rem"
+                                      icon="${this.icon}"
+                                  ></lit-icon>`
+            : ''}
+                        </slot>
+                        ${this.label}
+                        ${hasCount ? html `<lit-pill count=${this.count}></lit-pill>` : ''}
+                    </div>
+                </div>
+            </button>
+        `;
+    }
+}
+LitButton.styles = [
+    // styles,
+    buttonStyles,
+    css `
+            /* Basic button styles */
+            button {
+                flex-direction: row;
+                justify-content: center;
+            }
+
+            /* Size Variants */
+            .button--small {
+                -webkit-padding: 0.375rem 1rem;
+                padding: 0.1875rem 0.375rem;
+                font-size: 11px;
+            }
+            .button--medium {
+                font-size: 0.75rem;
+                font-weight: 500;
+                -webkit-padding: 0.375rem 0.75rem;
+                padding: 0.375rem 0.75rem;
+                line-height: 1.375rem;
+            }
+            .button--large {
+                font-weight: 700;
+                -webkit-padding: 0.75rem 1.5rem;
+                padding: 0.75rem 1.5rem;
+                font-size: 0.875rem;
+            }
+
+            /* FullWidth style */
+            .button--fullWidth {
+                width: 100%;
+                display: block;
+            }
+            ::slotted([slot='start-icon']),
+            .start-icon {
+                //margin-right: 8px;
+                font-size: 1.25rem !important;
+            }
+
+            .button--content {
+                position: relative;
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .button--loader {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+            .button-inner {
+                display: inline-flex;
+                align-items: center;
+                gap: 0.5rem;
+                visibility: visible;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "color", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], LitButton.prototype, "count", void 0);
+__decorate([
+    property({ type: Function })
+], LitButton.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "isLoading", void 0);
+if (!window.customElements.get('lit-button')) {
+    window.customElements.define('lit-button', LitButton);
+}
+//# sourceMappingURL=lit-button.js.map

package/dist/shared/lit-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-button.js","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":"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"}