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

package/react/index.ts

@@ -2,6 +2,8 @@
 // Generated using @lit/react
 
 import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
+import { LuzmoDataFieldLevel } from './components/data-field-level.component';
+import { LuzmoDataFieldPanel } from './components/data-field-panel.component';
 import { LuzmoDatasetIcon } from './components/dataset-icon.component';
 import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
 import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
@@ -11,24 +13,6 @@ import { LuzmoDisplaySettingsDatetime } from './components/display-settings-date
 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 { LuzmoDraggableDataFieldsPanel } from './components/draggable-data-fields-panel.component';
-import { LuzmoDroppableSlot } from './components/droppable-slot.component';
-import { LuzmoEditFilters } from './components/edit-filters.component';
-import { LuzmoEditItem } from './components/edit-item.component';
-import { LuzmoEditOption } from './components/edit-option.component';
-import { LuzmoEditOptionActionButtonGroup } from './components/edit-option-action-button-group.component';
-import { LuzmoEditOptionColorPalettePicker } from './components/edit-option-color-palette-picker.component';
-import { LuzmoEditOptionColorPicker } from './components/edit-option-color-picker.component';
-import { LuzmoEditOptionColorRange } from './components/edit-option-color-range.component';
-import { LuzmoEditOptionMultiLanguageField } from './components/edit-option-multi-language-field.component';
-import { LuzmoEditOptionNumberField } from './components/edit-option-number-field.component';
-import { LuzmoEditOptionPicker } from './components/edit-option-picker.component';
-import { LuzmoEditOptionPositionPicker } from './components/edit-option-position-picker.component';
-import { LuzmoEditOptionPositionsNumberField } from './components/edit-option-positions-number-field.component';
-import { LuzmoEditOptionRadioButtonGroup } from './components/edit-option-radio-button-group.component';
-import { LuzmoEditOptionSlider } from './components/edit-option-slider.component';
-import { LuzmoEditOptionSwitch } from './components/edit-option-switch.component';
-import { LuzmoEditOptionTextField } from './components/edit-option-text-field.component';
 import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
 import { LuzmoFilterItem } from './components/filter-item.component';
 import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
@@ -36,15 +20,34 @@ import { LuzmoFilterValuePicker } from './components/filter-value-picker.compone
 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 { LuzmoGrid } from './components/grid.component';
-import { LuzmoItemDataDropPanel } from './components/item-data-drop-panel.component';
-import { LuzmoItemDataPickerPanel } from './components/item-data-picker-panel.component';
-import { LuzmoSlotContentsPicker } from './components/slot-contents-picker.component';
+import { LuzmoFilters } from './components/filters.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 { 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';
+import { LuzmoItemOptionPicker } from './components/item-option-picker.component';
+import { LuzmoItemOptionPositionPicker } from './components/item-option-position-picker.component';
+import { LuzmoItemOptionPositionsNumberField } from './components/item-option-positions-number-field.component';
+import { LuzmoItemOptionRadioButtonGroup } from './components/item-option-radio-button-group.component';
+import { LuzmoItemOptionSlider } from './components/item-option-slider.component';
+import { LuzmoItemOptionSwitch } from './components/item-option-switch.component';
+import { LuzmoItemOptionTextField } from './components/item-option-text-field.component';
+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 { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.component';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.component';
+export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.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';
@@ -54,24 +57,6 @@ export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement
 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 { LuzmoDraggableDataFieldsPanel, type LuzmoDraggableDataFieldsPanelElement } from './components/draggable-data-fields-panel.component';
-export { LuzmoDroppableSlot, type LuzmoDroppableSlotElement } from './components/droppable-slot.component';
-export { LuzmoEditFilters, type LuzmoEditFiltersElement } from './components/edit-filters.component';
-export { LuzmoEditItem, type LuzmoEditItemElement } from './components/edit-item.component';
-export { LuzmoEditOption, type LuzmoEditOptionElement } from './components/edit-option.component';
-export { LuzmoEditOptionActionButtonGroup, type LuzmoEditOptionActionButtonGroupElement } from './components/edit-option-action-button-group.component';
-export { LuzmoEditOptionColorPalettePicker, type LuzmoEditOptionColorPalettePickerElement } from './components/edit-option-color-palette-picker.component';
-export { LuzmoEditOptionColorPicker, type LuzmoEditOptionColorPickerElement } from './components/edit-option-color-picker.component';
-export { LuzmoEditOptionColorRange, type LuzmoEditOptionColorRangeElement } from './components/edit-option-color-range.component';
-export { LuzmoEditOptionMultiLanguageField, type LuzmoEditOptionMultiLanguageFieldElement } from './components/edit-option-multi-language-field.component';
-export { LuzmoEditOptionNumberField, type LuzmoEditOptionNumberFieldElement } from './components/edit-option-number-field.component';
-export { LuzmoEditOptionPicker, type LuzmoEditOptionPickerElement } from './components/edit-option-picker.component';
-export { LuzmoEditOptionPositionPicker, type LuzmoEditOptionPositionPickerElement } from './components/edit-option-position-picker.component';
-export { LuzmoEditOptionPositionsNumberField, type LuzmoEditOptionPositionsNumberFieldElement } from './components/edit-option-positions-number-field.component';
-export { LuzmoEditOptionRadioButtonGroup, type LuzmoEditOptionRadioButtonGroupElement } from './components/edit-option-radio-button-group.component';
-export { LuzmoEditOptionSlider, type LuzmoEditOptionSliderElement } from './components/edit-option-slider.component';
-export { LuzmoEditOptionSwitch, type LuzmoEditOptionSwitchElement } from './components/edit-option-switch.component';
-export { LuzmoEditOptionTextField, type LuzmoEditOptionTextFieldElement } from './components/edit-option-text-field.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';
@@ -79,10 +64,27 @@ export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './co
 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 { LuzmoGrid, type LuzmoGridElement } from './components/grid.component';
-export { LuzmoItemDataDropPanel, type LuzmoItemDataDropPanelElement } from './components/item-data-drop-panel.component';
-export { LuzmoItemDataPickerPanel, type LuzmoItemDataPickerPanelElement } from './components/item-data-picker-panel.component';
-export { LuzmoSlotContentsPicker, type LuzmoSlotContentsPickerElement } from './components/slot-contents-picker.component';
+export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.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 { 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';
+export { LuzmoItemOptionPicker, type LuzmoItemOptionPickerElement } from './components/item-option-picker.component';
+export { LuzmoItemOptionPositionPicker, type LuzmoItemOptionPositionPickerElement } from './components/item-option-position-picker.component';
+export { LuzmoItemOptionPositionsNumberField, type LuzmoItemOptionPositionsNumberFieldElement } from './components/item-option-positions-number-field.component';
+export { LuzmoItemOptionRadioButtonGroup, type LuzmoItemOptionRadioButtonGroupElement } from './components/item-option-radio-button-group.component';
+export { LuzmoItemOptionSlider, type LuzmoItemOptionSliderElement } from './components/item-option-slider.component';
+export { LuzmoItemOptionSwitch, type LuzmoItemOptionSwitchElement } from './components/item-option-switch.component';
+export { LuzmoItemOptionTextField, type LuzmoItemOptionTextFieldElement } from './components/item-option-text-field.component';
+export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/item-slot-drop.component';
+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 { 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';
@@ -90,6 +92,8 @@ export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
   LuzmoAiInteractionTextarea,
+  LuzmoDataFieldLevel,
+  LuzmoDataFieldPanel,
   LuzmoDatasetIcon,
   LuzmoDatasetSelectorList,
   LuzmoDatasetSelectorRow,
@@ -99,24 +103,6 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoDisplaySettingsGrandTotals,
   LuzmoDisplaySettingsNumeric,
   LuzmoDisplaySettingsPeriodOverPeriod,
-  LuzmoDraggableDataFieldsPanel,
-  LuzmoDroppableSlot,
-  LuzmoEditFilters,
-  LuzmoEditItem,
-  LuzmoEditOption,
-  LuzmoEditOptionActionButtonGroup,
-  LuzmoEditOptionColorPalettePicker,
-  LuzmoEditOptionColorPicker,
-  LuzmoEditOptionColorRange,
-  LuzmoEditOptionMultiLanguageField,
-  LuzmoEditOptionNumberField,
-  LuzmoEditOptionPicker,
-  LuzmoEditOptionPositionPicker,
-  LuzmoEditOptionPositionsNumberField,
-  LuzmoEditOptionRadioButtonGroup,
-  LuzmoEditOptionSlider,
-  LuzmoEditOptionSwitch,
-  LuzmoEditOptionTextField,
   LuzmoFilterExpressionPicker,
   LuzmoFilterItem,
   LuzmoFilterParameterPicker,
@@ -124,10 +110,27 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoFilterValuePickerDatetime,
   LuzmoFilterValuePickerHierarchy,
   LuzmoFilterValuePickerNumeric,
-  LuzmoGrid,
-  LuzmoItemDataDropPanel,
-  LuzmoItemDataPickerPanel,
-  LuzmoSlotContentsPicker,
+  LuzmoFilters,
+  LuzmoItemGrid,
+  LuzmoItemOption,
+  LuzmoItemOptionActionButtonGroup,
+  LuzmoItemOptionColorPalettePicker,
+  LuzmoItemOptionColorPicker,
+  LuzmoItemOptionColorRange,
+  LuzmoItemOptionMultiLanguageField,
+  LuzmoItemOptionNumberField,
+  LuzmoItemOptionPanel,
+  LuzmoItemOptionPicker,
+  LuzmoItemOptionPositionPicker,
+  LuzmoItemOptionPositionsNumberField,
+  LuzmoItemOptionRadioButtonGroup,
+  LuzmoItemOptionSlider,
+  LuzmoItemOptionSwitch,
+  LuzmoItemOptionTextField,
+  LuzmoItemSlotDrop,
+  LuzmoItemSlotDropPanel,
+  LuzmoItemSlotPicker,
+  LuzmoItemSlotPickerPanel,
   LuzmoSlotMenu,
   LuzmoSlotMenuList,
   LuzmoVizItemMenu
@@ -136,6 +139,8 @@ export const LUZMO_REACT_COMPONENTS = [
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoAiInteractionTextarea',
+  'LuzmoDataFieldLevel',
+  'LuzmoDataFieldPanel',
   'LuzmoDatasetIcon',
   'LuzmoDatasetSelectorList',
   'LuzmoDatasetSelectorRow',
@@ -145,24 +150,6 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoDisplaySettingsGrandTotals',
   'LuzmoDisplaySettingsNumeric',
   'LuzmoDisplaySettingsPeriodOverPeriod',
-  'LuzmoDraggableDataFieldsPanel',
-  'LuzmoDroppableSlot',
-  'LuzmoEditFilters',
-  'LuzmoEditItem',
-  'LuzmoEditOption',
-  'LuzmoEditOptionActionButtonGroup',
-  'LuzmoEditOptionColorPalettePicker',
-  'LuzmoEditOptionColorPicker',
-  'LuzmoEditOptionColorRange',
-  'LuzmoEditOptionMultiLanguageField',
-  'LuzmoEditOptionNumberField',
-  'LuzmoEditOptionPicker',
-  'LuzmoEditOptionPositionPicker',
-  'LuzmoEditOptionPositionsNumberField',
-  'LuzmoEditOptionRadioButtonGroup',
-  'LuzmoEditOptionSlider',
-  'LuzmoEditOptionSwitch',
-  'LuzmoEditOptionTextField',
   'LuzmoFilterExpressionPicker',
   'LuzmoFilterItem',
   'LuzmoFilterParameterPicker',
@@ -170,10 +157,27 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoFilterValuePickerDatetime',
   'LuzmoFilterValuePickerHierarchy',
   'LuzmoFilterValuePickerNumeric',
-  'LuzmoGrid',
-  'LuzmoItemDataDropPanel',
-  'LuzmoItemDataPickerPanel',
-  'LuzmoSlotContentsPicker',
+  'LuzmoFilters',
+  'LuzmoItemGrid',
+  'LuzmoItemOption',
+  'LuzmoItemOptionActionButtonGroup',
+  'LuzmoItemOptionColorPalettePicker',
+  'LuzmoItemOptionColorPicker',
+  'LuzmoItemOptionColorRange',
+  'LuzmoItemOptionMultiLanguageField',
+  'LuzmoItemOptionNumberField',
+  'LuzmoItemOptionPanel',
+  'LuzmoItemOptionPicker',
+  'LuzmoItemOptionPositionPicker',
+  'LuzmoItemOptionPositionsNumberField',
+  'LuzmoItemOptionRadioButtonGroup',
+  'LuzmoItemOptionSlider',
+  'LuzmoItemOptionSwitch',
+  'LuzmoItemOptionTextField',
+  'LuzmoItemSlotDrop',
+  'LuzmoItemSlotDropPanel',
+  'LuzmoItemSlotPicker',
+  'LuzmoItemSlotPickerPanel',
   'LuzmoSlotMenu',
   'LuzmoSlotMenuList',
   'LuzmoVizItemMenu'

package/react/luzmo-stub.d.ts

@@ -4,6 +4,8 @@
 declare module '@luzmo/analytics-components-kit' {
   export const __placeholder: any;
   export class LuzmoAiInteractionTextarea extends HTMLElement {}
+  export class LuzmoDataFieldLevel extends HTMLElement {}
+  export class LuzmoDataFieldPanel extends HTMLElement {}
   export class LuzmoDatasetIcon extends HTMLElement {}
   export class LuzmoDatasetSelectorList extends HTMLElement {}
   export class LuzmoDatasetSelectorRow extends HTMLElement {}
@@ -13,24 +15,6 @@ declare module '@luzmo/analytics-components-kit' {
   export class LuzmoDisplaySettingsGrandTotals extends HTMLElement {}
   export class LuzmoDisplaySettingsNumeric extends HTMLElement {}
   export class LuzmoDisplaySettingsPeriodOverPeriod extends HTMLElement {}
-  export class LuzmoDraggableDataFieldsPanel extends HTMLElement {}
-  export class LuzmoDroppableSlot extends HTMLElement {}
-  export class LuzmoEditFilters extends HTMLElement {}
-  export class LuzmoEditItem extends HTMLElement {}
-  export class LuzmoEditOption extends HTMLElement {}
-  export class LuzmoEditOptionActionButtonGroup extends HTMLElement {}
-  export class LuzmoEditOptionColorPalettePicker extends HTMLElement {}
-  export class LuzmoEditOptionColorPicker extends HTMLElement {}
-  export class LuzmoEditOptionColorRange extends HTMLElement {}
-  export class LuzmoEditOptionMultiLangField extends HTMLElement {}
-  export class LuzmoEditOptionNumberField extends HTMLElement {}
-  export class LuzmoEditOptionPicker extends HTMLElement {}
-  export class LuzmoEditOptionPositionPicker extends HTMLElement {}
-  export class LuzmoEditOptionPositionsNumberField extends HTMLElement {}
-  export class LuzmoEditOptionRadioButtonGroup extends HTMLElement {}
-  export class LuzmoEditOptionSlider extends HTMLElement {}
-  export class LuzmoEditOptionSwitch extends HTMLElement {}
-  export class LuzmoEditOptionTextField extends HTMLElement {}
   export class LuzmoFilterExpressionPicker extends HTMLElement {}
   export class LuzmoFilterItem extends HTMLElement {}
   export class LuzmoFilterParameterPicker extends HTMLElement {}
@@ -38,10 +22,27 @@ declare module '@luzmo/analytics-components-kit' {
   export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
   export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
   export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
-  export class LuzmoGrid extends HTMLElement {}
-  export class LuzmoItemDataDropPanel extends HTMLElement {}
-  export class LuzmoItemDataPickerPanel extends HTMLElement {}
-  export class LuzmoSlotContentsPicker extends HTMLElement {}
+  export class LuzmoFilters extends HTMLElement {}
+  export class LuzmoItemGrid extends HTMLElement {}
+  export class LuzmoItemOption extends HTMLElement {}
+  export class LuzmoItemOptionActionButtonGroup extends HTMLElement {}
+  export class LuzmoItemOptionColorPalettePicker extends HTMLElement {}
+  export class LuzmoItemOptionColorPicker extends HTMLElement {}
+  export class LuzmoItemOptionColorRange extends HTMLElement {}
+  export class LuzmoItemOptionMultiLangField extends HTMLElement {}
+  export class LuzmoItemOptionNumberField extends HTMLElement {}
+  export class LuzmoItemOptionPanel extends HTMLElement {}
+  export class LuzmoItemOptionPicker extends HTMLElement {}
+  export class LuzmoItemOptionPositionPicker extends HTMLElement {}
+  export class LuzmoItemOptionPositionsNumberField extends HTMLElement {}
+  export class LuzmoItemOptionRadioButtonGroup extends HTMLElement {}
+  export class LuzmoItemOptionSlider extends HTMLElement {}
+  export class LuzmoItemOptionSwitch extends HTMLElement {}
+  export class LuzmoItemOptionTextField extends HTMLElement {}
+  export class LuzmoItemSlotDrop extends HTMLElement {}
+  export class LuzmoItemSlotDropPanel extends HTMLElement {}
+  export class LuzmoItemSlotPicker extends HTMLElement {}
+  export class LuzmoItemSlotPickerPanel extends HTMLElement {}
   export class LuzmoSlotMenu extends HTMLElement {}
   export class LuzmoSlotMenuList extends HTMLElement {}
   export class LuzmoVizItemMenu extends HTMLElement {}
@@ -52,6 +53,16 @@ declare module '@luzmo/analytics-components-kit/ai-interaction-textarea' {
 
 }
 
+declare module '@luzmo/analytics-components-kit/data-field-level' {
+  export class LuzmoDataFieldLevel extends HTMLElement {}
+  export type DatasetDataField = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/data-field-panel' {
+  export class LuzmoDataFieldPanel extends HTMLElement {}
+
+}
+
 declare module '@luzmo/analytics-components-kit/dataset-icon' {
   export class LuzmoDatasetIcon extends HTMLElement {}
 
@@ -97,149 +108,144 @@ declare module '@luzmo/analytics-components-kit/display-settings-period-over-per
 
 }
 
-declare module '@luzmo/analytics-components-kit/draggable-data-fields-panel' {
-  export class LuzmoDraggableDataFieldsPanel extends HTMLElement {}
-
-}
+declare module '@luzmo/analytics-components-kit/filter-expression-picker' {
+  export class LuzmoFilterExpressionPicker extends HTMLElement {}
 
-declare module '@luzmo/analytics-components-kit/droppable-slot' {
-  export class LuzmoDroppableSlot extends HTMLElement {}
-  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
-  export type SlotContentsChangedEventDetail = Record<string, unknown>;
 }
 
-declare module '@luzmo/analytics-components-kit/edit-filters' {
-  export class LuzmoEditFilters extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-item' {
+  export class LuzmoFilterItem extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-item' {
-  export class LuzmoEditItem extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-parameter-picker' {
+  export class LuzmoFilterParameterPicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option' {
-  export class LuzmoEditOption extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-value-picker' {
+  export class LuzmoFilterValuePicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-action-button-group' {
-  export class LuzmoEditOptionActionButtonGroup extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-value-picker-datetime' {
+  export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-color-palette-picker' {
-  export class LuzmoEditOptionColorPalettePicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-value-picker-hierarchy' {
+  export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-color-picker' {
-  export class LuzmoEditOptionColorPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filter-value-picker-numeric' {
+  export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-color-range' {
-  export class LuzmoEditOptionColorRange extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/filters' {
+  export class LuzmoFilters extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-multi-language-field' {
-  export class LuzmoEditOptionMultiLangField extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-grid' {
+  export class LuzmoItemGrid extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-number-field' {
-  export class LuzmoEditOptionNumberField extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option' {
+  export class LuzmoItemOption extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-picker' {
-  export class LuzmoEditOptionPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-action-button-group' {
+  export class LuzmoItemOptionActionButtonGroup extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-position-picker' {
-  export class LuzmoEditOptionPositionPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-color-palette-picker' {
+  export class LuzmoItemOptionColorPalettePicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-positions-number-field' {
-  export class LuzmoEditOptionPositionsNumberField extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-color-picker' {
+  export class LuzmoItemOptionColorPicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-radio-button-group' {
-  export class LuzmoEditOptionRadioButtonGroup extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-color-range' {
+  export class LuzmoItemOptionColorRange extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-slider' {
-  export class LuzmoEditOptionSlider extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-multi-language-field' {
+  export class LuzmoItemOptionMultiLangField extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-switch' {
-  export class LuzmoEditOptionSwitch extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-number-field' {
+  export class LuzmoItemOptionNumberField extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/edit-option-text-field' {
-  export class LuzmoEditOptionTextField extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-panel' {
+  export class LuzmoItemOptionPanel extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-expression-picker' {
-  export class LuzmoFilterExpressionPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-picker' {
+  export class LuzmoItemOptionPicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-item' {
-  export class LuzmoFilterItem extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-position-picker' {
+  export class LuzmoItemOptionPositionPicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-parameter-picker' {
-  export class LuzmoFilterParameterPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-positions-number-field' {
+  export class LuzmoItemOptionPositionsNumberField extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-value-picker' {
-  export class LuzmoFilterValuePicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-radio-button-group' {
+  export class LuzmoItemOptionRadioButtonGroup extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-value-picker-datetime' {
-  export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-slider' {
+  export class LuzmoItemOptionSlider extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-value-picker-hierarchy' {
-  export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-switch' {
+  export class LuzmoItemOptionSwitch extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/filter-value-picker-numeric' {
-  export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-option-text-field' {
+  export class LuzmoItemOptionTextField extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/grid' {
-  export class LuzmoGrid extends HTMLElement {}
-
+declare module '@luzmo/analytics-components-kit/item-slot-drop' {
+  export class LuzmoItemSlotDrop extends HTMLElement {}
+  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
+  export type SlotContentsChangedEventDetail = Record<string, unknown>;
 }
 
-declare module '@luzmo/analytics-components-kit/item-data-drop-panel' {
-  export class LuzmoItemDataDropPanel extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-slot-drop-panel' {
+  export class LuzmoItemSlotDropPanel extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/item-data-picker-panel' {
-  export class LuzmoItemDataPickerPanel extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-slot-picker' {
+  export class LuzmoItemSlotPicker extends HTMLElement {}
 
 }
 
-declare module '@luzmo/analytics-components-kit/slot-contents-picker' {
-  export class LuzmoSlotContentsPicker extends HTMLElement {}
+declare module '@luzmo/analytics-components-kit/item-slot-picker-panel' {
+  export class LuzmoItemSlotPickerPanel extends HTMLElement {}
 
 }
 

package/react/types.ts

@@ -38,11 +38,11 @@ export type * from './types/slot.types';
 
 export type * from './components/dataset-icon/types';
 export type * from './components/display-settings/types';
-export type * from './components/draggable-data-field/types';
-export type * from './components/draggable-data-fields-panel/types';
-export type * from './components/droppable-slot/types';
-export type * from './components/edit-filters/types';
-export type * from './components/grid/types';
+export type * from './components/data-field/types';
+export type * from './components/data-field-panel/types';
+export type * from './components/item-slot-drop/types';
+export type * from './components/filters/types';
+export type * from './components/item-grid/types';
 export type * from './components/slot-menu/types';
 export type * from './components/viz-item-menu/types';
 

package/react/utils/slot-state/slot-store.d.ts

@@ -3,7 +3,7 @@ import type { SlotContent } from '../../types/slot.types';
 import { PeriodOverPeriodCondition } from '../time/period-over-period-condition.const';
 export declare class SlotStore {
     /**
-     * Holds all contents for this droppable slot.
+     * Holds all contents for this item slot drop target.
      */
     readonly slotContents: import("signal-polyfill").Signal.State<import("@luzmo/dashboard-contents-types").GenericSlotContent[]>;
     readonly slotsContents: import("signal-polyfill").Signal.State<VizItemSlot[]>;

package/react/utils/transformations/convert-data-field-to-slot-content.d.ts

@@ -1,7 +1,7 @@
 import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
 import type { DatasetDataField } from '../../types/dataset-data-field.types';
 /**
- * Converts data coming from a draggable data field (representing a Dataset column or formula) to the expected format for Luzmo slot contents.
+ * Converts data coming from a data field (representing a Dataset column or formula) to the expected format for Luzmo slot contents.
  * @param data{DatasetDataField} - The DatasetDataField object to convert.
  * @param isSublevelDrop{boolean} - Whether the drop is a sublevel drop.
  * @returns - The GenericSlotContent object.