@genesislcap/foundation-zero 14.458.0 → 14.458.1-GENC-0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/dts/react.d.ts +13 -0
  2. package/dist/react.cjs +92 -6
  3. package/dist/react.mjs +92 -6
  4. package/package.json +12 -12
package/dist/dts/react.d.ts CHANGED
@@ -245,6 +245,7 @@ export declare const Calendar: React.ForwardRefExoticComponent<
245
245
  React.PropsWithChildren<
246
246
  Omit<PublicOf<CalendarWC>, 'children' | 'style'> &
247
247
  HTMLWCProps & {
248
+ onDateselected?: (event: CustomEvent<unknown>) => void;
248
249
  }
249
250
  > & React.RefAttributes<CalendarWC>
250
251
  >;
@@ -436,6 +437,12 @@ export declare const ZeroRuleExpressionBuilder: React.ForwardRefExoticComponent<
436
437
  React.PropsWithChildren<
437
438
  Omit<PublicOf<ZeroRuleExpressionBuilderWC>, 'children' | 'style'> &
438
439
  HTMLWCProps & {
440
+ onAddGroup?: (event: CustomEvent<unknown>) => void;
441
+ onDelGroup?: (event: CustomEvent<unknown>) => void;
442
+ onAddRule?: (event: CustomEvent<unknown>) => void;
443
+ onDelRule?: (event: CustomEvent<unknown>) => void;
444
+ onUpdateGroup?: (event: CustomEvent<unknown>) => void;
445
+ onUpdateRule?: (event: CustomEvent<unknown>) => void;
439
446
  }
440
447
  > & React.RefAttributes<ZeroRuleExpressionBuilderWC>
441
448
  >;
@@ -445,6 +452,12 @@ export declare const ZeroValueExpressionBuilder: React.ForwardRefExoticComponent
445
452
  React.PropsWithChildren<
446
453
  Omit<PublicOf<ZeroValueExpressionBuilderWC>, 'children' | 'style'> &
447
454
  HTMLWCProps & {
455
+ onAddGroup?: (event: CustomEvent<unknown>) => void;
456
+ onDelGroup?: (event: CustomEvent<unknown>) => void;
457
+ onAddRule?: (event: CustomEvent<unknown>) => void;
458
+ onDelRule?: (event: CustomEvent<unknown>) => void;
459
+ onUpdateGroup?: (event: CustomEvent<unknown>) => void;
460
+ onUpdateRule?: (event: CustomEvent<unknown>) => void;
448
461
  }
449
462
  > & React.RefAttributes<ZeroValueExpressionBuilderWC>
450
463
  >;
package/dist/react.cjs CHANGED
@@ -202,8 +202,20 @@ const Button = React.forwardRef(function Button(props, ref) {
202
202
  });
203
203
 
204
204
  const Calendar = React.forwardRef(function Calendar(props, ref) {
205
- const { children, ...rest } = props;
206
- return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
205
+ const { onDateselected, children, ...rest } = props;
206
+ const _innerRef = React.useRef(null);
207
+ const _onDateselectedRef = React.useRef(onDateselected);
208
+ _onDateselectedRef.current = onDateselected;
209
+ React.useLayoutEffect(() => {
210
+ const el = _innerRef.current;
211
+ if (!el) return;
212
+ const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
213
+ el.addEventListener('dateselected', _onDateselectedFn);
214
+ return () => {
215
+ el.removeEventListener('dateselected', _onDateselectedFn);
216
+ };
217
+ }, []);
218
+ return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
207
219
  });
208
220
 
209
221
  const Card = React.forwardRef(function Card(props, ref) {
@@ -399,13 +411,87 @@ const ZeroExpressionBuilder = React.forwardRef(function ZeroExpressionBuilder(pr
399
411
  });
400
412
 
401
413
  const ZeroRuleExpressionBuilder = React.forwardRef(function ZeroRuleExpressionBuilder(props, ref) {
402
- const { children, ...rest } = props;
403
- return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref }, children);
414
+ const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
415
+ const _innerRef = React.useRef(null);
416
+ const _onAddGroupRef = React.useRef(onAddGroup);
417
+ _onAddGroupRef.current = onAddGroup;
418
+ const _onDelGroupRef = React.useRef(onDelGroup);
419
+ _onDelGroupRef.current = onDelGroup;
420
+ const _onAddRuleRef = React.useRef(onAddRule);
421
+ _onAddRuleRef.current = onAddRule;
422
+ const _onDelRuleRef = React.useRef(onDelRule);
423
+ _onDelRuleRef.current = onDelRule;
424
+ const _onUpdateGroupRef = React.useRef(onUpdateGroup);
425
+ _onUpdateGroupRef.current = onUpdateGroup;
426
+ const _onUpdateRuleRef = React.useRef(onUpdateRule);
427
+ _onUpdateRuleRef.current = onUpdateRule;
428
+ React.useLayoutEffect(() => {
429
+ const el = _innerRef.current;
430
+ if (!el) return;
431
+ const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
432
+ el.addEventListener('add-group', _onAddGroupFn);
433
+ const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
434
+ el.addEventListener('del-group', _onDelGroupFn);
435
+ const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
436
+ el.addEventListener('add-rule', _onAddRuleFn);
437
+ const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
438
+ el.addEventListener('del-rule', _onDelRuleFn);
439
+ const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
440
+ el.addEventListener('update-group', _onUpdateGroupFn);
441
+ const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
442
+ el.addEventListener('update-rule', _onUpdateRuleFn);
443
+ return () => {
444
+ el.removeEventListener('add-group', _onAddGroupFn);
445
+ el.removeEventListener('del-group', _onDelGroupFn);
446
+ el.removeEventListener('add-rule', _onAddRuleFn);
447
+ el.removeEventListener('del-rule', _onDelRuleFn);
448
+ el.removeEventListener('update-group', _onUpdateGroupFn);
449
+ el.removeEventListener('update-rule', _onUpdateRuleFn);
450
+ };
451
+ }, []);
452
+ return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
404
453
  });
405
454
 
406
455
  const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExpressionBuilder(props, ref) {
407
- const { children, ...rest } = props;
408
- return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref }, children);
456
+ const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
457
+ const _innerRef = React.useRef(null);
458
+ const _onAddGroupRef = React.useRef(onAddGroup);
459
+ _onAddGroupRef.current = onAddGroup;
460
+ const _onDelGroupRef = React.useRef(onDelGroup);
461
+ _onDelGroupRef.current = onDelGroup;
462
+ const _onAddRuleRef = React.useRef(onAddRule);
463
+ _onAddRuleRef.current = onAddRule;
464
+ const _onDelRuleRef = React.useRef(onDelRule);
465
+ _onDelRuleRef.current = onDelRule;
466
+ const _onUpdateGroupRef = React.useRef(onUpdateGroup);
467
+ _onUpdateGroupRef.current = onUpdateGroup;
468
+ const _onUpdateRuleRef = React.useRef(onUpdateRule);
469
+ _onUpdateRuleRef.current = onUpdateRule;
470
+ React.useLayoutEffect(() => {
471
+ const el = _innerRef.current;
472
+ if (!el) return;
473
+ const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
474
+ el.addEventListener('add-group', _onAddGroupFn);
475
+ const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
476
+ el.addEventListener('del-group', _onDelGroupFn);
477
+ const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
478
+ el.addEventListener('add-rule', _onAddRuleFn);
479
+ const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
480
+ el.addEventListener('del-rule', _onDelRuleFn);
481
+ const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
482
+ el.addEventListener('update-group', _onUpdateGroupFn);
483
+ const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
484
+ el.addEventListener('update-rule', _onUpdateRuleFn);
485
+ return () => {
486
+ el.removeEventListener('add-group', _onAddGroupFn);
487
+ el.removeEventListener('del-group', _onDelGroupFn);
488
+ el.removeEventListener('add-rule', _onAddRuleFn);
489
+ el.removeEventListener('del-rule', _onDelRuleFn);
490
+ el.removeEventListener('update-group', _onUpdateGroupFn);
491
+ el.removeEventListener('update-rule', _onUpdateRuleFn);
492
+ };
493
+ }, []);
494
+ return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
409
495
  });
410
496
 
411
497
  const FileUpload = React.forwardRef(function FileUpload(props, ref) {
package/dist/react.mjs CHANGED
@@ -200,8 +200,20 @@ export const Button = React.forwardRef(function Button(props, ref) {
200
200
  });
201
201
 
202
202
  export const Calendar = React.forwardRef(function Calendar(props, ref) {
203
- const { children, ...rest } = props;
204
- return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref }, children);
203
+ const { onDateselected, children, ...rest } = props;
204
+ const _innerRef = React.useRef(null);
205
+ const _onDateselectedRef = React.useRef(onDateselected);
206
+ _onDateselectedRef.current = onDateselected;
207
+ React.useLayoutEffect(() => {
208
+ const el = _innerRef.current;
209
+ if (!el) return;
210
+ const _onDateselectedFn = (e) => _onDateselectedRef.current?.(e);
211
+ el.addEventListener('dateselected', _onDateselectedFn);
212
+ return () => {
213
+ el.removeEventListener('dateselected', _onDateselectedFn);
214
+ };
215
+ }, []);
216
+ return React.createElement(customElements.getName(CalendarWC) ?? '%%prefix%%-calendar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
205
217
  });
206
218
 
207
219
  export const Card = React.forwardRef(function Card(props, ref) {
@@ -397,13 +409,87 @@ export const ZeroExpressionBuilder = React.forwardRef(function ZeroExpressionBui
397
409
  });
398
410
 
399
411
  export const ZeroRuleExpressionBuilder = React.forwardRef(function ZeroRuleExpressionBuilder(props, ref) {
400
- const { children, ...rest } = props;
401
- return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref }, children);
412
+ const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
413
+ const _innerRef = React.useRef(null);
414
+ const _onAddGroupRef = React.useRef(onAddGroup);
415
+ _onAddGroupRef.current = onAddGroup;
416
+ const _onDelGroupRef = React.useRef(onDelGroup);
417
+ _onDelGroupRef.current = onDelGroup;
418
+ const _onAddRuleRef = React.useRef(onAddRule);
419
+ _onAddRuleRef.current = onAddRule;
420
+ const _onDelRuleRef = React.useRef(onDelRule);
421
+ _onDelRuleRef.current = onDelRule;
422
+ const _onUpdateGroupRef = React.useRef(onUpdateGroup);
423
+ _onUpdateGroupRef.current = onUpdateGroup;
424
+ const _onUpdateRuleRef = React.useRef(onUpdateRule);
425
+ _onUpdateRuleRef.current = onUpdateRule;
426
+ React.useLayoutEffect(() => {
427
+ const el = _innerRef.current;
428
+ if (!el) return;
429
+ const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
430
+ el.addEventListener('add-group', _onAddGroupFn);
431
+ const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
432
+ el.addEventListener('del-group', _onDelGroupFn);
433
+ const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
434
+ el.addEventListener('add-rule', _onAddRuleFn);
435
+ const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
436
+ el.addEventListener('del-rule', _onDelRuleFn);
437
+ const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
438
+ el.addEventListener('update-group', _onUpdateGroupFn);
439
+ const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
440
+ el.addEventListener('update-rule', _onUpdateRuleFn);
441
+ return () => {
442
+ el.removeEventListener('add-group', _onAddGroupFn);
443
+ el.removeEventListener('del-group', _onDelGroupFn);
444
+ el.removeEventListener('add-rule', _onAddRuleFn);
445
+ el.removeEventListener('del-rule', _onDelRuleFn);
446
+ el.removeEventListener('update-group', _onUpdateGroupFn);
447
+ el.removeEventListener('update-rule', _onUpdateRuleFn);
448
+ };
449
+ }, []);
450
+ return React.createElement(customElements.getName(ZeroRuleExpressionBuilderWC) ?? 'zero-rule-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
402
451
  });
403
452
 
404
453
  export const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExpressionBuilder(props, ref) {
405
- const { children, ...rest } = props;
406
- return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref }, children);
454
+ const { onAddGroup, onDelGroup, onAddRule, onDelRule, onUpdateGroup, onUpdateRule, children, ...rest } = props;
455
+ const _innerRef = React.useRef(null);
456
+ const _onAddGroupRef = React.useRef(onAddGroup);
457
+ _onAddGroupRef.current = onAddGroup;
458
+ const _onDelGroupRef = React.useRef(onDelGroup);
459
+ _onDelGroupRef.current = onDelGroup;
460
+ const _onAddRuleRef = React.useRef(onAddRule);
461
+ _onAddRuleRef.current = onAddRule;
462
+ const _onDelRuleRef = React.useRef(onDelRule);
463
+ _onDelRuleRef.current = onDelRule;
464
+ const _onUpdateGroupRef = React.useRef(onUpdateGroup);
465
+ _onUpdateGroupRef.current = onUpdateGroup;
466
+ const _onUpdateRuleRef = React.useRef(onUpdateRule);
467
+ _onUpdateRuleRef.current = onUpdateRule;
468
+ React.useLayoutEffect(() => {
469
+ const el = _innerRef.current;
470
+ if (!el) return;
471
+ const _onAddGroupFn = (e) => _onAddGroupRef.current?.(e);
472
+ el.addEventListener('add-group', _onAddGroupFn);
473
+ const _onDelGroupFn = (e) => _onDelGroupRef.current?.(e);
474
+ el.addEventListener('del-group', _onDelGroupFn);
475
+ const _onAddRuleFn = (e) => _onAddRuleRef.current?.(e);
476
+ el.addEventListener('add-rule', _onAddRuleFn);
477
+ const _onDelRuleFn = (e) => _onDelRuleRef.current?.(e);
478
+ el.addEventListener('del-rule', _onDelRuleFn);
479
+ const _onUpdateGroupFn = (e) => _onUpdateGroupRef.current?.(e);
480
+ el.addEventListener('update-group', _onUpdateGroupFn);
481
+ const _onUpdateRuleFn = (e) => _onUpdateRuleRef.current?.(e);
482
+ el.addEventListener('update-rule', _onUpdateRuleFn);
483
+ return () => {
484
+ el.removeEventListener('add-group', _onAddGroupFn);
485
+ el.removeEventListener('del-group', _onDelGroupFn);
486
+ el.removeEventListener('add-rule', _onAddRuleFn);
487
+ el.removeEventListener('del-rule', _onDelRuleFn);
488
+ el.removeEventListener('update-group', _onUpdateGroupFn);
489
+ el.removeEventListener('update-rule', _onUpdateRuleFn);
490
+ };
491
+ }, []);
492
+ return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
407
493
  });
408
494
 
409
495
  export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.458.0",
4
+ "version": "14.458.1-GENC-0.2",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
73
73
  },
74
74
  "devDependencies": {
75
75
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
76
- "@genesislcap/genx": "14.458.0",
77
- "@genesislcap/rollup-builder": "14.458.0",
78
- "@genesislcap/ts-builder": "14.458.0",
79
- "@genesislcap/uvu-playwright-builder": "14.458.0",
80
- "@genesislcap/vite-builder": "14.458.0",
81
- "@genesislcap/webpack-builder": "14.458.0"
76
+ "@genesislcap/genx": "14.458.1-GENC-0.2",
77
+ "@genesislcap/rollup-builder": "14.458.1-GENC-0.2",
78
+ "@genesislcap/ts-builder": "14.458.1-GENC-0.2",
79
+ "@genesislcap/uvu-playwright-builder": "14.458.1-GENC-0.2",
80
+ "@genesislcap/vite-builder": "14.458.1-GENC-0.2",
81
+ "@genesislcap/webpack-builder": "14.458.1-GENC-0.2"
82
82
  },
83
83
  "dependencies": {
84
- "@genesislcap/foundation-comms": "14.458.0",
85
- "@genesislcap/foundation-logger": "14.458.0",
86
- "@genesislcap/foundation-ui": "14.458.0",
87
- "@genesislcap/foundation-utils": "14.458.0",
84
+ "@genesislcap/foundation-comms": "14.458.1-GENC-0.2",
85
+ "@genesislcap/foundation-logger": "14.458.1-GENC-0.2",
86
+ "@genesislcap/foundation-ui": "14.458.1-GENC-0.2",
87
+ "@genesislcap/foundation-utils": "14.458.1-GENC-0.2",
88
88
  "@microsoft/fast-colors": "5.3.1",
89
89
  "@microsoft/fast-components": "2.30.6",
90
90
  "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
111
111
  "require": "./dist/react.cjs"
112
112
  }
113
113
  },
114
- "gitHead": "be04e474ce5154f026d9d01372eec7c6a24b012f"
114
+ "gitHead": "7506d57ff2fb4954bdba714195727a48ebb3d9a3"
115
115
  }