@genesislcap/expression-builder 15.3.1 → 15.3.2-FUI-2571-formatters.1

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 (2) hide show
  1. package/dist/custom-elements.json +518 -518
  2. package/package.json +10 -10
package/dist/custom-elements.json CHANGED
@@ -157,50 +157,11 @@
157
157
  },
158
158
  {
159
159
  "kind": "javascript-module",
160
- "path": "src/main/events.ts",
161
- "declarations": [],
162
- "exports": []
163
- },
164
- {
165
- "kind": "javascript-module",
166
- "path": "src/main/expression-builder.helpers.ts",
160
+ "path": "src/utils/data-model.ts",
167
161
  "declarations": [
168
162
  {
169
163
  "kind": "function",
170
- "name": "findOperateOnGroup",
171
- "return": {
172
- "type": {
173
- "text": ""
174
- }
175
- },
176
- "parameters": [
177
- {
178
- "name": "model",
179
- "type": {
180
- "text": "ModelGroup"
181
- },
182
- "description": "The root group to start searching from"
183
- },
184
- {
185
- "name": "groupId",
186
- "type": {
187
- "text": "string"
188
- },
189
- "description": "The Group ID to find"
190
- },
191
- {
192
- "name": "fn",
193
- "type": {
194
- "text": "ChildrenOperatorFn"
195
- },
196
- "description": "The function to apply to the children of the found group. A *new* object must be created and returned"
197
- }
198
- ],
199
- "description": "Finds a group within a model and applies a function to create a new children"
200
- },
201
- {
202
- "kind": "function",
203
- "name": "addGroupOrRule",
164
+ "name": "groupToModelGroup",
204
165
  "return": {
205
166
  "type": {
206
167
  "text": "ModelGroup"
@@ -208,215 +169,543 @@
208
169
  },
209
170
  "parameters": [
210
171
  {
211
- "name": "model",
212
- "type": {
213
- "text": "ModelGroup"
214
- }
215
- },
216
- {
217
- "name": "parentGroupId",
172
+ "name": "group",
218
173
  "type": {
219
- "text": "string"
174
+ "text": "Group"
220
175
  }
221
176
  },
222
177
  {
223
- "name": "newItem",
178
+ "name": "provider",
224
179
  "type": {
225
- "text": "ModelGroup | ModelRule"
180
+ "text": "MetadataProvider"
226
181
  }
227
182
  }
228
- ]
183
+ ],
184
+ "description": "Converts a Group to a ModelGroup (adds required metadata)"
229
185
  },
230
186
  {
231
187
  "kind": "function",
232
- "name": "deleteGroup",
188
+ "name": "modelGroupToGroup",
233
189
  "return": {
234
190
  "type": {
235
- "text": "ModelGroup"
191
+ "text": ""
236
192
  }
237
193
  },
238
194
  "parameters": [
239
195
  {
240
- "name": "model",
196
+ "name": "modelGroup",
241
197
  "type": {
242
198
  "text": "ModelGroup"
243
- }
244
- },
245
- {
246
- "name": "groupIdToDelete",
247
- "type": {
248
- "text": "string"
249
- }
199
+ },
200
+ "description": "The internal ModelGroup to convert."
250
201
  }
251
- ]
202
+ ],
203
+ "description": "Converts a ModelGroup (internal data structure) to a public Group structure.\nThis function recursively processes the rules within the group."
252
204
  },
253
205
  {
254
206
  "kind": "function",
255
- "name": "deleteRule",
207
+ "name": "modelRuleToRule",
256
208
  "return": {
257
209
  "type": {
258
- "text": "ModelGroup"
210
+ "text": ""
259
211
  }
260
212
  },
261
213
  "parameters": [
262
214
  {
263
- "name": "model",
264
- "type": {
265
- "text": "ModelGroup"
266
- }
267
- },
268
- {
269
- "name": "ruleIdToDelete",
215
+ "name": "modelRule",
270
216
  "type": {
271
- "text": "string"
272
- }
217
+ "text": "ModelRule"
218
+ },
219
+ "description": "The internal ModelRule to convert."
273
220
  }
274
- ]
221
+ ],
222
+ "description": "Converts a ModelRule (internal data structure) to a public Rule structure."
223
+ }
224
+ ],
225
+ "exports": [
226
+ {
227
+ "kind": "js",
228
+ "name": "groupToModelGroup",
229
+ "declaration": {
230
+ "name": "groupToModelGroup",
231
+ "module": "src/utils/data-model.ts"
232
+ }
275
233
  },
276
234
  {
277
- "kind": "variable",
278
- "name": "ROOT_GROUP",
279
- "type": {
280
- "text": "string"
281
- },
282
- "default": "'group-root'"
235
+ "kind": "js",
236
+ "name": "modelGroupToGroup",
237
+ "declaration": {
238
+ "name": "modelGroupToGroup",
239
+ "module": "src/utils/data-model.ts"
240
+ }
283
241
  },
242
+ {
243
+ "kind": "js",
244
+ "name": "modelRuleToRule",
245
+ "declaration": {
246
+ "name": "modelRuleToRule",
247
+ "module": "src/utils/data-model.ts"
248
+ }
249
+ }
250
+ ]
251
+ },
252
+ {
253
+ "kind": "javascript-module",
254
+ "path": "src/utils/formatting.ts",
255
+ "declarations": [
284
256
  {
285
257
  "kind": "function",
286
- "name": "updateGroupData",
287
- "return": {
288
- "type": {
289
- "text": "ModelGroup"
290
- }
291
- },
258
+ "name": "formatDateString",
292
259
  "parameters": [
293
260
  {
294
- "name": "model",
295
- "type": {
296
- "text": "ModelGroup"
297
- }
298
- },
299
- {
300
- "name": "groupIdToUpdate",
301
- "type": {
302
- "text": "string"
303
- }
304
- },
305
- {
306
- "name": "newData",
261
+ "name": "date",
307
262
  "type": {
308
- "text": "EventsDetailMap[Events.UpdateGroup]['newData']"
263
+ "text": "Date"
309
264
  }
310
265
  }
311
- ]
266
+ ],
267
+ "description": "Gets the string representation from a `Date` which is the format a `date` input uses.\n`yyyy-mm-dd`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
312
268
  },
313
269
  {
314
270
  "kind": "function",
315
- "name": "updateRuleData",
316
- "return": {
317
- "type": {
318
- "text": "ModelGroup"
319
- }
320
- },
271
+ "name": "formatDateTimeString",
321
272
  "parameters": [
322
273
  {
323
- "name": "model",
324
- "type": {
325
- "text": "ModelGroup"
326
- }
327
- },
328
- {
329
- "name": "ruleIdToUpdate",
330
- "type": {
331
- "text": "string"
332
- }
333
- },
334
- {
335
- "name": "newData",
274
+ "name": "date",
336
275
  "type": {
337
- "text": "EventsDetailMap[Events.UpdateRule]['newData']"
276
+ "text": "Date"
338
277
  }
339
278
  }
340
- ]
279
+ ],
280
+ "description": "Gets the string representation from a `Date` which is the format a `datetime-local` input uses.\n`yyyy-mm-ddThh:mm:ss`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
341
281
  }
342
282
  ],
343
283
  "exports": [
344
284
  {
345
285
  "kind": "js",
346
- "name": "findOperateOnGroup",
347
- "declaration": {
348
- "name": "findOperateOnGroup",
349
- "module": "src/main/expression-builder.helpers.ts"
350
- }
351
- },
352
- {
353
- "kind": "js",
354
- "name": "addGroupOrRule",
355
- "declaration": {
356
- "name": "addGroupOrRule",
357
- "module": "src/main/expression-builder.helpers.ts"
358
- }
359
- },
360
- {
361
- "kind": "js",
362
- "name": "deleteGroup",
286
+ "name": "formatDateString",
363
287
  "declaration": {
364
- "name": "deleteGroup",
365
- "module": "src/main/expression-builder.helpers.ts"
288
+ "name": "formatDateString",
289
+ "module": "src/utils/formatting.ts"
366
290
  }
367
291
  },
368
292
  {
369
293
  "kind": "js",
370
- "name": "deleteRule",
294
+ "name": "formatDateTimeString",
371
295
  "declaration": {
372
- "name": "deleteRule",
373
- "module": "src/main/expression-builder.helpers.ts"
296
+ "name": "formatDateTimeString",
297
+ "module": "src/utils/formatting.ts"
374
298
  }
375
- },
299
+ }
300
+ ]
301
+ },
302
+ {
303
+ "kind": "javascript-module",
304
+ "path": "src/utils/index.ts",
305
+ "declarations": [],
306
+ "exports": [
376
307
  {
377
308
  "kind": "js",
378
- "name": "ROOT_GROUP",
309
+ "name": "*",
379
310
  "declaration": {
380
- "name": "ROOT_GROUP",
381
- "module": "src/main/expression-builder.helpers.ts"
311
+ "name": "*",
312
+ "package": "./data-model"
382
313
  }
383
314
  },
384
315
  {
385
316
  "kind": "js",
386
- "name": "updateGroupData",
317
+ "name": "*",
387
318
  "declaration": {
388
- "name": "updateGroupData",
389
- "module": "src/main/expression-builder.helpers.ts"
319
+ "name": "*",
320
+ "package": "./formatting"
390
321
  }
391
322
  },
392
323
  {
393
324
  "kind": "js",
394
- "name": "updateRuleData",
325
+ "name": "*",
395
326
  "declaration": {
396
- "name": "updateRuleData",
397
- "module": "src/main/expression-builder.helpers.ts"
327
+ "name": "*",
328
+ "package": "./misc"
398
329
  }
399
330
  }
400
331
  ]
401
332
  },
402
333
  {
403
334
  "kind": "javascript-module",
404
- "path": "src/main/expression-builder.styles.ts",
335
+ "path": "src/utils/misc.ts",
405
336
  "declarations": [
406
337
  {
407
- "kind": "variable",
408
- "name": "styles",
409
- "default": "css`\n :host {\n --item-vertical-spacing: 4px;\n --item-border-radius: 5px;\n --group-background-color: rgb(250 240 210 / 50%);\n --group-border-color: #dcc896;\n --group-border: 1px solid var(--group-border-color);\n --group-padding: 10px;\n --rule-background-color: rgb(255 255 255 / 90%);\n --rule-border-color: #eee;\n --rule-border: 1px solid var(--rule-border-color);\n --rule-padding: 5px;\n --rule-value-separator: 1px solid #ddd;\n --error-icon-color: #f00;\n --error-border-color: #f99;\n --error-background-color: #fdd;\n --ticks-width: 2px;\n --ticks-color: #ccc;\n }\n\n p.test {\n color: black;\n }\n\n .query-builder {\n font-family: sans-serif;\n }\n\n .rules-group-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--group-padding);\n border: var(--group-border);\n background: var(--group-background-color);\n }\n\n .rules-group-header {\n margin-bottom: var(--group-padding);\n }\n\n .group-conditions {\n display: inline-block;\n }\n\n .group-conditions .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n border: 1px solid #007bff;\n color: #007bff;\n background-color: transparent;\n cursor: pointer;\n }\n\n .group-conditions .btn:hover {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-conditions .btn.active {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-actions {\n display: inline-block;\n float: right;\n }\n\n .rules-list {\n list-style: none;\n padding: 0 0 0 20px; /* Adjusted ticks position */\n margin: 0;\n }\n\n .rule-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--rule-padding);\n border: var(--rule-border);\n background: var(--rule-background-color);\n }\n\n .rule-header {\n margin-bottom: 5px;\n }\n\n .rule-actions {\n display: inline-block;\n float: right;\n }\n\n .rule-field-container,\n .rule-operator-container,\n .rule-value-container {\n display: inline-block;\n margin: 0 5px 0 0;\n vertical-align: middle;\n }\n\n .rule-value-container {\n border-left: var(--rule-value-separator);\n padding-left: 5px;\n }\n\n .rule-value-container label {\n margin-bottom: 0;\n font-weight: normal;\n }\n\n .rule-value-container label.block {\n display: block;\n }\n\n .error-container {\n display: none;\n cursor: help;\n color: var(--error-icon-color);\n margin-left: 5px;\n }\n\n .rule-container.has-error,\n .rules-group-container.has-error {\n background-color: var(--error-background-color);\n border-color: var(--error-border-color);\n }\n\n .rule-container.has-error .error-container,\n .rules-group-container.has-error .error-container {\n display: inline-block !important;\n }\n\n /* Ticks */\n .rules-list > * {\n position: relative;\n }\n\n .rules-list > *::before,\n .rules-list > *::after {\n content: '';\n position: absolute;\n left: -10px; /* Adjusted ticks position */\n width: 10px; /* Adjusted ticks position */\n border-color: var(--ticks-color);\n border-style: solid;\n }\n\n .rules-list > *::before {\n top: -2px; /* Adjusted ticks position */\n height: calc(50% + var(--item-vertical-spacing));\n border-width: 0 0 var(--ticks-width) var(--ticks-width);\n }\n\n .rules-list > *::after {\n top: 50%;\n border-width: 0 0 0 var(--ticks-width);\n height: 50%;\n }\n\n .rules-list > *:first-child::before {\n top: calc(-1 * var(--group-padding) - var(--ticks-width));\n height: calc(50% + var(--group-padding) + var(--item-vertical-spacing));\n }\n\n .rules-list > *:last-child::before {\n border-radius: 0 0 0 calc(2 * var(--ticks-width));\n }\n\n .rules-list > *:last-child::after {\n display: none;\n }\n`"
410
- }
411
- ],
412
- "exports": [
413
- {
414
- "kind": "js",
415
- "name": "styles",
416
- "declaration": {
417
- "name": "styles",
418
- "module": "src/main/expression-builder.styles.ts"
419
- }
338
+ "kind": "function",
339
+ "name": "getFieldInput",
340
+ "parameters": [
341
+ {
342
+ "name": "context",
343
+ "type": {
344
+ "text": "RuleValue | ModelRule"
345
+ }
346
+ }
347
+ ]
348
+ },
349
+ {
350
+ "kind": "function",
351
+ "name": "getFieldType",
352
+ "parameters": [
353
+ {
354
+ "name": "context",
355
+ "type": {
356
+ "text": "RuleValue | ModelRule"
357
+ }
358
+ }
359
+ ]
360
+ },
361
+ {
362
+ "kind": "function",
363
+ "name": "processOptGroups",
364
+ "return": {
365
+ "type": {
366
+ "text": "(T | { optgroup: string | null; xs: T[] })[]"
367
+ }
368
+ },
369
+ "parameters": [
370
+ {
371
+ "name": "xs",
372
+ "type": {
373
+ "text": "T[]"
374
+ }
375
+ }
376
+ ]
377
+ },
378
+ {
379
+ "kind": "function",
380
+ "name": "applyCustomStyles",
381
+ "return": {
382
+ "type": {
383
+ "text": "void"
384
+ }
385
+ },
386
+ "parameters": [
387
+ {
388
+ "name": "component",
389
+ "type": {
390
+ "text": "HTMLElement"
391
+ },
392
+ "description": "The web component instance"
393
+ },
394
+ {
395
+ "name": "styles",
396
+ "type": {
397
+ "text": "Styles | undefined | null"
398
+ },
399
+ "description": "The styles configuration object"
400
+ },
401
+ {
402
+ "name": "styleKey",
403
+ "type": {
404
+ "text": "keyof NonNullable<Styles['customStyles']>"
405
+ },
406
+ "description": "The key in styles.customStyles to use for custom styles"
407
+ }
408
+ ],
409
+ "description": "Utility function to add custom styles to a web component's shadow root"
410
+ }
411
+ ],
412
+ "exports": [
413
+ {
414
+ "kind": "js",
415
+ "name": "getFieldInput",
416
+ "declaration": {
417
+ "name": "getFieldInput",
418
+ "module": "src/utils/misc.ts"
419
+ }
420
+ },
421
+ {
422
+ "kind": "js",
423
+ "name": "getFieldType",
424
+ "declaration": {
425
+ "name": "getFieldType",
426
+ "module": "src/utils/misc.ts"
427
+ }
428
+ },
429
+ {
430
+ "kind": "js",
431
+ "name": "processOptGroups",
432
+ "declaration": {
433
+ "name": "processOptGroups",
434
+ "module": "src/utils/misc.ts"
435
+ }
436
+ },
437
+ {
438
+ "kind": "js",
439
+ "name": "applyCustomStyles",
440
+ "declaration": {
441
+ "name": "applyCustomStyles",
442
+ "module": "src/utils/misc.ts"
443
+ }
444
+ }
445
+ ]
446
+ },
447
+ {
448
+ "kind": "javascript-module",
449
+ "path": "src/main/events.ts",
450
+ "declarations": [],
451
+ "exports": []
452
+ },
453
+ {
454
+ "kind": "javascript-module",
455
+ "path": "src/main/expression-builder.helpers.ts",
456
+ "declarations": [
457
+ {
458
+ "kind": "function",
459
+ "name": "findOperateOnGroup",
460
+ "return": {
461
+ "type": {
462
+ "text": ""
463
+ }
464
+ },
465
+ "parameters": [
466
+ {
467
+ "name": "model",
468
+ "type": {
469
+ "text": "ModelGroup"
470
+ },
471
+ "description": "The root group to start searching from"
472
+ },
473
+ {
474
+ "name": "groupId",
475
+ "type": {
476
+ "text": "string"
477
+ },
478
+ "description": "The Group ID to find"
479
+ },
480
+ {
481
+ "name": "fn",
482
+ "type": {
483
+ "text": "ChildrenOperatorFn"
484
+ },
485
+ "description": "The function to apply to the children of the found group. A *new* object must be created and returned"
486
+ }
487
+ ],
488
+ "description": "Finds a group within a model and applies a function to create a new children"
489
+ },
490
+ {
491
+ "kind": "function",
492
+ "name": "addGroupOrRule",
493
+ "return": {
494
+ "type": {
495
+ "text": "ModelGroup"
496
+ }
497
+ },
498
+ "parameters": [
499
+ {
500
+ "name": "model",
501
+ "type": {
502
+ "text": "ModelGroup"
503
+ }
504
+ },
505
+ {
506
+ "name": "parentGroupId",
507
+ "type": {
508
+ "text": "string"
509
+ }
510
+ },
511
+ {
512
+ "name": "newItem",
513
+ "type": {
514
+ "text": "ModelGroup | ModelRule"
515
+ }
516
+ }
517
+ ]
518
+ },
519
+ {
520
+ "kind": "function",
521
+ "name": "deleteGroup",
522
+ "return": {
523
+ "type": {
524
+ "text": "ModelGroup"
525
+ }
526
+ },
527
+ "parameters": [
528
+ {
529
+ "name": "model",
530
+ "type": {
531
+ "text": "ModelGroup"
532
+ }
533
+ },
534
+ {
535
+ "name": "groupIdToDelete",
536
+ "type": {
537
+ "text": "string"
538
+ }
539
+ }
540
+ ]
541
+ },
542
+ {
543
+ "kind": "function",
544
+ "name": "deleteRule",
545
+ "return": {
546
+ "type": {
547
+ "text": "ModelGroup"
548
+ }
549
+ },
550
+ "parameters": [
551
+ {
552
+ "name": "model",
553
+ "type": {
554
+ "text": "ModelGroup"
555
+ }
556
+ },
557
+ {
558
+ "name": "ruleIdToDelete",
559
+ "type": {
560
+ "text": "string"
561
+ }
562
+ }
563
+ ]
564
+ },
565
+ {
566
+ "kind": "variable",
567
+ "name": "ROOT_GROUP",
568
+ "type": {
569
+ "text": "string"
570
+ },
571
+ "default": "'group-root'"
572
+ },
573
+ {
574
+ "kind": "function",
575
+ "name": "updateGroupData",
576
+ "return": {
577
+ "type": {
578
+ "text": "ModelGroup"
579
+ }
580
+ },
581
+ "parameters": [
582
+ {
583
+ "name": "model",
584
+ "type": {
585
+ "text": "ModelGroup"
586
+ }
587
+ },
588
+ {
589
+ "name": "groupIdToUpdate",
590
+ "type": {
591
+ "text": "string"
592
+ }
593
+ },
594
+ {
595
+ "name": "newData",
596
+ "type": {
597
+ "text": "EventsDetailMap[Events.UpdateGroup]['newData']"
598
+ }
599
+ }
600
+ ]
601
+ },
602
+ {
603
+ "kind": "function",
604
+ "name": "updateRuleData",
605
+ "return": {
606
+ "type": {
607
+ "text": "ModelGroup"
608
+ }
609
+ },
610
+ "parameters": [
611
+ {
612
+ "name": "model",
613
+ "type": {
614
+ "text": "ModelGroup"
615
+ }
616
+ },
617
+ {
618
+ "name": "ruleIdToUpdate",
619
+ "type": {
620
+ "text": "string"
621
+ }
622
+ },
623
+ {
624
+ "name": "newData",
625
+ "type": {
626
+ "text": "EventsDetailMap[Events.UpdateRule]['newData']"
627
+ }
628
+ }
629
+ ]
630
+ }
631
+ ],
632
+ "exports": [
633
+ {
634
+ "kind": "js",
635
+ "name": "findOperateOnGroup",
636
+ "declaration": {
637
+ "name": "findOperateOnGroup",
638
+ "module": "src/main/expression-builder.helpers.ts"
639
+ }
640
+ },
641
+ {
642
+ "kind": "js",
643
+ "name": "addGroupOrRule",
644
+ "declaration": {
645
+ "name": "addGroupOrRule",
646
+ "module": "src/main/expression-builder.helpers.ts"
647
+ }
648
+ },
649
+ {
650
+ "kind": "js",
651
+ "name": "deleteGroup",
652
+ "declaration": {
653
+ "name": "deleteGroup",
654
+ "module": "src/main/expression-builder.helpers.ts"
655
+ }
656
+ },
657
+ {
658
+ "kind": "js",
659
+ "name": "deleteRule",
660
+ "declaration": {
661
+ "name": "deleteRule",
662
+ "module": "src/main/expression-builder.helpers.ts"
663
+ }
664
+ },
665
+ {
666
+ "kind": "js",
667
+ "name": "ROOT_GROUP",
668
+ "declaration": {
669
+ "name": "ROOT_GROUP",
670
+ "module": "src/main/expression-builder.helpers.ts"
671
+ }
672
+ },
673
+ {
674
+ "kind": "js",
675
+ "name": "updateGroupData",
676
+ "declaration": {
677
+ "name": "updateGroupData",
678
+ "module": "src/main/expression-builder.helpers.ts"
679
+ }
680
+ },
681
+ {
682
+ "kind": "js",
683
+ "name": "updateRuleData",
684
+ "declaration": {
685
+ "name": "updateRuleData",
686
+ "module": "src/main/expression-builder.helpers.ts"
687
+ }
688
+ }
689
+ ]
690
+ },
691
+ {
692
+ "kind": "javascript-module",
693
+ "path": "src/main/expression-builder.styles.ts",
694
+ "declarations": [
695
+ {
696
+ "kind": "variable",
697
+ "name": "styles",
698
+ "default": "css`\n :host {\n --item-vertical-spacing: 4px;\n --item-border-radius: 5px;\n --group-background-color: rgb(250 240 210 / 50%);\n --group-border-color: #dcc896;\n --group-border: 1px solid var(--group-border-color);\n --group-padding: 10px;\n --rule-background-color: rgb(255 255 255 / 90%);\n --rule-border-color: #eee;\n --rule-border: 1px solid var(--rule-border-color);\n --rule-padding: 5px;\n --rule-value-separator: 1px solid #ddd;\n --error-icon-color: #f00;\n --error-border-color: #f99;\n --error-background-color: #fdd;\n --ticks-width: 2px;\n --ticks-color: #ccc;\n }\n\n p.test {\n color: black;\n }\n\n .query-builder {\n font-family: sans-serif;\n }\n\n .rules-group-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--group-padding);\n border: var(--group-border);\n background: var(--group-background-color);\n }\n\n .rules-group-header {\n margin-bottom: var(--group-padding);\n }\n\n .group-conditions {\n display: inline-block;\n }\n\n .group-conditions .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n border: 1px solid #007bff;\n color: #007bff;\n background-color: transparent;\n cursor: pointer;\n }\n\n .group-conditions .btn:hover {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-conditions .btn.active {\n background-color: #007bff;\n color: #fff;\n }\n\n .group-actions {\n display: inline-block;\n float: right;\n }\n\n .rules-list {\n list-style: none;\n padding: 0 0 0 20px; /* Adjusted ticks position */\n margin: 0;\n }\n\n .rule-container {\n position: relative;\n margin: var(--item-vertical-spacing) 0;\n border-radius: var(--item-border-radius);\n padding: var(--rule-padding);\n border: var(--rule-border);\n background: var(--rule-background-color);\n }\n\n .rule-header {\n margin-bottom: 5px;\n }\n\n .rule-actions {\n display: inline-block;\n float: right;\n }\n\n .rule-field-container,\n .rule-operator-container,\n .rule-value-container {\n display: inline-block;\n margin: 0 5px 0 0;\n vertical-align: middle;\n }\n\n .rule-value-container {\n border-left: var(--rule-value-separator);\n padding-left: 5px;\n }\n\n .rule-value-container label {\n margin-bottom: 0;\n font-weight: normal;\n }\n\n .rule-value-container label.block {\n display: block;\n }\n\n .error-container {\n display: none;\n cursor: help;\n color: var(--error-icon-color);\n margin-left: 5px;\n }\n\n .rule-container.has-error,\n .rules-group-container.has-error {\n background-color: var(--error-background-color);\n border-color: var(--error-border-color);\n }\n\n .rule-container.has-error .error-container,\n .rules-group-container.has-error .error-container {\n display: inline-block !important;\n }\n\n /* Ticks */\n .rules-list > * {\n position: relative;\n }\n\n .rules-list > *::before,\n .rules-list > *::after {\n content: '';\n position: absolute;\n left: -10px; /* Adjusted ticks position */\n width: 10px; /* Adjusted ticks position */\n border-color: var(--ticks-color);\n border-style: solid;\n }\n\n .rules-list > *::before {\n top: -2px; /* Adjusted ticks position */\n height: calc(50% + var(--item-vertical-spacing));\n border-width: 0 0 var(--ticks-width) var(--ticks-width);\n }\n\n .rules-list > *::after {\n top: 50%;\n border-width: 0 0 0 var(--ticks-width);\n height: 50%;\n }\n\n .rules-list > *:first-child::before {\n top: calc(-1 * var(--group-padding) - var(--ticks-width));\n height: calc(50% + var(--group-padding) + var(--item-vertical-spacing));\n }\n\n .rules-list > *:last-child::before {\n border-radius: 0 0 0 calc(2 * var(--ticks-width));\n }\n\n .rules-list > *:last-child::after {\n display: none;\n }\n`"
699
+ }
700
+ ],
701
+ "exports": [
702
+ {
703
+ "kind": "js",
704
+ "name": "styles",
705
+ "declaration": {
706
+ "name": "styles",
707
+ "module": "src/main/expression-builder.styles.ts"
708
+ }
420
709
  }
421
710
  ]
422
711
  },
@@ -621,269 +910,86 @@
621
910
  },
622
911
  {
623
912
  "kind": "field",
624
- "name": "handleUpdateRuleData",
625
- "privacy": "private"
626
- },
627
- {
628
- "kind": "method",
629
- "name": "_handleUpdateRuleData",
630
- "privacy": "private",
631
- "parameters": [
632
- {
633
- "name": "event",
634
- "type": {
635
- "text": "CustomEvent<EventsDetailMap[Events.UpdateRule]>"
636
- }
637
- }
638
- ]
639
- }
640
- ],
641
- "events": [
642
- {
643
- "name": "change",
644
- "type": {
645
- "text": "CustomEvent"
646
- },
647
- "description": "Fired when the expression model changes. detail: `ChangeEventDetail`"
648
- },
649
- {
650
- "description": "Bubbled when a nested group add is requested. detail: `AddGroupEventDetail`",
651
- "name": "add-group"
652
- },
653
- {
654
- "description": "Bubbled when a group delete is requested. detail: `DelGroupEventDetail`",
655
- "name": "del-group"
656
- },
657
- {
658
- "description": "Bubbled when a rule add is requested. detail: `AddRuleEventDetail`",
659
- "name": "add-rule"
660
- },
661
- {
662
- "description": "Bubbled when a rule delete is requested. detail: `DelRuleEventDetail`",
663
- "name": "del-rule"
664
- },
665
- {
666
- "description": "Bubbled when group data changes. detail: `UpdateGroupEventDetail`",
667
- "name": "update-group"
668
- },
669
- {
670
- "description": "Bubbled when rule data changes. detail: `UpdateRuleEventDetail`",
671
- "name": "update-rule"
672
- }
673
- ],
674
- "superclass": {
675
- "name": "GenesisElement",
676
- "package": "@genesislcap/web-core"
677
- },
678
- "tagName": "expression-builder",
679
- "customElement": true
680
- }
681
- ],
682
- "exports": [
683
- {
684
- "kind": "js",
685
- "name": "ExpressionBuilder",
686
- "declaration": {
687
- "name": "ExpressionBuilder",
688
- "module": "src/main/expression-builder.ts"
689
- }
690
- },
691
- {
692
- "kind": "custom-element-definition",
693
- "name": "expression-builder",
694
- "declaration": {
695
- "name": "ExpressionBuilder",
696
- "module": "src/main/expression-builder.ts"
697
- }
698
- }
699
- ]
700
- },
701
- {
702
- "kind": "javascript-module",
703
- "path": "src/main/index.ts",
704
- "declarations": [],
705
- "exports": [
706
- {
707
- "kind": "js",
708
- "name": "*",
709
- "declaration": {
710
- "name": "*",
711
- "package": "./events"
712
- }
713
- },
714
- {
715
- "kind": "js",
716
- "name": "*",
717
- "declaration": {
718
- "name": "*",
719
- "package": "./expression-builder"
720
- }
721
- },
722
- {
723
- "kind": "js",
724
- "name": "*",
725
- "declaration": {
726
- "name": "*",
727
- "package": "./expression-builder.styles"
728
- }
729
- },
730
- {
731
- "kind": "js",
732
- "name": "*",
733
- "declaration": {
734
- "name": "*",
735
- "package": "./expression-builder.template"
736
- }
737
- }
738
- ]
739
- },
740
- {
741
- "kind": "javascript-module",
742
- "path": "src/utils/data-model.ts",
743
- "declarations": [
744
- {
745
- "kind": "function",
746
- "name": "groupToModelGroup",
747
- "return": {
748
- "type": {
749
- "text": "ModelGroup"
750
- }
751
- },
752
- "parameters": [
753
- {
754
- "name": "group",
755
- "type": {
756
- "text": "Group"
757
- }
758
- },
759
- {
760
- "name": "provider",
761
- "type": {
762
- "text": "MetadataProvider"
763
- }
764
- }
765
- ],
766
- "description": "Converts a Group to a ModelGroup (adds required metadata)"
767
- },
768
- {
769
- "kind": "function",
770
- "name": "modelGroupToGroup",
771
- "return": {
772
- "type": {
773
- "text": ""
774
- }
775
- },
776
- "parameters": [
913
+ "name": "handleUpdateRuleData",
914
+ "privacy": "private"
915
+ },
777
916
  {
778
- "name": "modelGroup",
779
- "type": {
780
- "text": "ModelGroup"
781
- },
782
- "description": "The internal ModelGroup to convert."
917
+ "kind": "method",
918
+ "name": "_handleUpdateRuleData",
919
+ "privacy": "private",
920
+ "parameters": [
921
+ {
922
+ "name": "event",
923
+ "type": {
924
+ "text": "CustomEvent<EventsDetailMap[Events.UpdateRule]>"
925
+ }
926
+ }
927
+ ]
783
928
  }
784
929
  ],
785
- "description": "Converts a ModelGroup (internal data structure) to a public Group structure.\nThis function recursively processes the rules within the group."
786
- },
787
- {
788
- "kind": "function",
789
- "name": "modelRuleToRule",
790
- "return": {
791
- "type": {
792
- "text": ""
793
- }
794
- },
795
- "parameters": [
930
+ "events": [
796
931
  {
797
- "name": "modelRule",
932
+ "name": "change",
798
933
  "type": {
799
- "text": "ModelRule"
934
+ "text": "CustomEvent"
800
935
  },
801
- "description": "The internal ModelRule to convert."
802
- }
803
- ],
804
- "description": "Converts a ModelRule (internal data structure) to a public Rule structure."
805
- }
806
- ],
807
- "exports": [
808
- {
809
- "kind": "js",
810
- "name": "groupToModelGroup",
811
- "declaration": {
812
- "name": "groupToModelGroup",
813
- "module": "src/utils/data-model.ts"
814
- }
815
- },
816
- {
817
- "kind": "js",
818
- "name": "modelGroupToGroup",
819
- "declaration": {
820
- "name": "modelGroupToGroup",
821
- "module": "src/utils/data-model.ts"
822
- }
823
- },
824
- {
825
- "kind": "js",
826
- "name": "modelRuleToRule",
827
- "declaration": {
828
- "name": "modelRuleToRule",
829
- "module": "src/utils/data-model.ts"
830
- }
831
- }
832
- ]
833
- },
834
- {
835
- "kind": "javascript-module",
836
- "path": "src/utils/formatting.ts",
837
- "declarations": [
838
- {
839
- "kind": "function",
840
- "name": "formatDateString",
841
- "parameters": [
936
+ "description": "Fired when the expression model changes. detail: `ChangeEventDetail`"
937
+ },
842
938
  {
843
- "name": "date",
844
- "type": {
845
- "text": "Date"
846
- }
847
- }
848
- ],
849
- "description": "Gets the string representation from a `Date` which is the format a `date` input uses.\n`yyyy-mm-dd`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
850
- },
851
- {
852
- "kind": "function",
853
- "name": "formatDateTimeString",
854
- "parameters": [
939
+ "description": "Bubbled when a nested group add is requested. detail: `AddGroupEventDetail`",
940
+ "name": "add-group"
941
+ },
855
942
  {
856
- "name": "date",
857
- "type": {
858
- "text": "Date"
859
- }
943
+ "description": "Bubbled when a group delete is requested. detail: `DelGroupEventDetail`",
944
+ "name": "del-group"
945
+ },
946
+ {
947
+ "description": "Bubbled when a rule add is requested. detail: `AddRuleEventDetail`",
948
+ "name": "add-rule"
949
+ },
950
+ {
951
+ "description": "Bubbled when a rule delete is requested. detail: `DelRuleEventDetail`",
952
+ "name": "del-rule"
953
+ },
954
+ {
955
+ "description": "Bubbled when group data changes. detail: `UpdateGroupEventDetail`",
956
+ "name": "update-group"
957
+ },
958
+ {
959
+ "description": "Bubbled when rule data changes. detail: `UpdateRuleEventDetail`",
960
+ "name": "update-rule"
860
961
  }
861
962
  ],
862
- "description": "Gets the string representation from a `Date` which is the format a `datetime-local` input uses.\n`yyyy-mm-ddThh:mm:ss`.\nUses UTC methods to ensure consistent output regardless of timezone.\n\nUsed to convert a javascript date object into the required string format expected by the expression builder."
963
+ "superclass": {
964
+ "name": "GenesisElement",
965
+ "package": "@genesislcap/web-core"
966
+ },
967
+ "tagName": "expression-builder",
968
+ "customElement": true
863
969
  }
864
970
  ],
865
971
  "exports": [
866
972
  {
867
973
  "kind": "js",
868
- "name": "formatDateString",
974
+ "name": "ExpressionBuilder",
869
975
  "declaration": {
870
- "name": "formatDateString",
871
- "module": "src/utils/formatting.ts"
976
+ "name": "ExpressionBuilder",
977
+ "module": "src/main/expression-builder.ts"
872
978
  }
873
979
  },
874
980
  {
875
- "kind": "js",
876
- "name": "formatDateTimeString",
981
+ "kind": "custom-element-definition",
982
+ "name": "expression-builder",
877
983
  "declaration": {
878
- "name": "formatDateTimeString",
879
- "module": "src/utils/formatting.ts"
984
+ "name": "ExpressionBuilder",
985
+ "module": "src/main/expression-builder.ts"
880
986
  }
881
987
  }
882
988
  ]
883
989
  },
884
990
  {
885
991
  "kind": "javascript-module",
886
- "path": "src/utils/index.ts",
992
+ "path": "src/main/index.ts",
887
993
  "declarations": [],
888
994
  "exports": [
889
995
  {
@@ -891,7 +997,7 @@
891
997
  "name": "*",
892
998
  "declaration": {
893
999
  "name": "*",
894
- "package": "./data-model"
1000
+ "package": "./events"
895
1001
  }
896
1002
  },
897
1003
  {
@@ -899,7 +1005,7 @@
899
1005
  "name": "*",
900
1006
  "declaration": {
901
1007
  "name": "*",
902
- "package": "./formatting"
1008
+ "package": "./expression-builder"
903
1009
  }
904
1010
  },
905
1011
  {
@@ -907,121 +1013,15 @@
907
1013
  "name": "*",
908
1014
  "declaration": {
909
1015
  "name": "*",
910
- "package": "./misc"
911
- }
912
- }
913
- ]
914
- },
915
- {
916
- "kind": "javascript-module",
917
- "path": "src/utils/misc.ts",
918
- "declarations": [
919
- {
920
- "kind": "function",
921
- "name": "getFieldInput",
922
- "parameters": [
923
- {
924
- "name": "context",
925
- "type": {
926
- "text": "RuleValue | ModelRule"
927
- }
928
- }
929
- ]
930
- },
931
- {
932
- "kind": "function",
933
- "name": "getFieldType",
934
- "parameters": [
935
- {
936
- "name": "context",
937
- "type": {
938
- "text": "RuleValue | ModelRule"
939
- }
940
- }
941
- ]
942
- },
943
- {
944
- "kind": "function",
945
- "name": "processOptGroups",
946
- "return": {
947
- "type": {
948
- "text": "(T | { optgroup: string | null; xs: T[] })[]"
949
- }
950
- },
951
- "parameters": [
952
- {
953
- "name": "xs",
954
- "type": {
955
- "text": "T[]"
956
- }
957
- }
958
- ]
959
- },
960
- {
961
- "kind": "function",
962
- "name": "applyCustomStyles",
963
- "return": {
964
- "type": {
965
- "text": "void"
966
- }
967
- },
968
- "parameters": [
969
- {
970
- "name": "component",
971
- "type": {
972
- "text": "HTMLElement"
973
- },
974
- "description": "The web component instance"
975
- },
976
- {
977
- "name": "styles",
978
- "type": {
979
- "text": "Styles | undefined | null"
980
- },
981
- "description": "The styles configuration object"
982
- },
983
- {
984
- "name": "styleKey",
985
- "type": {
986
- "text": "keyof NonNullable<Styles['customStyles']>"
987
- },
988
- "description": "The key in styles.customStyles to use for custom styles"
989
- }
990
- ],
991
- "description": "Utility function to add custom styles to a web component's shadow root"
992
- }
993
- ],
994
- "exports": [
995
- {
996
- "kind": "js",
997
- "name": "getFieldInput",
998
- "declaration": {
999
- "name": "getFieldInput",
1000
- "module": "src/utils/misc.ts"
1001
- }
1002
- },
1003
- {
1004
- "kind": "js",
1005
- "name": "getFieldType",
1006
- "declaration": {
1007
- "name": "getFieldType",
1008
- "module": "src/utils/misc.ts"
1009
- }
1010
- },
1011
- {
1012
- "kind": "js",
1013
- "name": "processOptGroups",
1014
- "declaration": {
1015
- "name": "processOptGroups",
1016
- "module": "src/utils/misc.ts"
1016
+ "package": "./expression-builder.styles"
1017
1017
  }
1018
1018
  },
1019
1019
  {
1020
1020
  "kind": "js",
1021
- "name": "applyCustomStyles",
1021
+ "name": "*",
1022
1022
  "declaration": {
1023
- "name": "applyCustomStyles",
1024
- "module": "src/utils/misc.ts"
1023
+ "name": "*",
1024
+ "package": "./expression-builder.template"
1025
1025
  }
1026
1026
  }
1027
1027
  ]
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/expression-builder",
3
3
  "description": "Genesis Foundation Expression Builder",
4
- "version": "15.3.1",
4
+ "version": "15.3.2-FUI-2571-formatters.1",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/expression-builder.d.ts",
@@ -38,16 +38,16 @@
38
38
  }
39
39
  },
40
40
  "devDependencies": {
41
- "@genesislcap/foundation-testing": "15.3.1",
42
- "@genesislcap/genx": "15.3.1",
43
- "@genesislcap/rollup-builder": "15.3.1",
44
- "@genesislcap/ts-builder": "15.3.1",
45
- "@genesislcap/uvu-playwright-builder": "15.3.1",
46
- "@genesislcap/vite-builder": "15.3.1",
47
- "@genesislcap/webpack-builder": "15.3.1"
41
+ "@genesislcap/foundation-testing": "15.3.2-FUI-2571-formatters.1",
42
+ "@genesislcap/genx": "15.3.2-FUI-2571-formatters.1",
43
+ "@genesislcap/rollup-builder": "15.3.2-FUI-2571-formatters.1",
44
+ "@genesislcap/ts-builder": "15.3.2-FUI-2571-formatters.1",
45
+ "@genesislcap/uvu-playwright-builder": "15.3.2-FUI-2571-formatters.1",
46
+ "@genesislcap/vite-builder": "15.3.2-FUI-2571-formatters.1",
47
+ "@genesislcap/webpack-builder": "15.3.2-FUI-2571-formatters.1"
48
48
  },
49
49
  "dependencies": {
50
- "@genesislcap/web-core": "15.3.1",
50
+ "@genesislcap/web-core": "15.3.2-FUI-2571-formatters.1",
51
51
  "rfdc": "1.4.1"
52
52
  },
53
53
  "repository": {
@@ -70,5 +70,5 @@
70
70
  "require": "./dist/react.cjs"
71
71
  }
72
72
  },
73
- "gitHead": "1c3a33f7d56acec166f832b9610e83343a8873e6"
73
+ "gitHead": "9ad72f5f70334fc084dd5042f538a691a463effd"
74
74
  }