@luzmo/analytics-components-kit 1.0.6 → 1.0.8-beta.1

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

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormulaField: ReactWebComponent<LuzmoFormulaFieldClass, {
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormulaField */
+export type LuzmoFormulaFieldElement = LuzmoFormulaFieldClass;

package/react/esm/components/formula-field.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+const LuzmoFormulaFieldComponent = createComponent({
+    tagName: 'luzmo-formula-field',
+    elementClass: LuzmoFormulaFieldClass,
+    react: React,
+    events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormulaField = LuzmoFormulaFieldComponent;

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionGuidelines as LuzmoItemOptionGuidelinesClass } from '@luzmo/analytics-components-kit/item-option-guidelines';
+const LuzmoItemOptionGuidelinesComponent = createComponent({
+    tagName: 'luzmo-item-option-guidelines',
+    elementClass: LuzmoItemOptionGuidelinesClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-guidelines>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the guidelines value changes.
+ */
+export const LuzmoItemOptionGuidelines = LuzmoItemOptionGuidelinesComponent;

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

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoSlotMenuList as LuzmoSlotMenuListClass, SlotListChangedEventDetail } from '@luzmo/analytics-components-kit/slot-menu-list';
+/**
+ * React wrapper for <luzmo-slot-menu-list>
+ *
+ * @event onLuzmoSlotListChanged - Emitted when the slot list changes
+ */
+export declare const LuzmoSlotMenuList: ReactWebComponent<LuzmoSlotMenuListClass, {
+    onLuzmoSlotListChanged: EventName<CustomEvent<SlotListChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoSlotMenuList */
+export type LuzmoSlotMenuListElement = LuzmoSlotMenuListClass;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoSlotMenuList as LuzmoSlotMenuListClass } from '@luzmo/analytics-components-kit/slot-menu-list';
+const LuzmoSlotMenuListComponent = createComponent({
+    tagName: 'luzmo-slot-menu-list',
+    elementClass: LuzmoSlotMenuListClass,
+    react: React,
+    events: {
+        onLuzmoSlotListChanged: 'luzmo-slot-list-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-slot-menu-list>
+ *
+ * @event onLuzmoSlotListChanged - Emitted when the slot list changes
+ */
+export const LuzmoSlotMenuList = LuzmoSlotMenuListComponent;

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

@@ -0,0 +1,22 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+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 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 declare const LuzmoSlotMenu: 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/esm/components/slot-menu.component.js

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

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

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+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
+ * @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<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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoVizItemMenu as LuzmoVizItemMenuClass } from '@luzmo/analytics-components-kit/viz-item-menu';
+const LuzmoVizItemMenuComponent = createComponent({
+    tagName: 'luzmo-viz-item-menu',
+    elementClass: LuzmoVizItemMenuClass,
+    react: React,
+    events: {
+        onSelectedChanged: 'selected-changed',
+        onButtonClicked: 'button-clicked',
+        onEditButtonHovered: 'edit-button-hovered'
+    }
+});
+/**
+ * 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;

package/react/esm/index.d.ts

@@ -1,14 +1,37 @@
+export { LuzmoAiChat, type LuzmoAiChatElement } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField, type LuzmoDataFieldElement } from './components/data-field.component';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect, type LuzmoDataFieldsSelectElement } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon, type LuzmoDatasetIconElement } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList, type LuzmoDatasetSelectorListElement } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow, type LuzmoDatasetSelectorRowElement } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings, type LuzmoDisplaySettingsElement } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning, type LuzmoDisplaySettingsBinningElement } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals, type LuzmoDisplaySettingsGrandTotalsElement } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric, type LuzmoDisplaySettingsNumericElement } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod, type LuzmoDisplaySettingsPeriodOverPeriodElement } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker, type LuzmoFilterExpressionPickerElement } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem, type LuzmoFilterItemElement } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker, type LuzmoFilterParameterPickerElement } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime, type LuzmoFilterValuePickerDatetimeElement } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy, type LuzmoFilterValuePickerHierarchyElement } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric, type LuzmoFilterValuePickerNumericElement } from './components/filter-value-picker-numeric.component';
 export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.component';
 export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.component';
 export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.component';
+export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem, type LuzmoInteractiveVizItemElement } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.component';
 export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.component';
 export { LuzmoItemOptionColorPalettePicker, type LuzmoItemOptionColorPalettePickerElement } from './components/item-option-color-palette-picker.component';
 export { LuzmoItemOptionColorPicker, type LuzmoItemOptionColorPickerElement } from './components/item-option-color-picker.component';
 export { LuzmoItemOptionColorRange, type LuzmoItemOptionColorRangeElement } from './components/item-option-color-range.component';
+export { LuzmoItemOptionGuidelines, type LuzmoItemOptionGuidelinesElement } from './components/item-option-guidelines.component';
 export { LuzmoItemOptionMultiLanguageField, type LuzmoItemOptionMultiLanguageFieldElement } from './components/item-option-multi-language-field.component';
 export { LuzmoItemOptionNumberField, type LuzmoItemOptionNumberFieldElement } from './components/item-option-number-field.component';
 export { LuzmoItemOptionPanel, type LuzmoItemOptionPanelElement } from './components/item-option-panel.component';
@@ -23,6 +46,9 @@ export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/i
 export { LuzmoItemSlotDropPanel, type LuzmoItemSlotDropPanelElement } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker, type LuzmoItemSlotPickerElement } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from './components/item-slot-picker-panel.component';
-export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
-export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoDataField", "LuzmoDataFieldPanel", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel"];
+export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.component';
+export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.component';
+export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.component';
+export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
+export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionGuidelines", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/react/esm/index.js

@@ -1,16 +1,39 @@
 // Auto-generated React wrappers for Luzmo Analytics Components Kit
 // Generated using @lit/react
+import { LuzmoAiChat } from './components/ai-chat.component';
+import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 import { LuzmoDataField } from './components/data-field.component';
+import { LuzmoDataFieldLevel } from './components/data-field-level.component';
 import { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+import { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+import { LuzmoDatasetIcon } from './components/dataset-icon.component';
+import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+import { LuzmoDisplaySettings } from './components/display-settings.component';
+import { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+import { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+import { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+import { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+import { LuzmoFilterItem } from './components/filter-item.component';
+import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+import { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+import { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+import { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+import { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 import { LuzmoFilters } from './components/filters.component';
 import { LuzmoFormula } from './components/formula.component';
 import { LuzmoFormulaEditor } from './components/formula-editor.component';
+import { LuzmoFormulaField } from './components/formula-field.component';
+import { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 import { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
 import { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.component';
 import { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.component';
 import { LuzmoItemOptionColorRange } from './components/item-option-color-range.component';
+import { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.component';
 import { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.component';
 import { LuzmoItemOptionNumberField } from './components/item-option-number-field.component';
 import { LuzmoItemOptionPanel } from './components/item-option-panel.component';
@@ -25,17 +48,43 @@ import { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 import { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 import { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 import { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+import { LuzmoSlotMenu } from './components/slot-menu.component';
+import { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+import { LuzmoVizItemMenu } from './components/viz-item-menu.component';
+export { LuzmoAiChat } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField } from './components/data-field.component';
+export { LuzmoDataFieldLevel } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 export { LuzmoFilters } from './components/filters.component';
 export { LuzmoFormula } from './components/formula.component';
 export { LuzmoFormulaEditor } from './components/formula-editor.component';
+export { LuzmoFormulaField } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid } from './components/item-grid.component';
 export { LuzmoItemOption } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
 export { LuzmoItemOptionColorPalettePicker } from './components/item-option-color-palette-picker.component';
 export { LuzmoItemOptionColorPicker } from './components/item-option-color-picker.component';
 export { LuzmoItemOptionColorRange } from './components/item-option-color-range.component';
+export { LuzmoItemOptionGuidelines } from './components/item-option-guidelines.component';
 export { LuzmoItemOptionMultiLanguageField } from './components/item-option-multi-language-field.component';
 export { LuzmoItemOptionNumberField } from './components/item-option-number-field.component';
 export { LuzmoItemOptionPanel } from './components/item-option-panel.component';
@@ -50,19 +99,45 @@ export { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 export { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+export { LuzmoSlotMenu } from './components/slot-menu.component';
+export { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+export { LuzmoVizItemMenu } from './components/viz-item-menu.component';
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
+    LuzmoAiChat,
+    LuzmoAiInteractionTextarea,
     LuzmoDataField,
+    LuzmoDataFieldLevel,
     LuzmoDataFieldPanel,
+    LuzmoDataFieldsSelect,
+    LuzmoDatasetIcon,
+    LuzmoDatasetSelectorList,
+    LuzmoDatasetSelectorRow,
+    LuzmoDisplaySettings,
+    LuzmoDisplaySettingsBinning,
+    LuzmoDisplaySettingsDatetime,
+    LuzmoDisplaySettingsGrandTotals,
+    LuzmoDisplaySettingsNumeric,
+    LuzmoDisplaySettingsPeriodOverPeriod,
+    LuzmoFilterExpressionPicker,
+    LuzmoFilterItem,
+    LuzmoFilterParameterPicker,
+    LuzmoFilterValuePicker,
+    LuzmoFilterValuePickerDatetime,
+    LuzmoFilterValuePickerHierarchy,
+    LuzmoFilterValuePickerNumeric,
     LuzmoFilters,
     LuzmoFormula,
     LuzmoFormulaEditor,
+    LuzmoFormulaField,
+    LuzmoInteractiveVizItem,
     LuzmoItemGrid,
     LuzmoItemOption,
     LuzmoItemOptionActionButtonGroup,
     LuzmoItemOptionColorPalettePicker,
     LuzmoItemOptionColorPicker,
     LuzmoItemOptionColorRange,
+    LuzmoItemOptionGuidelines,
     LuzmoItemOptionMultiLanguageField,
     LuzmoItemOptionNumberField,
     LuzmoItemOptionPanel,
@@ -76,21 +151,47 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoItemSlotDrop,
     LuzmoItemSlotDropPanel,
     LuzmoItemSlotPicker,
-    LuzmoItemSlotPickerPanel
+    LuzmoItemSlotPickerPanel,
+    LuzmoSlotMenu,
+    LuzmoSlotMenuList,
+    LuzmoVizItemMenu
 ];
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
+    'LuzmoAiChat',
+    'LuzmoAiInteractionTextarea',
     'LuzmoDataField',
+    'LuzmoDataFieldLevel',
     'LuzmoDataFieldPanel',
+    'LuzmoDataFieldsSelect',
+    'LuzmoDatasetIcon',
+    'LuzmoDatasetSelectorList',
+    'LuzmoDatasetSelectorRow',
+    'LuzmoDisplaySettings',
+    'LuzmoDisplaySettingsBinning',
+    'LuzmoDisplaySettingsDatetime',
+    'LuzmoDisplaySettingsGrandTotals',
+    'LuzmoDisplaySettingsNumeric',
+    'LuzmoDisplaySettingsPeriodOverPeriod',
+    'LuzmoFilterExpressionPicker',
+    'LuzmoFilterItem',
+    'LuzmoFilterParameterPicker',
+    'LuzmoFilterValuePicker',
+    'LuzmoFilterValuePickerDatetime',
+    'LuzmoFilterValuePickerHierarchy',
+    'LuzmoFilterValuePickerNumeric',
     'LuzmoFilters',
     'LuzmoFormula',
     'LuzmoFormulaEditor',
+    'LuzmoFormulaField',
+    'LuzmoInteractiveVizItem',
     'LuzmoItemGrid',
     'LuzmoItemOption',
     'LuzmoItemOptionActionButtonGroup',
     'LuzmoItemOptionColorPalettePicker',
     'LuzmoItemOptionColorPicker',
     'LuzmoItemOptionColorRange',
+    'LuzmoItemOptionGuidelines',
     'LuzmoItemOptionMultiLanguageField',
     'LuzmoItemOptionNumberField',
     'LuzmoItemOptionPanel',
@@ -104,5 +205,8 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoItemSlotDrop',
     'LuzmoItemSlotDropPanel',
     'LuzmoItemSlotPicker',
-    'LuzmoItemSlotPickerPanel'
+    'LuzmoItemSlotPickerPanel',
+    'LuzmoSlotMenu',
+    'LuzmoSlotMenuList',
+    'LuzmoVizItemMenu'
 ];