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

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

@@ -0,0 +1,42 @@
+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;

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

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

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

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

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoVizItemMenu as LuzmoVizItemMenuClass, VizItemMenuButtonClickedEventDetail, VizItemMenuSelectedChangedEventDetail } from '@luzmo/analytics-components-kit/viz-item-menu';
+
+const LuzmoVizItemMenuComponent = createComponent({
+  tagName: 'luzmo-viz-item-menu',
+  elementClass: LuzmoVizItemMenuClass,
+  react: React,
+  events: {
+    onSelectedChanged: 'selected-changed' as EventName<CustomEvent<VizItemMenuSelectedChangedEventDetail>>,
+    onButtonClicked: 'button-clicked' as EventName<CustomEvent<VizItemMenuButtonClickedEventDetail>>,
+    onEditButtonHovered: 'edit-button-hovered' as EventName<CustomEvent<void>>
+  }
+});
+
+/**
+ * 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 as 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/ai-chat/empty-state/index.d.ts

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

package/react/esm/components/ai-chat/empty-state/index.js

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

package/react/esm/components/ai-chat/empty-state/types.d.ts

@@ -0,0 +1,14 @@
+import type { Dataset } from '../../../types';
+export type AiChatEmptyStateSuggestion = {
+    /** Visible label on the suggestion chip. */
+    label: string;
+    /** Prompt text inserted or submitted when selected; defaults to `label`. */
+    prompt?: string;
+    /** Datasets applied to the chat input when this suggestion is selected. */
+    selectedDatasets?: Dataset[];
+};
+export type AiChatEmptyStateSuggestionSelectedDetail = {
+    label: string;
+    prompt: string;
+    selectedDatasets?: Dataset[];
+};

package/react/esm/components/ai-chat/empty-state/types.js

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

package/react/esm/components/ai-chat/stream/index.d.ts

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

package/react/esm/components/ai-chat/stream/index.js

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

package/react/esm/components/ai-chat/stream/types.d.ts

@@ -0,0 +1,55 @@
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
+import type { ChatMessage } from '../../../types';
+import type { AiChatCompleteEvent, AiChatStepEvent } from '../ai-chat-events';
+import type { AiPromptAgent, DashboardStatePayload } from '../ai-prompt-types';
+export interface StreamHandlerCallbacks {
+    onConversationIdChange: (conversationId: string) => void;
+    onProgress: (progress: ProgressTreeNode) => void;
+    onProgressCollapsed: (collapsed: boolean) => void;
+    onMessageUpdate: (message: ChatMessage) => void;
+    getConversationId: () => string | null;
+    /** Fired for every incremental, assembled stream event. */
+    onStep: (event: AiChatStepEvent) => void;
+    /** Fired exactly once with the authoritative final result (or error). */
+    onComplete: (event: AiChatCompleteEvent) => void;
+}
+/** Per-asset accumulation buffer for the ASSET_START/DELTA/END channel. */
+export interface StreamAssetBuffer {
+    assetType: string;
+    snapshot: Record<string, unknown>;
+}
+export interface StreamHandlerState {
+    progressCollapsed: boolean;
+    /** Accumulated assistant text streamed so far. */
+    accumulatedText: string;
+    /** Latest classifier decision routed from the progress root node. */
+    decision: 'create' | 'edit' | 'question' | null;
+    /** In-flight asset buffers keyed by asset id (or asset type as fallback). */
+    assets: Record<string, StreamAssetBuffer>;
+    /** Authoritative dashboard snapshot (dashboard agent). */
+    dashboardSnapshot: DashboardStatePayload | null;
+    /** Dashboard name keyed by locale (dashboard agent). */
+    dashboardName: Record<string, string> | undefined;
+    /** Authoritative chart snapshot (item agent). */
+    chartSnapshot: Record<string, unknown> | null;
+    /** Pending clarification question, when the agent interrupted. */
+    interruptQuestion: string | null;
+    /** Guards against firing {@link StreamHandlerCallbacks.onComplete} more than once. */
+    completed: boolean;
+}
+export interface StreamHandlerContext {
+    aiMessage: ChatMessage;
+    callbacks: StreamHandlerCallbacks;
+    state: StreamHandlerState;
+}
+/**
+ * Per-agent stream definition. The shared processor owns the envelope/emit logic;
+ * the agent only declares which final `asset_type`s map to its authoritative result.
+ */
+export interface AgentStreamDefinition {
+    agent: AiPromptAgent;
+    /** Final asset type whose payload becomes {@link AiChatCompleteEvent.chart}. */
+    chartAssetType?: string;
+    /** Final asset type whose payload becomes {@link AiChatCompleteEvent.dashboard}. */
+    dashboardAssetType?: string;
+}

package/react/esm/components/ai-chat/stream/types.js

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

package/react/esm/components/ai-chat.component.d.ts

@@ -0,0 +1,24 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoAiChat as LuzmoAiChatClass, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatMessageSentEventDetail, AiChatStepEvent, AssistantMessageActionEventDetail } from '@luzmo/analytics-components-kit/ai-chat';
+/**
+ * React wrapper for <luzmo-ai-chat>
+ *
+ * @event onLuzmoMessageSent - Fired when a user sends a message
+ * @event onLuzmoDatasetsChanged - Fired when the selected datasets change
+ * @event onLuzmoStep - Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow.
+ * @event onLuzmoComplete - Fired exactly once per response with the authoritative final result (dashboard/chart/name) or an `error`.
+ * @event onLuzmoStop - Fired when an in-flight prompt is stopped Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message.
+ * @event onLuzmoConversationIdChanged - Fired when the conversation ID is updated from the API
+ * @event onLuzmoAssistantMessageAction - Fired when a built-in assistant message action is activated (after confirmation when `confirm` is set)
+ */
+export declare const LuzmoAiChat: ReactWebComponent<LuzmoAiChatClass, {
+    onLuzmoMessageSent: EventName<CustomEvent<AiChatMessageSentEventDetail>>;
+    onLuzmoDatasetsChanged: EventName<CustomEvent<AiChatDatasetsChangedEventDetail>>;
+    onLuzmoStep: EventName<CustomEvent<AiChatStepEvent>>;
+    onLuzmoComplete: EventName<CustomEvent<AiChatCompleteEvent>>;
+    onLuzmoStop: EventName<CustomEvent<void>>;
+    onLuzmoConversationIdChanged: EventName<CustomEvent<AiChatConversationIdChangedEventDetail>>;
+    onLuzmoAssistantMessageAction: EventName<CustomEvent<AssistantMessageActionEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoAiChat */
+export type LuzmoAiChatElement = LuzmoAiChatClass;

package/react/esm/components/ai-chat.component.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoAiChat as LuzmoAiChatClass } from '@luzmo/analytics-components-kit/ai-chat';
+const LuzmoAiChatComponent = createComponent({
+    tagName: 'luzmo-ai-chat',
+    elementClass: LuzmoAiChatClass,
+    react: React,
+    events: {
+        onLuzmoMessageSent: 'luzmo-message-sent',
+        onLuzmoDatasetsChanged: 'luzmo-datasets-changed',
+        onLuzmoStep: 'luzmo-step',
+        onLuzmoComplete: 'luzmo-complete',
+        onLuzmoStop: 'luzmo-stop',
+        onLuzmoConversationIdChanged: 'luzmo-conversation-id-changed',
+        onLuzmoAssistantMessageAction: 'luzmo-assistant-message-action'
+    }
+});
+/**
+ * React wrapper for <luzmo-ai-chat>
+ *
+ * @event onLuzmoMessageSent - Fired when a user sends a message
+ * @event onLuzmoDatasetsChanged - Fired when the selected datasets change
+ * @event onLuzmoStep - Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow.
+ * @event onLuzmoComplete - Fired exactly once per response with the authoritative final result (dashboard/chart/name) or an `error`.
+ * @event onLuzmoStop - Fired when an in-flight prompt is stopped Custom actions beyond built-in `ChatMessage.actions` buttons can be projected via the `assistant-message-actions` light-DOM slot on the latest assistant message.
+ * @event onLuzmoConversationIdChanged - Fired when the conversation ID is updated from the API
+ * @event onLuzmoAssistantMessageAction - Fired when a built-in assistant message action is activated (after confirmation when `confirm` is set)
+ */
+export const LuzmoAiChat = LuzmoAiChatComponent;

package/react/esm/components/ai-interaction-textarea/index.d.ts

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

package/react/esm/components/ai-interaction-textarea/index.js

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

package/react/esm/components/ai-interaction-textarea/types.d.ts

@@ -0,0 +1,5 @@
+import type { Dataset } from '../../types/dataset.types';
+export interface PromptSubmittedEventDetail {
+    prompt: string;
+    selectedDatasets: Dataset[];
+}

package/react/esm/components/ai-interaction-textarea/types.js

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

package/react/esm/components/ai-interaction-textarea.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoAiInteractionTextarea as LuzmoAiInteractionTextareaClass, PromptSubmittedEventDetail } from '@luzmo/analytics-components-kit/ai-interaction-textarea';
+/**
+ * React wrapper for <luzmo-ai-interaction-textarea>
+ *
+ * @event onPromptSubmitted - Fired when a prompt is submitted with selected datasets
+ * @event onPromptStopped - Fired when a running prompt is stopped
+ */
+export declare const LuzmoAiInteractionTextarea: ReactWebComponent<LuzmoAiInteractionTextareaClass, {
+    onPromptSubmitted: EventName<CustomEvent<PromptSubmittedEventDetail>>;
+    onPromptStopped: EventName<CustomEvent<void>>;
+}>;
+/** The underlying custom element type for LuzmoAiInteractionTextarea */
+export type LuzmoAiInteractionTextareaElement = LuzmoAiInteractionTextareaClass;

package/react/esm/components/ai-interaction-textarea.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoAiInteractionTextarea as LuzmoAiInteractionTextareaClass } from '@luzmo/analytics-components-kit/ai-interaction-textarea';
+const LuzmoAiInteractionTextareaComponent = createComponent({
+    tagName: 'luzmo-ai-interaction-textarea',
+    elementClass: LuzmoAiInteractionTextareaClass,
+    react: React,
+    events: {
+        onPromptSubmitted: 'prompt-submitted',
+        onPromptStopped: 'prompt-stopped'
+    }
+});
+/**
+ * React wrapper for <luzmo-ai-interaction-textarea>
+ *
+ * @event onPromptSubmitted - Fired when a prompt is submitted with selected datasets
+ * @event onPromptStopped - Fired when a running prompt is stopped
+ */
+export const LuzmoAiInteractionTextarea = LuzmoAiInteractionTextareaComponent;

package/react/esm/components/data-field-level.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field-level';
+/**
+ * React wrapper for <luzmo-data-field-level>
+ *
+ * @event onLuzmoDataFieldDropped - Announces that the data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
+ */
+export declare const LuzmoDataFieldLevel: ReactWebComponent<LuzmoDataFieldLevelClass, {
+    onLuzmoDataFieldDropped: EventName<CustomEvent<DataFieldDroppedEventDetail>>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent<DataFieldDragStartedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoDataFieldLevel */
+export type LuzmoDataFieldLevelElement = LuzmoDataFieldLevelClass;

package/react/esm/components/data-field-level.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass } from '@luzmo/analytics-components-kit/data-field-level';
+const LuzmoDataFieldLevelComponent = createComponent({
+    tagName: 'luzmo-data-field-level',
+    elementClass: LuzmoDataFieldLevelClass,
+    react: React,
+    events: {
+        onLuzmoDataFieldDropped: 'luzmo-data-field-dropped',
+        onLuzmoDataFieldDragStarted: 'luzmo-data-field-drag-started'
+    }
+});
+/**
+ * React wrapper for <luzmo-data-field-level>
+ *
+ * @event onLuzmoDataFieldDropped - Announces that the data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
+ */
+export const LuzmoDataFieldLevel = LuzmoDataFieldLevelComponent;

package/react/esm/components/data-fields-select/index.d.ts

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

package/react/esm/components/data-fields-select/index.js

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

package/react/esm/components/data-fields-select/types.d.ts

@@ -0,0 +1,4 @@
+import type { DatasetDataField } from '../../types/dataset-data-field.types';
+export interface DataFieldsSelectedEventDetail {
+    dataFields: DatasetDataField[];
+}

package/react/esm/components/data-fields-select/types.js

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

package/react/esm/components/data-fields-select.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDataFieldsSelect as LuzmoDataFieldsSelectClass, DataFieldsSelectedEventDetail } from '@luzmo/analytics-components-kit/data-fields-select';
+/**
+ * React wrapper for <luzmo-data-fields-select>
+ *
+ * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected
+ */
+export declare const LuzmoDataFieldsSelect: ReactWebComponent<LuzmoDataFieldsSelectClass, {
+    onLuzmoDataFieldsSelected: EventName<CustomEvent<DataFieldsSelectedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoDataFieldsSelect */
+export type LuzmoDataFieldsSelectElement = LuzmoDataFieldsSelectClass;

package/react/esm/components/data-fields-select.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDataFieldsSelect as LuzmoDataFieldsSelectClass } from '@luzmo/analytics-components-kit/data-fields-select';
+const LuzmoDataFieldsSelectComponent = createComponent({
+    tagName: 'luzmo-data-fields-select',
+    elementClass: LuzmoDataFieldsSelectClass,
+    react: React,
+    events: {
+        onLuzmoDataFieldsSelected: 'luzmo-data-fields-selected'
+    }
+});
+/**
+ * React wrapper for <luzmo-data-fields-select>
+ *
+ * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected
+ */
+export const LuzmoDataFieldsSelect = LuzmoDataFieldsSelectComponent;

package/react/esm/components/dataset-icon/index.d.ts

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

package/react/esm/components/dataset-icon/index.js

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

package/react/esm/components/dataset-icon/types.d.ts

@@ -0,0 +1,11 @@
+export interface DatasetIcon {
+    subtype: string;
+    account?: {
+        plugin?: {
+            thumbnails?: {
+                url: string;
+                size: string;
+            }[];
+        };
+    };
+}

package/react/esm/components/dataset-icon/types.js

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

package/react/esm/components/dataset-icon.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoDatasetIcon as LuzmoDatasetIconClass } from '@luzmo/analytics-components-kit/dataset-icon';
+/**
+ * React wrapper for <luzmo-dataset-icon>
+ */
+export declare const LuzmoDatasetIcon: ReactWebComponent<LuzmoDatasetIconClass>;
+/** The underlying custom element type for LuzmoDatasetIcon */
+export type LuzmoDatasetIconElement = LuzmoDatasetIconClass;

package/react/esm/components/dataset-icon.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDatasetIcon as LuzmoDatasetIconClass } from '@luzmo/analytics-components-kit/dataset-icon';
+const LuzmoDatasetIconComponent = createComponent({
+    tagName: 'luzmo-dataset-icon',
+    elementClass: LuzmoDatasetIconClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-dataset-icon>
+ */
+export const LuzmoDatasetIcon = LuzmoDatasetIconComponent;

package/react/esm/components/dataset-selector-list.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDatasetSelectorList as LuzmoDatasetSelectorListClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-list';
+/**
+ * React wrapper for <luzmo-dataset-selector-list>
+ *
+ * @event onDatasetSelected - Fired when a dataset is selected
+ */
+export declare const LuzmoDatasetSelectorList: ReactWebComponent<LuzmoDatasetSelectorListClass, {
+    onDatasetSelected: EventName<CustomEvent<Dataset>>;
+}>;
+/** The underlying custom element type for LuzmoDatasetSelectorList */
+export type LuzmoDatasetSelectorListElement = LuzmoDatasetSelectorListClass;

package/react/esm/components/dataset-selector-list.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDatasetSelectorList as LuzmoDatasetSelectorListClass } from '@luzmo/analytics-components-kit/dataset-selector-list';
+const LuzmoDatasetSelectorListComponent = createComponent({
+    tagName: 'luzmo-dataset-selector-list',
+    elementClass: LuzmoDatasetSelectorListClass,
+    react: React,
+    events: {
+        onDatasetSelected: 'dataset-selected'
+    }
+});
+/**
+ * React wrapper for <luzmo-dataset-selector-list>
+ *
+ * @event onDatasetSelected - Fired when a dataset is selected
+ */
+export const LuzmoDatasetSelectorList = LuzmoDatasetSelectorListComponent;

package/react/esm/components/dataset-selector-row.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
+/**
+ * React wrapper for <luzmo-dataset-selector-row>
+ *
+ * @event onDatasetSelected - Fired when a dataset is selected
+ * @event onDatasetRemoved - Fired when a dataset is removed
+ */
+export declare const LuzmoDatasetSelectorRow: ReactWebComponent<LuzmoDatasetSelectorRowClass, {
+    onDatasetSelected: EventName<CustomEvent<Dataset>>;
+    onDatasetRemoved: EventName<CustomEvent<Dataset>>;
+}>;
+/** The underlying custom element type for LuzmoDatasetSelectorRow */
+export type LuzmoDatasetSelectorRowElement = LuzmoDatasetSelectorRowClass;

package/react/esm/components/dataset-selector-row.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass } from '@luzmo/analytics-components-kit/dataset-selector-row';
+const LuzmoDatasetSelectorRowComponent = createComponent({
+    tagName: 'luzmo-dataset-selector-row',
+    elementClass: LuzmoDatasetSelectorRowClass,
+    react: React,
+    events: {
+        onDatasetSelected: 'dataset-selected',
+        onDatasetRemoved: 'dataset-removed'
+    }
+});
+/**
+ * React wrapper for <luzmo-dataset-selector-row>
+ *
+ * @event onDatasetSelected - Fired when a dataset is selected
+ * @event onDatasetRemoved - Fired when a dataset is removed
+ */
+export const LuzmoDatasetSelectorRow = LuzmoDatasetSelectorRowComponent;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+export interface DisplaySettingsSlotContentChangedEventDetail {
+    slotContent: GenericSlotContent;
+}
+export type DisplaySettingsRemoveSlotContentEventDetail = DisplaySettingsSlotContentChangedEventDetail;
+export interface InfoVisibilityChangedEventDetail {
+    isVisible: boolean;
+    slotContent: GenericSlotContent;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDisplaySettingsDatetime as LuzmoDisplaySettingsDatetimeClass } 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'
+    }
+});
+/**
+ * React wrapper for <luzmo-display-settings-datetime>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ */
+export const LuzmoDisplaySettingsDatetime = LuzmoDisplaySettingsDatetimeComponent;

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDisplaySettingsGrandTotals as LuzmoDisplaySettingsGrandTotalsClass } 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'
+    }
+});
+/**
+ * React wrapper for <luzmo-display-settings-grand-totals>
+ *
+ * @event onLuzmoSlotContentChanged - Event that is fired when the slot content is changed
+ */
+export const LuzmoDisplaySettingsGrandTotals = LuzmoDisplaySettingsGrandTotalsComponent;

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

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