@genesislcap/rapid-design-system 14.488.2 → 14.489.0-GENC-1351.10
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 +113 -53
- package/dist/dts/react.d.ts +12 -9
- package/dist/react.cjs +47 -11
- package/dist/react.mjs +46 -10
- package/package.json +12 -12
|
@@ -870,11 +870,11 @@
|
|
|
870
870
|
},
|
|
871
871
|
{
|
|
872
872
|
"kind": "javascript-module",
|
|
873
|
-
"path": "src/accordion
|
|
873
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
874
874
|
"declarations": [
|
|
875
875
|
{
|
|
876
876
|
"kind": "function",
|
|
877
|
-
"name": "
|
|
877
|
+
"name": "rapidAccordionStyles",
|
|
878
878
|
"return": {
|
|
879
879
|
"type": {
|
|
880
880
|
"text": "ElementStyles"
|
|
@@ -899,24 +899,24 @@
|
|
|
899
899
|
"exports": [
|
|
900
900
|
{
|
|
901
901
|
"kind": "js",
|
|
902
|
-
"name": "
|
|
902
|
+
"name": "rapidAccordionStyles",
|
|
903
903
|
"declaration": {
|
|
904
|
-
"name": "
|
|
905
|
-
"module": "src/accordion
|
|
904
|
+
"name": "rapidAccordionStyles",
|
|
905
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
908
|
]
|
|
909
909
|
},
|
|
910
910
|
{
|
|
911
911
|
"kind": "javascript-module",
|
|
912
|
-
"path": "src/accordion
|
|
912
|
+
"path": "src/accordion/accordion.template.ts",
|
|
913
913
|
"declarations": [
|
|
914
914
|
{
|
|
915
915
|
"kind": "function",
|
|
916
|
-
"name": "
|
|
916
|
+
"name": "rapidAccordionTemplate",
|
|
917
917
|
"return": {
|
|
918
918
|
"type": {
|
|
919
|
-
"text": "ViewTemplate<
|
|
919
|
+
"text": "ViewTemplate<Accordion>"
|
|
920
920
|
}
|
|
921
921
|
},
|
|
922
922
|
"parameters": [
|
|
@@ -938,56 +938,56 @@
|
|
|
938
938
|
"exports": [
|
|
939
939
|
{
|
|
940
940
|
"kind": "js",
|
|
941
|
-
"name": "
|
|
941
|
+
"name": "rapidAccordionTemplate",
|
|
942
942
|
"declaration": {
|
|
943
|
-
"name": "
|
|
944
|
-
"module": "src/accordion
|
|
943
|
+
"name": "rapidAccordionTemplate",
|
|
944
|
+
"module": "src/accordion/accordion.template.ts"
|
|
945
945
|
}
|
|
946
946
|
}
|
|
947
947
|
]
|
|
948
948
|
},
|
|
949
949
|
{
|
|
950
950
|
"kind": "javascript-module",
|
|
951
|
-
"path": "src/accordion
|
|
951
|
+
"path": "src/accordion/accordion.ts",
|
|
952
952
|
"declarations": [
|
|
953
953
|
{
|
|
954
954
|
"kind": "class",
|
|
955
955
|
"description": "",
|
|
956
|
-
"name": "
|
|
956
|
+
"name": "Accordion",
|
|
957
957
|
"superclass": {
|
|
958
|
-
"name": "
|
|
958
|
+
"name": "foundationAccordion",
|
|
959
959
|
"package": "@genesislcap/foundation-ui"
|
|
960
960
|
},
|
|
961
|
-
"tagName": "%%prefix%%-accordion
|
|
961
|
+
"tagName": "%%prefix%%-accordion",
|
|
962
962
|
"customElement": true
|
|
963
963
|
},
|
|
964
964
|
{
|
|
965
965
|
"kind": "variable",
|
|
966
|
-
"name": "
|
|
966
|
+
"name": "rapidAccordion"
|
|
967
967
|
}
|
|
968
968
|
],
|
|
969
969
|
"exports": [
|
|
970
970
|
{
|
|
971
971
|
"kind": "js",
|
|
972
|
-
"name": "
|
|
972
|
+
"name": "Accordion",
|
|
973
973
|
"declaration": {
|
|
974
|
-
"name": "
|
|
975
|
-
"module": "src/accordion
|
|
974
|
+
"name": "Accordion",
|
|
975
|
+
"module": "src/accordion/accordion.ts"
|
|
976
976
|
}
|
|
977
977
|
},
|
|
978
978
|
{
|
|
979
979
|
"kind": "js",
|
|
980
|
-
"name": "
|
|
980
|
+
"name": "rapidAccordion",
|
|
981
981
|
"declaration": {
|
|
982
|
-
"name": "
|
|
983
|
-
"module": "src/accordion
|
|
982
|
+
"name": "rapidAccordion",
|
|
983
|
+
"module": "src/accordion/accordion.ts"
|
|
984
984
|
}
|
|
985
985
|
}
|
|
986
986
|
]
|
|
987
987
|
},
|
|
988
988
|
{
|
|
989
989
|
"kind": "javascript-module",
|
|
990
|
-
"path": "src/accordion
|
|
990
|
+
"path": "src/accordion/index.ts",
|
|
991
991
|
"declarations": [],
|
|
992
992
|
"exports": [
|
|
993
993
|
{
|
|
@@ -995,7 +995,7 @@
|
|
|
995
995
|
"name": "*",
|
|
996
996
|
"declaration": {
|
|
997
997
|
"name": "*",
|
|
998
|
-
"package": "./accordion
|
|
998
|
+
"package": "./accordion"
|
|
999
999
|
}
|
|
1000
1000
|
},
|
|
1001
1001
|
{
|
|
@@ -1003,7 +1003,7 @@
|
|
|
1003
1003
|
"name": "*",
|
|
1004
1004
|
"declaration": {
|
|
1005
1005
|
"name": "*",
|
|
1006
|
-
"package": "./accordion
|
|
1006
|
+
"package": "./accordion.styles"
|
|
1007
1007
|
}
|
|
1008
1008
|
},
|
|
1009
1009
|
{
|
|
@@ -1011,18 +1011,18 @@
|
|
|
1011
1011
|
"name": "*",
|
|
1012
1012
|
"declaration": {
|
|
1013
1013
|
"name": "*",
|
|
1014
|
-
"package": "./accordion
|
|
1014
|
+
"package": "./accordion.template"
|
|
1015
1015
|
}
|
|
1016
1016
|
}
|
|
1017
1017
|
]
|
|
1018
1018
|
},
|
|
1019
1019
|
{
|
|
1020
1020
|
"kind": "javascript-module",
|
|
1021
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
1021
|
+
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
1022
1022
|
"declarations": [
|
|
1023
1023
|
{
|
|
1024
1024
|
"kind": "function",
|
|
1025
|
-
"name": "
|
|
1025
|
+
"name": "rapidAccordionItemStyles",
|
|
1026
1026
|
"return": {
|
|
1027
1027
|
"type": {
|
|
1028
1028
|
"text": "ElementStyles"
|
|
@@ -1047,24 +1047,24 @@
|
|
|
1047
1047
|
"exports": [
|
|
1048
1048
|
{
|
|
1049
1049
|
"kind": "js",
|
|
1050
|
-
"name": "
|
|
1050
|
+
"name": "rapidAccordionItemStyles",
|
|
1051
1051
|
"declaration": {
|
|
1052
|
-
"name": "
|
|
1053
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
1052
|
+
"name": "rapidAccordionItemStyles",
|
|
1053
|
+
"module": "src/accordion-item/accordion-item.styles.ts"
|
|
1054
1054
|
}
|
|
1055
1055
|
}
|
|
1056
1056
|
]
|
|
1057
1057
|
},
|
|
1058
1058
|
{
|
|
1059
1059
|
"kind": "javascript-module",
|
|
1060
|
-
"path": "src/accordion/accordion.template.ts",
|
|
1060
|
+
"path": "src/accordion-item/accordion-item.template.ts",
|
|
1061
1061
|
"declarations": [
|
|
1062
1062
|
{
|
|
1063
1063
|
"kind": "function",
|
|
1064
|
-
"name": "
|
|
1064
|
+
"name": "rapidAccordionItemTemplate",
|
|
1065
1065
|
"return": {
|
|
1066
1066
|
"type": {
|
|
1067
|
-
"text": "ViewTemplate<
|
|
1067
|
+
"text": "ViewTemplate<AccordionItem>"
|
|
1068
1068
|
}
|
|
1069
1069
|
},
|
|
1070
1070
|
"parameters": [
|
|
@@ -1086,56 +1086,56 @@
|
|
|
1086
1086
|
"exports": [
|
|
1087
1087
|
{
|
|
1088
1088
|
"kind": "js",
|
|
1089
|
-
"name": "
|
|
1089
|
+
"name": "rapidAccordionItemTemplate",
|
|
1090
1090
|
"declaration": {
|
|
1091
|
-
"name": "
|
|
1092
|
-
"module": "src/accordion/accordion.template.ts"
|
|
1091
|
+
"name": "rapidAccordionItemTemplate",
|
|
1092
|
+
"module": "src/accordion-item/accordion-item.template.ts"
|
|
1093
1093
|
}
|
|
1094
1094
|
}
|
|
1095
1095
|
]
|
|
1096
1096
|
},
|
|
1097
1097
|
{
|
|
1098
1098
|
"kind": "javascript-module",
|
|
1099
|
-
"path": "src/accordion/accordion.ts",
|
|
1099
|
+
"path": "src/accordion-item/accordion-item.ts",
|
|
1100
1100
|
"declarations": [
|
|
1101
1101
|
{
|
|
1102
1102
|
"kind": "class",
|
|
1103
1103
|
"description": "",
|
|
1104
|
-
"name": "
|
|
1104
|
+
"name": "AccordionItem",
|
|
1105
1105
|
"superclass": {
|
|
1106
|
-
"name": "
|
|
1106
|
+
"name": "foundationAccordionItem",
|
|
1107
1107
|
"package": "@genesislcap/foundation-ui"
|
|
1108
1108
|
},
|
|
1109
|
-
"tagName": "%%prefix%%-accordion",
|
|
1109
|
+
"tagName": "%%prefix%%-accordion-item",
|
|
1110
1110
|
"customElement": true
|
|
1111
1111
|
},
|
|
1112
1112
|
{
|
|
1113
1113
|
"kind": "variable",
|
|
1114
|
-
"name": "
|
|
1114
|
+
"name": "rapidAccordionItem"
|
|
1115
1115
|
}
|
|
1116
1116
|
],
|
|
1117
1117
|
"exports": [
|
|
1118
1118
|
{
|
|
1119
1119
|
"kind": "js",
|
|
1120
|
-
"name": "
|
|
1120
|
+
"name": "AccordionItem",
|
|
1121
1121
|
"declaration": {
|
|
1122
|
-
"name": "
|
|
1123
|
-
"module": "src/accordion/accordion.ts"
|
|
1122
|
+
"name": "AccordionItem",
|
|
1123
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1124
1124
|
}
|
|
1125
1125
|
},
|
|
1126
1126
|
{
|
|
1127
1127
|
"kind": "js",
|
|
1128
|
-
"name": "
|
|
1128
|
+
"name": "rapidAccordionItem",
|
|
1129
1129
|
"declaration": {
|
|
1130
|
-
"name": "
|
|
1131
|
-
"module": "src/accordion/accordion.ts"
|
|
1130
|
+
"name": "rapidAccordionItem",
|
|
1131
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1132
1132
|
}
|
|
1133
1133
|
}
|
|
1134
1134
|
]
|
|
1135
1135
|
},
|
|
1136
1136
|
{
|
|
1137
1137
|
"kind": "javascript-module",
|
|
1138
|
-
"path": "src/accordion/index.ts",
|
|
1138
|
+
"path": "src/accordion-item/index.ts",
|
|
1139
1139
|
"declarations": [],
|
|
1140
1140
|
"exports": [
|
|
1141
1141
|
{
|
|
@@ -1143,7 +1143,7 @@
|
|
|
1143
1143
|
"name": "*",
|
|
1144
1144
|
"declaration": {
|
|
1145
1145
|
"name": "*",
|
|
1146
|
-
"package": "./accordion"
|
|
1146
|
+
"package": "./accordion-item"
|
|
1147
1147
|
}
|
|
1148
1148
|
},
|
|
1149
1149
|
{
|
|
@@ -1151,7 +1151,7 @@
|
|
|
1151
1151
|
"name": "*",
|
|
1152
1152
|
"declaration": {
|
|
1153
1153
|
"name": "*",
|
|
1154
|
-
"package": "./accordion.styles"
|
|
1154
|
+
"package": "./accordion-item.styles"
|
|
1155
1155
|
}
|
|
1156
1156
|
},
|
|
1157
1157
|
{
|
|
@@ -1159,7 +1159,7 @@
|
|
|
1159
1159
|
"name": "*",
|
|
1160
1160
|
"declaration": {
|
|
1161
1161
|
"name": "*",
|
|
1162
|
-
"package": "./accordion.template"
|
|
1162
|
+
"package": "./accordion-item.template"
|
|
1163
1163
|
}
|
|
1164
1164
|
}
|
|
1165
1165
|
]
|
|
@@ -28531,8 +28531,8 @@
|
|
|
28531
28531
|
"text": "boolean"
|
|
28532
28532
|
},
|
|
28533
28533
|
"default": "false",
|
|
28534
|
-
"fieldName": "disabled",
|
|
28535
28534
|
"description": "The disabled state of the listbox.",
|
|
28535
|
+
"fieldName": "disabled",
|
|
28536
28536
|
"inheritedFrom": {
|
|
28537
28537
|
"name": "Combobox",
|
|
28538
28538
|
"module": "src/combobox/combobox.ts"
|
|
@@ -29268,6 +29268,7 @@
|
|
|
29268
29268
|
"text": "boolean"
|
|
29269
29269
|
},
|
|
29270
29270
|
"default": "false",
|
|
29271
|
+
"description": "Enables server-side filtering: typed input refetches from the server with a criteria\ninstead of filtering the already-loaded options client-side.",
|
|
29271
29272
|
"inheritedFrom": {
|
|
29272
29273
|
"name": "Combobox",
|
|
29273
29274
|
"module": "src/combobox/combobox.ts"
|
|
@@ -29406,6 +29407,20 @@
|
|
|
29406
29407
|
"module": "src/combobox/combobox.ts"
|
|
29407
29408
|
}
|
|
29408
29409
|
},
|
|
29410
|
+
{
|
|
29411
|
+
"kind": "field",
|
|
29412
|
+
"name": "scrollableListbox",
|
|
29413
|
+
"type": {
|
|
29414
|
+
"text": "HTMLElement | null"
|
|
29415
|
+
},
|
|
29416
|
+
"privacy": "public",
|
|
29417
|
+
"description": "The scrollable element hosting the dropdown options. Part of the public contract for\nslotted datasources (e.g. options-datasource infinite scroll) to observe scrolling.",
|
|
29418
|
+
"readonly": true,
|
|
29419
|
+
"inheritedFrom": {
|
|
29420
|
+
"name": "Combobox",
|
|
29421
|
+
"module": "src/combobox/combobox.ts"
|
|
29422
|
+
}
|
|
29423
|
+
},
|
|
29409
29424
|
{
|
|
29410
29425
|
"kind": "method",
|
|
29411
29426
|
"name": "slottedOptionsChanged",
|
|
@@ -29434,6 +29449,21 @@
|
|
|
29434
29449
|
"module": "src/combobox/combobox.ts"
|
|
29435
29450
|
}
|
|
29436
29451
|
},
|
|
29452
|
+
{
|
|
29453
|
+
"kind": "method",
|
|
29454
|
+
"name": "enableAsyncForInfiniteScrollDatasource",
|
|
29455
|
+
"privacy": "private",
|
|
29456
|
+
"return": {
|
|
29457
|
+
"type": {
|
|
29458
|
+
"text": "void"
|
|
29459
|
+
}
|
|
29460
|
+
},
|
|
29461
|
+
"description": "When the slotted datasource pages its options (infinite scroll), only a page of the\nresource is loaded client-side, so filtering typed input locally is meaningless.\nSwitch to async mode so input refetches from the server with a criteria instead;\nfurther pages honour that criteria. This overrides an explicit `async=\"false\"` on\nthe combobox — infinite-scroll datasources cannot support client-side filtering.",
|
|
29462
|
+
"inheritedFrom": {
|
|
29463
|
+
"name": "Combobox",
|
|
29464
|
+
"module": "src/combobox/combobox.ts"
|
|
29465
|
+
}
|
|
29466
|
+
},
|
|
29437
29467
|
{
|
|
29438
29468
|
"kind": "field",
|
|
29439
29469
|
"name": "indicator",
|
|
@@ -29504,6 +29534,14 @@
|
|
|
29504
29534
|
"name": "Combobox",
|
|
29505
29535
|
"module": "src/combobox/combobox.ts"
|
|
29506
29536
|
}
|
|
29537
|
+
},
|
|
29538
|
+
{
|
|
29539
|
+
"description": "Fired when the dropdown opens or closes. detail: `OpenChangeEventDetail`",
|
|
29540
|
+
"name": "open-change",
|
|
29541
|
+
"inheritedFrom": {
|
|
29542
|
+
"name": "Combobox",
|
|
29543
|
+
"module": "src/combobox/combobox.ts"
|
|
29544
|
+
}
|
|
29507
29545
|
}
|
|
29508
29546
|
]
|
|
29509
29547
|
},
|
|
@@ -32097,6 +32135,20 @@
|
|
|
32097
32135
|
}
|
|
32098
32136
|
],
|
|
32099
32137
|
"members": [
|
|
32138
|
+
{
|
|
32139
|
+
"kind": "field",
|
|
32140
|
+
"name": "scrollableListbox",
|
|
32141
|
+
"type": {
|
|
32142
|
+
"text": "HTMLElement | null"
|
|
32143
|
+
},
|
|
32144
|
+
"privacy": "public",
|
|
32145
|
+
"description": "The scrollable element hosting the dropdown options. Part of the public contract for\nslotted datasources (e.g. options-datasource infinite scroll) to observe scrolling.",
|
|
32146
|
+
"readonly": true,
|
|
32147
|
+
"inheritedFrom": {
|
|
32148
|
+
"name": "Select",
|
|
32149
|
+
"module": "src/select/select.ts"
|
|
32150
|
+
}
|
|
32151
|
+
},
|
|
32100
32152
|
{
|
|
32101
32153
|
"kind": "method",
|
|
32102
32154
|
"name": "openChanged",
|
|
@@ -32542,6 +32594,14 @@
|
|
|
32542
32594
|
}
|
|
32543
32595
|
],
|
|
32544
32596
|
"events": [
|
|
32597
|
+
{
|
|
32598
|
+
"description": "Fired when the dropdown opens or closes. detail: `OpenChangeEventDetail`",
|
|
32599
|
+
"name": "open-change",
|
|
32600
|
+
"inheritedFrom": {
|
|
32601
|
+
"name": "Select",
|
|
32602
|
+
"module": "src/select/select.ts"
|
|
32603
|
+
}
|
|
32604
|
+
},
|
|
32545
32605
|
{
|
|
32546
32606
|
"description": "Fires a custom 'input' event when the value updates",
|
|
32547
32607
|
"name": "input",
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ import type { TreeItem as TreeItemWC } from './tree-item/tree-item';
|
|
|
86
86
|
import type { TreeView as TreeViewWC } from './tree-view/tree-view';
|
|
87
87
|
import type { UrlInput as UrlInputWC } from './url-input/url-input';
|
|
88
88
|
import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
|
|
89
|
-
import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail } from '@genesislcap/foundation-ui';
|
|
89
|
+
import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail } from '@genesislcap/foundation-ui';
|
|
90
90
|
|
|
91
91
|
/** @internal Maps a web component class to its public props only.
|
|
92
92
|
* keyof T skips private/protected members, so this avoids the TS error
|
|
@@ -117,23 +117,23 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
117
117
|
onInput?(e: Event): void;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
export declare const
|
|
120
|
+
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
121
121
|
React.PropsWithChildren<
|
|
122
|
-
Omit<PublicOf<
|
|
122
|
+
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
123
123
|
HTMLWCProps & {
|
|
124
124
|
}
|
|
125
|
-
> & React.RefAttributes<
|
|
125
|
+
> & React.RefAttributes<AccordionWC>
|
|
126
126
|
>;
|
|
127
|
-
export type
|
|
127
|
+
export type AccordionRef = AccordionWC;
|
|
128
128
|
|
|
129
|
-
export declare const
|
|
129
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
130
130
|
React.PropsWithChildren<
|
|
131
|
-
Omit<PublicOf<
|
|
131
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
132
132
|
HTMLWCProps & {
|
|
133
133
|
}
|
|
134
|
-
> & React.RefAttributes<
|
|
134
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
135
135
|
>;
|
|
136
|
-
export type
|
|
136
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
137
137
|
|
|
138
138
|
export declare const ActionsMenu: React.ForwardRefExoticComponent<
|
|
139
139
|
React.PropsWithChildren<
|
|
@@ -280,6 +280,7 @@ export declare const Combobox: React.ForwardRefExoticComponent<
|
|
|
280
280
|
React.PropsWithChildren<
|
|
281
281
|
Omit<PublicOf<ComboboxWC>, 'children' | 'style'> &
|
|
282
282
|
HTMLWCProps & {
|
|
283
|
+
onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
|
|
283
284
|
}
|
|
284
285
|
> & React.RefAttributes<ComboboxWC>
|
|
285
286
|
>;
|
|
@@ -637,6 +638,7 @@ export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
|
|
|
637
638
|
React.PropsWithChildren<
|
|
638
639
|
Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
|
|
639
640
|
HTMLWCProps & {
|
|
641
|
+
onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
|
|
640
642
|
}
|
|
641
643
|
> & React.RefAttributes<SearchBarComboboxWC>
|
|
642
644
|
>;
|
|
@@ -687,6 +689,7 @@ export declare const Select: React.ForwardRefExoticComponent<
|
|
|
687
689
|
React.PropsWithChildren<
|
|
688
690
|
Omit<PublicOf<SelectWC>, 'children' | 'style'> &
|
|
689
691
|
HTMLWCProps & {
|
|
692
|
+
onOpenChange?: (event: CustomEvent<OpenChangeEventDetail>) => void;
|
|
690
693
|
}
|
|
691
694
|
> & React.RefAttributes<SelectWC>
|
|
692
695
|
>;
|
package/dist/react.cjs
CHANGED
|
@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
|
|
|
97
97
|
};
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
const
|
|
100
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
101
101
|
const { children, ...rest } = props;
|
|
102
|
-
return React.createElement(customElements.getName(
|
|
102
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
103
103
|
});
|
|
104
104
|
|
|
105
|
-
const
|
|
105
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
106
106
|
const { children, ...rest } = props;
|
|
107
|
-
return React.createElement(customElements.getName(
|
|
107
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
108
108
|
});
|
|
109
109
|
|
|
110
110
|
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -241,8 +241,20 @@ const Checkbox = React.forwardRef(function Checkbox(props, ref) {
|
|
|
241
241
|
});
|
|
242
242
|
|
|
243
243
|
const Combobox = React.forwardRef(function Combobox(props, ref) {
|
|
244
|
-
const { children, ...rest } = props;
|
|
245
|
-
|
|
244
|
+
const { onOpenChange, children, ...rest } = props;
|
|
245
|
+
const _innerRef = React.useRef(null);
|
|
246
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
247
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
248
|
+
React.useLayoutEffect(() => {
|
|
249
|
+
const el = _innerRef.current;
|
|
250
|
+
if (!el) return;
|
|
251
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
252
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
253
|
+
return () => {
|
|
254
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
255
|
+
};
|
|
256
|
+
}, []);
|
|
257
|
+
return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
246
258
|
});
|
|
247
259
|
|
|
248
260
|
const ConnectionIndicator = React.forwardRef(function ConnectionIndicator(props, ref) {
|
|
@@ -663,8 +675,20 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
|
|
|
663
675
|
});
|
|
664
676
|
|
|
665
677
|
const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
|
|
666
|
-
const { children, ...rest } = props;
|
|
667
|
-
|
|
678
|
+
const { onOpenChange, children, ...rest } = props;
|
|
679
|
+
const _innerRef = React.useRef(null);
|
|
680
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
681
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
682
|
+
React.useLayoutEffect(() => {
|
|
683
|
+
const el = _innerRef.current;
|
|
684
|
+
if (!el) return;
|
|
685
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
686
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
687
|
+
return () => {
|
|
688
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
689
|
+
};
|
|
690
|
+
}, []);
|
|
691
|
+
return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
668
692
|
});
|
|
669
693
|
|
|
670
694
|
const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
|
@@ -727,8 +751,20 @@ const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
|
|
|
727
751
|
});
|
|
728
752
|
|
|
729
753
|
const Select = React.forwardRef(function Select(props, ref) {
|
|
730
|
-
const { children, ...rest } = props;
|
|
731
|
-
|
|
754
|
+
const { onOpenChange, children, ...rest } = props;
|
|
755
|
+
const _innerRef = React.useRef(null);
|
|
756
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
757
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
758
|
+
React.useLayoutEffect(() => {
|
|
759
|
+
const el = _innerRef.current;
|
|
760
|
+
if (!el) return;
|
|
761
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
762
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
763
|
+
return () => {
|
|
764
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
765
|
+
};
|
|
766
|
+
}, []);
|
|
767
|
+
return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
732
768
|
});
|
|
733
769
|
|
|
734
770
|
const Skeleton = React.forwardRef(function Skeleton(props, ref) {
|
|
@@ -922,8 +958,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
|
|
|
922
958
|
});
|
|
923
959
|
|
|
924
960
|
module.exports = {
|
|
925
|
-
AccordionItem,
|
|
926
961
|
Accordion,
|
|
962
|
+
AccordionItem,
|
|
927
963
|
ActionsMenu,
|
|
928
964
|
AiCriteriaSearch,
|
|
929
965
|
AiIndicator,
|
package/dist/react.mjs
CHANGED
|
@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
|
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
export const
|
|
98
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
99
99
|
const { children, ...rest } = props;
|
|
100
|
-
return React.createElement(customElements.getName(
|
|
100
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
101
101
|
});
|
|
102
102
|
|
|
103
|
-
export const
|
|
103
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
104
104
|
const { children, ...rest } = props;
|
|
105
|
-
return React.createElement(customElements.getName(
|
|
105
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
106
106
|
});
|
|
107
107
|
|
|
108
108
|
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -239,8 +239,20 @@ export const Checkbox = React.forwardRef(function Checkbox(props, ref) {
|
|
|
239
239
|
});
|
|
240
240
|
|
|
241
241
|
export const Combobox = React.forwardRef(function Combobox(props, ref) {
|
|
242
|
-
const { children, ...rest } = props;
|
|
243
|
-
|
|
242
|
+
const { onOpenChange, children, ...rest } = props;
|
|
243
|
+
const _innerRef = React.useRef(null);
|
|
244
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
245
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
246
|
+
React.useLayoutEffect(() => {
|
|
247
|
+
const el = _innerRef.current;
|
|
248
|
+
if (!el) return;
|
|
249
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
250
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
251
|
+
return () => {
|
|
252
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
253
|
+
};
|
|
254
|
+
}, []);
|
|
255
|
+
return React.createElement(customElements.getName(ComboboxWC) ?? '%%prefix%%-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
244
256
|
});
|
|
245
257
|
|
|
246
258
|
export const ConnectionIndicator = React.forwardRef(function ConnectionIndicator(props, ref) {
|
|
@@ -661,8 +673,20 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
|
|
|
661
673
|
});
|
|
662
674
|
|
|
663
675
|
export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
|
|
664
|
-
const { children, ...rest } = props;
|
|
665
|
-
|
|
676
|
+
const { onOpenChange, children, ...rest } = props;
|
|
677
|
+
const _innerRef = React.useRef(null);
|
|
678
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
679
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
680
|
+
React.useLayoutEffect(() => {
|
|
681
|
+
const el = _innerRef.current;
|
|
682
|
+
if (!el) return;
|
|
683
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
684
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
685
|
+
return () => {
|
|
686
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
687
|
+
};
|
|
688
|
+
}, []);
|
|
689
|
+
return React.createElement(customElements.getName(SearchBarComboboxWC) ?? '%%prefix%%-search-bar-combobox', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
666
690
|
});
|
|
667
691
|
|
|
668
692
|
export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
|
@@ -725,8 +749,20 @@ export const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref)
|
|
|
725
749
|
});
|
|
726
750
|
|
|
727
751
|
export const Select = React.forwardRef(function Select(props, ref) {
|
|
728
|
-
const { children, ...rest } = props;
|
|
729
|
-
|
|
752
|
+
const { onOpenChange, children, ...rest } = props;
|
|
753
|
+
const _innerRef = React.useRef(null);
|
|
754
|
+
const _onOpenChangeRef = React.useRef(onOpenChange);
|
|
755
|
+
_onOpenChangeRef.current = onOpenChange;
|
|
756
|
+
React.useLayoutEffect(() => {
|
|
757
|
+
const el = _innerRef.current;
|
|
758
|
+
if (!el) return;
|
|
759
|
+
const _onOpenChangeFn = (e) => _onOpenChangeRef.current?.(e);
|
|
760
|
+
el.addEventListener('open-change', _onOpenChangeFn);
|
|
761
|
+
return () => {
|
|
762
|
+
el.removeEventListener('open-change', _onOpenChangeFn);
|
|
763
|
+
};
|
|
764
|
+
}, []);
|
|
765
|
+
return React.createElement(customElements.getName(SelectWC) ?? '%%prefix%%-select', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
730
766
|
});
|
|
731
767
|
|
|
732
768
|
export const Skeleton = React.forwardRef(function Skeleton(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-design-system",
|
|
3
3
|
"description": "Rapid Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.489.0-GENC-1351.10",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
41
|
-
"@genesislcap/foundation-testing": "14.
|
|
42
|
-
"@genesislcap/genx": "14.
|
|
43
|
-
"@genesislcap/rollup-builder": "14.
|
|
44
|
-
"@genesislcap/ts-builder": "14.
|
|
45
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
46
|
-
"@genesislcap/vite-builder": "14.
|
|
47
|
-
"@genesislcap/webpack-builder": "14.
|
|
41
|
+
"@genesislcap/foundation-testing": "14.489.0-GENC-1351.10",
|
|
42
|
+
"@genesislcap/genx": "14.489.0-GENC-1351.10",
|
|
43
|
+
"@genesislcap/rollup-builder": "14.489.0-GENC-1351.10",
|
|
44
|
+
"@genesislcap/ts-builder": "14.489.0-GENC-1351.10",
|
|
45
|
+
"@genesislcap/uvu-playwright-builder": "14.489.0-GENC-1351.10",
|
|
46
|
+
"@genesislcap/vite-builder": "14.489.0-GENC-1351.10",
|
|
47
|
+
"@genesislcap/webpack-builder": "14.489.0-GENC-1351.10",
|
|
48
48
|
"flexlayout-react": "^0.8.19"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@genesislcap/foundation-logger": "14.
|
|
60
|
-
"@genesislcap/foundation-ui": "14.
|
|
61
|
-
"@genesislcap/foundation-utils": "14.
|
|
59
|
+
"@genesislcap/foundation-logger": "14.489.0-GENC-1351.10",
|
|
60
|
+
"@genesislcap/foundation-ui": "14.489.0-GENC-1351.10",
|
|
61
|
+
"@genesislcap/foundation-utils": "14.489.0-GENC-1351.10",
|
|
62
62
|
"@microsoft/fast-colors": "5.3.1",
|
|
63
63
|
"@microsoft/fast-components": "2.30.6",
|
|
64
64
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"require": "./dist/react.cjs"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "3a274a433b5f216481f035a4fa38fa726103d694"
|
|
90
90
|
}
|