From 528e076c59cbdcc7cec7b3c1935750eda58a28b4 Mon Sep 17 00:00:00 2001
From: Steve McConnel <stephen_mcconnel@sil.org>
Date: Thu, 22 Feb 2024 10:21:21 -0700
Subject: [PATCH] feat: Add divider line option for ConfigrSelect (BL-13095)

---
 lib/ContentPane.tsx           | 3 +++
 src/stories/bloom.stories.tsx | 1 +
 2 files changed, 4 insertions(+)

diff --git a/lib/ContentPane.tsx b/lib/ContentPane.tsx
index ba6b3e0..abbb7fe 100644
--- a/lib/ContentPane.tsx
+++ b/lib/ContentPane.tsx
@@ -736,6 +736,9 @@ export const ConfigrSelect: React.FunctionComponent<
             }
             const labelToUse = o.label ?? o.value;
             const valueToUse = o.value ?? o.label;
+            if (labelToUse?.startsWith('--')) {
+              return (<Divider key={labelToUse} />);
+            }
             return (
               <MenuItem value={valueToUse} key={labelToUse}>
                 {o.description ? (
diff --git a/src/stories/bloom.stories.tsx b/src/stories/bloom.stories.tsx
index e7af578..c2fafe3 100644
--- a/src/stories/bloom.stories.tsx
+++ b/src/stories/bloom.stories.tsx
@@ -237,6 +237,7 @@ const BloomCollectionInner: React.FunctionComponent<{
             options={[
               { label: 'Paper Saver', value: 'Paper Saver' },
               { label: 'Super Paper Saver', value: 'Super Paper Saver' },
+              { label: '--', value: '' },
               {
                 label: 'Traditional',
                 value: 'Traditional',