@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.
Files changed (90) hide show
  1. package/index.js +107 -56
  2. package/index.js.map +1 -1
  3. package/index.mjs +107 -56
  4. package/index.mjs.map +1 -1
  5. package/lib/accordion/accordion.d.ts +2 -13
  6. package/lib/app-header/app-header.d.ts +0 -9
  7. package/lib/app-header-menu/app-header-menu.d.ts +0 -6
  8. package/lib/badge/badge.d.ts +0 -9
  9. package/lib/block/block.d.ts +0 -9
  10. package/lib/button/button.d.ts +0 -14
  11. package/lib/button-group/button-group.d.ts +0 -5
  12. package/lib/calendar/calendar.d.ts +1 -8
  13. package/lib/callout/callout.d.ts +0 -10
  14. package/lib/card/card-actions.d.ts +0 -2
  15. package/lib/card/card-content.d.ts +0 -2
  16. package/lib/card/card-group.d.ts +0 -2
  17. package/lib/card/card-image.d.ts +0 -3
  18. package/lib/card/card.d.ts +0 -5
  19. package/lib/checkbox/checkbox.d.ts +1 -19
  20. package/lib/checkbox-list/checkbox-list.d.ts +0 -10
  21. package/lib/chip/chip.d.ts +2 -11
  22. package/lib/circular-progress/circular-progress.d.ts +0 -7
  23. package/lib/container/container.d.ts +5 -18
  24. package/lib/data-grid/data-grid.d.ts +1 -6
  25. package/lib/date-picker/date-picker.d.ts +4 -13
  26. package/lib/details/details.d.ts +1 -7
  27. package/lib/divider/divider.d.ts +0 -2
  28. package/lib/drawer/drawer.d.ts +2 -11
  29. package/lib/dropdown/dropdown-item.d.ts +0 -8
  30. package/lib/dropdown/dropdown.d.ts +3 -22
  31. package/lib/file-upload-card/file-upload-card.d.ts +0 -9
  32. package/lib/file-upload-input/file-upload-input.d.ts +1 -7
  33. package/lib/filter-chip/filter-chip.d.ts +2 -10
  34. package/lib/footer/footer.d.ts +2 -7
  35. package/lib/footer-meta-section/footer-meta-section.d.ts +0 -3
  36. package/lib/footer-nav-section/footer-nav-section.d.ts +1 -6
  37. package/lib/form/fieldset.d.ts +1 -7
  38. package/lib/form/public-form-page.d.ts +5 -13
  39. package/lib/form/public-form-summary.d.ts +0 -2
  40. package/lib/form/public-form.d.ts +1 -8
  41. package/lib/form/public-subform-index.d.ts +1 -7
  42. package/lib/form/public-subform.d.ts +1 -8
  43. package/lib/form/task-list.d.ts +1 -4
  44. package/lib/form/task.d.ts +1 -4
  45. package/lib/form-item/form-item.d.ts +6 -13
  46. package/lib/form-step/form-step.d.ts +0 -3
  47. package/lib/form-stepper/form-stepper.d.ts +0 -5
  48. package/lib/grid/grid.d.ts +1 -6
  49. package/lib/hero-banner/hero-banner-actions.d.ts +0 -2
  50. package/lib/hero-banner/hero-banner.d.ts +0 -9
  51. package/lib/icon/icon.d.ts +0 -10
  52. package/lib/icon-button/icon-button.d.ts +0 -13
  53. package/lib/input/input.d.ts +3 -47
  54. package/lib/linear-progress/linear-progress.d.ts +0 -6
  55. package/lib/link/link.d.ts +1 -11
  56. package/lib/menu-button/menu-action.d.ts +0 -5
  57. package/lib/menu-button/menu-button.d.ts +0 -11
  58. package/lib/microsite-header/microsite-header.d.ts +0 -9
  59. package/lib/modal/modal.d.ts +0 -10
  60. package/lib/notification/notification.d.ts +0 -9
  61. package/lib/one-column-layout/one-column-layout.d.ts +0 -2
  62. package/lib/page-block/page-block.d.ts +0 -4
  63. package/lib/pages/pages.d.ts +0 -3
  64. package/lib/pagination/pagination.d.ts +2 -9
  65. package/lib/popover/popover.d.ts +5 -11
  66. package/lib/push-drawer/push-drawer.d.ts +2 -10
  67. package/lib/radio-group/radio-group.d.ts +0 -12
  68. package/lib/radio-group/radio.d.ts +0 -14
  69. package/lib/side-menu/side-menu.d.ts +1 -4
  70. package/lib/side-menu-group/side-menu-group.d.ts +0 -5
  71. package/lib/side-menu-heading/side-menu-heading.d.ts +2 -7
  72. package/lib/skeleton/skeleton.d.ts +1 -7
  73. package/lib/spacer/spacer.d.ts +0 -4
  74. package/lib/spinner/spinner.d.ts +0 -6
  75. package/lib/tab/tab.d.ts +1 -6
  76. package/lib/table/table-sort-header.d.ts +0 -5
  77. package/lib/table/table.d.ts +0 -9
  78. package/lib/tabs/tabs.d.ts +1 -8
  79. package/lib/temporary-notification-ctrl/temporary-notification-ctrl.d.ts +0 -4
  80. package/lib/text/text.d.ts +1 -8
  81. package/lib/textarea/textarea.d.ts +0 -20
  82. package/lib/three-column-layout/three-column-layout.d.ts +1 -11
  83. package/lib/tooltip/tooltip.d.ts +0 -7
  84. package/lib/two-column-layout/two-column-layout.d.ts +2 -9
  85. package/lib/work-side-menu/work-side-menu.d.ts +0 -12
  86. package/lib/work-side-menu-group/work-side-menu-group.d.ts +0 -6
  87. package/lib/work-side-menu-item/work-side-menu-item.d.ts +0 -11
  88. package/lib/work-side-notification-item/work-side-notification-item.d.ts +1 -10
  89. package/lib/work-side-notification-panel/work-side-notification-panel.d.ts +0 -7
  90. 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("goa-accordion", { ref, open: open ? "true" : void 0, ..._props, children: [
50
- headingContent && /* @__PURE__ */ jsx("div", { slot: "headingcontent", children: headingContent }),
51
- children
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({ testId, children, ...rest }) {
125
- const _props = transformProps({ testid: testId, ...rest }, kebab);
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 = ({ error, deletable, onClick, ...rest }) => {
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({ open, children, ...rest }) {
2671
+ function GoabDetails({
2672
+ open,
2673
+ children,
2674
+ ...rest
2675
+ }) {
2652
2676
  const _props = transformProps(rest, lowercase);
2653
- return /* @__PURE__ */ jsx("goa-details", { open: open ? "true" : void 0, ..._props, children });
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({ heading, ...rest }, lowercase);
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({ status, ...rest }, lowercase);
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({ variant, size, ...rest }, lowercase);
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({ inverted, ...rest }) {
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("goa-link", { "action-arg": actionArg, "action-args": JSON.stringify(actionArgs), ..._props, children });
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({ type, testid: testId, ...rest }, kebab);
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("goa-temp-notification-ctrl", { ref: el, ..._props, testid: testId });
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({ as, tag, children, ...rest }) {
4096
+ function GoabText({
4097
+ as,
4098
+ tag,
4099
+ children,
4100
+ ...rest
4101
+ }) {
4065
4102
  const _props = transformProps(rest, lowercase);
4066
- return /* @__PURE__ */ jsx("goa-text", { as: tag || as, ..._props, children });
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("goa-tooltip", { content: isStringContent ? content : void 0, ..._props, children: [
4143
- !isStringContent && content && /* @__PURE__ */ jsx("div", { slot: "content", children: content }),
4144
- children
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(