@genesislcap/rapid-design-system 14.458.0 → 14.458.1

package/dist/dts/react.d.ts

@@ -240,6 +240,7 @@ export declare const Calendar: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<CalendarWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onDateselected?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<CalendarWC>
 >;
@@ -375,6 +376,12 @@ export declare const RapidRuleExpressionBuilder: React.ForwardRefExoticComponent
   React.PropsWithChildren<
     Omit<PublicOf<RapidRuleExpressionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onAddGroup?: (event: CustomEvent<unknown>) => void;
+      onDelGroup?: (event: CustomEvent<unknown>) => void;
+      onAddRule?: (event: CustomEvent<unknown>) => void;
+      onDelRule?: (event: CustomEvent<unknown>) => void;
+      onUpdateGroup?: (event: CustomEvent<unknown>) => void;
+      onUpdateRule?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<RapidRuleExpressionBuilderWC>
 >;
@@ -384,6 +391,12 @@ export declare const RapidValueExpressionBuilder: React.ForwardRefExoticComponen
   React.PropsWithChildren<
     Omit<PublicOf<RapidValueExpressionBuilderWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onAddGroup?: (event: CustomEvent<unknown>) => void;
+      onDelGroup?: (event: CustomEvent<unknown>) => void;
+      onAddRule?: (event: CustomEvent<unknown>) => void;
+      onDelRule?: (event: CustomEvent<unknown>) => void;
+      onUpdateGroup?: (event: CustomEvent<unknown>) => void;
+      onUpdateRule?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<RapidValueExpressionBuilderWC>
 >;
@@ -840,6 +853,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<TooltipWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onDismiss?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<TooltipWC>
 >;

package/dist/react.cjs

@@ -197,8 +197,20 @@ const Button = React.forwardRef(function Button(props, ref) {
 });
 
 const Calendar = React.forwardRef(function Calendar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
+  const { onDateselected, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDateselectedRef = React.useRef(onDateselected);
+  _onDateselectedRef.current = onDateselected;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
+    el.addEventListener('dateselected', _onDateselectedFn);
+    return () => {
+      el.removeEventListener('dateselected', _onDateselectedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const Card = React.forwardRef(function Card(props, ref) {
@@ -340,13 +352,87 @@ const RapidExpressionBuilder = React.forwardRef(function RapidExpressionBuilder(
 });
 
 const RapidRuleExpressionBuilder = React.forwardRef(function RapidRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const RapidValueExpressionBuilder = React.forwardRef(function RapidValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const FileUpload = React.forwardRef(function FileUpload(props, ref) {
@@ -782,8 +868,20 @@ const Toolbar = React.forwardRef(function Toolbar(props, ref) {
 });
 
 const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+  const { onDismiss, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDismissRef = React.useRef(onDismiss);
+  _onDismissRef.current = onDismiss;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDismissFn = (e) => _onDismissRef.current?.(e);
+    el.addEventListener('dismiss', _onDismissFn);
+    return () => {
+      el.removeEventListener('dismiss', _onDismissFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const TreeItem = React.forwardRef(function TreeItem(props, ref) {

package/dist/react.mjs

@@ -195,8 +195,20 @@ export const Button = React.forwardRef(function Button(props, ref) {
 });
 
 export const Calendar = React.forwardRef(function Calendar(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
+  const { onDateselected, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDateselectedRef = React.useRef(onDateselected);
+  _onDateselectedRef.current = onDateselected;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
+    el.addEventListener('dateselected', _onDateselectedFn);
+    return () => {
+      el.removeEventListener('dateselected', _onDateselectedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const Card = React.forwardRef(function Card(props, ref) {
@@ -338,13 +350,87 @@ export const RapidExpressionBuilder = React.forwardRef(function RapidExpressionB
 });
 
 export const RapidRuleExpressionBuilder = React.forwardRef(function RapidRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidRuleExpressionBuilderWC) ?? 'rapid-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const RapidValueExpressionBuilder = React.forwardRef(function RapidValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref }, children);
+  const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onAddGroupRef = React.useRef(onAddGroup);
+  _onAddGroupRef.current = onAddGroup;
+  const _onDelGroupRef = React.useRef(onDelGroup);
+  _onDelGroupRef.current = onDelGroup;
+  const _onAddRuleRef = React.useRef(onAddRule);
+  _onAddRuleRef.current = onAddRule;
+  const _onDelRuleRef = React.useRef(onDelRule);
+  _onDelRuleRef.current = onDelRule;
+  const _onUpdateGroupRef = React.useRef(onUpdateGroup);
+  _onUpdateGroupRef.current = onUpdateGroup;
+  const _onUpdateRuleRef = React.useRef(onUpdateRule);
+  _onUpdateRuleRef.current = onUpdateRule;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
+    el.addEventListener('add-group', _onAddGroupFn);
+    const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
+    el.addEventListener('del-group', _onDelGroupFn);
+    const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
+    el.addEventListener('add-rule', _onAddRuleFn);
+    const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
+    el.addEventListener('del-rule', _onDelRuleFn);
+    const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
+    el.addEventListener('update-group', _onUpdateGroupFn);
+    const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
+    el.addEventListener('update-rule', _onUpdateRuleFn);
+    return () => {
+      el.removeEventListener('add-group', _onAddGroupFn);
+      el.removeEventListener('del-group', _onDelGroupFn);
+      el.removeEventListener('add-rule', _onAddRuleFn);
+      el.removeEventListener('del-rule', _onDelRuleFn);
+      el.removeEventListener('update-group', _onUpdateGroupFn);
+      el.removeEventListener('update-rule', _onUpdateRuleFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(RapidValueExpressionBuilderWC) ?? 'rapid-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
@@ -780,8 +866,20 @@ export const Toolbar = React.forwardRef(function Toolbar(props, ref) {
 });
 
 export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref }, children);
+  const { onDismiss, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onDismissRef = React.useRef(onDismiss);
+  _onDismissRef.current = onDismiss;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onDismissFn = (e) => _onDismissRef.current?.(e);
+    el.addEventListener('dismiss', _onDismissFn);
+    return () => {
+      el.removeEventListener('dismiss', _onDismissFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(TooltipWC) ?? '%%prefix%%-tooltip', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const TreeItem = React.forwardRef(function TreeItem(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.458.0",
+  "version": "14.458.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.458.0",
-    "@genesislcap/rollup-builder": "14.458.0",
-    "@genesislcap/ts-builder": "14.458.0",
-    "@genesislcap/uvu-playwright-builder": "14.458.0",
-    "@genesislcap/vite-builder": "14.458.0",
-    "@genesislcap/webpack-builder": "14.458.0"
+    "@genesislcap/genx": "14.458.1",
+    "@genesislcap/rollup-builder": "14.458.1",
+    "@genesislcap/ts-builder": "14.458.1",
+    "@genesislcap/uvu-playwright-builder": "14.458.1",
+    "@genesislcap/vite-builder": "14.458.1",
+    "@genesislcap/webpack-builder": "14.458.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.458.0",
-    "@genesislcap/foundation-ui": "14.458.0",
-    "@genesislcap/foundation-utils": "14.458.0",
+    "@genesislcap/foundation-logger": "14.458.1",
+    "@genesislcap/foundation-ui": "14.458.1",
+    "@genesislcap/foundation-utils": "14.458.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -73,5 +73,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "be04e474ce5154f026d9d01372eec7c6a24b012f"
+  "gitHead": "9a9a06b62f1430b654373489196bff948db724ce"
 }