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