@abgov/react-components 7.0.0-dev.3 → 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.js
CHANGED
|
@@ -48,10 +48,18 @@ function GoabAccordion({
|
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
50
|
}, [onChange]);
|
|
51
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
52
|
+
"goa-accordion",
|
|
53
|
+
{
|
|
54
|
+
ref,
|
|
55
|
+
open: open ? "true" : void 0,
|
|
56
|
+
..._props,
|
|
57
|
+
children: [
|
|
58
|
+
headingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "headingcontent", children: headingContent }),
|
|
59
|
+
children
|
|
60
|
+
]
|
|
61
|
+
}
|
|
62
|
+
);
|
|
55
63
|
}
|
|
56
64
|
function GoabAppHeader({
|
|
57
65
|
onMenuClick,
|
|
@@ -123,8 +131,15 @@ function GoabBadge({
|
|
|
123
131
|
}
|
|
124
132
|
);
|
|
125
133
|
}
|
|
126
|
-
function GoabBlock({
|
|
127
|
-
|
|
134
|
+
function GoabBlock({
|
|
135
|
+
testId,
|
|
136
|
+
children,
|
|
137
|
+
...rest
|
|
138
|
+
}) {
|
|
139
|
+
const _props = transformProps(
|
|
140
|
+
{ testid: testId, ...rest },
|
|
141
|
+
kebab
|
|
142
|
+
);
|
|
128
143
|
return /* @__PURE__ */ jsxRuntime.jsx("goa-block", { ..._props, children });
|
|
129
144
|
}
|
|
130
145
|
function GoabButton({
|
|
@@ -324,7 +339,12 @@ function GoabCheckboxList({
|
|
|
324
339
|
}
|
|
325
340
|
);
|
|
326
341
|
}
|
|
327
|
-
const GoabChip = ({
|
|
342
|
+
const GoabChip = ({
|
|
343
|
+
error,
|
|
344
|
+
deletable,
|
|
345
|
+
onClick,
|
|
346
|
+
...rest
|
|
347
|
+
}) => {
|
|
328
348
|
const el = react.useRef(null);
|
|
329
349
|
const _props = transformProps(rest, lowercase);
|
|
330
350
|
react.useEffect(() => {
|
|
@@ -2650,9 +2670,20 @@ function GoabDatePicker({
|
|
|
2650
2670
|
}
|
|
2651
2671
|
);
|
|
2652
2672
|
}
|
|
2653
|
-
function GoabDetails({
|
|
2673
|
+
function GoabDetails({
|
|
2674
|
+
open,
|
|
2675
|
+
children,
|
|
2676
|
+
...rest
|
|
2677
|
+
}) {
|
|
2654
2678
|
const _props = transformProps(rest, lowercase);
|
|
2655
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2679
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2680
|
+
"goa-details",
|
|
2681
|
+
{
|
|
2682
|
+
open: open ? "true" : void 0,
|
|
2683
|
+
..._props,
|
|
2684
|
+
children
|
|
2685
|
+
}
|
|
2686
|
+
);
|
|
2656
2687
|
}
|
|
2657
2688
|
function GoabDivider(props) {
|
|
2658
2689
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2899,7 +2930,10 @@ function GoabPublicFormSummary({
|
|
|
2899
2930
|
heading = "",
|
|
2900
2931
|
...rest
|
|
2901
2932
|
}) {
|
|
2902
|
-
const _props = transformProps(
|
|
2933
|
+
const _props = transformProps(
|
|
2934
|
+
{ heading, ...rest },
|
|
2935
|
+
lowercase
|
|
2936
|
+
);
|
|
2903
2937
|
return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-summary", { ..._props });
|
|
2904
2938
|
}
|
|
2905
2939
|
function GoabPublicForm({
|
|
@@ -2998,13 +3032,7 @@ function GoabPublicSubformIndex({
|
|
|
2998
3032
|
...rest
|
|
2999
3033
|
}) {
|
|
3000
3034
|
const _props = transformProps(
|
|
3001
|
-
{
|
|
3002
|
-
heading,
|
|
3003
|
-
"section-title": sectionTitle,
|
|
3004
|
-
"action-button-text": actionButtonText,
|
|
3005
|
-
"button-visibility": buttonVisibility,
|
|
3006
|
-
...rest
|
|
3007
|
-
},
|
|
3035
|
+
{ heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
|
|
3008
3036
|
kebab
|
|
3009
3037
|
);
|
|
3010
3038
|
return /* @__PURE__ */ jsxRuntime.jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
|
|
@@ -3014,7 +3042,10 @@ function GoabPublicFormTask({
|
|
|
3014
3042
|
children,
|
|
3015
3043
|
...rest
|
|
3016
3044
|
}) {
|
|
3017
|
-
const _props = transformProps(
|
|
3045
|
+
const _props = transformProps(
|
|
3046
|
+
{ status, ...rest },
|
|
3047
|
+
lowercase
|
|
3048
|
+
);
|
|
3018
3049
|
return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { ..._props, children });
|
|
3019
3050
|
}
|
|
3020
3051
|
function GoabPublicFormTaskList({
|
|
@@ -3155,7 +3186,10 @@ function GoabIconButton({
|
|
|
3155
3186
|
...rest
|
|
3156
3187
|
}) {
|
|
3157
3188
|
const ref = react.useRef(null);
|
|
3158
|
-
const _props = transformProps(
|
|
3189
|
+
const _props = transformProps(
|
|
3190
|
+
{ variant, size, ...rest },
|
|
3191
|
+
lowercase
|
|
3192
|
+
);
|
|
3159
3193
|
react.useEffect(() => {
|
|
3160
3194
|
if (!ref.current) {
|
|
3161
3195
|
return;
|
|
@@ -3184,7 +3218,10 @@ function GoabIconButton({
|
|
|
3184
3218
|
}
|
|
3185
3219
|
);
|
|
3186
3220
|
}
|
|
3187
|
-
function GoabIcon({
|
|
3221
|
+
function GoabIcon({
|
|
3222
|
+
inverted,
|
|
3223
|
+
...rest
|
|
3224
|
+
}) {
|
|
3188
3225
|
const _props = transformProps(rest, lowercase);
|
|
3189
3226
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3190
3227
|
"goa-icon",
|
|
@@ -3467,7 +3504,15 @@ function GoabLink({
|
|
|
3467
3504
|
...rest
|
|
3468
3505
|
}) {
|
|
3469
3506
|
const _props = transformProps({ color, size, ...rest }, lowercase);
|
|
3470
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3507
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3508
|
+
"goa-link",
|
|
3509
|
+
{
|
|
3510
|
+
"action-arg": actionArg,
|
|
3511
|
+
"action-args": JSON.stringify(actionArgs),
|
|
3512
|
+
..._props,
|
|
3513
|
+
children
|
|
3514
|
+
}
|
|
3515
|
+
);
|
|
3471
3516
|
}
|
|
3472
3517
|
function GoALinkButton({
|
|
3473
3518
|
type = "primary",
|
|
@@ -3488,7 +3533,10 @@ function GoabMenuButton({
|
|
|
3488
3533
|
...rest
|
|
3489
3534
|
}) {
|
|
3490
3535
|
const el = react.useRef(null);
|
|
3491
|
-
const _props = transformProps(
|
|
3536
|
+
const _props = transformProps(
|
|
3537
|
+
{ type, testid: testId, ...rest },
|
|
3538
|
+
kebab
|
|
3539
|
+
);
|
|
3492
3540
|
react.useEffect(() => {
|
|
3493
3541
|
if (!el.current) {
|
|
3494
3542
|
return;
|
|
@@ -3864,12 +3912,7 @@ function GoabSideMenuGroup({
|
|
|
3864
3912
|
}
|
|
3865
3913
|
);
|
|
3866
3914
|
}
|
|
3867
|
-
function GoabSideMenuHeading({
|
|
3868
|
-
meta,
|
|
3869
|
-
testId,
|
|
3870
|
-
icon,
|
|
3871
|
-
children
|
|
3872
|
-
}) {
|
|
3915
|
+
function GoabSideMenuHeading({ meta, testId, icon, children }) {
|
|
3873
3916
|
return /* @__PURE__ */ jsxRuntime.jsxs("goa-side-menu-heading", { icon, testid: testId, version: "2", children: [
|
|
3874
3917
|
children,
|
|
3875
3918
|
meta && /* @__PURE__ */ jsxRuntime.jsx("span", { slot: "meta", children: meta })
|
|
@@ -3979,16 +4022,7 @@ function GoabTableSortHeader({
|
|
|
3979
4022
|
children,
|
|
3980
4023
|
...rest
|
|
3981
4024
|
}) {
|
|
3982
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3983
|
-
"goa-table-sort-header",
|
|
3984
|
-
{
|
|
3985
|
-
name,
|
|
3986
|
-
direction,
|
|
3987
|
-
"sort-order": sortOrder,
|
|
3988
|
-
...rest,
|
|
3989
|
-
children
|
|
3990
|
-
}
|
|
3991
|
-
);
|
|
4025
|
+
return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { name, direction, "sort-order": sortOrder, ...rest, children });
|
|
3992
4026
|
}
|
|
3993
4027
|
function GoabTabs({
|
|
3994
4028
|
initialTab,
|
|
@@ -4027,12 +4061,7 @@ function GoabTabs({
|
|
|
4027
4061
|
}
|
|
4028
4062
|
);
|
|
4029
4063
|
}
|
|
4030
|
-
function GoabTab({
|
|
4031
|
-
heading,
|
|
4032
|
-
disabled,
|
|
4033
|
-
slug,
|
|
4034
|
-
children
|
|
4035
|
-
}) {
|
|
4064
|
+
function GoabTab({ heading, disabled, slug, children }) {
|
|
4036
4065
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4037
4066
|
"goa-tab",
|
|
4038
4067
|
{
|
|
@@ -4054,18 +4083,33 @@ const GoabTemporaryNotificationCtrl = ({
|
|
|
4054
4083
|
}) => {
|
|
4055
4084
|
const el = react.useRef(null);
|
|
4056
4085
|
const _props = transformProps(
|
|
4057
|
-
{
|
|
4058
|
-
"vertical-position": verticalPosition,
|
|
4059
|
-
"horizontal-position": horizontalPosition,
|
|
4060
|
-
...rest
|
|
4061
|
-
},
|
|
4086
|
+
{ "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
|
|
4062
4087
|
kebab
|
|
4063
4088
|
);
|
|
4064
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4089
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4090
|
+
"goa-temp-notification-ctrl",
|
|
4091
|
+
{
|
|
4092
|
+
ref: el,
|
|
4093
|
+
..._props,
|
|
4094
|
+
testid: testId
|
|
4095
|
+
}
|
|
4096
|
+
);
|
|
4065
4097
|
};
|
|
4066
|
-
function GoabText({
|
|
4098
|
+
function GoabText({
|
|
4099
|
+
as,
|
|
4100
|
+
tag,
|
|
4101
|
+
children,
|
|
4102
|
+
...rest
|
|
4103
|
+
}) {
|
|
4067
4104
|
const _props = transformProps(rest, lowercase);
|
|
4068
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4105
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4106
|
+
"goa-text",
|
|
4107
|
+
{
|
|
4108
|
+
as: tag || as,
|
|
4109
|
+
..._props,
|
|
4110
|
+
children
|
|
4111
|
+
}
|
|
4112
|
+
);
|
|
4069
4113
|
}
|
|
4070
4114
|
function GoabTextArea({
|
|
4071
4115
|
readOnly,
|
|
@@ -4141,10 +4185,17 @@ function GoabTooltip({
|
|
|
4141
4185
|
}) {
|
|
4142
4186
|
const _props = transformProps(rest, lowercase);
|
|
4143
4187
|
const isStringContent = typeof content === "string";
|
|
4144
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4145
|
-
|
|
4146
|
-
|
|
4147
|
-
|
|
4188
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4189
|
+
"goa-tooltip",
|
|
4190
|
+
{
|
|
4191
|
+
content: isStringContent ? content : void 0,
|
|
4192
|
+
..._props,
|
|
4193
|
+
children: [
|
|
4194
|
+
!isStringContent && content && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "content", children: content }),
|
|
4195
|
+
children
|
|
4196
|
+
]
|
|
4197
|
+
}
|
|
4198
|
+
);
|
|
4148
4199
|
}
|
|
4149
4200
|
function GoabTwoColumnLayout(props) {
|
|
4150
4201
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|