@bit.rhplus/ui.grid 0.0.2

package/AgGridColumns.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import ColumnBuilder from './ColumnBuilder';
+import * as Tooltip from './tooltips';
+
+export const tooltipEnums = {
+  User: 'User'  
+}
+
+/* eslint-disable no-param-reassign */
+export const AgGridColumn = (column) => {
+  const [tooltipComponent, setTooltipComponent] = React.useState(null);
+
+  const InvokeTooltip = (contentTooltip) => {
+    switch (contentTooltip) {
+      case tooltipEnums.User:
+        return Tooltip.User;
+      default:
+        throw Error("Cannot find tooltip component");
+    }
+  }
+
+  React.useEffect(() => {
+    const loadComponent = async () => {
+      if (column.contentTooltip) {
+        try {
+          const module = InvokeTooltip(column.contentTooltip);
+          setTooltipComponent(() => module); // Nastavení komponenty
+        } catch (error) {
+          console.error('Chyba při načítání tooltip komponenty2:', error);
+        }
+      }
+    };
+  
+    loadComponent();
+  }, [column.contentTooltip]);
+
+  React.useEffect(() => {
+    if (tooltipComponent) {
+      column.tooltipComponent = tooltipComponent; // Přiřazení komponenty
+    }
+  }, [tooltipComponent, column]);
+
+  return column;
+};
+
+export const AgGridColumns = (columnDefs, options) => {
+  if (!columnDefs) return [];
+
+  const resolvedColumnDefs = columnDefs instanceof ColumnBuilder && typeof columnDefs.build === 'function'
+    ? columnDefs.build()
+    : columnDefs;
+
+  const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
+  return cols;
+};

package/ColumnBuilder.jsx

@@ -0,0 +1,57 @@
+class ColumnBuilder {
+  constructor() {
+    this.columns = [];
+  }
+
+  addTextColumnWithObject({headerName, field, width}) {
+    return this.addTextColumn(headerName, field, width);
+  }
+
+  addTextColumn(headerName, field, width = 150) {
+    this.columns.push({ headerName, field, width });
+    return this;
+  }
+
+  addValueGetterColumn(headerName, valueGetter, width) {
+    this.columns.push({headerName, valueGetter, width});
+    return this;
+  }
+
+  addNumberColumnWithObject({headerName, field, width}) {
+    return this.addNumberColumn(headerName, field, width);
+  }
+
+  addNumberColumn(headerName, field, width = 150) {
+    this.columns.push({ headerName, field, width });
+    return this;
+  }
+
+  addDateColumnWithObject({headerName, field, width}) {
+    return this.addDateColumn(headerName, field, width);
+  }
+
+  addDateColumn(headerName, field, width = 150) {
+    this.columns.push({ headerName, field, width });
+    return this; 
+  }
+  
+  addObjectColumnWithObject({headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay}) {
+    return this.addObjectColumn(headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay)
+  }
+
+  addObjectColumn(headerName, field, width = 150, contentTooltip, tooltipField, tooltipInteraction = true, tooltipShowDelay = 100) {    
+    this.columns.push({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay})
+    return this;
+  }
+
+  addColumn(params) {
+    this.columns.push(params);
+    return this;
+  }
+
+  build() {
+    return this.columns;
+  }
+}
+
+export default ColumnBuilder;

package/dist/AgGridColumns.d.ts

@@ -0,0 +1,5 @@
+export namespace tooltipEnums {
+    let User: string;
+}
+export function AgGridColumn(column: any): any;
+export function AgGridColumns(columnDefs: any, options: any): any;

package/dist/AgGridColumns.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import ColumnBuilder from './ColumnBuilder';
+import * as Tooltip from './tooltips';
+export const tooltipEnums = {
+    User: 'User'
+};
+/* eslint-disable no-param-reassign */
+export const AgGridColumn = (column) => {
+    const [tooltipComponent, setTooltipComponent] = React.useState(null);
+    const InvokeTooltip = (contentTooltip) => {
+        switch (contentTooltip) {
+            case tooltipEnums.User:
+                return Tooltip.User;
+            default:
+                throw Error("Cannot find tooltip component");
+        }
+    };
+    React.useEffect(() => {
+        const loadComponent = async () => {
+            if (column.contentTooltip) {
+                try {
+                    const module = InvokeTooltip(column.contentTooltip);
+                    setTooltipComponent(() => module); // Nastavení komponenty
+                }
+                catch (error) {
+                    console.error('Chyba při načítání tooltip komponenty2:', error);
+                }
+            }
+        };
+        loadComponent();
+    }, [column.contentTooltip]);
+    React.useEffect(() => {
+        if (tooltipComponent) {
+            column.tooltipComponent = tooltipComponent; // Přiřazení komponenty
+        }
+    }, [tooltipComponent, column]);
+    return column;
+};
+export const AgGridColumns = (columnDefs, options) => {
+    if (!columnDefs)
+        return [];
+    const resolvedColumnDefs = columnDefs instanceof ColumnBuilder && typeof columnDefs.build === 'function'
+        ? columnDefs.build()
+        : columnDefs;
+    const cols = resolvedColumnDefs && resolvedColumnDefs.map((column) => AgGridColumn(column, options));
+    return cols;
+};
+//# sourceMappingURL=AgGridColumns.js.map

package/dist/AgGridColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgGridColumns.js","sourceRoot":"","sources":["../AgGridColumns.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,MAAM;CACb,CAAA;AAED,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,aAAa,GAAG,CAAC,cAAc,EAAE,EAAE;QACvC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,OAAO,CAAC,IAAI,CAAC;YACtB;gBACE,MAAM,KAAK,CAAC,+BAA+B,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,IAAI,CAAC;oBACH,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;oBACpD,mBAAmB,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAuB;gBAC5D,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,CAAC,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,uBAAuB;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACnD,IAAI,CAAC,UAAU;QAAE,OAAO,EAAE,CAAC;IAE3B,MAAM,kBAAkB,GAAG,UAAU,YAAY,aAAa,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU;QACtG,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE;QACpB,CAAC,CAAC,UAAU,CAAC;IAEf,MAAM,IAAI,GAAG,kBAAkB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrG,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/ColumnBuilder.d.ts

@@ -0,0 +1,35 @@
+export default ColumnBuilder;
+declare class ColumnBuilder {
+    columns: any[];
+    addTextColumnWithObject({ headerName, field, width }: {
+        headerName: any;
+        field: any;
+        width: any;
+    }): this;
+    addTextColumn(headerName: any, field: any, width?: number): this;
+    addValueGetterColumn(headerName: any, valueGetter: any, width: any): this;
+    addNumberColumnWithObject({ headerName, field, width }: {
+        headerName: any;
+        field: any;
+        width: any;
+    }): this;
+    addNumberColumn(headerName: any, field: any, width?: number): this;
+    addDateColumnWithObject({ headerName, field, width }: {
+        headerName: any;
+        field: any;
+        width: any;
+    }): this;
+    addDateColumn(headerName: any, field: any, width?: number): this;
+    addObjectColumnWithObject({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay }: {
+        headerName: any;
+        field: any;
+        width: any;
+        contentTooltip: any;
+        tooltipField: any;
+        tooltipInteraction: any;
+        tooltipShowDelay: any;
+    }): this;
+    addObjectColumn(headerName: any, field: any, width: number | undefined, contentTooltip: any, tooltipField: any, tooltipInteraction?: boolean, tooltipShowDelay?: number): this;
+    addColumn(params: any): this;
+    build(): any[];
+}

package/dist/ColumnBuilder.js

@@ -0,0 +1,46 @@
+class ColumnBuilder {
+    constructor() {
+        this.columns = [];
+    }
+    addTextColumnWithObject({ headerName, field, width }) {
+        return this.addTextColumn(headerName, field, width);
+    }
+    addTextColumn(headerName, field, width = 150) {
+        this.columns.push({ headerName, field, width });
+        return this;
+    }
+    addValueGetterColumn(headerName, valueGetter, width) {
+        this.columns.push({ headerName, valueGetter, width });
+        return this;
+    }
+    addNumberColumnWithObject({ headerName, field, width }) {
+        return this.addNumberColumn(headerName, field, width);
+    }
+    addNumberColumn(headerName, field, width = 150) {
+        this.columns.push({ headerName, field, width });
+        return this;
+    }
+    addDateColumnWithObject({ headerName, field, width }) {
+        return this.addDateColumn(headerName, field, width);
+    }
+    addDateColumn(headerName, field, width = 150) {
+        this.columns.push({ headerName, field, width });
+        return this;
+    }
+    addObjectColumnWithObject({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay }) {
+        return this.addObjectColumn(headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay);
+    }
+    addObjectColumn(headerName, field, width = 150, contentTooltip, tooltipField, tooltipInteraction = true, tooltipShowDelay = 100) {
+        this.columns.push({ headerName, field, width, contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay });
+        return this;
+    }
+    addColumn(params) {
+        this.columns.push(params);
+        return this;
+    }
+    build() {
+        return this.columns;
+    }
+}
+export default ColumnBuilder;
+//# sourceMappingURL=ColumnBuilder.js.map

package/dist/ColumnBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":"AAAA,MAAM,aAAa;IACjB;QACE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,uBAAuB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAChD,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK;QACjD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAClD,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IAED,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC5C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,uBAAuB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC;QAChD,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,aAAa,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG;QAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,yBAAyB,CAAC,EAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAC;QACtH,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAA;IAC3H,CAAC;IAED,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,GAAG,IAAI,EAAE,gBAAgB,GAAG,GAAG;QAC7H,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAC,CAAC,CAAA;QAClH,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,MAAM;QACd,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/dist/enums.d.ts

@@ -0,0 +1,3 @@
+export namespace contentTooltipsEnum {
+    let User: string;
+}

package/dist/enums.js

@@ -0,0 +1,4 @@
+export const contentTooltipsEnum = {
+    User: 'User'
+};
+//# sourceMappingURL=enums.js.map

package/dist/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../enums.js"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,MAAM;CACb,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export default Grid;
+export * from "./enums";
+export { default as ColumnBuilder } from "./ColumnBuilder";
+declare function Grid(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import AgGrid from '@rhplus/wieldy.ag-grid';
+import classnames from 'classnames';
+import { AgGridColumns } from './AgGridColumns';
+const Grid = props => {
+    const gridRef = React.useRef(null);
+    const { appearance = 'ag-theme-alpine', columnDefs, height = '100%' } = props;
+    return (_jsx("div", { className: classnames(appearance), style: { height }, children: _jsx(AgGrid, { context: {
+                componentParent: this
+            }, getRowId: params => params.data.id, defaultColDef: {
+                enableCellChangeFlash: true
+            }, ...props, ref: gridRef, columnDefs: AgGridColumns(columnDefs, props) }) }));
+};
+export default Grid;
+export * from './enums';
+export { default as ColumnBuilder } from './ColumnBuilder';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IACnB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,EACJ,UAAU,GAAG,iBAAiB,EAC9B,UAAU,EACV,MAAM,GAAG,MAAM,EAChB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,YAEjB,KAAC,MAAM,IACL,OAAO,EAAE;gBACP,eAAe,EAAE,IAAI;aACtB,EACD,QAAQ,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAClC,aAAa,EAAE;gBACb,qBAAqB,EAAE,IAAI;aAC5B,KACG,KAAK,EACT,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,GAC5C,GACE,CACP,CAAC;AACJ,CAAC,CAAA;AAGD,eAAe,IAAI,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/preview-1727864330318.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/tooltips/ContentTooltip.d.ts

@@ -0,0 +1,5 @@
+export default ContentTooltip;
+declare function ContentTooltip({ value, map }: {
+    value: any;
+    map: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/tooltips/ContentTooltip.js

@@ -0,0 +1,20 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import './style.css';
+const ContentTooltip = ({ value, map }) => {
+    const createMappedArray = (val, mp) => {
+        return Object.keys(val)
+            .filter((key) => Object.prototype.hasOwnProperty.call(mp, key)) // Filtruje klíče, které nejsou v map
+            .map((key) => {
+            return {
+                mapValue: mp[key], // hodnota z objektu map
+                value: val[key] || 'N/A' // hodnota z objektu value, nebo N/A pokud není dostupná
+            };
+        });
+    };
+    // Volání funkce a uložení výsledku do proměnné
+    const mappedArray = createMappedArray(value, map);
+    return (_jsx("div", { className: "content-tooltip", children: _jsx("div", { children: _jsx("table", { children: _jsx("tbody", { children: mappedArray.map((item, index) => (_jsxs("tr", { children: [_jsx("td", { children: _jsxs("b", { children: [item.mapValue, ":"] }) }), " ", _jsx("td", { children: item.value }), "    "] }, index))) }) }) }) }));
+};
+export default ContentTooltip;
+//# sourceMappingURL=ContentTooltip.js.map

package/dist/tooltips/ContentTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTooltip.js","sourceRoot":"","sources":["../../tooltips/ContentTooltip.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,aAAa,CAAC;AAErB,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;IAExC,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;aACpB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,qCAAqC;aACpG,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACX,OAAO;gBACL,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC,EAAG,wBAAwB;gBAC5C,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAK,wDAAwD;aACtF,CAAC;QACJ,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,+CAA+C;IAC/C,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,wBACE,0BACE,0BACC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,yBACE,uBAAI,wBAAI,IAAI,CAAC,QAAQ,SAAM,GAAK,OAChC,uBAAK,IAAI,CAAC,KAAK,GAAM,aAFd,KAAK,CAGT,CACN,CAAC,GACI,GACF,GACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/tooltips/User.d.ts

@@ -0,0 +1,2 @@
+export default User;
+declare function User(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/tooltips/User.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import ContentTooltip from './ContentTooltip';
+import './style.css';
+const map = {
+    userName: 'Uživatel',
+    firstName: 'Jméno',
+    surName: 'Příjmení',
+    email: 'Email',
+    key: 'Klíč',
+};
+const User = props => {
+    const { value } = props;
+    return (_jsx(ContentTooltip, { value: value, map: map }));
+};
+export default User;
+//# sourceMappingURL=User.js.map

package/dist/tooltips/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","sourceRoot":"","sources":["../../tooltips/User.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,CAAC;AAErB,MAAM,GAAG,GAAG;IACV,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,MAAM;CACZ,CAAA;AAED,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IACnB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC;IACtB,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/tooltips/index.d.ts

@@ -0,0 +1 @@
+export { default as User } from "./User";

package/dist/tooltips/index.js

@@ -0,0 +1,2 @@
+export { default as User } from './User';
+//# sourceMappingURL=index.js.map

package/dist/tooltips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tooltips/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,QAAQ,CAAC"}

package/dist/tooltips/style.css

@@ -0,0 +1,9 @@
+
+.content-tooltip {
+  background-color: white;
+  padding: 20px;
+}
+
+.content-tooltip td {
+  white-space: nowrap;
+}

package/enums.js

@@ -0,0 +1,4 @@
+
+export const contentTooltipsEnum = {
+  User: 'User'
+}

package/index.jsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import AgGrid from '@rhplus/wieldy.ag-grid';
+import classnames from 'classnames';
+import { AgGridColumns } from './AgGridColumns';
+
+const Grid = props => {
+  const gridRef = React.useRef(null);
+  const {
+    appearance = 'ag-theme-alpine',
+    columnDefs,
+    height = '100%'
+  } = props;
+
+  return (
+    <div className={classnames(appearance)}
+      style={{ height }}
+    >
+      <AgGrid
+        context={{
+          componentParent: this
+        }}
+        getRowId={params => params.data.id}
+        defaultColDef={{  
+          enableCellChangeFlash: true
+        }}
+        {...props}
+        ref={gridRef}
+        columnDefs={AgGridColumns(columnDefs, props)}
+      />
+    </div>
+  );
+}
+
+
+export default Grid;
+export * from './enums';
+export { default as ColumnBuilder } from './ColumnBuilder';

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@bit.rhplus/ui.grid",
+  "version": "0.0.2",
+  "homepage": "https://bit.cloud/remote-scope/ui/grid",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "remote-scope",
+    "name": "ui/grid",
+    "version": "0.0.2"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "@rhplus/wieldy.ag-grid": "0.0.18"
+  },
+  "devDependencies": {
+    "@teambit/react.react-env": "1.0.98"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "license": "SEE LICENSE IN UNLICENSED",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "publishConfig": {
+    "scope": "@bit.rhplus",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/tooltips/ContentTooltip.jsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import './style.css';
+
+const ContentTooltip = ({ value, map }) => {
+
+  const createMappedArray = (val, mp) => {
+    return Object.keys(val)
+      .filter((key) => Object.prototype.hasOwnProperty.call(mp, key)) // Filtruje klíče, které nejsou v map
+      .map((key) => {
+        return {
+          mapValue: mp[key],  // hodnota z objektu map
+          value: val[key] || 'N/A'     // hodnota z objektu value, nebo N/A pokud není dostupná
+        };
+      });
+  };
+
+  // Volání funkce a uložení výsledku do proměnné
+  const mappedArray = createMappedArray(value, map);
+
+  return (
+    <div className="content-tooltip">
+      <div>
+        <table>
+          <tbody>
+          {mappedArray.map((item, index) => (
+              <tr key={index}>
+                <td><b>{item.mapValue}:</b></td> {/* hodnota z map */} 
+                <td>{item.value}</td>    {/* hodnota z value */} 
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+};
+
+export default ContentTooltip;

package/tooltips/User.jsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import ContentTooltip from './ContentTooltip';
+import './style.css';
+
+const map = {
+  userName: 'Uživatel',
+  firstName: 'Jméno',
+  surName: 'Příjmení',
+  email: 'Email',
+  key: 'Klíč',
+}
+
+const User = props => {
+  const {value} = props;
+  return (
+    <ContentTooltip value={value} map={map} />
+  );
+};
+
+export default User;

package/tooltips/index.jsx

@@ -0,0 +1 @@
+export {default as User} from './User';

package/tooltips/style.css

@@ -0,0 +1,9 @@
+
+.content-tooltip {
+  background-color: white;
+  padding: 20px;
+}
+
+.content-tooltip td {
+  white-space: nowrap;
+}

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}