@abgov/react-components 6.11.0-dev.1 → 6.11.0-dev.3

package/index.d.ts

@@ -54,6 +54,7 @@ export * from './lib/page-block/page-block';
 export * from './lib/pages/pages';
 export * from './lib/pagination/pagination';
 export * from './lib/popover/popover';
+export * from './lib/push-drawer/push-drawer';
 export * from './lib/radio-group/radio-group';
 export * from './lib/side-menu-group/side-menu-group';
 export * from './lib/side-menu-heading/side-menu-heading';

package/index.js

@@ -1631,6 +1631,42 @@ function GoabPopover({
     }
   );
 }
+function GoabPushDrawer({
+  testid,
+  open,
+  heading,
+  width,
+  actions,
+  children,
+  onClose
+}) {
+  const el = react.useRef(null);
+  react.useEffect(() => {
+    const elCurrent = el == null ? void 0 : el.current;
+    if (!elCurrent || !onClose) {
+      return;
+    }
+    elCurrent.addEventListener("_close", onClose);
+    return () => {
+      elCurrent.removeEventListener("_close", onClose);
+    };
+  }, [el, onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "goa-push-drawer",
+    {
+      ref: el,
+      testid,
+      open: open ?? false,
+      heading: typeof heading === "string" ? heading : void 0,
+      width,
+      children: [
+        heading && typeof heading !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "heading", children: heading }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: "actions", children: actions }),
+        children
+      ]
+    }
+  );
+}
 function GoabRadioItem({
   name,
   label,
@@ -2510,6 +2546,7 @@ exports.GoabPublicFormTask = GoabPublicFormTask;
 exports.GoabPublicFormTaskList = GoabPublicFormTaskList;
 exports.GoabPublicSubform = GoabPublicSubform;
 exports.GoabPublicSubformIndex = GoabPublicSubformIndex;
+exports.GoabPushDrawer = GoabPushDrawer;
 exports.GoabRadioGroup = GoabRadioGroup;
 exports.GoabRadioItem = GoabRadioItem;
 exports.GoabSideMenu = GoabSideMenu;