@luzmo/analytics-components-kit 1.0.5 → 1.0.7

package/index.d.ts

@@ -36,6 +36,7 @@ export * from './components/item-option-text-field';
 export * from './components/data-fields-select';
 export * from './components/filter-expression-picker';
 export * from './components/filter-item';
+export * from './components/filter-parameter-picker';
 export * from './components/filter-value-picker';
 export * from './components/filter-value-picker-datetime';
 export * from './components/filter-value-picker-hierarchy';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -327,11 +327,11 @@
     "@lit/context": "^1.1.5",
     "@lit/localize": "^0.12.2",
     "@lit/task": "^1.0.1",
-    "@luzmo/embed": "^6.13.0",
-    "@luzmo/icons": "^1.0.1-alpha.44",
-    "@luzmo/lucero": "^1.0.3-alpha.17",
+    "@luzmo/embed": "^7.5.0",
+    "@luzmo/icons": "^1.0.1-alpha.46",
+    "@luzmo/lucero": "^2.0.1",
     "colorjs.io": "^0.5.2",
-    "lit": "^3.3.1",
+    "lit": "^3.3.2",
     "yjs": "^13.6.29"
   },
   "peerDependenciesMeta": {

package/react/components/filter-parameter-picker.component.ts

@@ -1,21 +1,32 @@
 import React from 'react';
-import { createComponent, ReactWebComponent } from '@lit/react';
-import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass, FilterParameterPickerEventDetail } from '@luzmo/analytics-components-kit/filter-parameter-picker';
 
 const LuzmoFilterParameterPickerComponent = createComponent({
   tagName: 'luzmo-filter-parameter-picker',
   elementClass: LuzmoFilterParameterPickerClass,
   react: React,
   events: {
-
+    onLuzmoParameterSelected: 'luzmo-parameter-selected' as EventName<CustomEvent<FilterParameterPickerEventDetail>>,
+    onLuzmoParameterCreated: 'luzmo-parameter-created' as EventName<CustomEvent<FilterParameterPickerEventDetail>>,
+    onLuzmoParameterRemoved: 'luzmo-parameter-removed' as EventName<CustomEvent<FilterParameterPickerEventDetail>>
   }
 });
 
 /**
  * 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 as ReactWebComponent<
-  LuzmoFilterParameterPickerClass
+  LuzmoFilterParameterPickerClass,
+  {
+    onLuzmoParameterSelected: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+    onLuzmoParameterCreated: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+    onLuzmoParameterRemoved: EventName<CustomEvent<FilterParameterPickerEventDetail>>;
+  }
 >;
 
 /** The underlying custom element type for LuzmoFilterParameterPicker */

package/react/components/filters.component.ts

@@ -1,25 +1,31 @@
 import React from 'react';
 import { createComponent, 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';
 
 const LuzmoFiltersComponent = createComponent({
   tagName: 'luzmo-filters',
   elementClass: LuzmoFiltersClass,
   react: React,
   events: {
-    onLuzmoFiltersChanged: 'luzmo-filters-changed' as EventName<CustomEvent<FiltersChangedEventDetail>>
+    onLuzmoFiltersChanged: 'luzmo-filters-changed' as EventName<CustomEvent<FiltersChangedEventDetail>>,
+    onLuzmoParameterCreated: 'luzmo-parameter-created' as EventName<CustomEvent<{ parameter: FilterParameter }>>,
+    onLuzmoParameterRemoved: 'luzmo-parameter-removed' as EventName<CustomEvent<{ parameter: FilterParameter }>>
   }
 });
 
 /**
  * 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 as ReactWebComponent<
   LuzmoFiltersClass,
   {
     onLuzmoFiltersChanged: EventName<CustomEvent<FiltersChangedEventDetail>>;
+    onLuzmoParameterCreated: EventName<CustomEvent<{ parameter: FilterParameter }>>;
+    onLuzmoParameterRemoved: EventName<CustomEvent<{ parameter: FilterParameter }>>;
   }
 >;
 

package/react/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/react/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/react/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/react/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/react/luzmo-stub.d.ts

@@ -103,7 +103,7 @@ declare module '@luzmo/analytics-components-kit/filter-item' {
 
 declare module '@luzmo/analytics-components-kit/filter-parameter-picker' {
   export class LuzmoFilterParameterPicker extends HTMLElement {}
-
+  export type FilterParameterPickerEventDetail = Record<string, unknown>;
 }
 
 declare module '@luzmo/analytics-components-kit/filter-value-picker' {
@@ -128,6 +128,7 @@ declare module '@luzmo/analytics-components-kit/filter-value-picker-numeric' {
 
 declare module '@luzmo/analytics-components-kit/filters' {
   export class LuzmoFilters extends HTMLElement {}
+  export type FilterParameter = Record<string, unknown>;
   export type FiltersChangedEventDetail = Record<string, unknown>;
 }
 

package/react/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.5"
+    "@luzmo/analytics-components-kit": "^1.0.7"
   },
-  "version": "1.0.5"
+  "version": "1.0.7"
 }

package/storybook/register-components.d.ts

@@ -6,6 +6,9 @@
  */
 import '../components/ai-chat';
 import '../components/ai-interaction-textarea';
+import '../components/data-field';
+import '../components/data-field-level';
+import '../components/data-field-panel';
 import '../components/data-fields-select';
 import '../components/dataset-icon';
 import '../components/dataset-selector-list';
@@ -16,12 +19,19 @@ import '../components/display-settings-datetime';
 import '../components/display-settings-grand-totals';
 import '../components/display-settings-numeric';
 import '../components/display-settings-period-over-period';
-import '../components/data-field';
-import '../components/data-field-level';
-import '../components/data-field-panel';
-import '../components/item-slot-drop';
+import '../components/filter-expression-picker';
+import '../components/filter-item';
+import '../components/filter-parameter-picker';
+import '../components/filter-value-picker';
+import '../components/filter-value-picker-datetime';
+import '../components/filter-value-picker-hierarchy';
+import '../components/filter-value-picker-numeric';
 import '../components/filters';
-import '../components/item-option-panel';
+import '../components/formula';
+import '../components/formula-editor';
+import '../components/formula-field';
+import '../components/interactive-viz-item';
+import '../components/item-grid';
 import '../components/item-option';
 import '../components/item-option-action-button-group';
 import '../components/item-option-color-palette-picker';
@@ -29,6 +39,7 @@ import '../components/item-option-color-picker';
 import '../components/item-option-color-range';
 import '../components/item-option-multi-language-field';
 import '../components/item-option-number-field';
+import '../components/item-option-panel';
 import '../components/item-option-picker';
 import '../components/item-option-position-picker';
 import '../components/item-option-positions-number-field';
@@ -36,16 +47,10 @@ import '../components/item-option-radio-button-group';
 import '../components/item-option-slider';
 import '../components/item-option-switch';
 import '../components/item-option-text-field';
-import '../components/filter-expression-picker';
-import '../components/filter-item';
-import '../components/filter-value-picker';
-import '../components/filter-value-picker-datetime';
-import '../components/filter-value-picker-hierarchy';
-import '../components/filter-value-picker-numeric';
-import '../components/item-grid';
+import '../components/item-slot-drop';
 import '../components/item-slot-drop-panel';
-import '../components/item-slot-picker-panel';
 import '../components/item-slot-picker';
+import '../components/item-slot-picker-panel';
 import '../components/slot-menu';
 import '../components/slot-menu-list';
 import '../components/viz-item-menu';

package/utils/formula/store/formula-display-store.d.ts

@@ -68,6 +68,12 @@ export declare class FormulaDisplayStore extends EventTarget {
      * the column label is being resolved).
      */
     setLoading(value: boolean): void;
+    /**
+     * Asks listeners (root and nested CodeMirror editors, aggregation pills) to
+     * rebuild pill decorations. Used when datasets arrive after first paint so
+     * nested column chips can resolve labels from the updated store map.
+     */
+    refreshDecorations(): void;
     /**
      * Flags a just-created aggregation widget so its nested input grabs focus once
      * rendered, but only when the aggregation accepts content (arity > 0); e.g.