@genesislcap/foundation-forms 14.413.0 → 14.415.0
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.
- package/dist/custom-elements.json +229 -2
- package/dist/dts/form.d.ts +5 -4
- package/dist/dts/form.d.ts.map +1 -1
- package/dist/dts/form.template.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts +1 -0
- package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/LayoutVerticalCategorizationRenderer.d.ts +3 -0
- package/dist/dts/jsonforms/renderers/LayoutVerticalCategorizationRenderer.d.ts.map +1 -0
- package/dist/dts/jsonforms/renderers/RenderersRanks.d.ts +2 -0
- package/dist/dts/jsonforms/renderers/RenderersRanks.d.ts.map +1 -1
- package/dist/dts/jsonforms/renderers/SegmentedControlRenderer.d.ts +5 -0
- package/dist/dts/jsonforms/renderers/SegmentedControlRenderer.d.ts.map +1 -0
- package/dist/dts/jsonforms/renderers/VerticalCategorizationWrapperRenderer.d.ts +5 -0
- package/dist/dts/jsonforms/renderers/VerticalCategorizationWrapperRenderer.d.ts.map +1 -0
- package/dist/dts/types.d.ts +44 -2
- package/dist/dts/types.d.ts.map +1 -1
- package/dist/esm/form.js +2 -0
- package/dist/esm/form.template.js +2 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/jsonforms/renderers/CategorizationWrapperRenderer.js +7 -5
- package/dist/esm/jsonforms/renderers/LayoutVerticalCategorizationRenderer.js +16 -0
- package/dist/esm/jsonforms/renderers/RenderersRanks.js +2 -0
- package/dist/esm/jsonforms/renderers/SegmentedControlRenderer.js +57 -0
- package/dist/esm/jsonforms/renderers/VerticalCategorizationWrapperRenderer.js +93 -0
- package/dist/foundation-forms.api.json +135 -2
- package/dist/foundation-forms.d.ts +54 -6
- package/package.json +15 -15
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"type": {
|
|
25
25
|
"text": "array"
|
|
26
26
|
},
|
|
27
|
-
"default": "[\n fallbackEntry,\n stringEntry,\n BooleanControlEntry,\n StringArrayEntry,\n LayoutArrayRendererEntry,\n LayoutCategorizationRendererEntry,\n LayoutGroupRendererEntry,\n LayoutHorizontalEntry,\n LayoutFormGridEntry,\n LayoutVertical2ColumnsEntry,\n LayoutRendererEntry,\n LayoutStepperRendererEntry,\n NumberControlRendererEntry,\n ConnectedMultiselectControlRendererEntry,\n EnumControlRendererEntry,\n EnumRadioGroupControlRendererEntry,\n ConnectedSelectControlRendererEntry,\n DateControlRendererEntry,\n InvisibleControlEntry,\n DividerControlRenderer,\n MulticolumnDropdownControlRendererEntry,\n]",
|
|
27
|
+
"default": "[\n fallbackEntry,\n stringEntry,\n BooleanControlEntry,\n StringArrayEntry,\n LayoutArrayRendererEntry,\n LayoutCategorizationRendererEntry,\n LayoutGroupRendererEntry,\n LayoutHorizontalEntry,\n LayoutFormGridEntry,\n LayoutVertical2ColumnsEntry,\n LayoutRendererEntry,\n LayoutStepperRendererEntry,\n NumberControlRendererEntry,\n ConnectedMultiselectControlRendererEntry,\n EnumControlRendererEntry,\n EnumRadioGroupControlRendererEntry,\n ConnectedSelectControlRendererEntry,\n DateControlRendererEntry,\n InvisibleControlEntry,\n DividerControlRenderer,\n MulticolumnDropdownControlRendererEntry,\n SegmentedControlRendererEntry,\n]",
|
|
28
28
|
"description": "Set of default renderers used by the foundation-forms.",
|
|
29
29
|
"privacy": "public"
|
|
30
30
|
},
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"type": {
|
|
101
101
|
"text": "RendererEntry[]"
|
|
102
102
|
},
|
|
103
|
-
"default": "[\n fallbackEntry,\n stringEntry,\n BooleanControlEntry,\n StringArrayEntry,\n LayoutArrayRendererEntry,\n LayoutCategorizationRendererEntry,\n LayoutGroupRendererEntry,\n LayoutHorizontalEntry,\n LayoutFormGridEntry,\n LayoutVertical2ColumnsEntry,\n LayoutRendererEntry,\n LayoutStepperRendererEntry,\n NumberControlRendererEntry,\n ConnectedMultiselectControlRendererEntry,\n EnumControlRendererEntry,\n EnumRadioGroupControlRendererEntry,\n ConnectedSelectControlRendererEntry,\n DateControlRendererEntry,\n InvisibleControlEntry,\n DividerControlRenderer,\n MulticolumnDropdownControlRendererEntry,\n]",
|
|
103
|
+
"default": "[\n fallbackEntry,\n stringEntry,\n BooleanControlEntry,\n StringArrayEntry,\n LayoutArrayRendererEntry,\n LayoutCategorizationRendererEntry,\n LayoutGroupRendererEntry,\n LayoutHorizontalEntry,\n LayoutFormGridEntry,\n LayoutVertical2ColumnsEntry,\n LayoutRendererEntry,\n LayoutStepperRendererEntry,\n NumberControlRendererEntry,\n ConnectedMultiselectControlRendererEntry,\n EnumControlRendererEntry,\n EnumRadioGroupControlRendererEntry,\n ConnectedSelectControlRendererEntry,\n DateControlRendererEntry,\n InvisibleControlEntry,\n DividerControlRenderer,\n MulticolumnDropdownControlRendererEntry,\n SegmentedControlRendererEntry,\n]",
|
|
104
104
|
"description": "Allows to provide the main set of renderers used by the form. If not provided, the built-in renderers will be used by default.",
|
|
105
105
|
"privacy": "public"
|
|
106
106
|
},
|
|
@@ -644,6 +644,14 @@
|
|
|
644
644
|
"module": "./jsonforms/renderers/MulticolumnDropdownControlRenderer"
|
|
645
645
|
}
|
|
646
646
|
},
|
|
647
|
+
{
|
|
648
|
+
"kind": "js",
|
|
649
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
650
|
+
"declaration": {
|
|
651
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
652
|
+
"module": "./jsonforms/renderers/LayoutVerticalCategorizationRenderer"
|
|
653
|
+
}
|
|
654
|
+
},
|
|
647
655
|
{
|
|
648
656
|
"kind": "js",
|
|
649
657
|
"name": "*",
|
|
@@ -1950,6 +1958,11 @@
|
|
|
1950
1958
|
"kind": "javascript-module",
|
|
1951
1959
|
"path": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts",
|
|
1952
1960
|
"declarations": [
|
|
1961
|
+
{
|
|
1962
|
+
"kind": "variable",
|
|
1963
|
+
"name": "tabControlIconStyles",
|
|
1964
|
+
"default": "css`\n .tab-control-icon {\n margin-left: 3px;\n color: #f9644d;\n }\n`"
|
|
1965
|
+
},
|
|
1953
1966
|
{
|
|
1954
1967
|
"kind": "function",
|
|
1955
1968
|
"name": "CategorizationWrapperRendererTemplate",
|
|
@@ -2000,6 +2013,14 @@
|
|
|
2000
2013
|
}
|
|
2001
2014
|
],
|
|
2002
2015
|
"exports": [
|
|
2016
|
+
{
|
|
2017
|
+
"kind": "js",
|
|
2018
|
+
"name": "tabControlIconStyles",
|
|
2019
|
+
"declaration": {
|
|
2020
|
+
"name": "tabControlIconStyles",
|
|
2021
|
+
"module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
|
|
2022
|
+
}
|
|
2023
|
+
},
|
|
2003
2024
|
{
|
|
2004
2025
|
"kind": "js",
|
|
2005
2026
|
"name": "CategorizationWrapperRendererTemplate",
|
|
@@ -2965,6 +2986,43 @@
|
|
|
2965
2986
|
}
|
|
2966
2987
|
]
|
|
2967
2988
|
},
|
|
2989
|
+
{
|
|
2990
|
+
"kind": "javascript-module",
|
|
2991
|
+
"path": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts",
|
|
2992
|
+
"declarations": [
|
|
2993
|
+
{
|
|
2994
|
+
"kind": "variable",
|
|
2995
|
+
"name": "LayoutVerticalCategorizationRendererTemplate",
|
|
2996
|
+
"default": "html`\n <template>\n <vertical-categorization-wrapper\n :form=${(x) => x}\n :control=${(x) => x.control}\n ></vertical-categorization-wrapper>\n </template>\n`"
|
|
2997
|
+
},
|
|
2998
|
+
{
|
|
2999
|
+
"kind": "variable",
|
|
3000
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
3001
|
+
"type": {
|
|
3002
|
+
"text": "any"
|
|
3003
|
+
},
|
|
3004
|
+
"default": "{\n renderer: LayoutVerticalCategorizationRendererTemplate,\n tester: rankWith(\n LAYOUT_VERTICAL_CATEGORIZATION_RANK,\n (uiSchema) =>\n uiSchema.type === 'Categorization' && (uiSchema.options as any)?.layout === 'vertical',\n ),\n mapper: mapStateToLayoutProps,\n}"
|
|
3005
|
+
}
|
|
3006
|
+
],
|
|
3007
|
+
"exports": [
|
|
3008
|
+
{
|
|
3009
|
+
"kind": "js",
|
|
3010
|
+
"name": "LayoutVerticalCategorizationRendererTemplate",
|
|
3011
|
+
"declaration": {
|
|
3012
|
+
"name": "LayoutVerticalCategorizationRendererTemplate",
|
|
3013
|
+
"module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
|
|
3014
|
+
}
|
|
3015
|
+
},
|
|
3016
|
+
{
|
|
3017
|
+
"kind": "js",
|
|
3018
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
3019
|
+
"declaration": {
|
|
3020
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
3021
|
+
"module": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"
|
|
3022
|
+
}
|
|
3023
|
+
}
|
|
3024
|
+
]
|
|
3025
|
+
},
|
|
2968
3026
|
{
|
|
2969
3027
|
"kind": "javascript-module",
|
|
2970
3028
|
"path": "src/jsonforms/renderers/MulticolumnDropdownControlRenderer.ts",
|
|
@@ -3147,6 +3205,14 @@
|
|
|
3147
3205
|
},
|
|
3148
3206
|
"default": "2"
|
|
3149
3207
|
},
|
|
3208
|
+
{
|
|
3209
|
+
"kind": "variable",
|
|
3210
|
+
"name": "LAYOUT_VERTICAL_CATEGORIZATION_RANK",
|
|
3211
|
+
"type": {
|
|
3212
|
+
"text": "number"
|
|
3213
|
+
},
|
|
3214
|
+
"default": "3"
|
|
3215
|
+
},
|
|
3150
3216
|
{
|
|
3151
3217
|
"kind": "variable",
|
|
3152
3218
|
"name": "LAYOUT_GROUP_RANK",
|
|
@@ -3218,6 +3284,14 @@
|
|
|
3218
3284
|
"text": "number"
|
|
3219
3285
|
},
|
|
3220
3286
|
"default": "10"
|
|
3287
|
+
},
|
|
3288
|
+
{
|
|
3289
|
+
"kind": "variable",
|
|
3290
|
+
"name": "SEGMENTED_CONTROL_RANK",
|
|
3291
|
+
"type": {
|
|
3292
|
+
"text": "number"
|
|
3293
|
+
},
|
|
3294
|
+
"default": "5"
|
|
3221
3295
|
}
|
|
3222
3296
|
],
|
|
3223
3297
|
"exports": [
|
|
@@ -3309,6 +3383,14 @@
|
|
|
3309
3383
|
"module": "src/jsonforms/renderers/RenderersRanks.ts"
|
|
3310
3384
|
}
|
|
3311
3385
|
},
|
|
3386
|
+
{
|
|
3387
|
+
"kind": "js",
|
|
3388
|
+
"name": "LAYOUT_VERTICAL_CATEGORIZATION_RANK",
|
|
3389
|
+
"declaration": {
|
|
3390
|
+
"name": "LAYOUT_VERTICAL_CATEGORIZATION_RANK",
|
|
3391
|
+
"module": "src/jsonforms/renderers/RenderersRanks.ts"
|
|
3392
|
+
}
|
|
3393
|
+
},
|
|
3312
3394
|
{
|
|
3313
3395
|
"kind": "js",
|
|
3314
3396
|
"name": "LAYOUT_GROUP_RANK",
|
|
@@ -3380,6 +3462,59 @@
|
|
|
3380
3462
|
"name": "ENUM_RADIO_GROUP_CONTROL_RANK",
|
|
3381
3463
|
"module": "src/jsonforms/renderers/RenderersRanks.ts"
|
|
3382
3464
|
}
|
|
3465
|
+
},
|
|
3466
|
+
{
|
|
3467
|
+
"kind": "js",
|
|
3468
|
+
"name": "SEGMENTED_CONTROL_RANK",
|
|
3469
|
+
"declaration": {
|
|
3470
|
+
"name": "SEGMENTED_CONTROL_RANK",
|
|
3471
|
+
"module": "src/jsonforms/renderers/RenderersRanks.ts"
|
|
3472
|
+
}
|
|
3473
|
+
}
|
|
3474
|
+
]
|
|
3475
|
+
},
|
|
3476
|
+
{
|
|
3477
|
+
"kind": "javascript-module",
|
|
3478
|
+
"path": "src/jsonforms/renderers/SegmentedControlRenderer.ts",
|
|
3479
|
+
"declarations": [
|
|
3480
|
+
{
|
|
3481
|
+
"kind": "function",
|
|
3482
|
+
"name": "SegmentedControlRendererTemplate",
|
|
3483
|
+
"parameters": [
|
|
3484
|
+
{
|
|
3485
|
+
"name": "prefix",
|
|
3486
|
+
"default": "'zero'",
|
|
3487
|
+
"type": {
|
|
3488
|
+
"text": "string"
|
|
3489
|
+
}
|
|
3490
|
+
}
|
|
3491
|
+
]
|
|
3492
|
+
},
|
|
3493
|
+
{
|
|
3494
|
+
"kind": "variable",
|
|
3495
|
+
"name": "SegmentedControlRendererEntry",
|
|
3496
|
+
"type": {
|
|
3497
|
+
"text": "RendererEntry"
|
|
3498
|
+
},
|
|
3499
|
+
"default": "{\n renderer: html<DispatchRenderer>`\n ${(x) => SegmentedControlRendererTemplate(x.prefix)}\n `,\n tester: rankWith(SEGMENTED_CONTROL_RANK, optionIs('segmented')),\n mapper: mapStateToControlProps,\n}"
|
|
3500
|
+
}
|
|
3501
|
+
],
|
|
3502
|
+
"exports": [
|
|
3503
|
+
{
|
|
3504
|
+
"kind": "js",
|
|
3505
|
+
"name": "SegmentedControlRendererTemplate",
|
|
3506
|
+
"declaration": {
|
|
3507
|
+
"name": "SegmentedControlRendererTemplate",
|
|
3508
|
+
"module": "src/jsonforms/renderers/SegmentedControlRenderer.ts"
|
|
3509
|
+
}
|
|
3510
|
+
},
|
|
3511
|
+
{
|
|
3512
|
+
"kind": "js",
|
|
3513
|
+
"name": "SegmentedControlRendererEntry",
|
|
3514
|
+
"declaration": {
|
|
3515
|
+
"name": "SegmentedControlRendererEntry",
|
|
3516
|
+
"module": "src/jsonforms/renderers/SegmentedControlRenderer.ts"
|
|
3517
|
+
}
|
|
3383
3518
|
}
|
|
3384
3519
|
]
|
|
3385
3520
|
},
|
|
@@ -3566,6 +3701,98 @@
|
|
|
3566
3701
|
}
|
|
3567
3702
|
]
|
|
3568
3703
|
},
|
|
3704
|
+
{
|
|
3705
|
+
"kind": "javascript-module",
|
|
3706
|
+
"path": "src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts",
|
|
3707
|
+
"declarations": [
|
|
3708
|
+
{
|
|
3709
|
+
"kind": "function",
|
|
3710
|
+
"name": "VerticalCategorizationWrapperRendererTemplate",
|
|
3711
|
+
"parameters": [
|
|
3712
|
+
{
|
|
3713
|
+
"name": "prefix",
|
|
3714
|
+
"default": "'zero'"
|
|
3715
|
+
}
|
|
3716
|
+
]
|
|
3717
|
+
},
|
|
3718
|
+
{
|
|
3719
|
+
"kind": "class",
|
|
3720
|
+
"description": "",
|
|
3721
|
+
"name": "VerticalCategorizationWrapper",
|
|
3722
|
+
"superclass": {
|
|
3723
|
+
"name": "CategorizationWrapper",
|
|
3724
|
+
"module": "/src/jsonforms/renderers/CategorizationWrapperRenderer"
|
|
3725
|
+
},
|
|
3726
|
+
"tagName": "vertical-categorization-wrapper",
|
|
3727
|
+
"customElement": true,
|
|
3728
|
+
"members": [
|
|
3729
|
+
{
|
|
3730
|
+
"kind": "field",
|
|
3731
|
+
"name": "form",
|
|
3732
|
+
"inheritedFrom": {
|
|
3733
|
+
"name": "CategorizationWrapper",
|
|
3734
|
+
"module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
|
|
3735
|
+
}
|
|
3736
|
+
},
|
|
3737
|
+
{
|
|
3738
|
+
"kind": "field",
|
|
3739
|
+
"name": "control",
|
|
3740
|
+
"inheritedFrom": {
|
|
3741
|
+
"name": "CategorizationWrapper",
|
|
3742
|
+
"module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
|
|
3743
|
+
}
|
|
3744
|
+
},
|
|
3745
|
+
{
|
|
3746
|
+
"kind": "method",
|
|
3747
|
+
"name": "hasCategoryError",
|
|
3748
|
+
"return": {
|
|
3749
|
+
"type": {
|
|
3750
|
+
"text": "boolean"
|
|
3751
|
+
}
|
|
3752
|
+
},
|
|
3753
|
+
"parameters": [
|
|
3754
|
+
{
|
|
3755
|
+
"name": "categoryIndex",
|
|
3756
|
+
"type": {
|
|
3757
|
+
"text": "number"
|
|
3758
|
+
}
|
|
3759
|
+
}
|
|
3760
|
+
],
|
|
3761
|
+
"inheritedFrom": {
|
|
3762
|
+
"name": "CategorizationWrapper",
|
|
3763
|
+
"module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
|
|
3764
|
+
}
|
|
3765
|
+
}
|
|
3766
|
+
]
|
|
3767
|
+
}
|
|
3768
|
+
],
|
|
3769
|
+
"exports": [
|
|
3770
|
+
{
|
|
3771
|
+
"kind": "js",
|
|
3772
|
+
"name": "VerticalCategorizationWrapperRendererTemplate",
|
|
3773
|
+
"declaration": {
|
|
3774
|
+
"name": "VerticalCategorizationWrapperRendererTemplate",
|
|
3775
|
+
"module": "src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"
|
|
3776
|
+
}
|
|
3777
|
+
},
|
|
3778
|
+
{
|
|
3779
|
+
"kind": "js",
|
|
3780
|
+
"name": "VerticalCategorizationWrapper",
|
|
3781
|
+
"declaration": {
|
|
3782
|
+
"name": "VerticalCategorizationWrapper",
|
|
3783
|
+
"module": "src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"
|
|
3784
|
+
}
|
|
3785
|
+
},
|
|
3786
|
+
{
|
|
3787
|
+
"kind": "custom-element-definition",
|
|
3788
|
+
"name": "vertical-categorization-wrapper",
|
|
3789
|
+
"declaration": {
|
|
3790
|
+
"name": "VerticalCategorizationWrapper",
|
|
3791
|
+
"module": "src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"
|
|
3792
|
+
}
|
|
3793
|
+
}
|
|
3794
|
+
]
|
|
3795
|
+
},
|
|
3569
3796
|
{
|
|
3570
3797
|
"kind": "javascript-module",
|
|
3571
3798
|
"path": "src/jsonforms/renderers/dispatch-renderer.ts",
|
package/dist/dts/form.d.ts
CHANGED
|
@@ -119,7 +119,10 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
119
119
|
removeAttributeNode(attr: Attr): Attr;
|
|
120
120
|
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
121
121
|
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
|
122
|
-
scroll(options
|
|
122
|
+
scroll(options? /**
|
|
123
|
+
* Allows to provide set of additional renderers used by the form.
|
|
124
|
+
* @public
|
|
125
|
+
*/: ScrollToOptions): void;
|
|
123
126
|
scroll(x: number, y: number): void;
|
|
124
127
|
scrollBy(options?: ScrollToOptions): void;
|
|
125
128
|
scrollBy(x: number, y: number): void;
|
|
@@ -350,9 +353,7 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
350
353
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
351
354
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
352
355
|
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
353
|
-
ontouchcancel
|
|
354
|
-
* @internal
|
|
355
|
-
*/: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
356
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
356
357
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
357
358
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
358
359
|
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
package/dist/dts/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAmBnC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DA+FrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from './form';
|
|
|
3
3
|
export * from './form.styles';
|
|
4
4
|
export * from './form.template';
|
|
5
5
|
export { MulticolumnDropdownControlRendererEntry, MulticolumnDropdownControlRendererTemplate, } from './jsonforms/renderers/MulticolumnDropdownControlRenderer';
|
|
6
|
+
export { LayoutVerticalCategorizationRendererEntry } from './jsonforms/renderers/LayoutVerticalCategorizationRenderer';
|
|
6
7
|
export * from './types';
|
|
7
8
|
export * from './utils';
|
|
8
9
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACL,uCAAuC,EACvC,0CAA0C,GAC3C,MAAM,0DAA0D,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,OAAO,EACL,uCAAuC,EACvC,0CAA0C,GAC3C,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAE,yCAAyC,EAAE,MAAM,4DAA4D,CAAC;AACvH,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
export declare const tabControlIconStyles: import("@microsoft/fast-element").ElementStyles;
|
|
2
3
|
export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
|
|
3
4
|
export declare class CategorizationWrapper extends FASTElement {
|
|
4
5
|
form: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,qCAAqC,GAAI,eAAe,6DA8CpE,CAAC;
|
|
1
|
+
{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAAI,eAAe,6DA8CpE,CAAC;AAkBF,qBAOa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IAEpB,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;CAQjD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LayoutVerticalCategorizationRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4CAA4C,0DAOxD,CAAC;AAEF,eAAO,MAAM,yCAAyC,EAAE,GAQvD,CAAC"}
|
|
@@ -9,6 +9,7 @@ export declare const TIME_CONTROL_RANK = 4;
|
|
|
9
9
|
export declare const LAYOUT_RANK = 2;
|
|
10
10
|
export declare const LAYOUT_ARRAY_RANK = 2;
|
|
11
11
|
export declare const LAYOUT_CATEGORIZATION_RANK = 2;
|
|
12
|
+
export declare const LAYOUT_VERTICAL_CATEGORIZATION_RANK = 3;
|
|
12
13
|
export declare const LAYOUT_GROUP_RANK = 2;
|
|
13
14
|
export declare const LAYOUT_HORIZONTAL_RANK = 2;
|
|
14
15
|
export declare const LAYOUT_STEPPER_RANK = 3;
|
|
@@ -18,4 +19,5 @@ export declare const MULTICOLUMN_DROPDOWN_CONTROL_RANK = 5;
|
|
|
18
19
|
export declare const INVISIBLE_CONTROL_RANK = 5;
|
|
19
20
|
export declare const DIVIDER_CONTROL_RANK = 5;
|
|
20
21
|
export declare const ENUM_RADIO_GROUP_CONTROL_RANK = 10;
|
|
22
|
+
export declare const SEGMENTED_CONTROL_RANK = 5;
|
|
21
23
|
//# sourceMappingURL=RenderersRanks.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderersRanks.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/RenderersRanks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAC5C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,6BAA6B,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"RenderersRanks.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/RenderersRanks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAC5C,eAAO,MAAM,mCAAmC,IAAI,CAAC;AACrD,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,qBAAqB,IAAI,CAAC;AACvC,eAAO,MAAM,iCAAiC,IAAI,CAAC;AACnD,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,sBAAsB,IAAI,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RendererEntry } from '../../types';
|
|
2
|
+
import { DispatchRenderer } from './dispatch-renderer';
|
|
3
|
+
export declare const SegmentedControlRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<DispatchRenderer, any>;
|
|
4
|
+
export declare const SegmentedControlRendererEntry: RendererEntry;
|
|
5
|
+
//# sourceMappingURL=SegmentedControlRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/SegmentedControlRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,eAAO,MAAM,gCAAgC,GAAI,SAAQ,MAAe,0EAmDvE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,aAM3C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CategorizationWrapper } from './CategorizationWrapperRenderer';
|
|
2
|
+
export declare const VerticalCategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
|
|
3
|
+
export declare class VerticalCategorizationWrapper extends CategorizationWrapper {
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=VerticalCategorizationWrapperRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAwB,MAAM,iCAAiC,CAAC;AAE9F,eAAO,MAAM,6CAA6C,GAAI,eAAe,6DAgD5E,CAAC;AA8CF,qBAOa,6BAA8B,SAAQ,qBAAqB;CAAG"}
|
package/dist/dts/types.d.ts
CHANGED
|
@@ -291,11 +291,29 @@ export type LabelPlacementOptions = {
|
|
|
291
291
|
*/
|
|
292
292
|
labelPlacement?: LabelPlacementType;
|
|
293
293
|
};
|
|
294
|
+
/**
|
|
295
|
+
* Layout variants available for the categorization renderer.
|
|
296
|
+
* @public
|
|
297
|
+
*/
|
|
298
|
+
export type CategorizationLayoutType = 'vertical' | 'horizontal';
|
|
299
|
+
/**
|
|
300
|
+
* Configuration options available for the top-level UiSchema when using categorization.
|
|
301
|
+
* @public
|
|
302
|
+
*/
|
|
303
|
+
export type CategorizationLayoutOptions = {
|
|
304
|
+
/**
|
|
305
|
+
* Controls the visual layout of the categorization renderer.
|
|
306
|
+
* - `'horizontal'` (default): tabs rendered along the top.
|
|
307
|
+
* - `'vertical'`: tabs rendered on the left-hand side with content on the right.
|
|
308
|
+
* @public
|
|
309
|
+
*/
|
|
310
|
+
layout?: CategorizationLayoutType;
|
|
311
|
+
};
|
|
294
312
|
/**
|
|
295
313
|
* All configuration options that are available.
|
|
296
314
|
* @public
|
|
297
315
|
*/
|
|
298
|
-
export type UiSchemaOptions = StepperOrientationOptions | LabelPlacementOptions;
|
|
316
|
+
export type UiSchemaOptions = StepperOrientationOptions | LabelPlacementOptions | CategorizationLayoutOptions;
|
|
299
317
|
/**
|
|
300
318
|
* Configuration options available for categorization renderer.
|
|
301
319
|
* @public
|
|
@@ -443,11 +461,35 @@ export type StandardRendererOptions = {
|
|
|
443
461
|
*/
|
|
444
462
|
tabIndex?: number;
|
|
445
463
|
};
|
|
464
|
+
/**
|
|
465
|
+
* Configuration options for the segmented control renderer.
|
|
466
|
+
* Activated when `segmented: true` is set on a UI schema element's options.
|
|
467
|
+
* @public
|
|
468
|
+
*/
|
|
469
|
+
export type SegmentedRendererOptions = StandardRendererOptions & {
|
|
470
|
+
/**
|
|
471
|
+
* Enables the segmented control renderer for this element.
|
|
472
|
+
* @public
|
|
473
|
+
*/
|
|
474
|
+
segmented: true;
|
|
475
|
+
/**
|
|
476
|
+
* The list of options to display as segmented items.
|
|
477
|
+
* Each entry must have a `value` (the data value) and a `label` (the display text).
|
|
478
|
+
* Optionally supply a `color` (any valid CSS color) to override the background of
|
|
479
|
+
* that item when it is selected. The foreground will automatically be set to white.
|
|
480
|
+
* @public
|
|
481
|
+
*/
|
|
482
|
+
data: {
|
|
483
|
+
value: string;
|
|
484
|
+
label: string;
|
|
485
|
+
color?: string;
|
|
486
|
+
}[];
|
|
487
|
+
};
|
|
446
488
|
/**
|
|
447
489
|
* All configuration options that are available.
|
|
448
490
|
* @public
|
|
449
491
|
*/
|
|
450
|
-
export type UiSchemaElementOptions = ConnectedRenderersOptions | NumberRendererOptions | ArrayRendererOptions | CategorizationRendererOptions | GroupRendererOptions | StepperRendererOptions | StringRendererOptions | RadioGroupRendererOptions | StandardRendererOptions;
|
|
492
|
+
export type UiSchemaElementOptions = ConnectedRenderersOptions | NumberRendererOptions | ArrayRendererOptions | CategorizationRendererOptions | GroupRendererOptions | StepperRendererOptions | StringRendererOptions | RadioGroupRendererOptions | StandardRendererOptions | SegmentedRendererOptions;
|
|
451
493
|
/**
|
|
452
494
|
* A UiSchemaElement that displays property values in a user interface element.
|
|
453
495
|
* @public
|
package/dist/dts/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/form.js
CHANGED
|
@@ -25,6 +25,7 @@ import { LayoutStepperRendererEntry } from './jsonforms/renderers/LayoutStepperR
|
|
|
25
25
|
import { LayoutVertical2ColumnsEntry } from './jsonforms/renderers/LayoutVertical2ColumnsRenderer';
|
|
26
26
|
import { MulticolumnDropdownControlRendererEntry } from './jsonforms/renderers/MulticolumnDropdownControlRenderer';
|
|
27
27
|
import { NumberControlRendererEntry } from './jsonforms/renderers/NumberControlRenderer';
|
|
28
|
+
import { SegmentedControlRendererEntry } from './jsonforms/renderers/SegmentedControlRenderer';
|
|
28
29
|
import { StringArrayEntry } from './jsonforms/renderers/StringArrayControlRenderer';
|
|
29
30
|
import { StringControlRendererTemplate } from './jsonforms/renderers/StringControlRenderer';
|
|
30
31
|
import { downloadCsvTemplate as downloadCsvFile, extractFieldsFromUiSchema, generateCsvTemplate, logger, mapCsvToSchema, parseCsv, } from './utils';
|
|
@@ -67,6 +68,7 @@ export const renderers = [
|
|
|
67
68
|
InvisibleControlEntry,
|
|
68
69
|
DividerControlRenderer,
|
|
69
70
|
MulticolumnDropdownControlRendererEntry,
|
|
71
|
+
SegmentedControlRendererEntry,
|
|
70
72
|
];
|
|
71
73
|
/**
|
|
72
74
|
* Foundation form component for automatically generated forms based on json schema
|
|
@@ -3,10 +3,11 @@ import { html, ref, when } from '@microsoft/fast-element';
|
|
|
3
3
|
import { JSONForms } from './jsonforms/json-forms';
|
|
4
4
|
import { ArrayListWrapper } from './jsonforms/renderers/ArrayListWrapperRenderer';
|
|
5
5
|
import { CategorizationWrapper } from './jsonforms/renderers/CategorizationWrapperRenderer';
|
|
6
|
+
import { VerticalCategorizationWrapper } from './jsonforms/renderers/VerticalCategorizationWrapperRenderer';
|
|
6
7
|
import { ControlWrapper } from './jsonforms/renderers/ControlWrapperRenderer';
|
|
7
8
|
import { DispatchRenderer } from './jsonforms/renderers/dispatch-renderer';
|
|
8
9
|
import { StepperWrapper } from './jsonforms/renderers/StepperWrapperRenderer';
|
|
9
|
-
avoidTreeShaking(JSONForms, ArrayListWrapper, CategorizationWrapper, ControlWrapper, DispatchRenderer, StepperWrapper);
|
|
10
|
+
avoidTreeShaking(JSONForms, ArrayListWrapper, CategorizationWrapper, VerticalCategorizationWrapper, ControlWrapper, DispatchRenderer, StepperWrapper);
|
|
10
11
|
/** @internal */
|
|
11
12
|
export const getPrefixedForm = (prefix) => html `
|
|
12
13
|
<template>
|
package/dist/esm/index.js
CHANGED
|
@@ -3,5 +3,6 @@ export * from './form';
|
|
|
3
3
|
export * from './form.styles';
|
|
4
4
|
export * from './form.template';
|
|
5
5
|
export { MulticolumnDropdownControlRendererEntry, MulticolumnDropdownControlRendererTemplate, } from './jsonforms/renderers/MulticolumnDropdownControlRenderer';
|
|
6
|
+
export { LayoutVerticalCategorizationRendererEntry } from './jsonforms/renderers/LayoutVerticalCategorizationRenderer';
|
|
6
7
|
export * from './types';
|
|
7
8
|
export * from './utils';
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { html, css, observable, customElement, FASTElement, repeat, when, } from '@microsoft/fast-element';
|
|
3
|
+
export const tabControlIconStyles = css `
|
|
4
|
+
.tab-control-icon {
|
|
5
|
+
margin-left: 3px;
|
|
6
|
+
color: #f9644d;
|
|
7
|
+
}
|
|
8
|
+
`;
|
|
3
9
|
export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
|
|
4
10
|
<template>
|
|
5
11
|
<${prefix}-tabs class="tabs-container">
|
|
@@ -41,11 +47,7 @@ const styles = css `
|
|
|
41
47
|
|
|
42
48
|
.tab-control {
|
|
43
49
|
box-shadow: none;
|
|
44
|
-
|
|
45
|
-
.tab-control-icon {
|
|
46
|
-
margin-left: 3px;
|
|
47
|
-
color: #f9644d;
|
|
48
|
-
}
|
|
50
|
+
${tabControlIconStyles}
|
|
49
51
|
}
|
|
50
52
|
|
|
51
53
|
.tab-panel-control {
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { mapStateToLayoutProps, rankWith } from '@jsonforms/core';
|
|
2
|
+
import { html } from '@microsoft/fast-element';
|
|
3
|
+
import { LAYOUT_VERTICAL_CATEGORIZATION_RANK } from './RenderersRanks';
|
|
4
|
+
export const LayoutVerticalCategorizationRendererTemplate = html `
|
|
5
|
+
<template>
|
|
6
|
+
<vertical-categorization-wrapper
|
|
7
|
+
:form=${(x) => x}
|
|
8
|
+
:control=${(x) => x.control}
|
|
9
|
+
></vertical-categorization-wrapper>
|
|
10
|
+
</template>
|
|
11
|
+
`;
|
|
12
|
+
export const LayoutVerticalCategorizationRendererEntry = {
|
|
13
|
+
renderer: LayoutVerticalCategorizationRendererTemplate,
|
|
14
|
+
tester: rankWith(LAYOUT_VERTICAL_CATEGORIZATION_RANK, (uiSchema) => { var _a; return uiSchema.type === 'Categorization' && ((_a = uiSchema.options) === null || _a === void 0 ? void 0 : _a.layout) === 'vertical'; }),
|
|
15
|
+
mapper: mapStateToLayoutProps,
|
|
16
|
+
};
|
|
@@ -9,6 +9,7 @@ export const TIME_CONTROL_RANK = 4;
|
|
|
9
9
|
export const LAYOUT_RANK = 2;
|
|
10
10
|
export const LAYOUT_ARRAY_RANK = 2;
|
|
11
11
|
export const LAYOUT_CATEGORIZATION_RANK = 2;
|
|
12
|
+
export const LAYOUT_VERTICAL_CATEGORIZATION_RANK = 3;
|
|
12
13
|
export const LAYOUT_GROUP_RANK = 2;
|
|
13
14
|
export const LAYOUT_HORIZONTAL_RANK = 2;
|
|
14
15
|
export const LAYOUT_STEPPER_RANK = 3;
|
|
@@ -18,3 +19,4 @@ export const MULTICOLUMN_DROPDOWN_CONTROL_RANK = 5;
|
|
|
18
19
|
export const INVISIBLE_CONTROL_RANK = 5;
|
|
19
20
|
export const DIVIDER_CONTROL_RANK = 5;
|
|
20
21
|
export const ENUM_RADIO_GROUP_CONTROL_RANK = 10;
|
|
22
|
+
export const SEGMENTED_CONTROL_RANK = 5;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { mapStateToControlProps, rankWith } from '@jsonforms/core';
|
|
2
|
+
import { html, repeat } from '@microsoft/fast-element';
|
|
3
|
+
import { optionIs } from '../testers/optionIs';
|
|
4
|
+
import { SEGMENTED_CONTROL_RANK } from './RenderersRanks';
|
|
5
|
+
export const SegmentedControlRendererTemplate = (prefix = 'zero') => html `
|
|
6
|
+
<template>
|
|
7
|
+
<style>
|
|
8
|
+
${prefix}-segmented-control {
|
|
9
|
+
width: 100%;
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
${prefix}-segmented-item {
|
|
13
|
+
flex: 1;
|
|
14
|
+
text-align: center;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
}
|
|
17
|
+
${prefix}-segmented-item[aria-checked='true'],
|
|
18
|
+
${prefix}-segmented-item[aria-selected='true'] {
|
|
19
|
+
background: var(--segmented-item-selected-bg);
|
|
20
|
+
}
|
|
21
|
+
</style>
|
|
22
|
+
<control-wrapper
|
|
23
|
+
:control=${(x) => x.control}
|
|
24
|
+
:jsonForms=${(x) => x.jsonforms}
|
|
25
|
+
:touched=${(x) => x.touched}
|
|
26
|
+
?submitted=${(x) => x.submitted}
|
|
27
|
+
prefix="${prefix}"
|
|
28
|
+
>
|
|
29
|
+
<${prefix}-segmented-control
|
|
30
|
+
value=${(x) => { var _a; return (_a = x.control.data) !== null && _a !== void 0 ? _a : ''; }}
|
|
31
|
+
?disabled=${(x) => !x.control.enabled}
|
|
32
|
+
id=${(x) => x.control.path}
|
|
33
|
+
data-test-id=${(x) => x.control.path}
|
|
34
|
+
@change=${(x, c) => {
|
|
35
|
+
x.control.handleChange(x.control.path, c.event.target.value);
|
|
36
|
+
x.onBlur();
|
|
37
|
+
}}
|
|
38
|
+
>
|
|
39
|
+
${repeat((x) => { var _a, _b, _c; return (_c = (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : []; }, html `
|
|
40
|
+
<${prefix}-segmented-item
|
|
41
|
+
value=${(x) => x.value}
|
|
42
|
+
style=${(x) => { var _a; return `--segmented-item-selected-bg: ${(_a = x.color) !== null && _a !== void 0 ? _a : 'var(--neutral-fill-rest)'}`; }}
|
|
43
|
+
>
|
|
44
|
+
${(x) => x.label}
|
|
45
|
+
</${prefix}-segmented-item>
|
|
46
|
+
`)}
|
|
47
|
+
</${prefix}-segmented-control>
|
|
48
|
+
</control-wrapper>
|
|
49
|
+
</template>
|
|
50
|
+
`;
|
|
51
|
+
export const SegmentedControlRendererEntry = {
|
|
52
|
+
renderer: html `
|
|
53
|
+
${(x) => SegmentedControlRendererTemplate(x.prefix)}
|
|
54
|
+
`,
|
|
55
|
+
tester: rankWith(SEGMENTED_CONTROL_RANK, optionIs('segmented')),
|
|
56
|
+
mapper: mapStateToControlProps,
|
|
57
|
+
};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { css, customElement, html, repeat, when } from '@microsoft/fast-element';
|
|
3
|
+
import { CategorizationWrapper, tabControlIconStyles } from './CategorizationWrapperRenderer';
|
|
4
|
+
export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
|
|
5
|
+
<template>
|
|
6
|
+
<${prefix}-tabs class="tabs-container" orientation="vertical">
|
|
7
|
+
${repeat((x) => x.control.uischema.elements, html `
|
|
8
|
+
<${prefix}-tab class="tab-control" appearance="secondary">
|
|
9
|
+
<span class="tab-label">
|
|
10
|
+
${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
|
|
11
|
+
${when((x, ctx) => ctx.parent.hasCategoryError(ctx.index), html `
|
|
12
|
+
<${prefix}-icon class="tab-control-icon" name="circle-exclamation"></${prefix}-icon>
|
|
13
|
+
`)}
|
|
14
|
+
</span>
|
|
15
|
+
</${prefix}-tab>
|
|
16
|
+
`, { positioning: true })}
|
|
17
|
+
${repeat((x) => x.control.uischema.elements, html `
|
|
18
|
+
<${prefix}-tab-panel class="tab-panel-control">
|
|
19
|
+
${repeat((x) => x.options.childElements, html `
|
|
20
|
+
<dispatch-renderer
|
|
21
|
+
?submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
|
|
22
|
+
:dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
|
|
23
|
+
:jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
|
|
24
|
+
:prefix=${(x, ctx) => ctx.parentContext.parent.form.prefix}
|
|
25
|
+
:props=${(x, ctx) => ({
|
|
26
|
+
uischema: x,
|
|
27
|
+
schema: ctx.parentContext.parent.control.schema,
|
|
28
|
+
renderers: ctx.parentContext.parent.control.renderers,
|
|
29
|
+
path: ctx.parentContext.parent.control.path,
|
|
30
|
+
enabled: ctx.parentContext.parent.control.enabled,
|
|
31
|
+
})}
|
|
32
|
+
></dispatch-renderer>
|
|
33
|
+
`)}
|
|
34
|
+
</${prefix}-tab-panel>
|
|
35
|
+
`)}
|
|
36
|
+
</${prefix}-tabs>
|
|
37
|
+
</template>
|
|
38
|
+
`;
|
|
39
|
+
const styles = css `
|
|
40
|
+
.tabs-container::part(tablist) {
|
|
41
|
+
display: flex;
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
height: auto;
|
|
44
|
+
min-height: 100%;
|
|
45
|
+
width: 160px;
|
|
46
|
+
background-color: transparent;
|
|
47
|
+
border-bottom: none;
|
|
48
|
+
border-right: calc(var(--stroke-width, 1) * 1px) solid
|
|
49
|
+
var(--neutral-stroke-rest, rgba(0, 0, 0, 0.12));
|
|
50
|
+
padding: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.tabs-container .tab-control {
|
|
54
|
+
padding: 0 calc((8 + var(--design-unit) * 2 * var(--density)) * 1px);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.tab-label {
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
width: 100%;
|
|
61
|
+
border-left: 3px solid transparent;
|
|
62
|
+
padding: 5px;
|
|
63
|
+
border-radius: 0 3px 3px 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.tab-control[aria-selected='true'] .tab-label {
|
|
67
|
+
border-left-color: var(--accent-fill-rest);
|
|
68
|
+
background: var(--neutral-fill-active);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
${tabControlIconStyles}
|
|
72
|
+
|
|
73
|
+
.tabs-container::part(tabpanel) {
|
|
74
|
+
border: none;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.tab-panel-control {
|
|
78
|
+
border: none;
|
|
79
|
+
padding-left: 16px;
|
|
80
|
+
}
|
|
81
|
+
`;
|
|
82
|
+
let VerticalCategorizationWrapper = class VerticalCategorizationWrapper extends CategorizationWrapper {
|
|
83
|
+
};
|
|
84
|
+
VerticalCategorizationWrapper = __decorate([
|
|
85
|
+
customElement({
|
|
86
|
+
name: 'vertical-categorization-wrapper',
|
|
87
|
+
styles,
|
|
88
|
+
template: html `
|
|
89
|
+
${(x) => VerticalCategorizationWrapperRendererTemplate(x.form.prefix)}
|
|
90
|
+
`,
|
|
91
|
+
})
|
|
92
|
+
], VerticalCategorizationWrapper);
|
|
93
|
+
export { VerticalCategorizationWrapper };
|
|
@@ -391,6 +391,67 @@
|
|
|
391
391
|
"endIndex": 2
|
|
392
392
|
}
|
|
393
393
|
},
|
|
394
|
+
{
|
|
395
|
+
"kind": "TypeAlias",
|
|
396
|
+
"canonicalReference": "@genesislcap/foundation-forms!CategorizationLayoutOptions:type",
|
|
397
|
+
"docComment": "/**\n * Configuration options available for the top-level UiSchema when using categorization.\n *\n * @public\n */\n",
|
|
398
|
+
"excerptTokens": [
|
|
399
|
+
{
|
|
400
|
+
"kind": "Content",
|
|
401
|
+
"text": "export type CategorizationLayoutOptions = "
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"kind": "Content",
|
|
405
|
+
"text": "{\n layout?: "
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"kind": "Reference",
|
|
409
|
+
"text": "CategorizationLayoutType",
|
|
410
|
+
"canonicalReference": "@genesislcap/foundation-forms!CategorizationLayoutType:type"
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"kind": "Content",
|
|
414
|
+
"text": ";\n}"
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"kind": "Content",
|
|
418
|
+
"text": ";"
|
|
419
|
+
}
|
|
420
|
+
],
|
|
421
|
+
"fileUrlPath": "src/types.ts",
|
|
422
|
+
"releaseTag": "Public",
|
|
423
|
+
"name": "CategorizationLayoutOptions",
|
|
424
|
+
"typeTokenRange": {
|
|
425
|
+
"startIndex": 1,
|
|
426
|
+
"endIndex": 4
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
"kind": "TypeAlias",
|
|
431
|
+
"canonicalReference": "@genesislcap/foundation-forms!CategorizationLayoutType:type",
|
|
432
|
+
"docComment": "/**\n * Layout variants available for the categorization renderer.\n *\n * @public\n */\n",
|
|
433
|
+
"excerptTokens": [
|
|
434
|
+
{
|
|
435
|
+
"kind": "Content",
|
|
436
|
+
"text": "export type CategorizationLayoutType = "
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"kind": "Content",
|
|
440
|
+
"text": "'vertical' | 'horizontal'"
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"kind": "Content",
|
|
444
|
+
"text": ";"
|
|
445
|
+
}
|
|
446
|
+
],
|
|
447
|
+
"fileUrlPath": "src/types.ts",
|
|
448
|
+
"releaseTag": "Public",
|
|
449
|
+
"name": "CategorizationLayoutType",
|
|
450
|
+
"typeTokenRange": {
|
|
451
|
+
"startIndex": 1,
|
|
452
|
+
"endIndex": 2
|
|
453
|
+
}
|
|
454
|
+
},
|
|
394
455
|
{
|
|
395
456
|
"kind": "TypeAlias",
|
|
396
457
|
"canonicalReference": "@genesislcap/foundation-forms!CategorizationRendererOptions:type",
|
|
@@ -2433,6 +2494,29 @@
|
|
|
2433
2494
|
"endIndex": 2
|
|
2434
2495
|
}
|
|
2435
2496
|
},
|
|
2497
|
+
{
|
|
2498
|
+
"kind": "Variable",
|
|
2499
|
+
"canonicalReference": "@genesislcap/foundation-forms!LayoutVerticalCategorizationRendererEntry:var",
|
|
2500
|
+
"docComment": "",
|
|
2501
|
+
"excerptTokens": [
|
|
2502
|
+
{
|
|
2503
|
+
"kind": "Content",
|
|
2504
|
+
"text": "LayoutVerticalCategorizationRendererEntry: "
|
|
2505
|
+
},
|
|
2506
|
+
{
|
|
2507
|
+
"kind": "Content",
|
|
2508
|
+
"text": "any"
|
|
2509
|
+
}
|
|
2510
|
+
],
|
|
2511
|
+
"fileUrlPath": "src/jsonforms/renderers/LayoutVerticalCategorizationRenderer.ts",
|
|
2512
|
+
"isReadonly": true,
|
|
2513
|
+
"releaseTag": "Public",
|
|
2514
|
+
"name": "LayoutVerticalCategorizationRendererEntry",
|
|
2515
|
+
"variableTypeTokenRange": {
|
|
2516
|
+
"startIndex": 1,
|
|
2517
|
+
"endIndex": 2
|
|
2518
|
+
}
|
|
2519
|
+
},
|
|
2436
2520
|
{
|
|
2437
2521
|
"kind": "Function",
|
|
2438
2522
|
"canonicalReference": "@genesislcap/foundation-forms!mapCsvToSchema:function(1)",
|
|
@@ -2948,6 +3032,37 @@
|
|
|
2948
3032
|
"endIndex": 2
|
|
2949
3033
|
}
|
|
2950
3034
|
},
|
|
3035
|
+
{
|
|
3036
|
+
"kind": "TypeAlias",
|
|
3037
|
+
"canonicalReference": "@genesislcap/foundation-forms!SegmentedRendererOptions:type",
|
|
3038
|
+
"docComment": "/**\n * Configuration options for the segmented control renderer. Activated when `segmented: true` is set on a UI schema element's options.\n *\n * @public\n */\n",
|
|
3039
|
+
"excerptTokens": [
|
|
3040
|
+
{
|
|
3041
|
+
"kind": "Content",
|
|
3042
|
+
"text": "export type SegmentedRendererOptions = "
|
|
3043
|
+
},
|
|
3044
|
+
{
|
|
3045
|
+
"kind": "Reference",
|
|
3046
|
+
"text": "StandardRendererOptions",
|
|
3047
|
+
"canonicalReference": "@genesislcap/foundation-forms!StandardRendererOptions:type"
|
|
3048
|
+
},
|
|
3049
|
+
{
|
|
3050
|
+
"kind": "Content",
|
|
3051
|
+
"text": " & {\n segmented: true;\n data: {\n value: string;\n label: string;\n color?: string;\n }[];\n}"
|
|
3052
|
+
},
|
|
3053
|
+
{
|
|
3054
|
+
"kind": "Content",
|
|
3055
|
+
"text": ";"
|
|
3056
|
+
}
|
|
3057
|
+
],
|
|
3058
|
+
"fileUrlPath": "src/types.ts",
|
|
3059
|
+
"releaseTag": "Public",
|
|
3060
|
+
"name": "SegmentedRendererOptions",
|
|
3061
|
+
"typeTokenRange": {
|
|
3062
|
+
"startIndex": 1,
|
|
3063
|
+
"endIndex": 3
|
|
3064
|
+
}
|
|
3065
|
+
},
|
|
2951
3066
|
{
|
|
2952
3067
|
"kind": "TypeAlias",
|
|
2953
3068
|
"canonicalReference": "@genesislcap/foundation-forms!StandardRendererOptions:type",
|
|
@@ -3289,6 +3404,15 @@
|
|
|
3289
3404
|
"text": "StandardRendererOptions",
|
|
3290
3405
|
"canonicalReference": "@genesislcap/foundation-forms!StandardRendererOptions:type"
|
|
3291
3406
|
},
|
|
3407
|
+
{
|
|
3408
|
+
"kind": "Content",
|
|
3409
|
+
"text": " | "
|
|
3410
|
+
},
|
|
3411
|
+
{
|
|
3412
|
+
"kind": "Reference",
|
|
3413
|
+
"text": "SegmentedRendererOptions",
|
|
3414
|
+
"canonicalReference": "@genesislcap/foundation-forms!SegmentedRendererOptions:type"
|
|
3415
|
+
},
|
|
3292
3416
|
{
|
|
3293
3417
|
"kind": "Content",
|
|
3294
3418
|
"text": ";"
|
|
@@ -3299,7 +3423,7 @@
|
|
|
3299
3423
|
"name": "UiSchemaElementOptions",
|
|
3300
3424
|
"typeTokenRange": {
|
|
3301
3425
|
"startIndex": 1,
|
|
3302
|
-
"endIndex":
|
|
3426
|
+
"endIndex": 20
|
|
3303
3427
|
}
|
|
3304
3428
|
},
|
|
3305
3429
|
{
|
|
@@ -3351,6 +3475,15 @@
|
|
|
3351
3475
|
"text": "LabelPlacementOptions",
|
|
3352
3476
|
"canonicalReference": "@genesislcap/foundation-forms!LabelPlacementOptions:type"
|
|
3353
3477
|
},
|
|
3478
|
+
{
|
|
3479
|
+
"kind": "Content",
|
|
3480
|
+
"text": " | "
|
|
3481
|
+
},
|
|
3482
|
+
{
|
|
3483
|
+
"kind": "Reference",
|
|
3484
|
+
"text": "CategorizationLayoutOptions",
|
|
3485
|
+
"canonicalReference": "@genesislcap/foundation-forms!CategorizationLayoutOptions:type"
|
|
3486
|
+
},
|
|
3354
3487
|
{
|
|
3355
3488
|
"kind": "Content",
|
|
3356
3489
|
"text": ";"
|
|
@@ -3361,7 +3494,7 @@
|
|
|
3361
3494
|
"name": "UiSchemaOptions",
|
|
3362
3495
|
"typeTokenRange": {
|
|
3363
3496
|
"startIndex": 1,
|
|
3364
|
-
"endIndex":
|
|
3497
|
+
"endIndex": 6
|
|
3365
3498
|
}
|
|
3366
3499
|
}
|
|
3367
3500
|
]
|
|
@@ -243,6 +243,26 @@ export declare type BulkSubmitSuccessItem = {
|
|
|
243
243
|
response: any;
|
|
244
244
|
};
|
|
245
245
|
|
|
246
|
+
/**
|
|
247
|
+
* Configuration options available for the top-level UiSchema when using categorization.
|
|
248
|
+
* @public
|
|
249
|
+
*/
|
|
250
|
+
export declare type CategorizationLayoutOptions = {
|
|
251
|
+
/**
|
|
252
|
+
* Controls the visual layout of the categorization renderer.
|
|
253
|
+
* - `'horizontal'` (default): tabs rendered along the top.
|
|
254
|
+
* - `'vertical'`: tabs rendered on the left-hand side with content on the right.
|
|
255
|
+
* @public
|
|
256
|
+
*/
|
|
257
|
+
layout?: CategorizationLayoutType;
|
|
258
|
+
};
|
|
259
|
+
|
|
260
|
+
/**
|
|
261
|
+
* Layout variants available for the categorization renderer.
|
|
262
|
+
* @public
|
|
263
|
+
*/
|
|
264
|
+
export declare type CategorizationLayoutType = 'vertical' | 'horizontal';
|
|
265
|
+
|
|
246
266
|
/**
|
|
247
267
|
* Configuration options available for categorization renderer.
|
|
248
268
|
* @public
|
|
@@ -1322,7 +1342,10 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
1322
1342
|
removeAttributeNode(attr: Attr): Attr;
|
|
1323
1343
|
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
1324
1344
|
requestPointerLock(options?: PointerLockOptions): Promise<void>;
|
|
1325
|
-
scroll(options
|
|
1345
|
+
scroll(options? /**
|
|
1346
|
+
* Allows to provide set of additional renderers used by the form.
|
|
1347
|
+
* @public
|
|
1348
|
+
*/: ScrollToOptions): void;
|
|
1326
1349
|
scroll(x: number, y: number): void;
|
|
1327
1350
|
scrollBy(options?: ScrollToOptions): void;
|
|
1328
1351
|
scrollBy(x: number, y: number): void;
|
|
@@ -1553,9 +1576,7 @@ declare const Form_base: (new (...args: any[]) => {
|
|
|
1553
1576
|
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
1554
1577
|
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
1555
1578
|
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
|
|
1556
|
-
ontouchcancel
|
|
1557
|
-
* @internal
|
|
1558
|
-
*/: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1579
|
+
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1559
1580
|
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1560
1581
|
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
1561
1582
|
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
|
|
@@ -1658,6 +1679,8 @@ export declare type LabelPlacementType = 'top' | 'left';
|
|
|
1658
1679
|
|
|
1659
1680
|
export { Layout }
|
|
1660
1681
|
|
|
1682
|
+
export declare const LayoutVerticalCategorizationRendererEntry: any;
|
|
1683
|
+
|
|
1661
1684
|
/** @internal */
|
|
1662
1685
|
export declare const logger: Logger;
|
|
1663
1686
|
|
|
@@ -1877,6 +1900,31 @@ declare type Rule = {
|
|
|
1877
1900
|
effect: RuleEffect;
|
|
1878
1901
|
};
|
|
1879
1902
|
|
|
1903
|
+
/**
|
|
1904
|
+
* Configuration options for the segmented control renderer.
|
|
1905
|
+
* Activated when `segmented: true` is set on a UI schema element's options.
|
|
1906
|
+
* @public
|
|
1907
|
+
*/
|
|
1908
|
+
export declare type SegmentedRendererOptions = StandardRendererOptions & {
|
|
1909
|
+
/**
|
|
1910
|
+
* Enables the segmented control renderer for this element.
|
|
1911
|
+
* @public
|
|
1912
|
+
*/
|
|
1913
|
+
segmented: true;
|
|
1914
|
+
/**
|
|
1915
|
+
* The list of options to display as segmented items.
|
|
1916
|
+
* Each entry must have a `value` (the data value) and a `label` (the display text).
|
|
1917
|
+
* Optionally supply a `color` (any valid CSS color) to override the background of
|
|
1918
|
+
* that item when it is selected. The foreground will automatically be set to white.
|
|
1919
|
+
* @public
|
|
1920
|
+
*/
|
|
1921
|
+
data: {
|
|
1922
|
+
value: string;
|
|
1923
|
+
label: string;
|
|
1924
|
+
color?: string;
|
|
1925
|
+
}[];
|
|
1926
|
+
};
|
|
1927
|
+
|
|
1880
1928
|
/**
|
|
1881
1929
|
* Standard configuration options available for all renderers.
|
|
1882
1930
|
* @public
|
|
@@ -2041,7 +2089,7 @@ export declare type UiSchemaElement = {
|
|
|
2041
2089
|
* All configuration options that are available.
|
|
2042
2090
|
* @public
|
|
2043
2091
|
*/
|
|
2044
|
-
export declare type UiSchemaElementOptions = ConnectedRenderersOptions | NumberRendererOptions | ArrayRendererOptions | CategorizationRendererOptions | GroupRendererOptions | StepperRendererOptions | StringRendererOptions | RadioGroupRendererOptions | StandardRendererOptions;
|
|
2092
|
+
export declare type UiSchemaElementOptions = ConnectedRenderersOptions | NumberRendererOptions | ArrayRendererOptions | CategorizationRendererOptions | GroupRendererOptions | StepperRendererOptions | StringRendererOptions | RadioGroupRendererOptions | StandardRendererOptions | SegmentedRendererOptions;
|
|
2045
2093
|
|
|
2046
2094
|
/**
|
|
2047
2095
|
* The layouts and control types, which allow you to customize the arrangement of forms.
|
|
@@ -2053,6 +2101,6 @@ export declare type UiSchemaElementType = 'Control' | 'VerticalLayout' | 'Layout
|
|
|
2053
2101
|
* All configuration options that are available.
|
|
2054
2102
|
* @public
|
|
2055
2103
|
*/
|
|
2056
|
-
export declare type UiSchemaOptions = StepperOrientationOptions | LabelPlacementOptions;
|
|
2104
|
+
export declare type UiSchemaOptions = StepperOrientationOptions | LabelPlacementOptions | CategorizationLayoutOptions;
|
|
2057
2105
|
|
|
2058
2106
|
export { }
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-forms",
|
|
3
3
|
"description": "Genesis Foundation Forms",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.415.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -50,23 +50,23 @@
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@genesislcap/foundation-testing": "14.
|
|
54
|
-
"@genesislcap/genx": "14.
|
|
55
|
-
"@genesislcap/rollup-builder": "14.
|
|
56
|
-
"@genesislcap/ts-builder": "14.
|
|
57
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
58
|
-
"@genesislcap/vite-builder": "14.
|
|
59
|
-
"@genesislcap/webpack-builder": "14.
|
|
53
|
+
"@genesislcap/foundation-testing": "14.415.0",
|
|
54
|
+
"@genesislcap/genx": "14.415.0",
|
|
55
|
+
"@genesislcap/rollup-builder": "14.415.0",
|
|
56
|
+
"@genesislcap/ts-builder": "14.415.0",
|
|
57
|
+
"@genesislcap/uvu-playwright-builder": "14.415.0",
|
|
58
|
+
"@genesislcap/vite-builder": "14.415.0",
|
|
59
|
+
"@genesislcap/webpack-builder": "14.415.0",
|
|
60
60
|
"@types/json-schema": "^7.0.11",
|
|
61
61
|
"@types/papaparse": "^5.3.14"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@genesislcap/foundation-comms": "14.
|
|
65
|
-
"@genesislcap/foundation-criteria": "14.
|
|
66
|
-
"@genesislcap/foundation-logger": "14.
|
|
67
|
-
"@genesislcap/foundation-notifications": "14.
|
|
68
|
-
"@genesislcap/foundation-ui": "14.
|
|
69
|
-
"@genesislcap/foundation-utils": "14.
|
|
64
|
+
"@genesislcap/foundation-comms": "14.415.0",
|
|
65
|
+
"@genesislcap/foundation-criteria": "14.415.0",
|
|
66
|
+
"@genesislcap/foundation-logger": "14.415.0",
|
|
67
|
+
"@genesislcap/foundation-notifications": "14.415.0",
|
|
68
|
+
"@genesislcap/foundation-ui": "14.415.0",
|
|
69
|
+
"@genesislcap/foundation-utils": "14.415.0",
|
|
70
70
|
"@json-schema-tools/dereferencer": "^1.6.1",
|
|
71
71
|
"@jsonforms/core": "^3.2.1",
|
|
72
72
|
"@microsoft/fast-components": "2.30.6",
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"access": "public"
|
|
89
89
|
},
|
|
90
90
|
"customElements": "dist/custom-elements.json",
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "4b6408f6bb48961a8bd3292c96ded8a96810109d"
|
|
92
92
|
}
|