Create multi-select component

2026-02-05 09:07:42 -07:00
parent 8ba11070d3
commit 3e935ecd9e
6 changed files with 343 additions and 0 deletions
@@ -0,0 +1,44 @@
+"use client";
+
+import { memo } from "react";
+import MultiSelectView from "./MultiSelect.view";
+import type { MultiSelectProps } from "./MultiSelect.types";
+import { normalizeMultiSelectSize } from "../../../lib/propNormalization";
+
+const MultiSelectContainer = memo<MultiSelectProps>(
+  ({
+    label,
+    showHelpIcon = true,
+    size: sizeProp = "M",
+    options,
+    onChipClick,
+    onAddClick,
+    showAddButton = true,
+    addButtonText = "Add organization type",
+    onCustomChipConfirm,
+    onCustomChipClose,
+    className = "",
+  }) => {
+    const size = normalizeMultiSelectSize(sizeProp);
+
+    return (
+      <MultiSelectView
+        label={label}
+        showHelpIcon={showHelpIcon}
+        size={size}
+        options={options}
+        onChipClick={onChipClick}
+        onAddClick={onAddClick}
+        showAddButton={showAddButton}
+        addButtonText={addButtonText}
+        onCustomChipConfirm={onCustomChipConfirm}
+        onCustomChipClose={onCustomChipClose}
+        className={className}
+      />
+    );
+  },
+);
+
+MultiSelectContainer.displayName = "MultiSelect";
+
+export default MultiSelectContainer;