overview-components 0.1.1

package/dist/components/lit-case-variables-tab.js

@@ -0,0 +1,356 @@
+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 { styleMap } from 'lit/directives/style-map.js';
+import { customElement, property, state } from 'lit/decorators.js';
+// components
+import '../shared/lit-icon.js';
+import '../shared/lit-icon.js';
+import '../shared/lit-button.js';
+import '../shared/lit-tooltip.js';
+// utils
+import { formatDate } from '../utils/date.js';
+import { setLocale } from '../utils/localization.js';
+let LitCaseVariablesTab = class LitCaseVariablesTab extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [[]];
+        this.hideTabWhen = false;
+        this.data = {
+            key: { key: 'string' },
+        };
+        this.dateFormat = null;
+        this.isLoading = false;
+        this.currentBreakpoint = this.getBreakpoint();
+        this._resizeListener = this.handleResize.bind(this);
+        this.language = 'cs';
+        this.BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl'];
+        this.getHeader = (cell) => {
+            return html `<div
+            style="${cell?.headerStyle ? styleMap(cell?.headerStyle) : ''}"
+            class="process-data-heading"
+        >
+            ${cell?.headerName(this.data[cell.field], this.data)}
+            ${cell.tooltip
+                ? html `<lit-tooltip
+                      label="${cell.tooltip(this.data[cell.field], this.data)}"
+                      variant="right"
+                  >
+                      <lit-icon size="12px" icon="informative"></lit-icon>
+                  </lit-tooltip>`
+                : ''}
+        </div>`;
+        };
+        this.getCellButton = (cell) => {
+            return html `
+            <lit-button
+                .fullWidth="${cell.buttonFullWidth}"
+                variant="${cell.buttonVariant || 'contained'}"
+                label="${cell?.headerName(this.data[cell?.field], this.data)}"
+                @click=${cell?.buttonFn}
+            ></lit-button>
+        `;
+        };
+        this.getCellLink = (cell) => {
+            return html `<div>${this.getHeader(cell)}</div>
+            <a
+                class="link"
+                href=${cell?.value ? cell.value(this.data[cell.field], this.data) : ''}
+                target="_blank"
+                >${cell?.value ? cell.value(this.data[cell.field], this.data) : ''}
+            </a> `;
+        };
+        this.getCellValue = (cell) => {
+            return html `<div>${this.getHeader(cell)}</div>
+            <div
+                style="${cell?.valueStyle ? styleMap(cell?.valueStyle) : ''}"
+                class="process-data-value"
+            >
+                ${cell?.value ? cell.value(this.data[cell.field], this.data) : ''}
+            </div> `;
+        };
+        this.getCellDate = (cell) => {
+            return html `<div>${this.getHeader(cell)}</div>
+            <div
+                style="${cell?.valueStyle ? styleMap(cell?.valueStyle) : ''}"
+                class="process-data-value"
+            >
+                ${cell?.value
+                ? formatDate(cell.value(this.data[cell.field], this.data), this.userLang || 'cs', this.dateFormat)
+                : ''}
+            </div> `;
+        };
+    }
+    getBreakpoint() {
+        const width = window.innerWidth;
+        if (width >= 1920)
+            return 'xl';
+        if (width >= 1280)
+            return 'lg';
+        if (width >= 960)
+            return 'md';
+        if (width >= 600)
+            return 'sm';
+        return 'xs';
+    }
+    // Function to handle resize events
+    handleResize() {
+        const newBreakpoint = this.getBreakpoint();
+        if (newBreakpoint !== this.currentBreakpoint) {
+            this.currentBreakpoint = newBreakpoint; // Update property
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setLanguage();
+        window.addEventListener('resize', this._resizeListener); // Add listener
+        if (!this.dateFormat) {
+            const userSettings = localStorage.getItem('userSettings');
+            const storedFormat = userSettings
+                ? JSON.parse(userSettings)?.state?.dateFormat
+                : undefined;
+            this.dateFormat = storedFormat;
+        }
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this._resizeListener); // Remove listener
+        super.disconnectedCallback();
+    }
+    setLanguage() {
+        const lang = this.userLang || localStorage.getItem('userLang');
+        if (lang) {
+            setLocale(lang);
+        }
+    }
+    render() {
+        if (this.hideTabWhen)
+            return null;
+        return html `
+            ${this.titleLabel
+            ? html `
+                      <div class="section-header">
+                          ${this.titleIcon
+                ? html `<lit-icon size="16px" icon="${this.titleIcon}"></lit-icon>`
+                : ''}
+                          <div class="section-title">${this.titleLabel}</div>
+                      </div>
+                  `
+            : ''}
+            <div class="section-tab">
+                ${this.isLoading
+            ? html `<div class="loader-container"><div class="loader"></div></div>`
+            : html `
+                          ${this.rows.map((row) => html `
+                                  <div class="grid-container">
+                                      ${row.map((cell) => {
+                const breakpointIndex = this.BREAKPOINTS.indexOf(this.currentBreakpoint);
+                const spanSize = this.BREAKPOINTS.slice(0, breakpointIndex + 1)
+                    .reverse()
+                    .map((bp) => cell?.size?.[bp])
+                    .find((size) => size !== undefined) ?? 2;
+                const classes = `cell--span${spanSize} cell`;
+                return html `
+                                              <div
+                                                  class="${classes}"
+                                                  style="${styleMap((cell?.cellStyle ||
+                    {}))}"
+                                              >
+                                                  ${cell?.type === 'button'
+                    ? this.getCellButton(cell)
+                    : cell.type === 'link'
+                        ? this.getCellLink(cell)
+                        : cell.type === 'date'
+                            ? this.getCellDate(cell)
+                            : this.getCellValue(cell)}
+                                              </div>
+                                          `;
+            })}
+                                  </div>
+                              `)}
+                      `}
+            </div>
+        `;
+    }
+};
+LitCaseVariablesTab.styles = [
+    // styles,
+    css `
+            :host {
+                font-family: 'Inter', sans-serif;
+            }
+            .section-tab {
+                background: var(--background-paper, #ffffff);
+                border-radius: 0.75rem;
+                padding: var(--section-padding, 0.75rem 1rem);
+                box-sizing: border-box;
+                display: grid;
+                gap: 0.5rem;
+                width: 100%;
+            }
+
+            .section-header {
+                display: flex;
+                align-items: center;
+                padding: 0.625rem 1rem 0.625rem 1rem;
+                text-transform: uppercase;
+            }
+
+            .section-title {
+                font-size: 0.6875rem;
+                color: var(--text-secondary, #5d6371);
+                font-weight: 600 !important;
+                margin-left: 0.5rem;
+            }
+
+            .grid-container {
+                display: grid;
+                justify-content: start;
+                align-items: start;
+                gap: 0.5rem;
+            }
+
+            .process-data-heading {
+                font-size: 0.75rem;
+                color: var(--text-secondary, #5d6371);
+                font-weight: 400 !important;
+            }
+
+            .process-data-value {
+                font-size: 0.8125rem;
+                color: var(--text-primary, #111827);
+                margin: 0;
+                padding-top: 0.3125rem;
+                font-weight: 500 !important;
+            }
+
+            .status {
+                color: var(--color-primary-main, #76b703);
+            }
+
+            .link {
+                font-size: 0.8125rem;
+                text-decoration: none;
+                color: inherit;
+                border-bottom: 0.0625rem solid var(--color-primary-main, #76b703);
+            }
+
+            .cell {
+                padding: 5px;
+                border-radius: 8px;
+            }
+            .link:hover {
+                color: var(--color-primary-main, #76b703);
+            }
+
+            .cell--span1 {
+                grid-column: span 1 / span 1;
+            }
+            .cell--span2 {
+                grid-column: span 2 / span 2;
+            }
+            .cell--span3 {
+                grid-column: span 3 / span 3;
+            }
+            .cell--span4 {
+                grid-column: span 4 / span 4;
+            }
+
+            /* Loader */
+            .loader-container {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                background: rgba(255, 255, 255, 0.8);
+                border-radius: 0.75rem;
+            }
+
+            .loader {
+                width: 40px;
+                height: 40px;
+                border: 4px solid #ccc;
+                border-top: 4px solid var(--color-primary-main, #76b703);
+                border-radius: 50%;
+                animation: spin 1s linear infinite;
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            }
+
+            /* Responzívne nastavenie počtu stĺpcov */
+            @media (min-width: 0px) {
+                .grid-container {
+                    grid-template-columns: repeat(4, minmax(0, 1fr)); /* xs */
+                }
+            }
+
+            @media (min-width: var(--breakpoint-sm, 600px)) {
+                .grid-container {
+                    grid-template-columns: repeat(4, minmax(0, 1fr)); /* sm */
+                }
+            }
+
+            @media (min-width: var(--breakpoint-md, 960px)) {
+                .grid-container {
+                    grid-template-columns: repeat(4, minmax(0, 1fr)); /* md */
+                }
+            }
+
+            @media (min-width: var(--breakpoint-lg, 1280px)) {
+                .grid-container {
+                    grid-template-columns: repeat(4, minmax(0, 1fr)); /* lg */
+                }
+            }
+
+            @media (min-width: var(--breakpoint-xl, 1536px)) {
+                .grid-container {
+                    grid-template-columns: repeat(auto-fill, minmax(0, 1fr));
+                }
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitCaseVariablesTab.prototype, "titleLabel", void 0);
+__decorate([
+    property({ type: String })
+], LitCaseVariablesTab.prototype, "titleIcon", void 0);
+__decorate([
+    property({ type: Array })
+], LitCaseVariablesTab.prototype, "rows", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitCaseVariablesTab.prototype, "hideTabWhen", void 0);
+__decorate([
+    property({ type: Array })
+], LitCaseVariablesTab.prototype, "data", void 0);
+__decorate([
+    property({ type: String })
+], LitCaseVariablesTab.prototype, "userLang", void 0);
+__decorate([
+    property({ type: String })
+], LitCaseVariablesTab.prototype, "dateFormat", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitCaseVariablesTab.prototype, "isLoading", void 0);
+__decorate([
+    state()
+], LitCaseVariablesTab.prototype, "currentBreakpoint", void 0);
+LitCaseVariablesTab = __decorate([
+    customElement('lit-case-variables-tab')
+], LitCaseVariablesTab);
+export { LitCaseVariablesTab };
+//# sourceMappingURL=lit-case-variables-tab.js.map

package/dist/components/lit-case-variables-tab.js.map

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

package/dist/components/lit-data-grid-tanstack.d.ts

@@ -0,0 +1,119 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../shared/filter-inputs.js';
+import '../shared/lit-icon.js';
+import '../shared/lit-icon-button.js';
+import '../shared/lit-button.js';
+import '../shared/lit-responsive-button.js';
+import '../shared/lit-tooltip.js';
+import '../shared/lit-data-grid-export-popover.js';
+import '../shared/lit-data-grid-action-buttons-popover.js';
+import '../assets/ilustration/not-found.js';
+import '../shared/lit-overflow-tooltip.js';
+export type DateFormats = null | 'dd.MM.yyyy' | 'd.M.yyyy' | 'dd/MM/yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
+export type Column = {
+    field: string;
+    type: 'string' | 'number' | 'date' | 'range' | 'select';
+    headerName: string;
+    columnAggregation?: 'sum' | 'median' | 'min' | 'max';
+    enableGrouping?: boolean;
+    enableFilter?: boolean;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    cellStyle?: (cell: any) => {
+        [key: string]: string | number;
+    };
+    cell?: (cell: any, html: any) => any;
+    accessorFn?: (originalRow: any, index: number) => any;
+};
+export type DataGridTanstackProps = {
+    row?: any[];
+    columns: Column[];
+    columnDefaultSize?: number;
+    columnDefaultMinSize?: number;
+    columnDefaultMaxSize?: number;
+    columnGroupedColor?: string;
+    rowAggregationColor?: string;
+    enableRowVirtualization?: boolean;
+    enableColumnVirtualization?: boolean;
+    enableColumnPinning?: boolean;
+    exportData?: boolean;
+    id?: string;
+    initialGroups?: string[];
+    initialSorting?: any[];
+    initialColumnVisibility?: {
+        [key: string]: boolean;
+    };
+    requestUrl?: string;
+    leftPinnedColumns?: string[];
+    rightPinnedColumns?: string[];
+    enableFiltering?: boolean;
+    enableGrouping?: boolean;
+    userLang?: string;
+    dateFormat?: DateFormats;
+    actionButtonsInMenu?: boolean;
+    isLoading?: boolean;
+};
+export declare class LitDataGridTanstack extends LitElement {
+    row?: any[];
+    columns: Column[];
+    columnDefaultSize?: number;
+    columnDefaultMinSize?: number;
+    columnDefaultMaxSize?: number;
+    columnGroupedColor?: string;
+    rowAggregationColor?: string;
+    enableRowVirtualization?: boolean;
+    enableColumnVirtualization?: boolean;
+    enableColumnPinning?: boolean;
+    enableGrouping?: boolean;
+    exportData?: boolean;
+    actionButtonsInMenu?: boolean;
+    id: string;
+    initialGroups?: string[];
+    initialSorting?: never[] | undefined;
+    initialColumnVisibility?: {
+        [key: string]: boolean;
+    };
+    requestUrl?: string;
+    leftPinnedColumns?: string[];
+    rightPinnedColumns?: string[];
+    enableFiltering?: boolean;
+    userLang?: string;
+    dateFormat?: DateFormats;
+    isLoading: boolean;
+    rowsCount: any;
+    private isScrollable;
+    private disableScrollLeft;
+    private disableScrollRight;
+    private tableController;
+    private tableContainerRef;
+    private rowVirtualizerController;
+    private columnVirtualizerController;
+    private table;
+    private scrollInterval;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initRowVirtualizer;
+    private initColumnVirtualizer;
+    setLanguage(): void;
+    updated(changedProperties: any): void;
+    private getTanstackColumns;
+    getCellBackgroundColor: (cell: any) => string;
+    private getCommonPinningStyles;
+    private togglePin;
+    private exportDataToCsv;
+    private exportDataToExcel;
+    private getAllRowsIncludingGrouped;
+    firstUpdated(): void;
+    private updateScrollState;
+    private startScroll;
+    private stopScroll;
+    static styles: import("lit").CSSResult[];
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-data-grid-tanstack': LitDataGridTanstack;
+    }
+}
+//# sourceMappingURL=lit-data-grid-tanstack.d.ts.map

package/dist/components/lit-data-grid-tanstack.d.ts.map

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