@genesislcap/foundation-zero 14.457.1 → 14.458.1-GENC-0.1

package/dist/dts/react.d.ts

@@ -120,23 +120,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -245,6 +245,7 @@ export declare const Calendar: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<CalendarWC>, 'children' | 'style'> &
     HTMLWCProps & {
+      onDateselected?: (event: CustomEvent<unknown>) => void;
     }
   > & React.RefAttributes<CalendarWC>
 >;
@@ -436,6 +437,12 @@ export declare const ZeroRuleExpressionBuilder: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ZeroRuleExpressionBuilderWC>, '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<ZeroRuleExpressionBuilderWC>
 >;
@@ -445,6 +452,12 @@ export declare const ZeroValueExpressionBuilder: React.ForwardRefExoticComponent
   React.PropsWithChildren<
     Omit<PublicOf<ZeroValueExpressionBuilderWC>, '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<ZeroValueExpressionBuilderWC>
 >;

package/dist/react.cjs

@@ -102,14 +102,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -202,8 +202,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) {
@@ -399,13 +411,87 @@ const ZeroExpressionBuilder = React.forwardRef(function ZeroExpressionBuilder(pr
 });
 
 const ZeroRuleExpressionBuilder = React.forwardRef(function ZeroRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-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(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-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(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 const FileUpload = React.forwardRef(function FileUpload(props, ref) {
@@ -900,8 +986,8 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
 });
 
 module.exports = {
-  Accordion,
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,

package/dist/react.mjs

@@ -100,14 +100,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -200,8 +200,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) {
@@ -397,13 +409,87 @@ export const ZeroExpressionBuilder = React.forwardRef(function ZeroExpressionBui
 });
 
 export const ZeroRuleExpressionBuilder = React.forwardRef(function ZeroRuleExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-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(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExpressionBuilder(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-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(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 export const FileUpload = React.forwardRef(function FileUpload(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.457.1",
+  "version": "14.458.1-GENC-0.1",
   "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.457.1",
-    "@genesislcap/rollup-builder": "14.457.1",
-    "@genesislcap/ts-builder": "14.457.1",
-    "@genesislcap/uvu-playwright-builder": "14.457.1",
-    "@genesislcap/vite-builder": "14.457.1",
-    "@genesislcap/webpack-builder": "14.457.1"
+    "@genesislcap/genx": "14.458.1-GENC-0.1",
+    "@genesislcap/rollup-builder": "14.458.1-GENC-0.1",
+    "@genesislcap/ts-builder": "14.458.1-GENC-0.1",
+    "@genesislcap/uvu-playwright-builder": "14.458.1-GENC-0.1",
+    "@genesislcap/vite-builder": "14.458.1-GENC-0.1",
+    "@genesislcap/webpack-builder": "14.458.1-GENC-0.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.457.1",
-    "@genesislcap/foundation-logger": "14.457.1",
-    "@genesislcap/foundation-ui": "14.457.1",
-    "@genesislcap/foundation-utils": "14.457.1",
+    "@genesislcap/foundation-comms": "14.458.1-GENC-0.1",
+    "@genesislcap/foundation-logger": "14.458.1-GENC-0.1",
+    "@genesislcap/foundation-ui": "14.458.1-GENC-0.1",
+    "@genesislcap/foundation-utils": "14.458.1-GENC-0.1",
     "@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": "d11a46202d4f1404deffdaa867fcbe5b2c8225dc"
+  "gitHead": "4807180a46cbc61edd0c9d000340abbdf90eb47c"
 }