@luzmo/analytics-components-kit 1.0.3-beta.10 → 1.0.3-beta.11

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

@@ -1,31 +1,31 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoVizItemMenu as LuzmoVizItemMenuClass } from '@luzmo/analytics-components-kit/viz-item-menu';
+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>,
-    onButtonClicked: 'button-clicked' as EventName<CustomEvent>,
-    onEditButtonHovered: 'edit-button-hovered' as EventName<CustomEvent>
+    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, includes { selectedButton: VizItemMenuButton | null } in detail
- * @event onButtonClicked - Emitted when any menu item is clicked, includes { action: string, type: VizItemMenuButton, id: string } in detail
+ * @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>;
-    onButtonClicked: EventName<CustomEvent>;
-    onEditButtonHovered: EventName<CustomEvent>;
+    onSelectedChanged: EventName<CustomEvent<VizItemMenuSelectedChangedEventDetail>>;
+    onButtonClicked: EventName<CustomEvent<VizItemMenuButtonClickedEventDetail>>;
+    onEditButtonHovered: EventName<CustomEvent<void>>;
   }
 >;
 

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoAiChat as LuzmoAiChatClass, AiChatCompleteEvent, AiChatStepEvent } from '@luzmo/analytics-components-kit/ai-chat';
+import { LuzmoAiChat as LuzmoAiChatClass, AiChatCompleteEvent, AiChatConversationIdChangedEventDetail, AiChatDatasetsChangedEventDetail, AiChatMessageSentEventDetail, AiChatStepEvent } from '@luzmo/analytics-components-kit/ai-chat';
 /**
  * React wrapper for <luzmo-ai-chat>
  *
@@ -11,12 +11,12 @@ import { LuzmoAiChat as LuzmoAiChatClass, AiChatCompleteEvent, AiChatStepEvent }
  * @event onLuzmoConversationIdChanged - Fired when the conversation ID is updated from the API
  */
 export declare const LuzmoAiChat: ReactWebComponent<LuzmoAiChatClass, {
-    onLuzmoMessageSent: EventName<CustomEvent>;
-    onLuzmoDatasetsChanged: EventName<CustomEvent>;
+    onLuzmoMessageSent: EventName<CustomEvent<AiChatMessageSentEventDetail>>;
+    onLuzmoDatasetsChanged: EventName<CustomEvent<AiChatDatasetsChangedEventDetail>>;
     onLuzmoStep: EventName<CustomEvent<AiChatStepEvent>>;
     onLuzmoComplete: EventName<CustomEvent<AiChatCompleteEvent>>;
-    onLuzmoStop: EventName<CustomEvent>;
-    onLuzmoConversationIdChanged: EventName<CustomEvent>;
+    onLuzmoStop: EventName<CustomEvent<void>>;
+    onLuzmoConversationIdChanged: EventName<CustomEvent<AiChatConversationIdChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoAiChat */
 export type LuzmoAiChatElement = LuzmoAiChatClass;

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

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

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DatasetDataField } from '@luzmo/analytics-components-kit/data-field-level';
+import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field-level';
 /**
  * React wrapper for <luzmo-data-field-level>
  *
@@ -7,12 +7,8 @@ import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DatasetDataField } fro
  * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
  */
 export declare const LuzmoDataFieldLevel: ReactWebComponent<LuzmoDataFieldLevelClass, {
-    onLuzmoDataFieldDropped: EventName<CustomEvent<{
-        data: DatasetDataField;
-    }>>;
-    onLuzmoDataFieldDragStarted: EventName<CustomEvent<{
-        data: DatasetDataField;
-    }>>;
+    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-panel.component.d.ts

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytics-components-kit/data-field-panel';
+import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail, DatasetChangedEventDetail } from '@luzmo/analytics-components-kit/data-field-panel';
 /**
  * A panel component that displays a list of data fields from a dataset.
  * Optionally includes a dataset picker dropdown to switch between datasets.
@@ -13,9 +13,9 @@ import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytic
  * @event onLuzmoDataFieldDragStarted - Announces that a drag has started on a data field
  */
 export declare const LuzmoDataFieldPanel: ReactWebComponent<LuzmoDataFieldPanelClass, {
-    onLuzmoDatasetChanged: EventName<CustomEvent>;
-    onLuzmoDataFieldDropped: EventName<CustomEvent>;
-    onLuzmoDataFieldDragStarted: EventName<CustomEvent>;
+    onLuzmoDatasetChanged: EventName<CustomEvent<DatasetChangedEventDetail>>;
+    onLuzmoDataFieldDropped: EventName<CustomEvent<DataFieldDroppedEventDetail>>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent<DataFieldDragStartedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDataFieldPanel */
 export type LuzmoDataFieldPanelElement = LuzmoDataFieldPanelClass;

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataField as LuzmoDataFieldClass, DatasetDataField } from '@luzmo/analytics-components-kit/data-field';
+import { LuzmoDataField as LuzmoDataFieldClass, DataFieldDragStartedEventDetail, DataFieldDroppedEventDetail } from '@luzmo/analytics-components-kit/data-field';
 /**
  * React wrapper for <luzmo-data-field>
  *
@@ -7,12 +7,8 @@ import { LuzmoDataField as LuzmoDataFieldClass, DatasetDataField } from '@luzmo/
  * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
  */
 export declare const LuzmoDataField: ReactWebComponent<LuzmoDataFieldClass, {
-    onLuzmoDataFieldDropped: EventName<CustomEvent<{
-        data: DatasetDataField;
-    }>>;
-    onLuzmoDataFieldDragStarted: EventName<CustomEvent<{
-        data: DatasetDataField;
-    }>>;
+    onLuzmoDataFieldDropped: EventName<CustomEvent<DataFieldDroppedEventDetail>>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent<DataFieldDragStartedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDataField */
 export type LuzmoDataFieldElement = LuzmoDataFieldClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDataFieldsSelect as LuzmoDataFieldsSelectClass } from '@luzmo/analytics-components-kit/data-fields-select';
+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. Event detail contains `{ dataFields: DatasetDataField[] }`
+ * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected
  */
 export declare const LuzmoDataFieldsSelect: ReactWebComponent<LuzmoDataFieldsSelectClass, {
-    onLuzmoDataFieldsSelected: EventName<CustomEvent>;
+    onLuzmoDataFieldsSelected: EventName<CustomEvent<DataFieldsSelectedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDataFieldsSelect */
 export type LuzmoDataFieldsSelectElement = LuzmoDataFieldsSelectClass;

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

@@ -12,6 +12,6 @@ const LuzmoDataFieldsSelectComponent = createComponent({
 /**
  * React wrapper for <luzmo-data-fields-select>
  *
- * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected. Event detail contains `{ dataFields: DatasetDataField[] }`
+ * @event onLuzmoDataFieldsSelected - Emitted when data fields are selected
  */
 export const LuzmoDataFieldsSelect = LuzmoDataFieldsSelectComponent;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetSelectorList as LuzmoDatasetSelectorListClass } from '@luzmo/analytics-components-kit/dataset-selector-list';
+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>;
+    onDatasetSelected: EventName<CustomEvent<Dataset>>;
 }>;
 /** The underlying custom element type for LuzmoDatasetSelectorList */
 export type LuzmoDatasetSelectorListElement = LuzmoDatasetSelectorListClass;

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

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

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

@@ -1,4 +1,8 @@
-import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+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-binning.component.d.ts

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsBinning as LuzmoDisplaySettingsBinningClass } from '@luzmo/analytics-components-kit/display-settings-binning';
+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>;
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDisplaySettingsBinning */
 export type LuzmoDisplaySettingsBinningElement = LuzmoDisplaySettingsBinningClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsDatetime as LuzmoDisplaySettingsDatetimeClass } from '@luzmo/analytics-components-kit/display-settings-datetime';
+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>;
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDisplaySettingsDatetime */
 export type LuzmoDisplaySettingsDatetimeElement = LuzmoDisplaySettingsDatetimeClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsGrandTotals as LuzmoDisplaySettingsGrandTotalsClass } from '@luzmo/analytics-components-kit/display-settings-grand-totals';
+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>;
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDisplaySettingsGrandTotals */
 export type LuzmoDisplaySettingsGrandTotalsElement = LuzmoDisplaySettingsGrandTotalsClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsNumeric as LuzmoDisplaySettingsNumericClass } from '@luzmo/analytics-components-kit/display-settings-numeric';
+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>;
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDisplaySettingsNumeric */
 export type LuzmoDisplaySettingsNumericElement = LuzmoDisplaySettingsNumericClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettingsPeriodOverPeriod as LuzmoDisplaySettingsPeriodOverPeriodClass } from '@luzmo/analytics-components-kit/display-settings-period-over-period';
+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>;
+    onLuzmoSlotContentChanged: EventName<CustomEvent<DisplaySettingsSlotContentChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoDisplaySettingsPeriodOverPeriod */
 export type LuzmoDisplaySettingsPeriodOverPeriodElement = LuzmoDisplaySettingsPeriodOverPeriodClass;

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass } from '@luzmo/analytics-components-kit/display-settings';
+import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass, DisplaySettingsRemoveSlotContentEventDetail, DisplaySettingsSlotContentChangedEventDetail, InfoVisibilityChangedEventDetail } from '@luzmo/analytics-components-kit/display-settings';
 /**
  * React wrapper for <luzmo-display-settings>
  *
@@ -8,9 +8,9 @@ import { LuzmoDisplaySettings as LuzmoDisplaySettingsClass } from '@luzmo/analyt
  * @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>;
-    onLuzmoRemoveSlotContent: EventName<CustomEvent>;
-    onLuzmoInfoVisibilityChanged: EventName<CustomEvent>;
+    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/filters/types.d.ts

@@ -1,3 +1,7 @@
+import type { ItemFilterGroup } from '@luzmo/dashboard-contents-types';
+export interface FiltersChangedEventDetail {
+    filters: ItemFilterGroup[];
+}
 export interface FilterCondition {
     expression?: string;
     parameters?: unknown[];

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFilters as LuzmoFiltersClass } from '@luzmo/analytics-components-kit/filters';
+import { LuzmoFilters as LuzmoFiltersClass, FiltersChangedEventDetail } from '@luzmo/analytics-components-kit/filters';
 /**
  * React wrapper for <luzmo-filters>
  *
  * @event onLuzmoFiltersChanged - Announces that the filters have changed
  */
 export declare const LuzmoFilters: ReactWebComponent<LuzmoFiltersClass, {
-    onLuzmoFiltersChanged: EventName<CustomEvent>;
+    onLuzmoFiltersChanged: EventName<CustomEvent<FiltersChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoFilters */
 export type LuzmoFiltersElement = LuzmoFiltersClass;

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemGrid as LuzmoItemGridClass } from '@luzmo/analytics-components-kit/item-grid';
+import { LuzmoItemGrid as LuzmoItemGridClass, GridItemActionEventDetail, GridItemStatesChangedEventDetail, GridLifecycleEventDetail } from '@luzmo/analytics-components-kit/item-grid';
 /**
  * React wrapper for <luzmo-item-grid>
  *
@@ -9,10 +9,10 @@ import { LuzmoItemGrid as LuzmoItemGridClass } from '@luzmo/analytics-components
  * @event onLuzmoItemGridItemStatesChanged - Fired when item states change (controlled and uncontrolled mode)
  */
 export declare const LuzmoItemGrid: ReactWebComponent<LuzmoItemGridClass, {
-    onLuzmoItemGridItemAction: EventName<CustomEvent>;
-    onLuzmoItemGridLayoutChanged: EventName<CustomEvent>;
-    onLuzmoItemGridReady: EventName<CustomEvent>;
-    onLuzmoItemGridItemStatesChanged: EventName<CustomEvent>;
+    onLuzmoItemGridItemAction: EventName<CustomEvent<GridItemActionEventDetail>>;
+    onLuzmoItemGridLayoutChanged: EventName<CustomEvent<GridLifecycleEventDetail>>;
+    onLuzmoItemGridReady: EventName<CustomEvent<GridLifecycleEventDetail>>;
+    onLuzmoItemGridItemStatesChanged: EventName<CustomEvent<GridItemStatesChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemGrid */
 export type LuzmoItemGridElement = LuzmoItemGridClass;

package/react/esm/components/item-option/index.d.ts

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

package/react/esm/components/item-option/index.js

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

package/react/esm/components/item-option/types.d.ts

@@ -0,0 +1,8 @@
+import type { OptionsConfig } from '@luzmo/dashboard-contents-types';
+export interface ItemOptionChangedEventDetail {
+    value?: unknown;
+    values?: Record<string, number | undefined>;
+}
+export interface ItemOptionsChangedEventDetail {
+    options: OptionsConfig;
+}

package/react/esm/components/item-option/types.js

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

package/react/esm/components/item-option-action-button-group.component.d.ts

@@ -1,10 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupClass } from '@luzmo/analytics-components-kit/item-option-action-button-group';
+import { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
 /**
  * React wrapper for <luzmo-item-option-action-button-group>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionActionButtonGroup: ReactWebComponent<LuzmoItemOptionActionButtonGroupClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionActionButtonGroup */
 export type LuzmoItemOptionActionButtonGroupElement = LuzmoItemOptionActionButtonGroupClass;

package/react/esm/components/item-option-action-button-group.component.js

@@ -11,5 +11,7 @@ const LuzmoItemOptionActionButtonGroupComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-item-option-action-button-group>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionActionButtonGroup = LuzmoItemOptionActionButtonGroupComponent;

package/react/esm/components/item-option-color-palette-picker.component.d.ts

@@ -1,10 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionColorPalettePicker as LuzmoItemOptionColorPalettePickerClass } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
+import { LuzmoItemOptionColorPalettePicker as LuzmoItemOptionColorPalettePickerClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
 /**
  * React wrapper for <luzmo-item-option-color-palette-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionColorPalettePicker: ReactWebComponent<LuzmoItemOptionColorPalettePickerClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionColorPalettePicker */
 export type LuzmoItemOptionColorPalettePickerElement = LuzmoItemOptionColorPalettePickerClass;

package/react/esm/components/item-option-color-palette-picker.component.js

@@ -11,5 +11,7 @@ const LuzmoItemOptionColorPalettePickerComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-item-option-color-palette-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionColorPalettePicker = LuzmoItemOptionColorPalettePickerComponent;

package/react/esm/components/item-option-color-picker.component.d.ts

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionColorPicker as LuzmoItemOptionColorPickerClass } from '@luzmo/analytics-components-kit/item-option-color-picker';
+import { LuzmoItemOptionColorPicker as LuzmoItemOptionColorPickerClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-picker';
 /**
  * React wrapper for <luzmo-item-option-color-picker>
  *
- * @event onLuzmoOptionChanged - Emitted when the color is changed.
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionColorPicker: ReactWebComponent<LuzmoItemOptionColorPickerClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionColorPicker */
 export type LuzmoItemOptionColorPickerElement = LuzmoItemOptionColorPickerClass;

package/react/esm/components/item-option-color-picker.component.js

@@ -12,6 +12,6 @@ const LuzmoItemOptionColorPickerComponent = createComponent({
 /**
  * React wrapper for <luzmo-item-option-color-picker>
  *
- * @event onLuzmoOptionChanged - Emitted when the color is changed.
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionColorPicker = LuzmoItemOptionColorPickerComponent;

package/react/esm/components/item-option-color-range.component.d.ts

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionColorRange as LuzmoItemOptionColorRangeClass } from '@luzmo/analytics-components-kit/item-option-color-range';
+import { LuzmoItemOptionColorRange as LuzmoItemOptionColorRangeClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-range';
 /**
  * React wrapper for <luzmo-item-option-color-range>
  *
- * @event onLuzmoOptionChanged - Emitted when the color range is changed.
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionColorRange: ReactWebComponent<LuzmoItemOptionColorRangeClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionColorRange */
 export type LuzmoItemOptionColorRangeElement = LuzmoItemOptionColorRangeClass;

package/react/esm/components/item-option-color-range.component.js

@@ -12,6 +12,6 @@ const LuzmoItemOptionColorRangeComponent = createComponent({
 /**
  * React wrapper for <luzmo-item-option-color-range>
  *
- * @event onLuzmoOptionChanged - Emitted when the color range is changed.
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionColorRange = LuzmoItemOptionColorRangeComponent;

package/react/esm/components/item-option-multi-language-field.component.d.ts

@@ -1,10 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionMultiLangField as LuzmoItemOptionMultiLangFieldClass } from '@luzmo/analytics-components-kit/item-option-multi-language-field';
+import { LuzmoItemOptionMultiLangField as LuzmoItemOptionMultiLangFieldClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-multi-language-field';
 /**
  * React wrapper for <luzmo-item-option-multi-language-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionMultiLanguageField: ReactWebComponent<LuzmoItemOptionMultiLangFieldClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionMultiLanguageField */
 export type LuzmoItemOptionMultiLanguageFieldElement = LuzmoItemOptionMultiLangFieldClass;

package/react/esm/components/item-option-multi-language-field.component.js

@@ -11,5 +11,7 @@ const LuzmoItemOptionMultiLanguageFieldComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-item-option-multi-language-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionMultiLanguageField = LuzmoItemOptionMultiLanguageFieldComponent;

package/react/esm/components/item-option-number-field.component.d.ts

@@ -1,10 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-number-field';
+import { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-number-field';
 /**
  * React wrapper for <luzmo-item-option-number-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export declare const LuzmoItemOptionNumberField: ReactWebComponent<LuzmoItemOptionNumberFieldClass, {
-    onLuzmoOptionChanged: EventName<CustomEvent>;
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionNumberField */
 export type LuzmoItemOptionNumberFieldElement = LuzmoItemOptionNumberFieldClass;

package/react/esm/components/item-option-number-field.component.js

@@ -11,5 +11,7 @@ const LuzmoItemOptionNumberFieldComponent = createComponent({
 });
 /**
  * React wrapper for <luzmo-item-option-number-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
  */
 export const LuzmoItemOptionNumberField = LuzmoItemOptionNumberFieldComponent;

package/react/esm/components/item-option-panel.component.d.ts

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemOptionPanel as LuzmoItemOptionPanelClass } from '@luzmo/analytics-components-kit/item-option-panel';
+import { LuzmoItemOptionPanel as LuzmoItemOptionPanelClass, ItemOptionsChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-panel';
 /**
  * React wrapper for <luzmo-item-option-panel>
  *
  * @event onLuzmoOptionsChanged - Announces that the `options` of the element have changed
  */
 export declare const LuzmoItemOptionPanel: ReactWebComponent<LuzmoItemOptionPanelClass, {
-    onLuzmoOptionsChanged: EventName<CustomEvent>;
+    onLuzmoOptionsChanged: EventName<CustomEvent<ItemOptionsChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemOptionPanel */
 export type LuzmoItemOptionPanelElement = LuzmoItemOptionPanelClass;