@luzmo/analytics-components-kit 1.0.3 → 1.0.4-beta.1

package/react/esm/components/filter-expression-picker.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterExpressionPicker as LuzmoFilterExpressionPickerClass } from '@luzmo/analytics-components-kit/filter-expression-picker';
+const LuzmoFilterExpressionPickerComponent = createComponent({
+    tagName: 'luzmo-filter-expression-picker',
+    elementClass: LuzmoFilterExpressionPickerClass,
+    react: React,
+    events: {
+        onLuzmoExpressionSelected: 'luzmo-expression-selected'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-expression-picker>
+ *
+ * @event onLuzmoExpressionSelected - Fired when the user selects a filter expression (operator); `detail.expression` holds the chosen expression.
+ */
+export const LuzmoFilterExpressionPicker = LuzmoFilterExpressionPickerComponent;

package/react/esm/components/filter-item.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterItem as LuzmoFilterItemClass } from '@luzmo/analytics-components-kit/filter-item';
+/**
+ * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
+ */
+export declare const LuzmoFilterItem: ReactWebComponent<LuzmoFilterItemClass, {
+    onLuzmoFilterChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterItem */
+export type LuzmoFilterItemElement = LuzmoFilterItemClass;

package/react/esm/components/filter-item.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterItem as LuzmoFilterItemClass } from '@luzmo/analytics-components-kit/filter-item';
+const LuzmoFilterItemComponent = createComponent({
+    tagName: 'luzmo-filter-item',
+    elementClass: LuzmoFilterItemClass,
+    react: React,
+    events: {
+        onLuzmoFilterChanged: 'luzmo-filter-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
+ */
+export const LuzmoFilterItem = LuzmoFilterItemComponent;

package/react/esm/components/filter-parameter-picker.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+/**
+ * React wrapper for <luzmo-filter-parameter-picker>
+ */
+export declare const LuzmoFilterParameterPicker: ReactWebComponent<LuzmoFilterParameterPickerClass>;
+/** The underlying custom element type for LuzmoFilterParameterPicker */
+export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerClass;

package/react/esm/components/filter-parameter-picker.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+const LuzmoFilterParameterPickerComponent = createComponent({
+    tagName: 'luzmo-filter-parameter-picker',
+    elementClass: LuzmoFilterParameterPickerClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-filter-parameter-picker>
+ */
+export const LuzmoFilterParameterPicker = LuzmoFilterParameterPickerComponent;

package/react/esm/components/filter-value-picker-datetime.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeClass } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
+/**
+ * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
+ */
+export declare const LuzmoFilterValuePickerDatetime: ReactWebComponent<LuzmoFilterValuePickerDatetimeClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerDatetime */
+export type LuzmoFilterValuePickerDatetimeElement = LuzmoFilterValuePickerDatetimeClass;

package/react/esm/components/filter-value-picker-datetime.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeClass } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
+const LuzmoFilterValuePickerDatetimeComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-datetime',
+    elementClass: LuzmoFilterValuePickerDatetimeClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
+ */
+export const LuzmoFilterValuePickerDatetime = LuzmoFilterValuePickerDatetimeComponent;

package/react/esm/components/filter-value-picker-hierarchy.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyClass } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
+/**
+ * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
+ */
+export declare const LuzmoFilterValuePickerHierarchy: ReactWebComponent<LuzmoFilterValuePickerHierarchyClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerHierarchy */
+export type LuzmoFilterValuePickerHierarchyElement = LuzmoFilterValuePickerHierarchyClass;

package/react/esm/components/filter-value-picker-hierarchy.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyClass } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
+const LuzmoFilterValuePickerHierarchyComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-hierarchy',
+    elementClass: LuzmoFilterValuePickerHierarchyClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
+ */
+export const LuzmoFilterValuePickerHierarchy = LuzmoFilterValuePickerHierarchyComponent;

package/react/esm/components/filter-value-picker-numeric.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerNumeric as LuzmoFilterValuePickerNumericClass } from '@luzmo/analytics-components-kit/filter-value-picker-numeric';
+/**
+ * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
+ */
+export declare const LuzmoFilterValuePickerNumeric: ReactWebComponent<LuzmoFilterValuePickerNumericClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerNumeric */
+export type LuzmoFilterValuePickerNumericElement = LuzmoFilterValuePickerNumericClass;

package/react/esm/components/filter-value-picker-numeric.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerNumeric as LuzmoFilterValuePickerNumericClass } from '@luzmo/analytics-components-kit/filter-value-picker-numeric';
+const LuzmoFilterValuePickerNumericComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-numeric',
+    elementClass: LuzmoFilterValuePickerNumericClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
+ */
+export const LuzmoFilterValuePickerNumeric = LuzmoFilterValuePickerNumericComponent;

package/react/esm/components/filter-value-picker.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePicker as LuzmoFilterValuePickerClass } from '@luzmo/analytics-components-kit/filter-value-picker';
+/**
+ * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
+ */
+export declare const LuzmoFilterValuePicker: ReactWebComponent<LuzmoFilterValuePickerClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePicker */
+export type LuzmoFilterValuePickerElement = LuzmoFilterValuePickerClass;

package/react/esm/components/filter-value-picker.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePicker as LuzmoFilterValuePickerClass } from '@luzmo/analytics-components-kit/filter-value-picker';
+const LuzmoFilterValuePickerComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker',
+    elementClass: LuzmoFilterValuePickerClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
+ */
+export const LuzmoFilterValuePicker = LuzmoFilterValuePickerComponent;

package/react/esm/components/formula-draggable-field/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/formula-draggable-field/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/formula-draggable-field/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Payload carried by a draggable field while it is being dragged. `kind` is a
+ * free-form, consumer-defined category and `value` identifies the dragged item.
+ */
+export interface FormulaDraggableFieldPayload {
+    kind: string;
+    value: string;
+}
+/**
+ * Detail of the `luzmo-formula-draggable-field-activate` event, fired when the
+ * field is activated (double-click or keyboard Enter / Space).
+ */
+export interface FormulaDraggableFieldActivateEventDetail {
+    kind: string;
+    value: string;
+}
+/**
+ * Detail of the `luzmo-formula-draggable-field-describe` event, fired when the
+ * field is highlighted for description (mouse enter or focus).
+ */
+export interface FormulaDraggableFieldDescribeEventDetail {
+    kind: string;
+    value: string;
+}

package/react/esm/components/formula-draggable-field/types.js

@@ -0,0 +1 @@
+export {};

package/react/esm/components/formula-editor.component.d.ts

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass, ValidityChangedEventDetail } from '@luzmo/analytics-components-kit/formula-editor';
+/**
+ * React wrapper for <luzmo-formula-editor>
+ *
+ * @event onLuzmoValidityChanged - Fired when expression validity changes.
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormulaEditor: ReactWebComponent<LuzmoFormulaEditorClass, {
+    onLuzmoValidityChanged: EventName<CustomEvent<ValidityChangedEventDetail>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormulaEditor */
+export type LuzmoFormulaEditorElement = LuzmoFormulaEditorClass;

package/react/esm/components/formula-editor.component.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass } from '@luzmo/analytics-components-kit/formula-editor';
+const LuzmoFormulaEditorComponent = createComponent({
+    tagName: 'luzmo-formula-editor',
+    elementClass: LuzmoFormulaEditorClass,
+    react: React,
+    events: {
+        onLuzmoValidityChanged: 'luzmo-validity-changed',
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula-editor>
+ *
+ * @event onLuzmoValidityChanged - Fired when expression validity changes.
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormulaEditor = LuzmoFormulaEditorComponent;

package/react/esm/components/formula-field.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormulaField: ReactWebComponent<LuzmoFormulaFieldClass, {
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormulaField */
+export type LuzmoFormulaFieldElement = LuzmoFormulaFieldClass;

package/react/esm/components/formula-field.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+const LuzmoFormulaFieldComponent = createComponent({
+    tagName: 'luzmo-formula-field',
+    elementClass: LuzmoFormulaFieldClass,
+    react: React,
+    events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormulaField = LuzmoFormulaFieldComponent;

package/react/esm/components/formula.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
+/**
+ * React wrapper for <luzmo-formula>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormula: ReactWebComponent<LuzmoFormulaClass, {
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormula */
+export type LuzmoFormulaElement = LuzmoFormulaClass;

package/react/esm/components/formula.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
+const LuzmoFormulaComponent = createComponent({
+    tagName: 'luzmo-formula',
+    elementClass: LuzmoFormulaClass,
+    react: React,
+    events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormula = LuzmoFormulaComponent;

package/react/esm/components/slot-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/slot-menu/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/slot-menu/types.d.ts

@@ -0,0 +1,24 @@
+import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { DatasetColumnMetadata } from '@utils/data-broker';
+import type { SlotContentsChangedEventDetail } from '../item-slot-drop/types';
+export interface MeasureColumnsItem {
+    datasetId: string;
+    datasetName: Record<string, string>;
+    columns: DatasetColumnMetadata[];
+}
+export interface SlotMenuActiveEventDetail {
+    datasetId: string;
+}
+export interface SlotMenuHighlightEventDetail {
+    datasetId: string;
+    level: number;
+    columnId?: string;
+    formulaId?: string;
+}
+export interface SlotContentChangedEventDetail {
+    slotContent: SlotContentsChangedEventDetail['slotContents'][number];
+}
+export interface SlotListChangedEventDetail {
+    slotContents: GenericSlotContent[];
+    activeIndex: number;
+}

package/react/esm/components/slot-menu/types.js

@@ -0,0 +1 @@
+export {};

package/react/esm/components/slot-menu-list.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSlotMenuList as LuzmoSlotMenuListClass, SlotListChangedEventDetail } from '@luzmo/analytics-components-kit/slot-menu-list';
+/**
+ * React wrapper for <luzmo-slot-menu-list>
+ *
+ * @event onLuzmoSlotListChanged - Emitted when the slot list changes
+ */
+export declare const LuzmoSlotMenuList: ReactWebComponent<LuzmoSlotMenuListClass, {
+    onLuzmoSlotListChanged: EventName<CustomEvent<SlotListChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoSlotMenuList */
+export type LuzmoSlotMenuListElement = LuzmoSlotMenuListClass;

package/react/esm/components/slot-menu-list.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSlotMenuList as LuzmoSlotMenuListClass } from '@luzmo/analytics-components-kit/slot-menu-list';
+const LuzmoSlotMenuListComponent = createComponent({
+    tagName: 'luzmo-slot-menu-list',
+    elementClass: LuzmoSlotMenuListClass,
+    react: React,
+    events: {
+        onLuzmoSlotListChanged: 'luzmo-slot-list-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-slot-menu-list>
+ *
+ * @event onLuzmoSlotListChanged - Emitted when the slot list changes
+ */
+export const LuzmoSlotMenuList = LuzmoSlotMenuListComponent;

package/react/esm/components/slot-menu.component.d.ts

@@ -0,0 +1,22 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSlotMenu as LuzmoSlotMenuClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/slot-menu';
+/**
+ * React wrapper for <luzmo-slot-menu>
+ *
+ * @event onLuzmoSlotContentsChanged - Emitted when the slot contents change
+ * @event onLuzmoClose - Emitted when the slot menu is closed
+ * @event onLuzmoSlotMenuActive - Emitted when the slot menu becomes active for a dataset
+ * @event onLuzmoSlotMenuHighlight - Emitted to highlight a column or formula in the slot menu
+ * @event onLuzmoSlotMenuInactive - Emitted when the menu becomes inactive.
+ * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
+ */
+export declare const LuzmoSlotMenu: ReactWebComponent<LuzmoSlotMenuClass, {
+    onLuzmoSlotContentsChanged: EventName<CustomEvent<SlotContentsChangedEventDetail>>;
+    onLuzmoClose: EventName<CustomEvent<void>>;
+    onLuzmoSlotMenuActive: EventName<CustomEvent<SlotMenuActiveEventDetail>>;
+    onLuzmoSlotMenuHighlight: EventName<CustomEvent<SlotMenuHighlightEventDetail>>;
+    onLuzmoSlotMenuInactive: EventName<CustomEvent>;
+    onLuzmoInfoVisibilityChanged: EventName<CustomEvent<InfoVisibilityChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoSlotMenu */
+export type LuzmoSlotMenuElement = LuzmoSlotMenuClass;

package/react/esm/components/slot-menu.component.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSlotMenu as LuzmoSlotMenuClass } from '@luzmo/analytics-components-kit/slot-menu';
+const LuzmoSlotMenuComponent = createComponent({
+    tagName: 'luzmo-slot-menu',
+    elementClass: LuzmoSlotMenuClass,
+    react: React,
+    events: {
+        onLuzmoSlotContentsChanged: 'luzmo-slot-contents-changed',
+        onLuzmoClose: 'luzmo-close',
+        onLuzmoSlotMenuActive: 'luzmo-slot-menu-active',
+        onLuzmoSlotMenuHighlight: 'luzmo-slot-menu-highlight',
+        onLuzmoSlotMenuInactive: 'luzmo-slot-menu-inactive',
+        onLuzmoInfoVisibilityChanged: 'luzmo-info-visibility-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-slot-menu>
+ *
+ * @event onLuzmoSlotContentsChanged - Emitted when the slot contents change
+ * @event onLuzmoClose - Emitted when the slot menu is closed
+ * @event onLuzmoSlotMenuActive - Emitted when the slot menu becomes active for a dataset
+ * @event onLuzmoSlotMenuHighlight - Emitted to highlight a column or formula in the slot menu
+ * @event onLuzmoSlotMenuInactive - Emitted when the menu becomes inactive.
+ * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
+ */
+export const LuzmoSlotMenu = LuzmoSlotMenuComponent;

package/react/esm/components/viz-item-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/viz-item-menu/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/viz-item-menu/types.d.ts

@@ -0,0 +1,9 @@
+export type VizItemMenuButton = 'clone' | 'edit' | 'delete';
+export interface VizItemMenuButtonClickedEventDetail {
+    action: string;
+    type: VizItemMenuButton;
+    id: string;
+}
+export interface VizItemMenuSelectedChangedEventDetail {
+    selectedButton: VizItemMenuButton | null;
+}

package/react/esm/components/viz-item-menu/types.js

@@ -0,0 +1 @@
+export {};

package/react/esm/components/viz-item-menu.component.d.ts

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoVizItemMenu as LuzmoVizItemMenuClass, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+/**
+ * React wrapper for <luzmo-viz-item-menu>
+ *
+ * @event onSelectedChanged - Emitted when the selected button changes
+ * @event onButtonClicked - Emitted when any menu item is clicked
+ * @event onEditButtonHovered - Emitted when hovering over the edit button
+ */
+export declare const LuzmoVizItemMenu: ReactWebComponent<LuzmoVizItemMenuClass, {
+    onSelectedChanged: EventName<CustomEvent<VizItemMenuSelectedChangedEventDetail>>;
+    onButtonClicked: EventName<CustomEvent<VizItemMenuButtonClickedEventDetail>>;
+    onEditButtonHovered: EventName<CustomEvent<void>>;
+}>;
+/** The underlying custom element type for LuzmoVizItemMenu */
+export type LuzmoVizItemMenuElement = LuzmoVizItemMenuClass;

package/react/esm/components/viz-item-menu.component.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoVizItemMenu as LuzmoVizItemMenuClass } from '@luzmo/analytics-components-kit/viz-item-menu';
+const LuzmoVizItemMenuComponent = createComponent({
+    tagName: 'luzmo-viz-item-menu',
+    elementClass: LuzmoVizItemMenuClass,
+    react: React,
+    events: {
+        onSelectedChanged: 'selected-changed',
+        onButtonClicked: 'button-clicked',
+        onEditButtonHovered: 'edit-button-hovered'
+    }
+});
+/**
+ * React wrapper for <luzmo-viz-item-menu>
+ *
+ * @event onSelectedChanged - Emitted when the selected button changes
+ * @event onButtonClicked - Emitted when any menu item is clicked
+ * @event onEditButtonHovered - Emitted when hovering over the edit button
+ */
+export const LuzmoVizItemMenu = LuzmoVizItemMenuComponent;

package/react/esm/index.d.ts

@@ -1,6 +1,29 @@
+export { LuzmoAiChat, type LuzmoAiChatElement } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField, type LuzmoDataFieldElement } from './components/data-field.component';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect, type LuzmoDataFieldsSelectElement } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon, type LuzmoDatasetIconElement } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList, type LuzmoDatasetSelectorListElement } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow, type LuzmoDatasetSelectorRowElement } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings, type LuzmoDisplaySettingsElement } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning, type LuzmoDisplaySettingsBinningElement } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals, type LuzmoDisplaySettingsGrandTotalsElement } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric, type LuzmoDisplaySettingsNumericElement } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod, type LuzmoDisplaySettingsPeriodOverPeriodElement } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker, type LuzmoFilterExpressionPickerElement } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem, type LuzmoFilterItemElement } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker, type LuzmoFilterParameterPickerElement } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime, type LuzmoFilterValuePickerDatetimeElement } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy, type LuzmoFilterValuePickerHierarchyElement } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric, type LuzmoFilterValuePickerNumericElement } from './components/filter-value-picker-numeric.component';
 export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.component';
+export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.component';
+export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.component';
+export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.component';
 export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.component';
 export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.component';
@@ -21,6 +44,9 @@ export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/i
 export { LuzmoItemSlotDropPanel, type LuzmoItemSlotDropPanelElement } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker, type LuzmoItemSlotPickerElement } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from './components/item-slot-picker-panel.component';
-export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
-export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoDataField", "LuzmoDataFieldPanel", "LuzmoFilters", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel"];
+export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.component';
+export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.component';
+export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.component';
+export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
+export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];