@abgov/react-components 7.0.0-dev.2 → 7.0.0-dev.4

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.
Files changed (90) hide show
  1. package/index.js +56 -107
  2. package/index.js.map +1 -1
  3. package/index.mjs +56 -107
  4. package/index.mjs.map +1 -1
  5. package/lib/accordion/accordion.d.ts +13 -2
  6. package/lib/app-header/app-header.d.ts +9 -0
  7. package/lib/app-header-menu/app-header-menu.d.ts +6 -0
  8. package/lib/badge/badge.d.ts +9 -0
  9. package/lib/block/block.d.ts +9 -0
  10. package/lib/button/button.d.ts +14 -0
  11. package/lib/button-group/button-group.d.ts +5 -0
  12. package/lib/calendar/calendar.d.ts +8 -1
  13. package/lib/callout/callout.d.ts +10 -0
  14. package/lib/card/card-actions.d.ts +2 -0
  15. package/lib/card/card-content.d.ts +2 -0
  16. package/lib/card/card-group.d.ts +2 -0
  17. package/lib/card/card-image.d.ts +3 -0
  18. package/lib/card/card.d.ts +5 -0
  19. package/lib/checkbox/checkbox.d.ts +19 -1
  20. package/lib/checkbox-list/checkbox-list.d.ts +10 -0
  21. package/lib/chip/chip.d.ts +11 -2
  22. package/lib/circular-progress/circular-progress.d.ts +7 -0
  23. package/lib/container/container.d.ts +18 -5
  24. package/lib/data-grid/data-grid.d.ts +6 -1
  25. package/lib/date-picker/date-picker.d.ts +13 -4
  26. package/lib/details/details.d.ts +7 -1
  27. package/lib/divider/divider.d.ts +2 -0
  28. package/lib/drawer/drawer.d.ts +11 -2
  29. package/lib/dropdown/dropdown-item.d.ts +8 -0
  30. package/lib/dropdown/dropdown.d.ts +22 -3
  31. package/lib/file-upload-card/file-upload-card.d.ts +9 -0
  32. package/lib/file-upload-input/file-upload-input.d.ts +7 -1
  33. package/lib/filter-chip/filter-chip.d.ts +10 -2
  34. package/lib/footer/footer.d.ts +7 -2
  35. package/lib/footer-meta-section/footer-meta-section.d.ts +3 -0
  36. package/lib/footer-nav-section/footer-nav-section.d.ts +6 -1
  37. package/lib/form/fieldset.d.ts +7 -1
  38. package/lib/form/public-form-page.d.ts +13 -5
  39. package/lib/form/public-form-summary.d.ts +2 -0
  40. package/lib/form/public-form.d.ts +8 -1
  41. package/lib/form/public-subform-index.d.ts +7 -1
  42. package/lib/form/public-subform.d.ts +8 -1
  43. package/lib/form/task-list.d.ts +4 -1
  44. package/lib/form/task.d.ts +4 -1
  45. package/lib/form-item/form-item.d.ts +13 -6
  46. package/lib/form-step/form-step.d.ts +3 -0
  47. package/lib/form-stepper/form-stepper.d.ts +5 -0
  48. package/lib/grid/grid.d.ts +6 -1
  49. package/lib/hero-banner/hero-banner-actions.d.ts +2 -0
  50. package/lib/hero-banner/hero-banner.d.ts +9 -0
  51. package/lib/icon/icon.d.ts +10 -0
  52. package/lib/icon-button/icon-button.d.ts +13 -0
  53. package/lib/input/input.d.ts +47 -3
  54. package/lib/linear-progress/linear-progress.d.ts +6 -0
  55. package/lib/link/link.d.ts +11 -1
  56. package/lib/menu-button/menu-action.d.ts +5 -0
  57. package/lib/menu-button/menu-button.d.ts +11 -0
  58. package/lib/microsite-header/microsite-header.d.ts +9 -0
  59. package/lib/modal/modal.d.ts +10 -0
  60. package/lib/notification/notification.d.ts +9 -0
  61. package/lib/one-column-layout/one-column-layout.d.ts +2 -0
  62. package/lib/page-block/page-block.d.ts +4 -0
  63. package/lib/pages/pages.d.ts +3 -0
  64. package/lib/pagination/pagination.d.ts +9 -2
  65. package/lib/popover/popover.d.ts +11 -5
  66. package/lib/push-drawer/push-drawer.d.ts +10 -2
  67. package/lib/radio-group/radio-group.d.ts +12 -0
  68. package/lib/radio-group/radio.d.ts +14 -0
  69. package/lib/side-menu/side-menu.d.ts +4 -1
  70. package/lib/side-menu-group/side-menu-group.d.ts +5 -0
  71. package/lib/side-menu-heading/side-menu-heading.d.ts +7 -2
  72. package/lib/skeleton/skeleton.d.ts +7 -1
  73. package/lib/spacer/spacer.d.ts +4 -0
  74. package/lib/spinner/spinner.d.ts +6 -0
  75. package/lib/tab/tab.d.ts +6 -1
  76. package/lib/table/table-sort-header.d.ts +5 -0
  77. package/lib/table/table.d.ts +9 -0
  78. package/lib/tabs/tabs.d.ts +8 -1
  79. package/lib/temporary-notification-ctrl/temporary-notification-ctrl.d.ts +4 -0
  80. package/lib/text/text.d.ts +8 -1
  81. package/lib/textarea/textarea.d.ts +20 -0
  82. package/lib/three-column-layout/three-column-layout.d.ts +11 -1
  83. package/lib/tooltip/tooltip.d.ts +7 -0
  84. package/lib/two-column-layout/two-column-layout.d.ts +9 -2
  85. package/lib/work-side-menu/work-side-menu.d.ts +12 -0
  86. package/lib/work-side-menu-group/work-side-menu-group.d.ts +6 -0
  87. package/lib/work-side-menu-item/work-side-menu-item.d.ts +11 -0
  88. package/lib/work-side-notification-item/work-side-notification-item.d.ts +10 -1
  89. package/lib/work-side-notification-panel/work-side-notification-panel.d.ts +7 -0
  90. 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
- "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
- );
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
- { heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
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({ meta, testId, icon, children }) {
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("goa-table-sort-header", { name, direction, "sort-order": sortOrder, ...rest, children });
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({ heading, disabled, slug, children }) {
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
- ref: el,
4093
- ..._props,
4094
- testid: testId
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
- "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
- );
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(