@abgov/react-components 7.2.0-dev.21 → 7.2.0-dev.23

package/index.mjs

@@ -2892,6 +2892,69 @@ function GoabDropdownItem({
     }
   );
 }
+function GoabDropdownMultiselect({
+  name,
+  value = [],
+  placeholder,
+  disabled,
+  error,
+  filterable,
+  leadingIcon,
+  showSelectAll,
+  testId,
+  ariaLabel,
+  ariaLabelledBy,
+  maxHeight,
+  width,
+  size = "default",
+  labelFormat,
+  children,
+  onChange,
+  mt,
+  mr,
+  mb,
+  ml
+}) {
+  const el = useRef(null);
+  useEffect(() => {
+    if (!el.current) return;
+    const current = el.current;
+    const listener = (e) => {
+      const detail = e.detail;
+      onChange == null ? void 0 : onChange({ ...detail, event: e });
+    };
+    current.addEventListener("_change", listener);
+    return () => {
+      current.removeEventListener("_change", listener);
+    };
+  }, [onChange]);
+  return /* @__PURE__ */ jsx(
+    "goa-dropdown-multiselect",
+    {
+      ref: el,
+      name,
+      value,
+      placeholder,
+      disabled: disabled ? "true" : void 0,
+      error: error ? "true" : void 0,
+      filterable: filterable ? "true" : void 0,
+      "leading-icon": leadingIcon,
+      testid: testId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "max-height": maxHeight,
+      width,
+      size,
+      "label-format": labelFormat ? labelFormat : void 0,
+      "show-select-all": showSelectAll ? "true" : void 0,
+      mt,
+      mr,
+      mb,
+      ml,
+      children
+    }
+  );
+}
 function GoabFileUploadCard({
   onDelete,
   onCancel,
@@ -4068,14 +4131,25 @@ function GoabScrollPanel({
   footer,
   height,
   testId,
+  direction = "vertical",
   ...rest
 }) {
   const hostStyle = height ? { height } : void 0;
-  return /* @__PURE__ */ jsxs("goa-scroll-panel", { height, testid: testId, style: hostStyle, ...rest, children: [
-    header && /* @__PURE__ */ jsx("div", { slot: "header", children: header }),
-    children,
-    footer && /* @__PURE__ */ jsx("div", { slot: "footer", children: footer })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "goa-scroll-panel",
+    {
+      height,
+      testid: testId,
+      direction,
+      style: hostStyle,
+      ...rest,
+      children: [
+        header && /* @__PURE__ */ jsx("div", { slot: "header", children: header }),
+        children,
+        footer && /* @__PURE__ */ jsx("div", { slot: "footer", children: footer })
+      ]
+    }
+  );
 }
 function GoabTable({ onSort, onMultiSort, sortMode, ...props }) {
   const ref = useRef(null);
@@ -4697,6 +4771,7 @@ export {
   GoabDrawer,
   GoabDropdown,
   GoabDropdownItem,
+  GoabDropdownMultiselect,
   GoabDropdownOption,
   GoabFieldset,
   GoabFileUploadCard,