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