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

package/index.js

@@ -48,10 +48,18 @@ function GoabAccordion({
       };
     }
   }, [onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("goa-accordion", { ref, open: open ? "true" : void 0, ..._props, children: [
-    headingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "headingcontent", children: headingContent }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "goa-accordion",
+    {
+      ref,
+      open: open ? "true" : void 0,
+      ..._props,
+      children: [
+        headingContent && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "headingcontent", children: headingContent }),
+        children
+      ]
+    }
+  );
 }
 function GoabAppHeader({
   onMenuClick,
@@ -123,8 +131,15 @@ function GoabBadge({
     }
   );
 }
-function GoabBlock({ testId, children, ...rest }) {
-  const _props = transformProps({ testid: testId, ...rest }, kebab);
+function GoabBlock({
+  testId,
+  children,
+  ...rest
+}) {
+  const _props = transformProps(
+    { testid: testId, ...rest },
+    kebab
+  );
   return /* @__PURE__ */ jsxRuntime.jsx("goa-block", { ..._props, children });
 }
 function GoabButton({
@@ -324,7 +339,12 @@ function GoabCheckboxList({
     }
   );
 }
-const GoabChip = ({ error, deletable, onClick, ...rest }) => {
+const GoabChip = ({
+  error,
+  deletable,
+  onClick,
+  ...rest
+}) => {
   const el = react.useRef(null);
   const _props = transformProps(rest, lowercase);
   react.useEffect(() => {
@@ -2650,9 +2670,20 @@ function GoabDatePicker({
     }
   );
 }
-function GoabDetails({ open, children, ...rest }) {
+function GoabDetails({
+  open,
+  children,
+  ...rest
+}) {
   const _props = transformProps(rest, lowercase);
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-details", { open: open ? "true" : void 0, ..._props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-details",
+    {
+      open: open ? "true" : void 0,
+      ..._props,
+      children
+    }
+  );
 }
 function GoabDivider(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2899,7 +2930,10 @@ function GoabPublicFormSummary({
   heading = "",
   ...rest
 }) {
-  const _props = transformProps({ heading, ...rest }, lowercase);
+  const _props = transformProps(
+    { heading, ...rest },
+    lowercase
+  );
   return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-summary", { ..._props });
 }
 function GoabPublicForm({
@@ -2998,13 +3032,7 @@ function GoabPublicSubformIndex({
   ...rest
 }) {
   const _props = transformProps(
-    {
-      heading,
-      "section-title": sectionTitle,
-      "action-button-text": actionButtonText,
-      "button-visibility": buttonVisibility,
-      ...rest
-    },
+    { heading, "section-title": sectionTitle, "action-button-text": actionButtonText, "button-visibility": buttonVisibility, ...rest },
     kebab
   );
   return /* @__PURE__ */ jsxRuntime.jsx("goa-public-subform-index", { slot: "subform-index", ..._props, children });
@@ -3014,7 +3042,10 @@ function GoabPublicFormTask({
   children,
   ...rest
 }) {
-  const _props = transformProps({ status, ...rest }, lowercase);
+  const _props = transformProps(
+    { status, ...rest },
+    lowercase
+  );
   return /* @__PURE__ */ jsxRuntime.jsx("goa-public-form-task", { ..._props, children });
 }
 function GoabPublicFormTaskList({
@@ -3155,7 +3186,10 @@ function GoabIconButton({
   ...rest
 }) {
   const ref = react.useRef(null);
-  const _props = transformProps({ variant, size, ...rest }, lowercase);
+  const _props = transformProps(
+    { variant, size, ...rest },
+    lowercase
+  );
   react.useEffect(() => {
     if (!ref.current) {
       return;
@@ -3184,7 +3218,10 @@ function GoabIconButton({
     }
   );
 }
-function GoabIcon({ inverted, ...rest }) {
+function GoabIcon({
+  inverted,
+  ...rest
+}) {
   const _props = transformProps(rest, lowercase);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "goa-icon",
@@ -3467,7 +3504,15 @@ function GoabLink({
   ...rest
 }) {
   const _props = transformProps({ color, size, ...rest }, lowercase);
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-link", { "action-arg": actionArg, "action-args": JSON.stringify(actionArgs), ..._props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-link",
+    {
+      "action-arg": actionArg,
+      "action-args": JSON.stringify(actionArgs),
+      ..._props,
+      children
+    }
+  );
 }
 function GoALinkButton({
   type = "primary",
@@ -3488,7 +3533,10 @@ function GoabMenuButton({
   ...rest
 }) {
   const el = react.useRef(null);
-  const _props = transformProps({ type, testid: testId, ...rest }, kebab);
+  const _props = transformProps(
+    { type, testid: testId, ...rest },
+    kebab
+  );
   react.useEffect(() => {
     if (!el.current) {
       return;
@@ -3864,12 +3912,7 @@ function GoabSideMenuGroup({
     }
   );
 }
-function GoabSideMenuHeading({
-  meta,
-  testId,
-  icon,
-  children
-}) {
+function GoabSideMenuHeading({ meta, testId, icon, children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("goa-side-menu-heading", { icon, testid: testId, version: "2", children: [
     children,
     meta && /* @__PURE__ */ jsxRuntime.jsx("span", { slot: "meta", children: meta })
@@ -3979,16 +4022,7 @@ function GoabTableSortHeader({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-table-sort-header",
-    {
-      name,
-      direction,
-      "sort-order": sortOrder,
-      ...rest,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { name, direction, "sort-order": sortOrder, ...rest, children });
 }
 function GoabTabs({
   initialTab,
@@ -4027,12 +4061,7 @@ function GoabTabs({
     }
   );
 }
-function GoabTab({
-  heading,
-  disabled,
-  slug,
-  children
-}) {
+function GoabTab({ heading, disabled, slug, children }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "goa-tab",
     {
@@ -4054,18 +4083,33 @@ const GoabTemporaryNotificationCtrl = ({
 }) => {
   const el = react.useRef(null);
   const _props = transformProps(
-    {
-      "vertical-position": verticalPosition,
-      "horizontal-position": horizontalPosition,
-      ...rest
-    },
+    { "vertical-position": verticalPosition, "horizontal-position": horizontalPosition, ...rest },
     kebab
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-temp-notification-ctrl", { ref: el, ..._props, testid: testId });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-temp-notification-ctrl",
+    {
+      ref: el,
+      ..._props,
+      testid: testId
+    }
+  );
 };
-function GoabText({ as, tag, children, ...rest }) {
+function GoabText({
+  as,
+  tag,
+  children,
+  ...rest
+}) {
   const _props = transformProps(rest, lowercase);
-  return /* @__PURE__ */ jsxRuntime.jsx("goa-text", { as: tag || as, ..._props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "goa-text",
+    {
+      as: tag || as,
+      ..._props,
+      children
+    }
+  );
 }
 function GoabTextArea({
   readOnly,
@@ -4141,10 +4185,17 @@ function GoabTooltip({
 }) {
   const _props = transformProps(rest, lowercase);
   const isStringContent = typeof content === "string";
-  return /* @__PURE__ */ jsxRuntime.jsxs("goa-tooltip", { content: isStringContent ? content : void 0, ..._props, children: [
-    !isStringContent && content && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "content", children: content }),
-    children
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "goa-tooltip",
+    {
+      content: isStringContent ? content : void 0,
+      ..._props,
+      children: [
+        !isStringContent && content && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "content", children: content }),
+        children
+      ]
+    }
+  );
 }
 function GoabTwoColumnLayout(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(