@genesislcap/foundation-zero 14.488.2 → 14.489.0-GENC-1351.10

package/dist/dts/react.d.ts

@@ -91,7 +91,7 @@ import type { TreeItem as TreeItemWC } from './tree-item/tree-item';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
 import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
-import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail } from '@genesislcap/foundation-ui';
+import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail } from '@genesislcap/foundation-ui';
 
 /** @internal Maps a web component class to its public props only.
  * keyof T skips private/protected members, so this avoids the TS error
@@ -140,15 +140,6 @@ export declare const AccordionItem: React.ForwardRefExoticComponent<
 >;
 export type AccordionItemRef = AccordionItemWC;
 
-export declare const ActionsMenu: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<ActionsMenuWC>
->;
-export type ActionsMenuRef = ActionsMenuWC;
-
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiCriteriaSearchWC>, 'children' | 'style'> &
@@ -160,6 +151,15 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<ActionsMenuWC>
+>;
+export type ActionsMenuRef = ActionsMenuWC;
+
 export declare const AiIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
@@ -285,6 +285,7 @@ export declare const Combobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ComboboxWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
     }
   > & React.RefAttributes<ComboboxWC>
 >;
@@ -716,6 +717,7 @@ export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
     }
   > & React.RefAttributes<SearchBarComboboxWC>
 >;
@@ -766,6 +768,7 @@ export declare const Select: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SelectWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
     }
   > & React.RefAttributes<SelectWC>
 >;

package/dist/react.cjs

@@ -112,11 +112,6 @@ const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
-});
-
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -139,6 +134,11 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+});
+
 const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
@@ -246,8 +246,20 @@ const Checkbox = React.forwardRef(function Checkbox(props, ref) {
 });
 
 const Combobox = React.forwardRef(function Combobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const ConnectionIndicator = React.forwardRef(function ConnectionIndicator(props, ref) {
@@ -732,8 +744,20 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
 });
 
 const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const SearchBar = React.forwardRef(function SearchBar(props, ref) {
@@ -796,8 +820,20 @@ const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
 });
 
 const Select = React.forwardRef(function Select(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const Skeleton = React.forwardRef(function Skeleton(props, ref) {
@@ -988,8 +1024,8 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
 module.exports = {
   Accordion,
   AccordionItem,
-  ActionsMenu,
   AiCriteriaSearch,
+  ActionsMenu,
   AiIndicator,
   Anchor,
   AnchoredRegion,

package/dist/react.mjs

@@ -110,11 +110,6 @@ export const AccordionItem = React.forwardRef(function AccordionItem(props, ref)
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
-});
-
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -137,6 +132,11 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+});
+
 export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
@@ -244,8 +244,20 @@ export const Checkbox = React.forwardRef(function Checkbox(props, ref) {
 });
 
 export const Combobox = React.forwardRef(function Combobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const ConnectionIndicator = React.forwardRef(function ConnectionIndicator(props, ref) {
@@ -730,8 +742,20 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
 });
 
 export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
@@ -794,8 +818,20 @@ export const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref)
 });
 
 export const Select = React.forwardRef(function Select(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref }, children);
+  const { onOpenChange, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onOpenChangeRef = React.useRef(onOpenChange);
+  _onOpenChangeRef.current = onOpenChange;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
+    el.addEventListener('open-change', _onOpenChangeFn);
+    return () => {
+      el.removeEventListener('open-change', _onOpenChangeFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const Skeleton = React.forwardRef(function Skeleton(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.488.2",
+  "version": "14.489.0-GENC-1351.10",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.488.2",
-    "@genesislcap/rollup-builder": "14.488.2",
-    "@genesislcap/ts-builder": "14.488.2",
-    "@genesislcap/uvu-playwright-builder": "14.488.2",
-    "@genesislcap/vite-builder": "14.488.2",
-    "@genesislcap/webpack-builder": "14.488.2"
+    "@genesislcap/genx": "14.489.0-GENC-1351.10",
+    "@genesislcap/rollup-builder": "14.489.0-GENC-1351.10",
+    "@genesislcap/ts-builder": "14.489.0-GENC-1351.10",
+    "@genesislcap/uvu-playwright-builder": "14.489.0-GENC-1351.10",
+    "@genesislcap/vite-builder": "14.489.0-GENC-1351.10",
+    "@genesislcap/webpack-builder": "14.489.0-GENC-1351.10"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.488.2",
-    "@genesislcap/foundation-logger": "14.488.2",
-    "@genesislcap/foundation-ui": "14.488.2",
-    "@genesislcap/foundation-utils": "14.488.2",
+    "@genesislcap/foundation-comms": "14.489.0-GENC-1351.10",
+    "@genesislcap/foundation-logger": "14.489.0-GENC-1351.10",
+    "@genesislcap/foundation-ui": "14.489.0-GENC-1351.10",
+    "@genesislcap/foundation-utils": "14.489.0-GENC-1351.10",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "babd82759de2896aaec4b630259c716b59afb1b3"
+  "gitHead": "3a274a433b5f216481f035a4fa38fa726103d694"
 }