@luzmo/analytics-components-kit 1.0.4-beta.3 → 1.0.4

package/react/components/display-settings-datetime.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsDatetime as LuzmoDisplaySettingsDatetimeClass, DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-datetime';
-
-const LuzmoDisplaySettingsDatetimeComponent = createComponent({
-  tagName: 'luzmo-display-settings-datetime',
-  elementClass: LuzmoDisplaySettingsDatetimeClass,
-  react: React,
-  events: {
-    onLuzmoSlotContentChanged: 'luzmo-slot-content-changed' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-display-settings-datetime>
- *
- * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
- */
-export const LuzmoDisplaySettingsDatetime = LuzmoDisplaySettingsDatetimeComponent as ReactWebComponent<
-  LuzmoDisplaySettingsDatetimeClass,
-  {
-    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDisplaySettingsDatetime */
-export type LuzmoDisplaySettingsDatetimeElement = LuzmoDisplaySettingsDatetimeClass;

package/react/components/display-settings-grand-totals.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsGrandTotals as LuzmoDisplaySettingsGrandTotalsClass, DisplaySettingsSlotContentChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings-grand-totals';
-
-const LuzmoDisplaySettingsGrandTotalsComponent = createComponent({
-  tagName: 'luzmo-display-settings-grand-totals',
-  elementClass: LuzmoDisplaySettingsGrandTotalsClass,
-  react: React,
-  events: {
-    onLuzmoSlotContentChanged: 'luzmo-slot-content-changed' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-display-settings-grand-totals>
- *
- * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
- */
-export const LuzmoDisplaySettingsGrandTotals = LuzmoDisplaySettingsGrandTotalsComponent as ReactWebComponent<
-  LuzmoDisplaySettingsGrandTotalsClass,
-  {
-    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDisplaySettingsGrandTotals */
-export type LuzmoDisplaySettingsGrandTotalsElement = LuzmoDisplaySettingsGrandTotalsClass;

package/react/components/display-settings-numeric.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsNumeric as LuzmoDisplaySettingsNumericClass, DisplaySettingsSlotContentChangedEventDetail } 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' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-display-settings-numeric>
- *
- * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
- */
-export const LuzmoDisplaySettingsNumeric = LuzmoDisplaySettingsNumericComponent as ReactWebComponent<
-  LuzmoDisplaySettingsNumericClass,
-  {
-    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDisplaySettingsNumeric */
-export type LuzmoDisplaySettingsNumericElement = LuzmoDisplaySettingsNumericClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsPeriodOverPeriod as LuzmoDisplaySettingsPeriodOverPeriodClass, DisplaySettingsSlotContentChangedEventDetail } 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' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoDisplaySettingsPeriodOverPeriodClass,
-  {
-    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoDisplaySettingsPeriodOverPeriod */
-export type LuzmoDisplaySettingsPeriodOverPeriodElement = LuzmoDisplaySettingsPeriodOverPeriodClass;

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass, DisplaySettingsRemoveSlotContentEventDetail, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
-
-const LuzmoDisplaySettingsComponent = createComponent({
-  tagName: 'luzmo-display-settings',
-  elementClass: LuzmoDisplaySettingsClass,
-  react: React,
-  events: {
-    onLuzmoSlotContentChanged: 'luzmo-slot-content-changed' as EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>,
-    onLuzmoRemoveSlotContent: 'luzmo-remove-slot-content' as EventName<CustomEvent<DisplaySettingsRemoveSlotContentEventDetail>>,
-    onLuzmoInfoVisibilityChanged: 'luzmo-info-visibility-changed' as EventName<CustomEvent<InfoVisibilityChangedEventDetail>>
-  }
-});
-
-/**
- * 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 as 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/components/filter-expression-picker.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterExpressionPickerClass,
-  {
-    onLuzmoExpressionSelected: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterExpressionPicker */
-export type LuzmoFilterExpressionPickerElement = LuzmoFilterExpressionPickerClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterItemClass,
-  {
-    onLuzmoFilterChanged: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterItem */
-export type LuzmoFilterItemElement = LuzmoFilterItemClass;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { createComponent, ReactWebComponent } 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 as ReactWebComponent<
-  LuzmoFilterParameterPickerClass
->;
-
-/** The underlying custom element type for LuzmoFilterParameterPicker */
-export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterValuePickerDatetimeClass,
-  {
-    onLuzmoFilterValueChanged: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterValuePickerDatetime */
-export type LuzmoFilterValuePickerDatetimeElement = LuzmoFilterValuePickerDatetimeClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterValuePickerHierarchyClass,
-  {
-    onLuzmoFilterValueChanged: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterValuePickerHierarchy */
-export type LuzmoFilterValuePickerHierarchyElement = LuzmoFilterValuePickerHierarchyClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterValuePickerNumericClass,
-  {
-    onLuzmoFilterValueChanged: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterValuePickerNumeric */
-export type LuzmoFilterValuePickerNumericElement = LuzmoFilterValuePickerNumericClass;

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFilterValuePickerClass,
-  {
-    onLuzmoFilterValueChanged: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFilterValuePicker */
-export type LuzmoFilterValuePickerElement = LuzmoFilterValuePickerClass;

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

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

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

@@ -1,26 +0,0 @@
-/**
- * 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/components/formula-field.component.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } 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' as EventName<CustomEvent>,
-    onLuzmoDatasetsError: 'luzmo-datasets-error' as EventName<CustomEvent>
-  }
-});
-
-/**
- * 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 as ReactWebComponent<
-  LuzmoFormulaFieldClass,
-  {
-    onLuzmoExpressionChanged: EventName<CustomEvent>;
-    onLuzmoDatasetsError: EventName<CustomEvent>;
-  }
->;
-
-/** The underlying custom element type for LuzmoFormulaField */
-export type LuzmoFormulaFieldElement = LuzmoFormulaFieldClass;

package/react/components/interactive-viz-item/index.ts

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

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

@@ -1,122 +0,0 @@
-/**
- * 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 enum RankingDirection {
-  Top = 'top',
-  Bottom = 'bottom'
-}
-
-export enum SortDirection {
-  Asc = 'asc',
-  Desc = 'desc'
-}
-
-export enum SortBy {
-  Measure = 'measure',
-  Category = 'category'
-}
-
-export interface Ranking {
-  active: boolean;
-  number: number;
-  direction: RankingDirection;
-}
-
-export interface Sort {
-  direction: SortDirection;
-  by: SortBy;
-}
-
-export 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/components/interactive-viz-item.component.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail } 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' as EventName<CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>>,
-    onLuzmoChartChanged: 'luzmo-chart-changed' as EventName<CustomEvent<InteractiveVizItemChartChangedEventDetail>>,
-    onLuzmoFeedbackChanged: 'luzmo-feedback-changed' as EventName<CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>>
-  }
-});
-
-/**
- * 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 as 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/components/slot-menu/index.ts

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

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

@@ -1,29 +0,0 @@
-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/components/slot-menu-list.component.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoSlotMenuList as LuzmoSlotMenuListClass, SlotListChangedEventDetail } 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' as EventName<CustomEvent<SlotListChangedEventDetail>>
-  }
-});
-
-/**
- * React wrapper for <luzmo-slot-menu-list>
- *
- * @event onLuzmoSlotListChanged - Emitted when the slot list changes
- */
-export const LuzmoSlotMenuList = LuzmoSlotMenuListComponent as ReactWebComponent<
-  LuzmoSlotMenuListClass,
-  {
-    onLuzmoSlotListChanged: EventName<CustomEvent<SlotListChangedEventDetail>>;
-  }
->;
-
-/** The underlying custom element type for LuzmoSlotMenuList */
-export type LuzmoSlotMenuListElement = LuzmoSlotMenuListClass;

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

@@ -1,42 +0,0 @@
-import React from 'react';
-import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoSlotMenu as LuzmoSlotMenuClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/slot-menu';
-
-const LuzmoSlotMenuComponent = createComponent({
-  tagName: 'luzmo-slot-menu',
-  elementClass: LuzmoSlotMenuClass,
-  react: React,
-  events: {
-    onLuzmoSlotContentsChanged: 'luzmo-slot-contents-changed' as EventName<CustomEvent<SlotContentsChangedEventDetail>>,
-    onLuzmoClose: 'luzmo-close' as EventName<CustomEvent<void>>,
-    onLuzmoSlotMenuActive: 'luzmo-slot-menu-active' as EventName<CustomEvent<SlotMenuActiveEventDetail>>,
-    onLuzmoSlotMenuHighlight: 'luzmo-slot-menu-highlight' as EventName<CustomEvent<SlotMenuHighlightEventDetail>>,
-    onLuzmoSlotMenuInactive: 'luzmo-slot-menu-inactive' as EventName<CustomEvent>,
-    onLuzmoInfoVisibilityChanged: 'luzmo-info-visibility-changed' as EventName<CustomEvent<InfoVisibilityChangedEventDetail>>
-  }
-});
-
-/**
- * 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 as 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;