@luzmo/analytics-components-kit 1.0.1-alpha.147 → 1.0.1-alpha.148

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionColorRange as LuzmoItemOptionColorRangeClass } from '@luzmo/analytics-components-kit/item-option-color-range';
+
+const LuzmoItemOptionColorRangeComponent = createComponent({
+  tagName: 'luzmo-item-option-color-range',
+  elementClass: LuzmoItemOptionColorRangeClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-color-range>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the color range is changed.
+ */
+export const LuzmoItemOptionColorRange = LuzmoItemOptionColorRangeComponent as ReactWebComponent<
+  LuzmoItemOptionColorRangeClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionColorRange */
+export type LuzmoItemOptionColorRangeElement = LuzmoItemOptionColorRangeClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionMultiLangField as LuzmoItemOptionMultiLangFieldClass } from '@luzmo/analytics-components-kit/item-option-multi-language-field';
+
+const LuzmoItemOptionMultiLanguageFieldComponent = createComponent({
+  tagName: 'luzmo-item-option-multi-language-field',
+  elementClass: LuzmoItemOptionMultiLangFieldClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-multi-language-field>
+ */
+export const LuzmoItemOptionMultiLanguageField = LuzmoItemOptionMultiLanguageFieldComponent as ReactWebComponent<
+  LuzmoItemOptionMultiLangFieldClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionMultiLanguageField */
+export type LuzmoItemOptionMultiLanguageFieldElement = LuzmoItemOptionMultiLangFieldClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-number-field';
+
+const LuzmoItemOptionNumberFieldComponent = createComponent({
+  tagName: 'luzmo-item-option-number-field',
+  elementClass: LuzmoItemOptionNumberFieldClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-number-field>
+ */
+export const LuzmoItemOptionNumberField = LuzmoItemOptionNumberFieldComponent as ReactWebComponent<
+  LuzmoItemOptionNumberFieldClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionNumberField */
+export type LuzmoItemOptionNumberFieldElement = LuzmoItemOptionNumberFieldClass;

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

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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPicker as LuzmoItemOptionPickerClass } from '@luzmo/analytics-components-kit/item-option-picker';
+
+const LuzmoItemOptionPickerComponent = createComponent({
+  tagName: 'luzmo-item-option-picker',
+  elementClass: LuzmoItemOptionPickerClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-picker>
+ */
+export const LuzmoItemOptionPicker = LuzmoItemOptionPickerComponent as ReactWebComponent<
+  LuzmoItemOptionPickerClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionPicker */
+export type LuzmoItemOptionPickerElement = LuzmoItemOptionPickerClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPositionPicker as LuzmoItemOptionPositionPickerClass } from '@luzmo/analytics-components-kit/item-option-position-picker';
+
+const LuzmoItemOptionPositionPickerComponent = createComponent({
+  tagName: 'luzmo-item-option-position-picker',
+  elementClass: LuzmoItemOptionPositionPickerClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-position-picker>
+ */
+export const LuzmoItemOptionPositionPicker = LuzmoItemOptionPositionPickerComponent as ReactWebComponent<
+  LuzmoItemOptionPositionPickerClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionPositionPicker */
+export type LuzmoItemOptionPositionPickerElement = LuzmoItemOptionPositionPickerClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPositionsNumberField as LuzmoItemOptionPositionsNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-positions-number-field';
+
+const LuzmoItemOptionPositionsNumberFieldComponent = createComponent({
+  tagName: 'luzmo-item-option-positions-number-field',
+  elementClass: LuzmoItemOptionPositionsNumberFieldClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-positions-number-field>
+ */
+export const LuzmoItemOptionPositionsNumberField = LuzmoItemOptionPositionsNumberFieldComponent as ReactWebComponent<
+  LuzmoItemOptionPositionsNumberFieldClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionPositionsNumberField */
+export type LuzmoItemOptionPositionsNumberFieldElement = LuzmoItemOptionPositionsNumberFieldClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionRadioButtonGroup as LuzmoItemOptionRadioButtonGroupClass } from '@luzmo/analytics-components-kit/item-option-radio-button-group';
+
+const LuzmoItemOptionRadioButtonGroupComponent = createComponent({
+  tagName: 'luzmo-item-option-radio-button-group',
+  elementClass: LuzmoItemOptionRadioButtonGroupClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-radio-button-group>
+ */
+export const LuzmoItemOptionRadioButtonGroup = LuzmoItemOptionRadioButtonGroupComponent as ReactWebComponent<
+  LuzmoItemOptionRadioButtonGroupClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionRadioButtonGroup */
+export type LuzmoItemOptionRadioButtonGroupElement = LuzmoItemOptionRadioButtonGroupClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionSlider as LuzmoItemOptionSliderClass } from '@luzmo/analytics-components-kit/item-option-slider';
+
+const LuzmoItemOptionSliderComponent = createComponent({
+  tagName: 'luzmo-item-option-slider',
+  elementClass: LuzmoItemOptionSliderClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-slider>
+ */
+export const LuzmoItemOptionSlider = LuzmoItemOptionSliderComponent as ReactWebComponent<
+  LuzmoItemOptionSliderClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionSlider */
+export type LuzmoItemOptionSliderElement = LuzmoItemOptionSliderClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionSwitch as LuzmoItemOptionSwitchClass } from '@luzmo/analytics-components-kit/item-option-switch';
+
+const LuzmoItemOptionSwitchComponent = createComponent({
+  tagName: 'luzmo-item-option-switch',
+  elementClass: LuzmoItemOptionSwitchClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-switch>
+ */
+export const LuzmoItemOptionSwitch = LuzmoItemOptionSwitchComponent as ReactWebComponent<
+  LuzmoItemOptionSwitchClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionSwitch */
+export type LuzmoItemOptionSwitchElement = LuzmoItemOptionSwitchClass;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionTextField as LuzmoItemOptionTextFieldClass } from '@luzmo/analytics-components-kit/item-option-text-field';
+
+const LuzmoItemOptionTextFieldComponent = createComponent({
+  tagName: 'luzmo-item-option-text-field',
+  elementClass: LuzmoItemOptionTextFieldClass,
+  react: React,
+  events: {
+    onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option-text-field>
+ */
+export const LuzmoItemOptionTextField = LuzmoItemOptionTextFieldComponent as ReactWebComponent<
+  LuzmoItemOptionTextFieldClass,
+  {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+  }
+>;
+
+/** The underlying custom element type for LuzmoItemOptionTextField */
+export type LuzmoItemOptionTextFieldElement = LuzmoItemOptionTextFieldClass;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { createComponent, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOption as LuzmoItemOptionClass } from '@luzmo/analytics-components-kit/item-option';
+
+const LuzmoItemOptionComponent = createComponent({
+  tagName: 'luzmo-item-option',
+  elementClass: LuzmoItemOptionClass,
+  react: React,
+  events: {
+
+  }
+});
+
+/**
+ * React wrapper for <luzmo-item-option>
+ */
+export const LuzmoItemOption = LuzmoItemOptionComponent as ReactWebComponent<
+  LuzmoItemOptionClass
+>;
+
+/** The underlying custom element type for LuzmoItemOption */
+export type LuzmoItemOptionElement = LuzmoItemOptionClass;

package/react/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts}

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemDataDropPanel as LuzmoItemDataDropPanelClass } from '@luzmo/analytics-components-kit/item-data-drop-panel';
+import { LuzmoItemSlotDropPanel as LuzmoItemSlotDropPanelClass } from '@luzmo/analytics-components-kit/item-slot-drop-panel';
 
-const LuzmoItemDataDropPanelComponent = createComponent({
-  tagName: 'luzmo-item-data-drop-panel',
-  elementClass: LuzmoItemDataDropPanelClass,
+const LuzmoItemSlotDropPanelComponent = createComponent({
+  tagName: 'luzmo-item-slot-drop-panel',
+  elementClass: LuzmoItemSlotDropPanelClass,
   react: React,
   events: {
     onLuzmoSlotConstraintTriggered: 'luzmo-slot-constraint-triggered' as EventName<CustomEvent>,
@@ -13,18 +13,18 @@ const LuzmoItemDataDropPanelComponent = createComponent({
 });
 
 /**
- * React wrapper for <luzmo-item-data-drop-panel>
+ * React wrapper for <luzmo-item-slot-drop-panel>
  *
  * @event onLuzmoSlotConstraintTriggered - Emitted when constraint-mode is 'event-only' and a change would trigger constraints
  * @event onLuzmoSlotsContentsChanged - Announces that the slots contents have changed
  */
-export const LuzmoItemDataDropPanel = LuzmoItemDataDropPanelComponent as ReactWebComponent<
-  LuzmoItemDataDropPanelClass,
+export const LuzmoItemSlotDropPanel = LuzmoItemSlotDropPanelComponent as ReactWebComponent<
+  LuzmoItemSlotDropPanelClass,
   {
     onLuzmoSlotConstraintTriggered: EventName<CustomEvent>;
     onLuzmoSlotsContentsChanged: EventName<CustomEvent>;
   }
 >;
 
-/** The underlying custom element type for LuzmoItemDataDropPanel */
-export type LuzmoItemDataDropPanelElement = LuzmoItemDataDropPanelClass;
+/** The underlying custom element type for LuzmoItemSlotDropPanel */
+export type LuzmoItemSlotDropPanelElement = LuzmoItemSlotDropPanelClass;

package/react/components/{droppable-slot.component.ts → item-slot-drop.component.ts}

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDroppableSlot as LuzmoDroppableSlotClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/droppable-slot';
+import { LuzmoItemSlotDrop as LuzmoItemSlotDropClass, InfoVisibilityChangedEventDetail, SlotContentsChangedEventDetail } from '@luzmo/analytics-components-kit/item-slot-drop';
 
-const LuzmoDroppableSlotComponent = createComponent({
-  tagName: 'luzmo-droppable-slot',
-  elementClass: LuzmoDroppableSlotClass,
+const LuzmoItemSlotDropComponent = createComponent({
+  tagName: 'luzmo-item-slot-drop',
+  elementClass: LuzmoItemSlotDropClass,
   react: React,
   events: {
     onLuzmoSlotMenuInactive: 'luzmo-slot-menu-inactive' as EventName<CustomEvent>,
@@ -16,13 +16,13 @@ const LuzmoDroppableSlotComponent = createComponent({
 });
 
 /**
- * React wrapper for <luzmo-droppable-slot>
+ * React wrapper for <luzmo-item-slot-drop>
  *
  * @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 const LuzmoDroppableSlot = LuzmoDroppableSlotComponent as ReactWebComponent<
-  LuzmoDroppableSlotClass,
+export const LuzmoItemSlotDrop = LuzmoItemSlotDropComponent as ReactWebComponent<
+  LuzmoItemSlotDropClass,
   {
     onLuzmoSlotMenuInactive: EventName<CustomEvent>;
     onLuzmoSlotMenuActive: EventName<CustomEvent>;
@@ -32,5 +32,5 @@ export const LuzmoDroppableSlot = LuzmoDroppableSlotComponent as ReactWebCompone
   }
 >;
 
-/** The underlying custom element type for LuzmoDroppableSlot */
-export type LuzmoDroppableSlotElement = LuzmoDroppableSlotClass;
+/** The underlying custom element type for LuzmoItemSlotDrop */
+export type LuzmoItemSlotDropElement = LuzmoItemSlotDropClass;

package/react/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts}

@@ -1,10 +1,10 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoItemDataPickerPanel as LuzmoItemDataPickerPanelClass } from '@luzmo/analytics-components-kit/item-data-picker-panel';
+import { LuzmoItemSlotPickerPanel as LuzmoItemSlotPickerPanelClass } from '@luzmo/analytics-components-kit/item-slot-picker-panel';
 
-const LuzmoItemDataPickerPanelComponent = createComponent({
-  tagName: 'luzmo-item-data-picker-panel',
-  elementClass: LuzmoItemDataPickerPanelClass,
+const LuzmoItemSlotPickerPanelComponent = createComponent({
+  tagName: 'luzmo-item-slot-picker-panel',
+  elementClass: LuzmoItemSlotPickerPanelClass,
   react: React,
   events: {
     onLuzmoDatasetConstraintTriggered: 'luzmo-dataset-constraint-triggered' as EventName<CustomEvent>,
@@ -15,15 +15,15 @@ const LuzmoItemDataPickerPanelComponent = createComponent({
 });
 
 /**
- * React wrapper for <luzmo-item-data-picker-panel>
+ * React wrapper for <luzmo-item-slot-picker-panel>
  *
  * @event onLuzmoDatasetConstraintTriggered - Emitted when constraint-mode is 'event-only' and dataset change would clear slots
  * @event onLuzmoSlotsContentsChanged - Announces that the slots contents have changed
  * @event onLuzmoDatasetChanged - Announces that the selected dataset has changed
  * @event onLuzmoSlotConstraintTriggered - Emitted when constraint-mode is 'event-only' and a change would trigger constraints
  */
-export const LuzmoItemDataPickerPanel = LuzmoItemDataPickerPanelComponent as ReactWebComponent<
-  LuzmoItemDataPickerPanelClass,
+export const LuzmoItemSlotPickerPanel = LuzmoItemSlotPickerPanelComponent as ReactWebComponent<
+  LuzmoItemSlotPickerPanelClass,
   {
     onLuzmoDatasetConstraintTriggered: EventName<CustomEvent>;
     onLuzmoSlotsContentsChanged: EventName<CustomEvent>;
@@ -32,5 +32,5 @@ export const LuzmoItemDataPickerPanel = LuzmoItemDataPickerPanelComponent as Rea
   }
 >;
 
-/** The underlying custom element type for LuzmoItemDataPickerPanel */
-export type LuzmoItemDataPickerPanelElement = LuzmoItemDataPickerPanelClass;
+/** The underlying custom element type for LuzmoItemSlotPickerPanel */
+export type LuzmoItemSlotPickerPanelElement = LuzmoItemSlotPickerPanelClass;

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

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

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

@@ -1,6 +1,6 @@
 import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
 import { DatasetColumnMetadata } from '@utils/data-broker';
-import type { SlotContentsChangedEventDetail } from '../droppable-slot/types';
+import type { SlotContentsChangedEventDetail } from '../item-slot-drop/types';
 
 export interface MeasureColumnsItem {
   datasetId: string;

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

@@ -0,0 +1,18 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDataFieldLevel as LuzmoDataFieldLevelClass, DatasetDataField } 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<{
+        data: DatasetDataField;
+    }>>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent<{
+        data: DatasetDataField;
+    }>>;
+}>;
+/** 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/{draggable-data-fields-panel.component.d.ts → data-field-panel.component.d.ts}

@@ -1,7 +1,7 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDraggableDataFieldsPanel as LuzmoDraggableDataFieldsPanelClass } from '@luzmo/analytics-components-kit/draggable-data-fields-panel';
+import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytics-components-kit/data-field-panel';
 /**
- * A panel component that displays a list of draggable data fields from a dataset.
+ * A panel component that displays a list of data fields from a dataset.
  * Optionally includes a dataset picker dropdown to switch between datasets.
  *
  * Data can be provided in two ways:
@@ -9,13 +9,13 @@ import { LuzmoDraggableDataFieldsPanel as LuzmoDraggableDataFieldsPanelClass } f
  * 2. `datasetIds` + auth props - Fetches data automatically using the Luzmo API
  *
  * @event onLuzmoDatasetChanged - Announces that the selected dataset has changed
- * @event onLuzmoDataFieldDropped - Announces that a draggable data field has been dropped
+ * @event onLuzmoDataFieldDropped - Announces that a data field has been dropped
  * @event onLuzmoDataFieldDragStarted - Announces that a drag has started on a data field
  */
-export declare const LuzmoDraggableDataFieldsPanel: ReactWebComponent<LuzmoDraggableDataFieldsPanelClass, {
+export declare const LuzmoDataFieldPanel: ReactWebComponent<LuzmoDataFieldPanelClass, {
     onLuzmoDatasetChanged: EventName<CustomEvent>;
     onLuzmoDataFieldDropped: EventName<CustomEvent>;
     onLuzmoDataFieldDragStarted: EventName<CustomEvent>;
 }>;
-/** The underlying custom element type for LuzmoDraggableDataFieldsPanel */
-export type LuzmoDraggableDataFieldsPanelElement = LuzmoDraggableDataFieldsPanelClass;
+/** The underlying custom element type for LuzmoDataFieldPanel */
+export type LuzmoDataFieldPanelElement = LuzmoDataFieldPanelClass;

package/react/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { createComponent } from '@lit/react';
-import { LuzmoDraggableDataFieldsPanel as LuzmoDraggableDataFieldsPanelClass } from '@luzmo/analytics-components-kit/draggable-data-fields-panel';
-const LuzmoDraggableDataFieldsPanelComponent = createComponent({
-    tagName: 'luzmo-draggable-data-fields-panel',
-    elementClass: LuzmoDraggableDataFieldsPanelClass,
+import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytics-components-kit/data-field-panel';
+const LuzmoDataFieldPanelComponent = createComponent({
+    tagName: 'luzmo-data-field-panel',
+    elementClass: LuzmoDataFieldPanelClass,
     react: React,
     events: {
         onLuzmoDatasetChanged: 'luzmo-dataset-changed',
@@ -12,7 +12,7 @@ const LuzmoDraggableDataFieldsPanelComponent = createComponent({
     }
 });
 /**
- * A panel component that displays a list of draggable data fields from a dataset.
+ * A panel component that displays a list of data fields from a dataset.
  * Optionally includes a dataset picker dropdown to switch between datasets.
  *
  * Data can be provided in two ways:
@@ -20,7 +20,7 @@ const LuzmoDraggableDataFieldsPanelComponent = createComponent({
  * 2. `datasetIds` + auth props - Fetches data automatically using the Luzmo API
  *
  * @event onLuzmoDatasetChanged - Announces that the selected dataset has changed
- * @event onLuzmoDataFieldDropped - Announces that a draggable data field has been dropped
+ * @event onLuzmoDataFieldDropped - Announces that a data field has been dropped
  * @event onLuzmoDataFieldDragStarted - Announces that a drag has started on a data field
  */
-export const LuzmoDraggableDataFieldsPanel = LuzmoDraggableDataFieldsPanelComponent;
+export const LuzmoDataFieldPanel = LuzmoDataFieldPanelComponent;

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

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilters as LuzmoFiltersClass } 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>;
+}>;
+/** The underlying custom element type for LuzmoFilters */
+export type LuzmoFiltersElement = LuzmoFiltersClass;

package/react/esm/components/filters.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilters as LuzmoFiltersClass } from '@luzmo/analytics-components-kit/filters';
+const LuzmoFiltersComponent = createComponent({
+    tagName: 'luzmo-filters',
+    elementClass: LuzmoFiltersClass,
+    react: React,
+    events: {
+        onLuzmoFiltersChanged: 'luzmo-filters-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filters>
+ *
+ * @event onLuzmoFiltersChanged - Announces that the filters have changed
+ */
+export const LuzmoFilters = LuzmoFiltersComponent;

package/{components/grid → react/esm/components/item-grid}/types.d.ts

@@ -2,7 +2,7 @@ import type { ItemFilterGroup, VizItemOptions, VizItemSlot, VizItemType } from '
 import type { IconDefinition } from '@luzmo/icons';
 import type { Placement } from '@luzmo/lucero';
 import type { TemplateResult } from 'lit';
-export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'edit-options' | 'edit-filters' | 'delete' | 'clone';
+export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'item-options' | 'delete' | 'clone';
 export interface Action {
     icon?: IconDefinition;
     label?: string;

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

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemGrid as LuzmoItemGridClass } from '@luzmo/analytics-components-kit/item-grid';
+/**
+ * React wrapper for <luzmo-item-grid>
+ *
+ * @event onLuzmoItemGridItemAction - Fired when an item action is performed
+ * @event onLuzmoItemGridChanged - Fired when the grid is changed
+ * @event onLuzmoItemGridReady - Fired when the grid is ready
+ */
+export declare const LuzmoItemGrid: ReactWebComponent<LuzmoItemGridClass, {
+    onLuzmoItemGridItemAction: EventName<CustomEvent>;
+    onLuzmoItemGridChanged: EventName<CustomEvent>;
+    onLuzmoItemGridReady: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemGrid */
+export type LuzmoItemGridElement = LuzmoItemGridClass;