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

package/react/esm/components/display-settings-numeric.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDisplaySettingsNumeric as LuzmoDisplaySettingsNumericClass } from '@luzmo/analytics-components-kit/display-settings-numeric';
+const LuzmoDisplaySettingsNumericComponent = createComponent({
+    tagName: 'luzmo-display-settings-numeric',
+    elementClass: LuzmoDisplaySettingsNumericClass,
+    react: React,
+    events: {
+        onLuzmoSlotContentChanged: 'luzmo-slot-content-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-display-settings-numeric>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ */
+export const LuzmoDisplaySettingsNumeric = LuzmoDisplaySettingsNumericComponent;

package/react/esm/components/display-settings-period-over-period.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDisplaySettingsPeriodOverPeriod as LuzmoDisplaySettingsPeriodOverPeriodClass, DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-period-over-period';
+/**
+ * React wrapper for <luzmo-display-settings-period-over-period>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ */
+export declare const LuzmoDisplaySettingsPeriodOverPeriod: ReactWebComponent<LuzmoDisplaySettingsPeriodOverPeriodClass, {
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoDisplaySettingsPeriodOverPeriod */
+export type LuzmoDisplaySettingsPeriodOverPeriodElement = LuzmoDisplaySettingsPeriodOverPeriodClass;

package/react/esm/components/display-settings-period-over-period.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDisplaySettingsPeriodOverPeriod as LuzmoDisplaySettingsPeriodOverPeriodClass } from '@luzmo/analytics-components-kit/display-settings-period-over-period';
+const LuzmoDisplaySettingsPeriodOverPeriodComponent = createComponent({
+    tagName: 'luzmo-display-settings-period-over-period',
+    elementClass: LuzmoDisplaySettingsPeriodOverPeriodClass,
+    react: React,
+    events: {
+        onLuzmoSlotContentChanged: 'luzmo-slot-content-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-display-settings-period-over-period>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ */
+export const LuzmoDisplaySettingsPeriodOverPeriod = LuzmoDisplaySettingsPeriodOverPeriodComponent;

package/react/esm/components/display-settings.component.d.ts

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass, DisplaySettingsRemoveSlotContentEventDetail, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
+/**
+ * React wrapper for <luzmo-display-settings>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ * @event onLuzmoRemoveSlotContent - Event that is fired when the remove button is clicked
+ * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked, includes the visibility state and ID values
+ */
+export declare const LuzmoDisplaySettings: ReactWebComponent<LuzmoDisplaySettingsClass, {
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
+    onLuzmoRemoveSlotContent: EventName<CustomEvent<DisplaySettingsRemoveSlotContentEventDetail>>;
+    onLuzmoInfoVisibilityChanged: EventName<CustomEvent<InfoVisibilityChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoDisplaySettings */
+export type LuzmoDisplaySettingsElement = LuzmoDisplaySettingsClass;

package/react/esm/components/display-settings.component.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass } from '@luzmo/analytics-components-kit/display-settings';
+const LuzmoDisplaySettingsComponent = createComponent({
+    tagName: 'luzmo-display-settings',
+    elementClass: LuzmoDisplaySettingsClass,
+    react: React,
+    events: {
+        onLuzmoSlotContentChanged: 'luzmo-slot-content-changed',
+        onLuzmoRemoveSlotContent: 'luzmo-remove-slot-content',
+        onLuzmoInfoVisibilityChanged: 'luzmo-info-visibility-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-display-settings>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ * @event onLuzmoRemoveSlotContent - Event that is fired when the remove button is clicked
+ * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked, includes the visibility state and ID values
+ */
+export const LuzmoDisplaySettings = LuzmoDisplaySettingsComponent;

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

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterExpressionPicker as LuzmoFilterExpressionPickerClass } from '@luzmo/analytics-components-kit/filter-expression-picker';
+/**
+ * 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 declare const LuzmoFilterExpressionPicker: ReactWebComponent<LuzmoFilterExpressionPickerClass, {
+    onLuzmoExpressionSelected: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterExpressionPicker */
+export type LuzmoFilterExpressionPickerElement = LuzmoFilterExpressionPickerClass;

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-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/interactive-viz-item/index.d.ts

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

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

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

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

@@ -0,0 +1,117 @@
+/**
+ * A single field descriptor inside a chart slot. Deliberately loose because the
+ * chart config is produced by the AI stream: it may carry either the short
+ * (`set`/`column`/`formula`) or the long (`datasetId`/`columnId`/`formulaId`)
+ * key form, which `normalizeChartConfig` reconciles.
+ */
+export interface SlotContent {
+    columnId?: string;
+    datasetId?: string;
+    column?: string;
+    set?: string;
+    formulaId?: string;
+    formula?: string;
+    label?: Record<string, string> | string | null;
+    level?: number;
+    format?: string;
+    subtype?: string | null;
+    lowestLevel?: number;
+    [key: string]: unknown;
+}
+export interface SlotConfig {
+    name: string;
+    content: SlotContent[];
+}
+export interface ChartOptions {
+    theme?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+/**
+ * Loose chart shape as streamed by the AI. `slots` may be an array or the legacy
+ * keyed-object form; `normalizeChartConfig` produces the strict array shape.
+ */
+export interface FlexChartConfig {
+    type: string;
+    options: ChartOptions;
+    slots: SlotConfig[] | Record<string, unknown>;
+    filters?: unknown[];
+}
+export interface NormalizedChartConfig {
+    type: string;
+    options: ChartOptions;
+    slots: SlotConfig[];
+    filters?: unknown[];
+}
+export type ChartActionType = 'optionDropdown' | 'rankingPicker';
+export interface ChartOption {
+    key: string;
+    label: string;
+}
+export declare enum RankingDirection {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum SortDirection {
+    Asc = "asc",
+    Desc = "desc"
+}
+export declare enum SortBy {
+    Measure = "measure",
+    Category = "category"
+}
+export interface Ranking {
+    active: boolean;
+    number: number;
+    direction: RankingDirection;
+}
+export interface Sort {
+    direction: SortDirection;
+    by: SortBy;
+}
+export declare const DEFAULT_RANKING_NUMBER = 5;
+export interface ChartActionDescriptor {
+    type: ChartActionType;
+    mutationType: string;
+    values?: ChartOption[];
+    currentValue?: string;
+    ranking?: Ranking;
+    sort?: Sort;
+    importance: number;
+}
+export type ChartMutationRequest = {
+    type: 'slots';
+    slotsContents: SlotConfig[];
+} | {
+    type: 'options';
+    options: ChartOptions;
+} | {
+    type: 'filters';
+    filters: unknown[];
+} | {
+    type: 'chartAction';
+    actionType: string;
+    key: string;
+} | {
+    type: 'rankAndSort';
+    ranking: Ranking;
+    sort: Sort;
+} | {
+    type: 'fullReplace';
+    chart: NormalizedChartConfig;
+};
+export type ChartFeedbackRating = -1 | 0 | 1;
+export interface ChartFeedback {
+    id?: string;
+    rating: ChartFeedbackRating;
+    comment?: string;
+}
+export interface InteractiveVizItemChartOptionsChangedEventDetail {
+    options: ChartOptions;
+}
+export interface InteractiveVizItemChartChangedEventDetail {
+    chart: FlexChartConfig;
+}
+export interface InteractiveVizItemFeedbackChangedEventDetail {
+    rating: ChartFeedbackRating;
+    comment?: string;
+}

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

@@ -0,0 +1,16 @@
+export var RankingDirection;
+(function (RankingDirection) {
+    RankingDirection["Top"] = "top";
+    RankingDirection["Bottom"] = "bottom";
+})(RankingDirection || (RankingDirection = {}));
+export var SortDirection;
+(function (SortDirection) {
+    SortDirection["Asc"] = "asc";
+    SortDirection["Desc"] = "desc";
+})(SortDirection || (SortDirection = {}));
+export var SortBy;
+(function (SortBy) {
+    SortBy["Measure"] = "measure";
+    SortBy["Category"] = "category";
+})(SortBy || (SortBy = {}));
+export const DEFAULT_RANKING_NUMBER = 5;

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

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail } from '@luzmo/analytics-components-kit/interactive-viz-item';
+/**
+ * React wrapper for <luzmo-interactive-viz-item>
+ *
+ * @event onLuzmoChartOptionsChanged - Fired when the inline actions (ranking, sort, display mode) change the chart options.
+ * @event onLuzmoChartChanged - Fired when the config panel changes slots, filters, or options (full chart).
+ * @event onLuzmoFeedbackChanged - Fired when the user changes the thumbs up/down rating.
+ */
+export declare const LuzmoInteractiveVizItem: ReactWebComponent<LuzmoInteractiveVizItemClass, {
+    onLuzmoChartOptionsChanged: EventName<CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>>;
+    onLuzmoChartChanged: EventName<CustomEvent<InteractiveVizItemChartChangedEventDetail>>;
+    onLuzmoFeedbackChanged: EventName<CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoInteractiveVizItem */
+export type LuzmoInteractiveVizItemElement = LuzmoInteractiveVizItemClass;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass } from '@luzmo/analytics-components-kit/interactive-viz-item';
+const LuzmoInteractiveVizItemComponent = createComponent({
+    tagName: 'luzmo-interactive-viz-item',
+    elementClass: LuzmoInteractiveVizItemClass,
+    react: React,
+    events: {
+        onLuzmoChartOptionsChanged: 'luzmo-chart-options-changed',
+        onLuzmoChartChanged: 'luzmo-chart-changed',
+        onLuzmoFeedbackChanged: 'luzmo-feedback-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-interactive-viz-item>
+ *
+ * @event onLuzmoChartOptionsChanged - Fired when the inline actions (ranking, sort, display mode) change the chart options.
+ * @event onLuzmoChartChanged - Fired when the config panel changes slots, filters, or options (full chart).
+ * @event onLuzmoFeedbackChanged - Fired when the user changes the thumbs up/down rating.
+ */
+export const LuzmoInteractiveVizItem = LuzmoInteractiveVizItemComponent;

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;