@luzmo/analytics-components-kit 1.0.1-alpha.38 → 1.0.1-alpha.39

package/custom-elements.json

@@ -5414,6 +5414,497 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/grid/actions.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "generateActionsMenu",
+          "return": {
+            "type": {
+              "text": "ActionGroup[] | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "data",
+              "optional": true,
+              "type": {
+                "text": "InputActionGroup[]"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "defaultActionsMenu",
+          "return": {
+            "type": {
+              "text": "ActionGroup[]"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "generateActionsMenu",
+          "declaration": {
+            "name": "generateActionsMenu",
+            "module": "src/components/grid/actions.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultActionsMenu",
+          "declaration": {
+            "name": "defaultActionsMenu",
+            "module": "src/components/grid/actions.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/grid/grid-item-actions-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoGridItemActionsMenu",
+          "members": [
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The preferred placement of the menu",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ActionGroup[]"
+              },
+              "description": "The Actions to display in the menu",
+              "attribute": "actions"
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to display the actions in",
+              "attribute": "language"
+            }
+          ],
+          "events": [
+            {
+              "name": "action",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "placement",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The preferred placement of the menu",
+              "fieldName": "placement"
+            },
+            {
+              "name": "actions",
+              "type": {
+                "text": "ActionGroup[]"
+              },
+              "description": "The Actions to display in the menu",
+              "fieldName": "actions"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to display the actions in",
+              "fieldName": "language"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoElement",
+            "package": "@luzmo/lucero/utils"
+          },
+          "tagName": "luzmo-grid-item-actions-menu",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoGridItemActionsMenu",
+          "declaration": {
+            "name": "LuzmoGridItemActionsMenu",
+            "module": "src/components/grid/grid-item-actions-menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/grid/grid.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LuzmoGrid",
+          "members": [
+            {
+              "kind": "field",
+              "name": "appServer",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://app.luzmo.com/'",
+              "description": "The URL of the app server",
+              "attribute": "app-server",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "apiHost",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://api.luzmo.com'",
+              "description": "The API Host of the databroker",
+              "attribute": "api-host",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "authKey",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The auth key of the databroker",
+              "attribute": "auth-key",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "authToken",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The auth token of the databroker",
+              "attribute": "auth-token",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "cacheTime",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The cache time of the databroker",
+              "default": "30000",
+              "attribute": "cache-time",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language of the settings interface",
+              "attribute": "language",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "contentLanguage",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to use for locale-aware formatting and labels",
+              "attribute": "content-language",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "number"
+              },
+              "default": "48",
+              "description": "The number of columns in the grid.",
+              "attribute": "columns",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rowHeight",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "The height of each row in pixels in the grid.",
+              "attribute": "row-height",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "viewMode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the grid is in view mode. When true, dragging, resizing and action buttons are disabled.",
+              "attribute": "view-mode",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placementItemActionsMenu",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The placement of the item actions menu.",
+              "attribute": "placement-item-actions-menu",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultItemActionsMenu",
+              "type": {
+                "text": "InputActionGroup[]"
+              },
+              "default": "[]",
+              "description": "The default item actions menu.",
+              "attribute": "default-item-actions-menu",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "Grid options configuration",
+              "attribute": "theme",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "GridItemData[]"
+              },
+              "default": "[]",
+              "description": "Items to add to the grid",
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "renderers",
+              "type": {
+                "text": "Record<string, GridItemRenderer>"
+              },
+              "default": "{}",
+              "description": "Custom renderers for different item types",
+              "attribute": "renderers"
+            }
+          ],
+          "events": [
+            {
+              "name": "grid-changed",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the grid is changed"
+            },
+            {
+              "name": "grid-ready",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the grid is ready"
+            },
+            {
+              "description": "Fired when an item action is performed",
+              "name": "grid-item-action"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "app-server",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://app.luzmo.com/'",
+              "description": "The URL of the app server",
+              "fieldName": "appServer"
+            },
+            {
+              "name": "api-host",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "'https://api.luzmo.com'",
+              "description": "The API Host of the databroker",
+              "fieldName": "apiHost"
+            },
+            {
+              "name": "auth-key",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The auth key of the databroker",
+              "fieldName": "authKey"
+            },
+            {
+              "name": "auth-token",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The auth token of the databroker",
+              "fieldName": "authToken"
+            },
+            {
+              "name": "cache-time",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The cache time of the databroker",
+              "default": "30000",
+              "fieldName": "cacheTime"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language of the settings interface",
+              "fieldName": "language"
+            },
+            {
+              "name": "content-language",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "The language to use for locale-aware formatting and labels",
+              "fieldName": "contentLanguage"
+            },
+            {
+              "name": "columns",
+              "type": {
+                "text": "number"
+              },
+              "default": "48",
+              "description": "The number of columns in the grid.",
+              "fieldName": "columns"
+            },
+            {
+              "name": "row-height",
+              "type": {
+                "text": "number"
+              },
+              "default": "16",
+              "description": "The height of each row in pixels in the grid.",
+              "fieldName": "rowHeight"
+            },
+            {
+              "name": "view-mode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the grid is in view mode. When true, dragging, resizing and action buttons are disabled.",
+              "fieldName": "viewMode"
+            },
+            {
+              "name": "placement-item-actions-menu",
+              "type": {
+                "text": "Placement"
+              },
+              "default": "'right-start'",
+              "description": "The placement of the item actions menu.",
+              "fieldName": "placementItemActionsMenu"
+            },
+            {
+              "name": "default-item-actions-menu",
+              "type": {
+                "text": "InputActionGroup[]"
+              },
+              "default": "[]",
+              "description": "The default item actions menu.",
+              "fieldName": "defaultItemActionsMenu"
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "description": "Grid options configuration",
+              "fieldName": "theme"
+            },
+            {
+              "name": "items",
+              "type": {
+                "text": "GridItemData[]"
+              },
+              "default": "[]",
+              "description": "Items to add to the grid",
+              "fieldName": "items"
+            },
+            {
+              "name": "renderers",
+              "type": {
+                "text": "Record<string, GridItemRenderer>"
+              },
+              "default": "{}",
+              "description": "Custom renderers for different item types",
+              "fieldName": "renderers"
+            }
+          ],
+          "superclass": {
+            "name": "LuzmoElement",
+            "package": "@luzmo/lucero/utils"
+          },
+          "tagName": "luzmo-grid",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LuzmoGrid",
+          "declaration": {
+            "name": "LuzmoGrid",
+            "module": "src/components/grid/grid.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/slot-menu/slot-menu.ts",

package/index.d.ts

@@ -27,6 +27,7 @@ export * from './components/filter-value-picker';
 export * from './components/filter-value-picker-datetime';
 export * from './components/filter-value-picker-hierarchy';
 export * from './components/filter-value-picker-numeric';
+export * from './components/grid';
 export * from './components/slot-menu';
 export * from './components/slot-menu-list';
 export * from './item-definitions/item-list';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.38",
+  "version": "1.0.1-alpha.39",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -166,6 +166,11 @@
       "import": "./components/filter-value-picker-numeric/index.js",
       "require": "./components/filter-value-picker-numeric/index.cjs"
     },
+    "./grid": {
+      "types": "./components/grid/index.d.ts",
+      "import": "./components/grid/index.js",
+      "require": "./components/grid/index.cjs"
+    },
     "./slot-menu": {
       "types": "./components/slot-menu/index.d.ts",
       "import": "./components/slot-menu/index.js",

package/utils/filters/expressions.d.ts

@@ -1,4 +1,4 @@
-import { ColumnSubtype, ColumnType } from '../types/column.types';
+import { ColumnSubtype, ColumnType } from '@luzmo/dashboard-contents-types';
 export type FilterExpressionConfiguration = {
     id: string;
     key: FilterExpressionKey;

package/utils/themes/bliss.d.ts

@@ -0,0 +1,43 @@
+export declare const blissTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+    editModeBackground: string;
+};

package/utils/themes/classic-dark.d.ts

@@ -0,0 +1,34 @@
+export declare const classicDarkTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {};
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};

package/utils/themes/classic.d.ts

@@ -0,0 +1,43 @@
+export declare const classicTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+    editModeBackground: string;
+};