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

package/esm/components/filter-parameter-picker.component.d.ts

@@ -1,8 +1,16 @@
-import { ReactWebComponent } from '@lit/react';
-import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass, FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
 /**
  * React wrapper for <luzmo-filter-parameter-picker>
+ *
+ * @event onLuzmoParameterSelected - Fired when a parameter is selected.
+ * @event onLuzmoParameterCreated - Fired when a parameter is created.
+ * @event onLuzmoParameterRemoved - Fired when a parameter is detached from the filter.
  */
-export declare const LuzmoFilterParameterPicker: ReactWebComponent<LuzmoFilterParameterPickerClass>;
+export declare const LuzmoFilterParameterPicker: ReactWebComponent<LuzmoFilterParameterPickerClass, {
+    onLuzmoParameterSelected: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+    onLuzmoParameterCreated: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+    onLuzmoParameterRemoved: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+}>;
 /** The underlying custom element type for LuzmoFilterParameterPicker */
 export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerClass;

package/esm/components/filter-parameter-picker.component.js

@@ -5,9 +5,17 @@ const LuzmoFilterParameterPickerComponent = createComponent({
     tagName: 'luzmo-filter-parameter-picker',
     elementClass: LuzmoFilterParameterPickerClass,
     react: React,
-    events: {}
+    events: {
+        onLuzmoParameterSelected: 'luzmo-parameter-selected',
+        onLuzmoParameterCreated: 'luzmo-parameter-created',
+        onLuzmoParameterRemoved: 'luzmo-parameter-removed'
+    }
 });
 /**
  * React wrapper for <luzmo-filter-parameter-picker>
+ *
+ * @event onLuzmoParameterSelected - Fired when a parameter is selected.
+ * @event onLuzmoParameterCreated - Fired when a parameter is created.
+ * @event onLuzmoParameterRemoved - Fired when a parameter is detached from the filter.
  */
 export const LuzmoFilterParameterPicker = LuzmoFilterParameterPickerComponent;

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

@@ -1,12 +1,20 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoFilters as LuzmoFiltersClass, FiltersChangedEventDetail } from '@luzmo/analytics-components-kit/filters';
+import { LuzmoFilters as LuzmoFiltersClass, FilterParameter, FiltersChangedEventDetail } from '@luzmo/analytics-components-kit/filters';
 /**
  * React wrapper for <luzmo-filters>
  *
- * @event onLuzmoFiltersChanged - Announces that the filters have changed
+ * @event onLuzmoFiltersChanged - Announces that the filters have changed, carrying the emitted groups and the format they are in
+ * @event onLuzmoParameterCreated - Announces that a parameter was created and added to `parameters`.
+ * @event onLuzmoParameterRemoved - Announces that a parameter was detached from a filter.
  */
 export declare const LuzmoFilters: ReactWebComponent<LuzmoFiltersClass, {
     onLuzmoFiltersChanged: EventName<CustomEvent<FiltersChangedEventDetail>>;
+    onLuzmoParameterCreated: EventName<CustomEvent<{
+        parameter: FilterParameter;
+    }>>;
+    onLuzmoParameterRemoved: EventName<CustomEvent<{
+        parameter: FilterParameter;
+    }>>;
 }>;
 /** The underlying custom element type for LuzmoFilters */
 export type LuzmoFiltersElement = LuzmoFiltersClass;

package/esm/components/filters.component.js

@@ -6,12 +6,16 @@ const LuzmoFiltersComponent = createComponent({
     elementClass: LuzmoFiltersClass,
     react: React,
     events: {
-        onLuzmoFiltersChanged: 'luzmo-filters-changed'
+        onLuzmoFiltersChanged: 'luzmo-filters-changed',
+        onLuzmoParameterCreated: 'luzmo-parameter-created',
+        onLuzmoParameterRemoved: 'luzmo-parameter-removed'
     }
 });
 /**
  * React wrapper for <luzmo-filters>
  *
- * @event onLuzmoFiltersChanged - Announces that the filters have changed
+ * @event onLuzmoFiltersChanged - Announces that the filters have changed, carrying the emitted groups and the format they are in
+ * @event onLuzmoParameterCreated - Announces that a parameter was created and added to `parameters`.
+ * @event onLuzmoParameterRemoved - Announces that a parameter was detached from a filter.
  */
 export const LuzmoFilters = LuzmoFiltersComponent;

package/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/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/esm/index.d.ts

@@ -31,6 +31,7 @@ export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroup
 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';
@@ -48,6 +49,6 @@ export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from '
 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];
-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", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
+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/esm/index.js

@@ -33,6 +33,7 @@ import { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 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';
@@ -83,6 +84,7 @@ export { LuzmoItemOptionActionButtonGroup } from './components/item-option-actio
 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';
@@ -135,6 +137,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoItemOptionColorPalettePicker,
     LuzmoItemOptionColorPicker,
     LuzmoItemOptionColorRange,
+    LuzmoItemOptionGuidelines,
     LuzmoItemOptionMultiLanguageField,
     LuzmoItemOptionNumberField,
     LuzmoItemOptionPanel,
@@ -188,6 +191,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoItemOptionColorPalettePicker',
     'LuzmoItemOptionColorPicker',
     'LuzmoItemOptionColorRange',
+    'LuzmoItemOptionGuidelines',
     'LuzmoItemOptionMultiLanguageField',
     'LuzmoItemOptionNumberField',
     'LuzmoItemOptionPanel',

package/package.json

@@ -29,7 +29,7 @@
   "peerDependencies": {
     "@lit/react": "^1.0.6",
     "react": "^18.0.0 || ^19.0.0",
-    "@luzmo/analytics-components-kit": "^1.0.6"
+    "@luzmo/analytics-components-kit": "^1.0.8-beta.1"
   },
-  "version": "1.0.6"
+  "version": "1.0.8-beta.1"
 }