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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/react/esm/components/item-option-slider.component.js

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

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

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

package/react/esm/components/item-option-switch.component.js

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

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

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

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

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

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

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

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

@@ -5,9 +5,13 @@ const LuzmoItemOptionComponent = createComponent({
     tagName: 'luzmo-item-option',
     elementClass: LuzmoItemOptionClass,
     react: React,
-    events: {}
+    events: {
+        onLuzmoOptionsChanged: 'luzmo-options-changed'
+    }
 });
 /**
  * React wrapper for <luzmo-item-option>
+ *
+ * @event onLuzmoOptionsChanged - Announces that the `options` of the element have changed
  */
 export const LuzmoItemOption = LuzmoItemOptionComponent;

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemSlotDropPanel as LuzmoItemSlotDropPanelClass } from '@luzmo/analytics-components-kit/item-slot-drop-panel';
+import { LuzmoItemSlotDropPanel as LuzmoItemSlotDropPanelClass, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop-panel';
 /**
  * React wrapper for <luzmo-item-slot-drop-panel>
  *
@@ -7,8 +7,8 @@ import { LuzmoItemSlotDropPanel as LuzmoItemSlotDropPanelClass } from '@luzmo/an
  * @event onLuzmoSlotsContentsChanged - Announces that the slots contents have changed
  */
 export declare const LuzmoItemSlotDropPanel: ReactWebComponent<LuzmoItemSlotDropPanelClass, {
-    onLuzmoSlotConstraintTriggered: EventName<CustomEvent>;
-    onLuzmoSlotsContentsChanged: EventName<CustomEvent>;
+    onLuzmoSlotConstraintTriggered: EventName<CustomEvent<SlotConstraintTriggeredEventDetail>>;
+    onLuzmoSlotsContentsChanged: EventName<CustomEvent<SlotsContentsChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemSlotDropPanel */
 export type LuzmoItemSlotDropPanelElement = LuzmoItemSlotDropPanelClass;

package/react/esm/components/item-slot-drop.component.d.ts

@@ -1,15 +1,17 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemSlotDrop as LuzmoItemSlotDropClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop';
+import { LuzmoItemSlotDrop as LuzmoItemSlotDropClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail, SlotMenuActiveEventDetail, SlotMenuHighlightEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop';
 /**
  * React wrapper for <luzmo-item-slot-drop>
  *
+ * @event onLuzmoSlotMenuActive - Emitted when the slot menu overlay opens for a slot
+ * @event onLuzmoSlotMenuHighlight - Emitted to highlight the active column or formula in the slot menu
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  * @event onLuzmoSlotContentsChanged - Announces that the slot contents has changed
  */
 export declare const LuzmoItemSlotDrop: ReactWebComponent<LuzmoItemSlotDropClass, {
     onLuzmoSlotMenuInactive: EventName<CustomEvent>;
-    onLuzmoSlotMenuActive: EventName<CustomEvent>;
-    onLuzmoSlotMenuHighlight: EventName<CustomEvent>;
+    onLuzmoSlotMenuActive: EventName<CustomEvent<SlotMenuActiveEventDetail>>;
+    onLuzmoSlotMenuHighlight: EventName<CustomEvent<SlotMenuHighlightEventDetail>>;
     onLuzmoInfoVisibilityChanged: EventName<CustomEvent<InfoVisibilityChangedEventDetail>>;
     onLuzmoSlotContentsChanged: EventName<CustomEvent<SlotContentsChangedEventDetail>>;
 }>;

package/react/esm/components/item-slot-drop.component.js

@@ -16,6 +16,8 @@ const LuzmoItemSlotDropComponent = createComponent({
 /**
  * React wrapper for <luzmo-item-slot-drop>
  *
+ * @event onLuzmoSlotMenuActive - Emitted when the slot menu overlay opens for a slot
+ * @event onLuzmoSlotMenuHighlight - Emitted to highlight the active column or formula in the slot menu
  * @event onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  * @event onLuzmoSlotContentsChanged - Announces that the slot contents has changed
  */

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

@@ -1,5 +1,5 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemSlotPickerPanel as LuzmoItemSlotPickerPanelClass } from '@luzmo/analytics-components-kit/item-slot-picker-panel';
+import { LuzmoItemSlotPickerPanel as LuzmoItemSlotPickerPanelClass, DatasetChangedEventDetail, DatasetConstraintTriggeredEventDetail, SlotConstraintTriggeredEventDetail, SlotsContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker-panel';
 /**
  * React wrapper for <luzmo-item-slot-picker-panel>
  *
@@ -9,10 +9,10 @@ import { LuzmoItemSlotPickerPanel as LuzmoItemSlotPickerPanelClass } from '@luzm
  * @event onLuzmoSlotConstraintTriggered - Emitted when constraint-mode is 'event-only' and a change would trigger constraints
  */
 export declare const LuzmoItemSlotPickerPanel: ReactWebComponent<LuzmoItemSlotPickerPanelClass, {
-    onLuzmoDatasetConstraintTriggered: EventName<CustomEvent>;
-    onLuzmoSlotsContentsChanged: EventName<CustomEvent>;
-    onLuzmoDatasetChanged: EventName<CustomEvent>;
-    onLuzmoSlotConstraintTriggered: EventName<CustomEvent>;
+    onLuzmoDatasetConstraintTriggered: EventName<CustomEvent<DatasetConstraintTriggeredEventDetail>>;
+    onLuzmoSlotsContentsChanged: EventName<CustomEvent<SlotsContentsChangedEventDetail>>;
+    onLuzmoDatasetChanged: EventName<CustomEvent<DatasetChangedEventDetail>>;
+    onLuzmoSlotConstraintTriggered: EventName<CustomEvent<SlotConstraintTriggeredEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemSlotPickerPanel */
 export type LuzmoItemSlotPickerPanelElement = LuzmoItemSlotPickerPanelClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemSlotPicker as LuzmoItemSlotPickerClass } from '@luzmo/analytics-components-kit/item-slot-picker';
+import { LuzmoItemSlotPicker as LuzmoItemSlotPickerClass, SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-picker';
 /**
  * React wrapper for <luzmo-item-slot-picker>
  *
  * @event onLuzmoSlotContentsChanged - Announces that the slot contents has changed
  */
 export declare const LuzmoItemSlotPicker: ReactWebComponent<LuzmoItemSlotPickerClass, {
-    onLuzmoSlotContentsChanged: EventName<CustomEvent>;
+    onLuzmoSlotContentsChanged: EventName<CustomEvent<SlotContentsChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoItemSlotPicker */
 export type LuzmoItemSlotPickerElement = LuzmoItemSlotPickerClass;

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

@@ -1,12 +1,12 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoSlotMenuList as LuzmoSlotMenuListClass } from '@luzmo/analytics-components-kit/slot-menu-list';
+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>;
+    onLuzmoSlotListChanged: EventName<CustomEvent<SlotListChangedEventDetail>>;
 }>;
 /** The underlying custom element type for LuzmoSlotMenuList */
 export type LuzmoSlotMenuListElement = LuzmoSlotMenuListClass;

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

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

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

@@ -19,6 +19,8 @@ const LuzmoSlotMenuComponent = createComponent({
  *
  * @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 onLuzmoInfoVisibilityChanged - Event that is fired when the info button is clicked in display-settings, includes the visibility state and ID values
  */
 export const LuzmoSlotMenu = LuzmoSlotMenuComponent;

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

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

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

@@ -1,16 +1,16 @@
 import { 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';
 /**
  * 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 declare const LuzmoVizItemMenu: ReactWebComponent<LuzmoVizItemMenuClass, {
-    onSelectedChanged: EventName<CustomEvent>;
-    onButtonClicked: EventName<CustomEvent>;
-    onEditButtonHovered: EventName<CustomEvent>;
+    onSelectedChanged: EventName<CustomEvent<VizItemMenuSelectedChangedEventDetail>>;
+    onButtonClicked: EventName<CustomEvent<VizItemMenuButtonClickedEventDetail>>;
+    onEditButtonHovered: EventName<CustomEvent<void>>;
 }>;
 /** The underlying custom element type for LuzmoVizItemMenu */
 export type LuzmoVizItemMenuElement = LuzmoVizItemMenuClass;

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

@@ -14,8 +14,8 @@ const LuzmoVizItemMenuComponent = createComponent({
 /**
  * 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;

package/react/esm/types.d.ts

@@ -15,6 +15,9 @@ export type * from './types/formula.types';
 export type * from './types/slot.types';
 export type * from './components/dataset-icon/types';
 export type * from './components/display-settings/types';
+export type * from './components/data-fields-select/types';
+export type * from './components/ai-interaction-textarea/types';
+export type * from './components/item-option/types';
 export type * from './components/data-field/types';
 export type * from './components/data-field-panel/types';
 export type * from './components/item-slot-drop/types';