@abgov/react-components 7.0.0-dev.2 → 7.0.0-dev.3
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/index.js +56 -107
- package/index.js.map +1 -1
- package/index.mjs +56 -107
- package/index.mjs.map +1 -1
- package/lib/accordion/accordion.d.ts +13 -2
- package/lib/app-header/app-header.d.ts +9 -0
- package/lib/app-header-menu/app-header-menu.d.ts +6 -0
- package/lib/badge/badge.d.ts +9 -0
- package/lib/block/block.d.ts +9 -0
- package/lib/button/button.d.ts +14 -0
- package/lib/button-group/button-group.d.ts +5 -0
- package/lib/calendar/calendar.d.ts +8 -1
- package/lib/callout/callout.d.ts +10 -0
- package/lib/card/card-actions.d.ts +2 -0
- package/lib/card/card-content.d.ts +2 -0
- package/lib/card/card-group.d.ts +2 -0
- package/lib/card/card-image.d.ts +3 -0
- package/lib/card/card.d.ts +5 -0
- package/lib/checkbox/checkbox.d.ts +19 -1
- package/lib/checkbox-list/checkbox-list.d.ts +10 -0
- package/lib/chip/chip.d.ts +11 -2
- package/lib/circular-progress/circular-progress.d.ts +7 -0
- package/lib/container/container.d.ts +18 -5
- package/lib/data-grid/data-grid.d.ts +6 -1
- package/lib/date-picker/date-picker.d.ts +13 -4
- package/lib/details/details.d.ts +7 -1
- package/lib/divider/divider.d.ts +2 -0
- package/lib/drawer/drawer.d.ts +11 -2
- package/lib/dropdown/dropdown-item.d.ts +8 -0
- package/lib/dropdown/dropdown.d.ts +22 -3
- package/lib/file-upload-card/file-upload-card.d.ts +9 -0
- package/lib/file-upload-input/file-upload-input.d.ts +7 -1
- package/lib/filter-chip/filter-chip.d.ts +10 -2
- package/lib/footer/footer.d.ts +7 -2
- package/lib/footer-meta-section/footer-meta-section.d.ts +3 -0
- package/lib/footer-nav-section/footer-nav-section.d.ts +6 -1
- package/lib/form/fieldset.d.ts +7 -1
- package/lib/form/public-form-page.d.ts +13 -5
- package/lib/form/public-form-summary.d.ts +2 -0
- package/lib/form/public-form.d.ts +8 -1
- package/lib/form/public-subform-index.d.ts +7 -1
- package/lib/form/public-subform.d.ts +8 -1
- package/lib/form/task-list.d.ts +4 -1
- package/lib/form/task.d.ts +4 -1
- package/lib/form-item/form-item.d.ts +13 -6
- package/lib/form-step/form-step.d.ts +3 -0
- package/lib/form-stepper/form-stepper.d.ts +5 -0
- package/lib/grid/grid.d.ts +6 -1
- package/lib/hero-banner/hero-banner-actions.d.ts +2 -0
- package/lib/hero-banner/hero-banner.d.ts +9 -0
- package/lib/icon/icon.d.ts +10 -0
- package/lib/icon-button/icon-button.d.ts +13 -0
- package/lib/input/input.d.ts +47 -3
- package/lib/linear-progress/linear-progress.d.ts +6 -0
- package/lib/link/link.d.ts +11 -1
- package/lib/menu-button/menu-action.d.ts +5 -0
- package/lib/menu-button/menu-button.d.ts +11 -0
- package/lib/microsite-header/microsite-header.d.ts +9 -0
- package/lib/modal/modal.d.ts +10 -0
- package/lib/notification/notification.d.ts +9 -0
- package/lib/one-column-layout/one-column-layout.d.ts +2 -0
- package/lib/page-block/page-block.d.ts +4 -0
- package/lib/pages/pages.d.ts +3 -0
- package/lib/pagination/pagination.d.ts +9 -2
- package/lib/popover/popover.d.ts +11 -5
- package/lib/push-drawer/push-drawer.d.ts +10 -2
- package/lib/radio-group/radio-group.d.ts +12 -0
- package/lib/radio-group/radio.d.ts +14 -0
- package/lib/side-menu/side-menu.d.ts +4 -1
- package/lib/side-menu-group/side-menu-group.d.ts +5 -0
- package/lib/side-menu-heading/side-menu-heading.d.ts +7 -2
- package/lib/skeleton/skeleton.d.ts +7 -1
- package/lib/spacer/spacer.d.ts +4 -0
- package/lib/spinner/spinner.d.ts +6 -0
- package/lib/tab/tab.d.ts +6 -1
- package/lib/table/table-sort-header.d.ts +5 -0
- package/lib/table/table.d.ts +9 -0
- package/lib/tabs/tabs.d.ts +8 -1
- package/lib/temporary-notification-ctrl/temporary-notification-ctrl.d.ts +4 -0
- package/lib/text/text.d.ts +8 -1
- package/lib/textarea/textarea.d.ts +20 -0
- package/lib/three-column-layout/three-column-layout.d.ts +11 -1
- package/lib/tooltip/tooltip.d.ts +7 -0
- package/lib/two-column-layout/two-column-layout.d.ts +9 -2
- package/lib/work-side-menu/work-side-menu.d.ts +12 -0
- package/lib/work-side-menu-group/work-side-menu-group.d.ts +6 -0
- package/lib/work-side-menu-item/work-side-menu-item.d.ts +11 -0
- package/lib/work-side-notification-item/work-side-notification-item.d.ts +10 -1
- package/lib/work-side-notification-panel/work-side-notification-panel.d.ts +7 -0
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -46,18 +46,10 @@ function GoabAccordion({
|
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
48
|
}, [onChange]);
|
|
49
|
-
return /* @__PURE__ */ jsxs(
|
|
50
|
-
"
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
open: open ? "true" : void 0,
|
|
54
|
-
..._props,
|
|
55
|
-
children: [
|
|
56
|
-
headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
|
|
57
|
-
children
|
|
58
|
-
]
|
|
59
|
-
}
|
|
60
|
-
);
|
|
49
|
+
return /* @__PURE__ */ jsxs("goa-accordion", { ref, open: open ? "true" : void 0, ..._props, children: [
|
|
50
|
+
headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
|
|
51
|
+
children
|
|
52
|
+
] });
|
|
61
53
|
}
|
|
62
54
|
function GoabAppHeader({
|
|
63
55
|
onMenuClick,
|
|
@@ -129,15 +121,8 @@ function GoabBadge({
|
|
|
129
121
|
}
|
|
130
122
|
);
|
|
131
123
|
}
|
|
132
|
-
function GoabBlock({
|
|
133
|
-
testId,
|
|
134
|
-
children,
|
|
135
|
-
...rest
|
|
136
|
-
}) {
|
|
137
|
-
const _props = transformProps(
|
|
138
|
-
{ testid: testId, ...rest },
|
|
139
|
-
kebab
|
|
140
|
-
);
|
|
124
|
+
function GoabBlock({ testId, children, ...rest }) {
|
|
125
|
+
const _props = transformProps({ testid: testId, ...rest }, kebab);
|
|
141
126
|
return /* @__PURE__ */ jsx("goa-block", { ..._props, children });
|
|
142
127
|
}
|
|
143
128
|
function GoabButton({
|
|
@@ -337,12 +322,7 @@ function GoabCheckboxList({
|
|
|
337
322
|
}
|
|
338
323
|
);
|
|
339
324
|
}
|
|
340
|
-
const GoabChip = ({
|
|
341
|
-
error,
|
|
342
|
-
deletable,
|
|
343
|
-
onClick,
|
|
344
|
-
...rest
|
|
345
|
-
}) => {
|
|
325
|
+
const GoabChip = ({ error, deletable, onClick, ...rest }) => {
|
|
346
326
|
const el = useRef(null);
|
|
347
327
|
const _props = transformProps(rest, lowercase);
|
|
348
328
|
useEffect(() => {
|
|
@@ -2668,20 +2648,9 @@ function GoabDatePicker({
|
|
|
2668
2648
|
}
|
|
2669
2649
|
);
|
|
2670
2650
|
}
|
|
2671
|
-
function GoabDetails({
|
|
2672
|
-
open,
|
|
2673
|
-
children,
|
|
2674
|
-
...rest
|
|
2675
|
-
}) {
|
|
2651
|
+
function GoabDetails({ open, children, ...rest }) {
|
|
2676
2652
|
const _props = transformProps(rest, lowercase);
|
|
2677
|
-
return /* @__PURE__ */ jsx(
|
|
2678
|
-
"goa-details",
|
|
2679
|
-
{
|
|
2680
|
-
open: open ? "true" : void 0,
|
|
2681
|
-
..._props,
|
|
2682
|
-
children
|
|
2683
|
-
}
|
|
2684
|
-
);
|
|
2653
|
+
return /* @__PURE__ */ jsx("goa-details", { open: open ? "true" : void 0, ..._props, children });
|
|
2685
2654
|
}
|
|
2686
2655
|
function GoabDivider(props) {
|
|
2687
2656
|
return /* @__PURE__ */ jsx(
|
|
@@ -2928,10 +2897,7 @@ function GoabPublicFormSummary({
|
|
|
2928
2897
|
heading = "",
|
|
2929
2898
|
...rest
|
|
2930
2899
|
}) {
|
|
2931
|
-
const _props = transformProps(
|
|
2932
|
-
{ heading, ...rest },
|
|
2933
|
-
lowercase
|
|
2934
|
-
);
|
|
2900
|
+
const _props = transformProps({ heading, ...rest }, lowercase);
|
|
2935
2901
|
return /* @__PURE__ */ jsx("goa-public-form-summary", { ..._props });
|
|
2936
2902
|
}
|
|
2937
2903
|
function GoabPublicForm({
|
|
@@ -3030,7 +2996,13 @@ function GoabPublicSubformIndex({
|
|
|
3030
2996
|
...rest
|
|
3031
2997
|
}) {
|
|
3032
2998
|
const _props = transformProps(
|
|
3033
|
-
{
|
|
2999
|
+
{
|
|
3000
|
+
heading,
|
|
3001
|
+
"section-title": sectionTitle,
|
|
3002
|
+
"action-button-text": actionButtonText,
|
|
3003
|
+
"button-visibility": buttonVisibility,
|
|
3004
|
+
...rest
|
|
3005
|
+
},
|
|
3034
3006
|
kebab
|
|
3035
3007
|
);
|
|
3036
3008
|
return /* @__PURE__ */ jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
|
|
@@ -3040,10 +3012,7 @@ function GoabPublicFormTask({
|
|
|
3040
3012
|
children,
|
|
3041
3013
|
...rest
|
|
3042
3014
|
}) {
|
|
3043
|
-
const _props = transformProps(
|
|
3044
|
-
{ status, ...rest },
|
|
3045
|
-
lowercase
|
|
3046
|
-
);
|
|
3015
|
+
const _props = transformProps({ status, ...rest }, lowercase);
|
|
3047
3016
|
return /* @__PURE__ */ jsx("goa-public-form-task", { ..._props, children });
|
|
3048
3017
|
}
|
|
3049
3018
|
function GoabPublicFormTaskList({
|
|
@@ -3184,10 +3153,7 @@ function GoabIconButton({
|
|
|
3184
3153
|
...rest
|
|
3185
3154
|
}) {
|
|
3186
3155
|
const ref = useRef(null);
|
|
3187
|
-
const _props = transformProps(
|
|
3188
|
-
{ variant, size, ...rest },
|
|
3189
|
-
lowercase
|
|
3190
|
-
);
|
|
3156
|
+
const _props = transformProps({ variant, size, ...rest }, lowercase);
|
|
3191
3157
|
useEffect(() => {
|
|
3192
3158
|
if (!ref.current) {
|
|
3193
3159
|
return;
|
|
@@ -3216,10 +3182,7 @@ function GoabIconButton({
|
|
|
3216
3182
|
}
|
|
3217
3183
|
);
|
|
3218
3184
|
}
|
|
3219
|
-
function GoabIcon({
|
|
3220
|
-
inverted,
|
|
3221
|
-
...rest
|
|
3222
|
-
}) {
|
|
3185
|
+
function GoabIcon({ inverted, ...rest }) {
|
|
3223
3186
|
const _props = transformProps(rest, lowercase);
|
|
3224
3187
|
return /* @__PURE__ */ jsx(
|
|
3225
3188
|
"goa-icon",
|
|
@@ -3502,15 +3465,7 @@ function GoabLink({
|
|
|
3502
3465
|
...rest
|
|
3503
3466
|
}) {
|
|
3504
3467
|
const _props = transformProps({ color, size, ...rest }, lowercase);
|
|
3505
|
-
return /* @__PURE__ */ jsx(
|
|
3506
|
-
"goa-link",
|
|
3507
|
-
{
|
|
3508
|
-
"action-arg": actionArg,
|
|
3509
|
-
"action-args": JSON.stringify(actionArgs),
|
|
3510
|
-
..._props,
|
|
3511
|
-
children
|
|
3512
|
-
}
|
|
3513
|
-
);
|
|
3468
|
+
return /* @__PURE__ */ jsx("goa-link", { "action-arg": actionArg, "action-args": JSON.stringify(actionArgs), ..._props, children });
|
|
3514
3469
|
}
|
|
3515
3470
|
function GoALinkButton({
|
|
3516
3471
|
type = "primary",
|
|
@@ -3531,10 +3486,7 @@ function GoabMenuButton({
|
|
|
3531
3486
|
...rest
|
|
3532
3487
|
}) {
|
|
3533
3488
|
const el = useRef(null);
|
|
3534
|
-
const _props = transformProps(
|
|
3535
|
-
{ type, testid: testId, ...rest },
|
|
3536
|
-
kebab
|
|
3537
|
-
);
|
|
3489
|
+
const _props = transformProps({ type, testid: testId, ...rest }, kebab);
|
|
3538
3490
|
useEffect(() => {
|
|
3539
3491
|
if (!el.current) {
|
|
3540
3492
|
return;
|
|
@@ -3910,7 +3862,12 @@ function GoabSideMenuGroup({
|
|
|
3910
3862
|
}
|
|
3911
3863
|
);
|
|
3912
3864
|
}
|
|
3913
|
-
function GoabSideMenuHeading({
|
|
3865
|
+
function GoabSideMenuHeading({
|
|
3866
|
+
meta,
|
|
3867
|
+
testId,
|
|
3868
|
+
icon,
|
|
3869
|
+
children
|
|
3870
|
+
}) {
|
|
3914
3871
|
return /* @__PURE__ */ jsxs("goa-side-menu-heading", { icon, testid: testId, version: "2", children: [
|
|
3915
3872
|
children,
|
|
3916
3873
|
meta && /* @__PURE__ */ jsx("span", { slot: "meta", children: meta })
|
|
@@ -4020,7 +3977,16 @@ function GoabTableSortHeader({
|
|
|
4020
3977
|
children,
|
|
4021
3978
|
...rest
|
|
4022
3979
|
}) {
|
|
4023
|
-
return /* @__PURE__ */ jsx(
|
|
3980
|
+
return /* @__PURE__ */ jsx(
|
|
3981
|
+
"goa-table-sort-header",
|
|
3982
|
+
{
|
|
3983
|
+
name,
|
|
3984
|
+
direction,
|
|
3985
|
+
"sort-order": sortOrder,
|
|
3986
|
+
...rest,
|
|
3987
|
+
children
|
|
3988
|
+
}
|
|
3989
|
+
);
|
|
4024
3990
|
}
|
|
4025
3991
|
function GoabTabs({
|
|
4026
3992
|
initialTab,
|
|
@@ -4059,7 +4025,12 @@ function GoabTabs({
|
|
|
4059
4025
|
}
|
|
4060
4026
|
);
|
|
4061
4027
|
}
|
|
4062
|
-
function GoabTab({
|
|
4028
|
+
function GoabTab({
|
|
4029
|
+
heading,
|
|
4030
|
+
disabled,
|
|
4031
|
+
slug,
|
|
4032
|
+
children
|
|
4033
|
+
}) {
|
|
4063
4034
|
return /* @__PURE__ */ jsxs(
|
|
4064
4035
|
"goa-tab",
|
|
4065
4036
|
{
|
|
@@ -4081,33 +4052,18 @@ const GoabTemporaryNotificationCtrl = ({
|
|
|
4081
4052
|
}) => {
|
|
4082
4053
|
const el = useRef(null);
|
|
4083
4054
|
const _props = transformProps(
|
|
4084
|
-
{ "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
|
|
4085
|
-
kebab
|
|
4086
|
-
);
|
|
4087
|
-
return /* @__PURE__ */ jsx(
|
|
4088
|
-
"goa-temp-notification-ctrl",
|
|
4089
4055
|
{
|
|
4090
|
-
|
|
4091
|
-
|
|
4092
|
-
|
|
4093
|
-
}
|
|
4056
|
+
"vertical-position": verticalPosition,
|
|
4057
|
+
"horizontal-position": horizontalPosition,
|
|
4058
|
+
...rest
|
|
4059
|
+
},
|
|
4060
|
+
kebab
|
|
4094
4061
|
);
|
|
4062
|
+
return /* @__PURE__ */ jsx("goa-temp-notification-ctrl", { ref: el, ..._props, testid: testId });
|
|
4095
4063
|
};
|
|
4096
|
-
function GoabText({
|
|
4097
|
-
as,
|
|
4098
|
-
tag,
|
|
4099
|
-
children,
|
|
4100
|
-
...rest
|
|
4101
|
-
}) {
|
|
4064
|
+
function GoabText({ as, tag, children, ...rest }) {
|
|
4102
4065
|
const _props = transformProps(rest, lowercase);
|
|
4103
|
-
return /* @__PURE__ */ jsx(
|
|
4104
|
-
"goa-text",
|
|
4105
|
-
{
|
|
4106
|
-
as: tag || as,
|
|
4107
|
-
..._props,
|
|
4108
|
-
children
|
|
4109
|
-
}
|
|
4110
|
-
);
|
|
4066
|
+
return /* @__PURE__ */ jsx("goa-text", { as: tag || as, ..._props, children });
|
|
4111
4067
|
}
|
|
4112
4068
|
function GoabTextArea({
|
|
4113
4069
|
readOnly,
|
|
@@ -4183,17 +4139,10 @@ function GoabTooltip({
|
|
|
4183
4139
|
}) {
|
|
4184
4140
|
const _props = transformProps(rest, lowercase);
|
|
4185
4141
|
const isStringContent = typeof content === "string";
|
|
4186
|
-
return /* @__PURE__ */ jsxs(
|
|
4187
|
-
"
|
|
4188
|
-
|
|
4189
|
-
|
|
4190
|
-
..._props,
|
|
4191
|
-
children: [
|
|
4192
|
-
!isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
|
|
4193
|
-
children
|
|
4194
|
-
]
|
|
4195
|
-
}
|
|
4196
|
-
);
|
|
4142
|
+
return /* @__PURE__ */ jsxs("goa-tooltip", { content: isStringContent ? content : void 0, ..._props, children: [
|
|
4143
|
+
!isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
|
|
4144
|
+
children
|
|
4145
|
+
] });
|
|
4197
4146
|
}
|
|
4198
4147
|
function GoabTwoColumnLayout(props) {
|
|
4199
4148
|
return /* @__PURE__ */ jsxs(
|