From 1d4b55009fe0324510f607b19576003094dae399 Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Mon, 11 Sep 2023 17:00:35 +0200
Subject: [PATCH 001/111] Initial commit for Component Selector

---
 .../ComponentSelector.stories.mdx             | 11 ++++
 .../ComponentSelector/Selector.stories.tsx    | 55 +++++++++++++++++++
 .../ComponentSelector/index.stories.tsx       |  5 ++
 .../stories/ComponentSelector/utils.tsx       | 43 +++++++++++++++
 4 files changed, 114 insertions(+)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/utils.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx b/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
new file mode 100644
index 00000000000000..30611fca2bb149
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/addon-docs';
+import { FullscreenLink } from './utils';
+export const parentPath = 'concepts-developer-tools-stories';
+
+<Meta title="Concepts/Developer/Tools/Stories/Component Selector" />
+
+# Component Selector
+
+Component Selector is a tool for developrs and designers which aims to ease the descision process when choosing the right Fluent UI v9 component.
+
+<FullscreenLink content="Start Component Selector" parent={parentPath} story="selector" />
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
new file mode 100644
index 00000000000000..ce9dc21e0c06e7
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react';
+
+import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
+
+import { Scenario } from './utils';
+
+export const Selector: React.FC = () => {
+  return (
+    <Scenario pageTitle="Component Selector">
+      <h1>Component Selector</h1>
+      <Accordion multiple>
+        <AccordionItem value="faq1">
+          <AccordionHeader as="h2">
+            What's the difference between 32-bit and 64-bit versions of Windows?
+          </AccordionHeader>
+          <AccordionPanel>
+            <p>
+              The terms 32-bit and 64-bit refer to the way a computer's processor (also called a CPU) handles
+              information. The 64-bit version of Windows handles large amounts of random access memory (RAM) more
+              effectively than a 32-bit system. Not all devices can run the 64-bit versions of Windows.
+            </p>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="faq2">
+          <AccordionHeader as="h2">How do I tell if my computer can run a 64-bit version of Windows?</AccordionHeader>
+          <AccordionPanel>
+            <p>If you have a Windows operating system installed, open File Explorer or This PC.</p>
+            <ol>
+              <li>Right click on This PC or Computer in the navigation pane and select Properties.</li>
+              <li>
+                In the System information screen, find the System type entry. This will indicate what type of processor
+                your device has.
+              </li>
+            </ol>
+            <p>
+              If you do not have an operating system installed, you should refer to the documentation that came with the
+              device. Most device and processor manufacturers also provide information regarding processor capabilities
+              on their websites.
+            </p>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="faq3">
+          <AccordionHeader as="h2">How do I find my Windows product key?</AccordionHeader>
+          <AccordionPanel>
+            <p>
+              The product key is located inside the product packaging, on the receipt or confirmation page for a digital
+              purchase or in a confirmation e-mail that shows you purchased Windows. If you purchased a digital copy
+              from Microsoft Store, you can locate your product key in your Account under Digital Content.
+            </p>
+          </AccordionPanel>
+        </AccordionItem>
+      </Accordion>
+    </Scenario>
+  );
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx
new file mode 100644
index 00000000000000..0763f07a6cb88a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx
@@ -0,0 +1,5 @@
+export { Selector } from './Selector.stories';
+
+export default {
+  title: 'Concepts/Developer/Tools/Stories',
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
new file mode 100644
index 00000000000000..e7e113129bbdc5
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+
+const APP_TITLE = 'Component Selector';
+const APP_TITLE_SEPARATOR = ' | ';
+
+interface FullscreenLinkProps {
+  parent: string;
+  story: string;
+  content: string;
+}
+
+// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab
+// so this is a naive attempt for opening a story in full screen
+export const FullscreenLink = (props: FullscreenLinkProps) => (
+  <a className="sbdocs sbdocs-a" href={`iframe.html?id=${props.parent}--${props.story}`} target="_blank">
+    {props.content}
+  </a>
+);
+
+export const ScenariosListLink: React.FC = props => (
+  <a
+    className="sbdocs sbdocs-a"
+    href={`iframe.html?id=concepts-developer-accessibility-stories-list-of-scenarios--page`}
+  >
+    {props.children}
+  </a>
+);
+
+export const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;
+
+export const Scenario: React.FC<{ pageTitle: string }> = ({ pageTitle, children }) => {
+  React.useEffect(() => {
+    document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;
+  }, [pageTitle]);
+
+  return (
+    <div role="main">
+      <BackLink />
+      <br />
+      {children}
+    </div>
+  );
+};

From 86e77de49f13a9777347a37adc03953771e0c22c Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Mon, 11 Sep 2023 18:43:26 +0200
Subject: [PATCH 002/111] initial decision tree

---
 .../ComponentSelector/Selector.stories.tsx    | 58 +++++++++++++++----
 1 file changed, 47 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index ce9dc21e0c06e7..00ce0603dbef0c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,28 +1,64 @@
 import * as React from 'react';
 
 import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
-
+import { Checkbox, RadioGroup, Radio } from '@fluentui/react-components';
+import type { CheckboxProps } from '@fluentui/react-components';
 import { Scenario } from './utils';
 
 export const Selector: React.FC = () => {
+  const [interactive, setInteractive] = React.useState<CheckboxProps['checked']>(false);
+  const [composition, setComposition] = React.useState<string | undefined>(undefined);
+  const [toggle, setToggle] = React.useState<CheckboxProps['checked']>(false);
+  const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
+  const decisionProps = React.useRef<string[]>([]);
+
   return (
     <Scenario pageTitle="Component Selector">
       <h1>Component Selector</h1>
+
       <Accordion multiple>
         <AccordionItem value="faq1">
-          <AccordionHeader as="h2">
-            What's the difference between 32-bit and 64-bit versions of Windows?
-          </AccordionHeader>
+          <AccordionHeader as="h2">How the desired UI looks like?</AccordionHeader>
           <AccordionPanel>
-            <p>
-              The terms 32-bit and 64-bit refer to the way a computer's processor (also called a CPU) handles
-              information. The 64-bit version of Windows handles large amounts of random access memory (RAM) more
-              effectively than a 32-bit system. Not all devices can run the 64-bit versions of Windows.
-            </p>
+            <Checkbox label="Is interactive?" onChange={(ev, data) => setInteractive(data.checked)} />
+            {interactive && (
+              <RadioGroup
+                value={composition}
+                onChange={(_, data) => setComposition(data.value)}
+                aria-label="Single or group element"
+              >
+                <Radio value="single" label="Single element" />
+                <Radio value="group" label="Group of elements" />
+              </RadioGroup>
+            )}
+
+            {interactive && composition === 'single' && (
+              <>
+                <Checkbox
+                  label="Navigate to page on activation?"
+                  onChange={(ev, data) => {
+                    setNavigableToPage(data.checked);
+                    // when uncheck take away from array
+                    decisionProps.current.push('navigableToPage');
+                  }}
+                />
+                <Checkbox
+                  label="Can be toggled?"
+                  onChange={(ev, data) => {
+                    setToggle(data.checked);
+                    // when uncheck take away from array
+                    decisionProps.current.push('toggle');
+                    console.log('test');
+                  }}
+                />
+              </>
+            )}
+
+            {/* <Checkbox label="Group of elements" /> */}
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="faq2">
-          <AccordionHeader as="h2">How do I tell if my computer can run a 64-bit version of Windows?</AccordionHeader>
+          <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
           <AccordionPanel>
             <p>If you have a Windows operating system installed, open File Explorer or This PC.</p>
             <ol>
@@ -40,7 +76,7 @@ export const Selector: React.FC = () => {
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="faq3">
-          <AccordionHeader as="h2">How do I find my Windows product key?</AccordionHeader>
+          <AccordionHeader as="h2">What do you expect from screen reader behavior?</AccordionHeader>
           <AccordionPanel>
             <p>
               The product key is located inside the product packaging, on the receipt or confirmation page for a digital

From 16dd11020837c748687dee719fd45ae70b6ccf70 Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Mon, 11 Sep 2023 19:01:22 +0200
Subject: [PATCH 003/111] Proper nesting in conditional rendering

---
 .../ComponentSelector/Selector.stories.tsx    | 59 ++++++++++---------
 1 file changed, 30 insertions(+), 29 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 00ce0603dbef0c..fa1c234fd763e3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -22,38 +22,39 @@ export const Selector: React.FC = () => {
           <AccordionPanel>
             <Checkbox label="Is interactive?" onChange={(ev, data) => setInteractive(data.checked)} />
             {interactive && (
-              <RadioGroup
-                value={composition}
-                onChange={(_, data) => setComposition(data.value)}
-                aria-label="Single or group element"
-              >
-                <Radio value="single" label="Single element" />
-                <Radio value="group" label="Group of elements" />
-              </RadioGroup>
-            )}
-
-            {interactive && composition === 'single' && (
               <>
-                <Checkbox
-                  label="Navigate to page on activation?"
-                  onChange={(ev, data) => {
-                    setNavigableToPage(data.checked);
-                    // when uncheck take away from array
-                    decisionProps.current.push('navigableToPage');
-                  }}
-                />
-                <Checkbox
-                  label="Can be toggled?"
-                  onChange={(ev, data) => {
-                    setToggle(data.checked);
-                    // when uncheck take away from array
-                    decisionProps.current.push('toggle');
-                    console.log('test');
-                  }}
-                />
+                <RadioGroup
+                  value={composition}
+                  onChange={(_, data) => setComposition(data.value)}
+                  aria-label="Single or group element"
+                >
+                  <Radio value="single" label="Single element" />
+                  <Radio value="group" label="Group of elements" />
+                </RadioGroup>
+
+                {composition === 'single' && (
+                  <>
+                    <Checkbox
+                      label="Navigate to page on activation?"
+                      onChange={(ev, data) => {
+                        setNavigableToPage(data.checked);
+                        // when uncheck take away from array
+                        decisionProps.current.push('navigableToPage');
+                      }}
+                    />
+                    <Checkbox
+                      label="Can be toggled?"
+                      onChange={(ev, data) => {
+                        setToggle(data.checked);
+                        // when uncheck take away from array
+                        decisionProps.current.push('toggle');
+                        console.log('test');
+                      }}
+                    />
+                  </>
+                )}
               </>
             )}
-
             {/* <Checkbox label="Group of elements" /> */}
           </AccordionPanel>
         </AccordionItem>

From 4ea181fcd9dafcebb8bfdca61c28d996997d591b Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 10:34:02 +0200
Subject: [PATCH 004/111] create method updateDecisionProps

---
 .../ComponentSelector/Selector.stories.tsx        | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index fa1c234fd763e3..00f41dca47d9ac 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -12,6 +12,15 @@ export const Selector: React.FC = () => {
   const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
   const decisionProps = React.useRef<string[]>([]);
 
+  const updateDecisionProps = (isChecked, valueOfCheckbox) => {
+    if (isChecked) {
+      decisionProps.current.push(valueOfCheckbox);
+    } else {
+      const index = decisionProps.current.indexOf(valueOfCheckbox);
+      decisionProps.current.splice(index, 1);
+    }
+  };
+
   return (
     <Scenario pageTitle="Component Selector">
       <h1>Component Selector</h1>
@@ -39,15 +48,14 @@ export const Selector: React.FC = () => {
                       onChange={(ev, data) => {
                         setNavigableToPage(data.checked);
                         // when uncheck take away from array
-                        decisionProps.current.push('navigableToPage');
+                        updateDecisionProps(data.checked, 'navigableToPage');
                       }}
                     />
                     <Checkbox
                       label="Can be toggled?"
                       onChange={(ev, data) => {
                         setToggle(data.checked);
-                        // when uncheck take away from array
-                        decisionProps.current.push('toggle');
+                        updateDecisionProps(data.checked, 'toggle');
                         console.log('test');
                       }}
                     />
@@ -55,6 +63,7 @@ export const Selector: React.FC = () => {
                 )}
               </>
             )}
+            {decisionProps.current.length > 0 && JSON.stringify(decisionProps.current)}
             {/* <Checkbox label="Group of elements" /> */}
           </AccordionPanel>
         </AccordionItem>

From 1499616258a9221c77a419d71fa432899fe9a100 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 10:48:44 +0200
Subject: [PATCH 005/111] fix types

---
 .../stories/ComponentSelector/Selector.stories.tsx             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 00f41dca47d9ac..fcade15a4e4a16 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -4,6 +4,7 @@ import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@flue
 import { Checkbox, RadioGroup, Radio } from '@fluentui/react-components';
 import type { CheckboxProps } from '@fluentui/react-components';
 import { Scenario } from './utils';
+import * as AccordionProp from './component-attributes/Accordion.json';
 
 export const Selector: React.FC = () => {
   const [interactive, setInteractive] = React.useState<CheckboxProps['checked']>(false);
@@ -12,7 +13,7 @@ export const Selector: React.FC = () => {
   const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
   const decisionProps = React.useRef<string[]>([]);
 
-  const updateDecisionProps = (isChecked, valueOfCheckbox) => {
+  const updateDecisionProps = (isChecked: boolean | string, valueOfCheckbox: string) => {
     if (isChecked) {
       decisionProps.current.push(valueOfCheckbox);
     } else {

From 15a660958170913863183896dad784613e28705d Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 11:18:38 +0200
Subject: [PATCH 006/111] adding jsons

---
 .../components-definitions/Accordion.json                  | 6 ++++++
 .../ComponentSelector/components-definitions/Checkbox.json | 6 ++++++
 .../ComponentSelector/components-definitions/DataGrid.json | 5 +++++
 .../components-definitions/DataGridBase.json               | 4 ++++
 .../components-definitions/DataGridTabbable.json           | 4 ++++
 .../ComponentSelector/components-definitions/MenuBase.json | 5 +++++
 .../components-definitions/MenuCheckbox.json               | 6 ++++++
 .../ComponentSelector/components-definitions/MenuItem.json | 6 ++++++
 .../components-definitions/MenuRadio.json                  | 6 ++++++
 .../components-definitions/MenuSubmenu.json                | 7 +++++++
 .../components-definitions/SplitButton.json                | 5 +++++
 .../components-definitions/ToggleButton.json               | 5 +++++
 12 files changed, 65 insertions(+)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
new file mode 100644
index 00000000000000..017f9e7b151be4
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -0,0 +1,6 @@
+{
+  "name": "Accordion",
+  "link": "https://react.fluentui.dev/?path=/docs/components-accordion--default",
+  "expandable": "true",
+  "tabbable": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
new file mode 100644
index 00000000000000..419c3c848e13c5
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -0,0 +1,6 @@
+{
+  "name": "Checkbox",
+  "link": "https://react.fluentui.dev/?path=/docs/components-checkbox--default",
+  "tabbable": "true",
+  "toggle": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
new file mode 100644
index 00000000000000..3162d67bb8d8f0
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
@@ -0,0 +1,5 @@
+{
+  "name": "DataGrid",
+  "link": "https://react.fluentui.dev/?path=/docs/components-datagrid--default",
+  "extends": "DataGridBase"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json
new file mode 100644
index 00000000000000..fbcf1d4792895f
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json
@@ -0,0 +1,4 @@
+{
+  "name": "DataGridBase",
+  "columnsAndRows": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
new file mode 100644
index 00000000000000..84d94c421cd4b6
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
@@ -0,0 +1,4 @@
+{
+  "name": "DataGrid",
+  "link": "https://react.fluentui.dev/?path=/docs/components-datagrid--default"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
new file mode 100644
index 00000000000000..ea97daf14ca1df
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -0,0 +1,5 @@
+{
+  "name": "MenuBase",
+  "navigationByArrowKeys": "true",
+  "narratesPosition": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
new file mode 100644
index 00000000000000..99abeac45663b5
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
@@ -0,0 +1,6 @@
+{
+  "name": "MenuCheckbox",
+  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#checkbox-items",
+  "extends": "MenuBase",
+  "requiredNodes": ["menuitemcheckbox"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
new file mode 100644
index 00000000000000..4bb61d7822e0f2
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
@@ -0,0 +1,6 @@
+{
+  "name": "MenuItem",
+  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
+  "extends": "MenuBase",
+  "requiredNodes": ["menuitem"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
new file mode 100644
index 00000000000000..cd50114ef0ba88
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
@@ -0,0 +1,6 @@
+{
+  "name": "MenuRadio",
+  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
+  "extends": "MenuBase",
+  "requiredNodes": ["menuitemradio"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
new file mode 100644
index 00000000000000..ba3cb2c9cc1152
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -0,0 +1,7 @@
+{
+  "name": "MenuSubmenu",
+  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#nested-submenus",
+  "extends": "MenuBase",
+  "requiredNodes": ["menuitem", "menuitemradio", "menuitemcheckbox"],
+  "nested": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
new file mode 100644
index 00000000000000..ba64e4df8ad32c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -0,0 +1,5 @@
+{
+  "name": "SplitButton",
+  "link": "https://react.fluentui.dev/?path=/docs/components-button-splitbutton--default",
+  "multipleActions": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
new file mode 100644
index 00000000000000..aad9c981cb095b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -0,0 +1,5 @@
+{
+  "name": "ToggleButton",
+  "link": "https://react.fluentui.dev/?path=/docs/components-button-togglebutton--default",
+  "toggle": "true"
+}

From f9ede7c4b17e915ece2091ffbbfc6a200ffc8b83 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 11:47:25 +0200
Subject: [PATCH 007/111] adding styles + change to radiogroup

---
 .../ComponentSelector/Selector.stories.tsx    | 59 +++++++++++++++----
 1 file changed, 47 insertions(+), 12 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index fcade15a4e4a16..6558c2a49d7c3e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,13 +1,19 @@
 import * as React from 'react';
 
 import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
-import { Checkbox, RadioGroup, Radio } from '@fluentui/react-components';
-import type { CheckboxProps } from '@fluentui/react-components';
+import { Checkbox, RadioGroup, Radio, Label, CheckboxProps, makeStyles } from '@fluentui/react-components';
 import { Scenario } from './utils';
-import * as AccordionProp from './component-attributes/Accordion.json';
+
+const useStyles = makeStyles({
+  secondLevel: { 'margin-left': '30px' },
+  thirdLevel: { 'margin-left': '60px' },
+  forthLevel: { 'margin-left': '90px' },
+});
 
 export const Selector: React.FC = () => {
-  const [interactive, setInteractive] = React.useState<CheckboxProps['checked']>(false);
+  const classes = useStyles();
+  // const [interactive, setInteractive] = React.useState<CheckboxProps['checked']>(false);
+  const [interactive, setInteractive] = React.useState<string | undefined>(undefined);
   const [composition, setComposition] = React.useState<string | undefined>(undefined);
   const [toggle, setToggle] = React.useState<CheckboxProps['checked']>(false);
   const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
@@ -28,22 +34,34 @@ export const Selector: React.FC = () => {
 
       <Accordion multiple>
         <AccordionItem value="faq1">
-          <AccordionHeader as="h2">How the desired UI looks like?</AccordionHeader>
+          <AccordionHeader as="h2">How the desired UI behaves?</AccordionHeader>
           <AccordionPanel>
-            <Checkbox label="Is interactive?" onChange={(ev, data) => setInteractive(data.checked)} />
-            {interactive && (
+            <Label id="interactivity"> Interactivity </Label>
+            <RadioGroup
+              value={interactive}
+              onChange={(_, data) => setInteractive(data.value)}
+              aria-labelledby="interactivity"
+            >
+              <Radio value="interactive" label="Is interactive?" />
+              <Radio value="static" label="Is static?" />
+            </RadioGroup>
+            {interactive === 'interactive' && (
               <>
+                <Label className={classes.secondLevel} id="Composition">
+                  Composition
+                </Label>
                 <RadioGroup
+                  className={classes.secondLevel}
                   value={composition}
                   onChange={(_, data) => setComposition(data.value)}
-                  aria-label="Single or group element"
+                  aria-labelledby="Composition"
                 >
                   <Radio value="single" label="Single element" />
                   <Radio value="group" label="Group of elements" />
                 </RadioGroup>
 
                 {composition === 'single' && (
-                  <>
+                  <div className={classes.thirdLevel}>
                     <Checkbox
                       label="Navigate to page on activation?"
                       onChange={(ev, data) => {
@@ -57,14 +75,31 @@ export const Selector: React.FC = () => {
                       onChange={(ev, data) => {
                         setToggle(data.checked);
                         updateDecisionProps(data.checked, 'toggle');
-                        console.log('test');
                       }}
                     />
-                  </>
+                    <Checkbox
+                      label="Has multiple actions?"
+                      onChange={(ev, data) => {
+                        setToggle(data.checked);
+                        updateDecisionProps(data.checked, 'multipleActions');
+                      }}
+                    />
+                    <Checkbox
+                      label="Opens menu?"
+                      onChange={(ev, data) => {
+                        setToggle(data.checked);
+                        updateDecisionProps(data.checked, 'opensMenu');
+                      }}
+                    />
+                  </div>
                 )}
               </>
             )}
-            {decisionProps.current.length > 0 && JSON.stringify(decisionProps.current)}
+            {decisionProps.current.length > 0 && (
+              <div className={classes.forthLevel} tabIndex={0}>
+                Available component(s): {JSON.stringify(decisionProps.current)}
+              </div>
+            )}
             {/* <Checkbox label="Group of elements" /> */}
           </AccordionPanel>
         </AccordionItem>

From 41962bfe29b207dadd87cb72cfc08ed4aefb2257 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 14:53:22 +0200
Subject: [PATCH 008/111] import jsons, merging base objects

---
 .../ComponentSelector/Selector.stories.tsx    | 46 +++++++++++++++++++
 .../components-definitions/index.js           |  7 +++
 2 files changed, 53 insertions(+)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 6558c2a49d7c3e..bc08164b7f1870 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -4,6 +4,16 @@ import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@flue
 import { Checkbox, RadioGroup, Radio, Label, CheckboxProps, makeStyles } from '@fluentui/react-components';
 import { Scenario } from './utils';
 
+import {
+  AccordionDef,
+  CheckboxDef,
+  DataGridDef,
+  DataGridBaseDef,
+  DataGridTabbableDef,
+  MenuBaseDef,
+  MenuCheckboxDef,
+} from './components-definitions/index';
+
 const useStyles = makeStyles({
   secondLevel: { 'margin-left': '30px' },
   thirdLevel: { 'margin-left': '60px' },
@@ -18,6 +28,42 @@ export const Selector: React.FC = () => {
   const [toggle, setToggle] = React.useState<CheckboxProps['checked']>(false);
   const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
   const decisionProps = React.useRef<string[]>([]);
+  const componentsDefinition = React.useRef<any>([]);
+  componentsDefinition.current.push(
+    AccordionDef,
+    CheckboxDef,
+    DataGridDef,
+    DataGridBaseDef,
+    DataGridTabbableDef,
+    MenuBaseDef,
+    MenuCheckboxDef,
+  );
+
+  const mergeBaseObjects = () => {
+    componentsDefinition.current.forEach(definition => {
+      for (const key in definition) {
+        if (key === 'extends') {
+          const value = definition[key];
+          // find definition which is based one
+          const baseDefiniton = componentsDefinition.current.find(def => def.name === value);
+          // create new object not delete name of base definition for others usage
+          const temporaryObject = JSON.parse(JSON.stringify(baseDefiniton));
+          delete temporaryObject.name;
+          Object.assign(definition, temporaryObject);
+        }
+      }
+    });
+  };
+
+  const cleanUpBaseObjects = () => {
+    componentsDefinition.current.forEach((definition, index) => {
+      // just check the name if includes "Base",
+      // in future would be better detection based on prop, like: "abstract": "true"
+      if (definition.name.includes('Base')) {
+        componentsDefinition.current.splice(index, 1);
+      }
+    });
+  };
 
   const updateDecisionProps = (isChecked: boolean | string, valueOfCheckbox: string) => {
     if (isChecked) {
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
new file mode 100644
index 00000000000000..3a8dd0b3cb1822
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -0,0 +1,7 @@
+export { default as AccordionDef } from './Accordion.json';
+export { default as CheckboxDef } from './Checkbox.json';
+export { default as DataGridDef } from './DataGrid.json';
+export { default as DataGridBaseDef } from './DataGridBase.json';
+export { default as DataGridTabbableDef } from './DataGridTabbable.json';
+export { default as MenuBaseDef } from './MenuBase.json';
+export { default as MenuCheckboxDef } from './MenuCheckbox.json';

From 8e779a0797dab2f4af03b9ee56c0f42c431338fa Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Tue, 12 Sep 2023 15:55:20 +0200
Subject: [PATCH 009/111] Refactor multiple decision states into single object
 state and fix errors

---
 .../ComponentSelector/Selector.stories.tsx    | 134 +++++++++---------
 1 file changed, 65 insertions(+), 69 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index bc08164b7f1870..d2da1b972db550 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
-import { Checkbox, RadioGroup, Radio, Label, CheckboxProps, makeStyles } from '@fluentui/react-components';
+import { Checkbox, RadioGroup, Radio, Label, makeStyles } from '@fluentui/react-components';
 import { Scenario } from './utils';
 
 import {
@@ -22,14 +22,27 @@ const useStyles = makeStyles({
 
 export const Selector: React.FC = () => {
   const classes = useStyles();
-  // const [interactive, setInteractive] = React.useState<CheckboxProps['checked']>(false);
-  const [interactive, setInteractive] = React.useState<string | undefined>(undefined);
-  const [composition, setComposition] = React.useState<string | undefined>(undefined);
-  const [toggle, setToggle] = React.useState<CheckboxProps['checked']>(false);
-  const [navigableToPage, setNavigableToPage] = React.useState<CheckboxProps['checked']>(false);
-  const decisionProps = React.useRef<string[]>([]);
-  const componentsDefinition = React.useRef<any>([]);
-  componentsDefinition.current.push(
+
+  const [decisionState, setDecisionState] = React.useState<Record<string, boolean | string | undefined>>({
+    // UI behavior
+    interactive: undefined,
+    composition: undefined,
+    toggle: false,
+    navigableToPage: false,
+
+    // Keyboard navigation
+    navigationByArrowKeys: false,
+    navigationByTabKey: false,
+    innerNavigationAfterEnter: false,
+    nestedNavigation: false,
+
+    // Screen reader
+    narratePosition: false,
+  });
+
+  const selectedDecisions = React.useRef<string[]>([]);
+  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
+  componentsDefinitions.current.push(
     AccordionDef,
     CheckboxDef,
     DataGridDef,
@@ -40,14 +53,14 @@ export const Selector: React.FC = () => {
   );
 
   const mergeBaseObjects = () => {
-    componentsDefinition.current.forEach(definition => {
+    componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
         if (key === 'extends') {
           const value = definition[key];
           // find definition which is based one
-          const baseDefiniton = componentsDefinition.current.find(def => def.name === value);
+          const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
           // create new object not delete name of base definition for others usage
-          const temporaryObject = JSON.parse(JSON.stringify(baseDefiniton));
+          const temporaryObject = JSON.parse(JSON.stringify(baseDefinition));
           delete temporaryObject.name;
           Object.assign(definition, temporaryObject);
         }
@@ -56,21 +69,24 @@ export const Selector: React.FC = () => {
   };
 
   const cleanUpBaseObjects = () => {
-    componentsDefinition.current.forEach((definition, index) => {
+    componentsDefinitions.current.forEach((definition, index) => {
       // just check the name if includes "Base",
       // in future would be better detection based on prop, like: "abstract": "true"
       if (definition.name.includes('Base')) {
-        componentsDefinition.current.splice(index, 1);
+        componentsDefinitions.current.splice(index, 1);
       }
     });
   };
 
-  const updateDecisionProps = (isChecked: boolean | string, valueOfCheckbox: string) => {
-    if (isChecked) {
-      decisionProps.current.push(valueOfCheckbox);
+  const updateDecisions = (name: string, value: boolean | string) => {
+    decisionState[name] = value;
+    setDecisionState({ ...decisionState });
+
+    if (value) {
+      selectedDecisions.current.push(name);
     } else {
-      const index = decisionProps.current.indexOf(valueOfCheckbox);
-      decisionProps.current.splice(index, 1);
+      const index = selectedDecisions.current.indexOf(name);
+      selectedDecisions.current.splice(index, 1);
     }
   };
 
@@ -79,105 +95,85 @@ export const Selector: React.FC = () => {
       <h1>Component Selector</h1>
 
       <Accordion multiple>
-        <AccordionItem value="faq1">
+        <AccordionItem value="uiBehavior">
           <AccordionHeader as="h2">How the desired UI behaves?</AccordionHeader>
           <AccordionPanel>
             <Label id="interactivity"> Interactivity </Label>
             <RadioGroup
-              value={interactive}
-              onChange={(_, data) => setInteractive(data.value)}
+              value={decisionState.interactive as string}
+              onChange={(event, data) => {
+                updateDecisions('interactive', data.value);
+              }}
               aria-labelledby="interactivity"
             >
               <Radio value="interactive" label="Is interactive?" />
               <Radio value="static" label="Is static?" />
             </RadioGroup>
-            {interactive === 'interactive' && (
+            {decisionState.interactive === 'interactive' && (
               <>
                 <Label className={classes.secondLevel} id="Composition">
                   Composition
                 </Label>
                 <RadioGroup
                   className={classes.secondLevel}
-                  value={composition}
-                  onChange={(_, data) => setComposition(data.value)}
+                  value={decisionState.composition as string}
+                  onChange={(event, data) => {
+                    updateDecisions('composition', data.value);
+                  }}
                   aria-labelledby="Composition"
                 >
                   <Radio value="single" label="Single element" />
                   <Radio value="group" label="Group of elements" />
                 </RadioGroup>
 
-                {composition === 'single' && (
+                {decisionState.composition === 'single' && (
                   <div className={classes.thirdLevel}>
                     <Checkbox
                       label="Navigate to page on activation?"
-                      onChange={(ev, data) => {
-                        setNavigableToPage(data.checked);
-                        // when uncheck take away from array
-                        updateDecisionProps(data.checked, 'navigableToPage');
+                      onChange={(event, data) => {
+                        updateDecisions('navigableToPage', data.checked);
                       }}
                     />
                     <Checkbox
                       label="Can be toggled?"
-                      onChange={(ev, data) => {
-                        setToggle(data.checked);
-                        updateDecisionProps(data.checked, 'toggle');
+                      onChange={(event, data) => {
+                        updateDecisions('toggle', data.checked);
                       }}
                     />
                     <Checkbox
                       label="Has multiple actions?"
-                      onChange={(ev, data) => {
-                        setToggle(data.checked);
-                        updateDecisionProps(data.checked, 'multipleActions');
+                      onChange={(event, data) => {
+                        updateDecisions('multipleActions', data.checked);
                       }}
                     />
                     <Checkbox
                       label="Opens menu?"
-                      onChange={(ev, data) => {
-                        setToggle(data.checked);
-                        updateDecisionProps(data.checked, 'opensMenu');
+                      onChange={(event, data) => {
+                        updateDecisions('opensMenu', data.checked);
                       }}
                     />
                   </div>
                 )}
               </>
             )}
-            {decisionProps.current.length > 0 && (
-              <div className={classes.forthLevel} tabIndex={0}>
-                Available component(s): {JSON.stringify(decisionProps.current)}
-              </div>
-            )}
-            {/* <Checkbox label="Group of elements" /> */}
           </AccordionPanel>
         </AccordionItem>
-        <AccordionItem value="faq2">
+        <AccordionItem value="keyboardNavigation">
           <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
-          <AccordionPanel>
-            <p>If you have a Windows operating system installed, open File Explorer or This PC.</p>
-            <ol>
-              <li>Right click on This PC or Computer in the navigation pane and select Properties.</li>
-              <li>
-                In the System information screen, find the System type entry. This will indicate what type of processor
-                your device has.
-              </li>
-            </ol>
-            <p>
-              If you do not have an operating system installed, you should refer to the documentation that came with the
-              device. Most device and processor manufacturers also provide information regarding processor capabilities
-              on their websites.
-            </p>
-          </AccordionPanel>
+          <AccordionPanel></AccordionPanel>
         </AccordionItem>
-        <AccordionItem value="faq3">
+        <AccordionItem value="screenReader">
           <AccordionHeader as="h2">What do you expect from screen reader behavior?</AccordionHeader>
-          <AccordionPanel>
-            <p>
-              The product key is located inside the product packaging, on the receipt or confirmation page for a digital
-              purchase or in a confirmation e-mail that shows you purchased Windows. If you purchased a digital copy
-              from Microsoft Store, you can locate your product key in your Account under Digital Content.
-            </p>
-          </AccordionPanel>
+          <AccordionPanel></AccordionPanel>
         </AccordionItem>
       </Accordion>
+
+      <h2>Matching components</h2>
+      {selectedDecisions.current.length > 0 && (
+        <div className={classes.forthLevel} tabIndex={0}>
+          Available component(s): {JSON.stringify(selectedDecisions.current)}
+        </div>
+      )}
     </Scenario>
   );
 };

From 56923c56f448fcb113207c7413ad62324ab982bc Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Tue, 12 Sep 2023 16:47:38 +0200
Subject: [PATCH 010/111] Do not include interactive and composition decisions
 in the selected decisions list

---
 .../ComponentSelector/Selector.stories.tsx    | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index d2da1b972db550..2f440782032fce 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -78,12 +78,25 @@ export const Selector: React.FC = () => {
     });
   };
 
-  const updateDecisions = (name: string, value: boolean | string) => {
+  const updateDecisions = (
+    name: string,
+    value: boolean | string,
+    modifySelectedDecisions = true,
+    decisionsToRemove = undefined,
+  ) => {
     decisionState[name] = value;
     setDecisionState({ ...decisionState });
 
+    if (!modifySelectedDecisions) {
+      return;
+    }
     if (value) {
       selectedDecisions.current.push(name);
+      if (decisionsToRemove) {
+        // In future, more than one decision to remove might be needed
+        const index = selectedDecisions.current.indexOf(decisionsToRemove);
+        selectedDecisions.current.splice(index, 1);
+      }
     } else {
       const index = selectedDecisions.current.indexOf(name);
       selectedDecisions.current.splice(index, 1);
@@ -102,7 +115,7 @@ export const Selector: React.FC = () => {
             <RadioGroup
               value={decisionState.interactive as string}
               onChange={(event, data) => {
-                updateDecisions('interactive', data.value);
+                updateDecisions('interactive', data.value, false);
               }}
               aria-labelledby="interactivity"
             >
@@ -118,7 +131,7 @@ export const Selector: React.FC = () => {
                   className={classes.secondLevel}
                   value={decisionState.composition as string}
                   onChange={(event, data) => {
-                    updateDecisions('composition', data.value);
+                    updateDecisions('composition', data.value, false);
                   }}
                   aria-labelledby="Composition"
                 >

From 674d78a97580e3e2568833f12332fb86c96e36b1 Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Tue, 12 Sep 2023 17:49:43 +0200
Subject: [PATCH 011/111] Add navigation by decision

---
 .../ComponentSelector/Selector.stories.tsx    | 49 +++++++++++++------
 1 file changed, 35 insertions(+), 14 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 2f440782032fce..8b77ae77bbc04f 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -14,6 +14,10 @@ import {
   MenuCheckboxDef,
 } from './components-definitions/index';
 
+const decisionRadioValues: Record<string, string[]> = {
+  navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
+};
+
 const useStyles = makeStyles({
   secondLevel: { 'margin-left': '30px' },
   thirdLevel: { 'margin-left': '60px' },
@@ -31,8 +35,7 @@ export const Selector: React.FC = () => {
     navigableToPage: false,
 
     // Keyboard navigation
-    navigationByArrowKeys: false,
-    navigationByTabKey: false,
+    navigationBy: undefined,
     innerNavigationAfterEnter: false,
     nestedNavigation: false,
 
@@ -78,12 +81,7 @@ export const Selector: React.FC = () => {
     });
   };
 
-  const updateDecisions = (
-    name: string,
-    value: boolean | string,
-    modifySelectedDecisions = true,
-    decisionsToRemove = undefined,
-  ) => {
+  const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
     decisionState[name] = value;
     setDecisionState({ ...decisionState });
 
@@ -91,11 +89,19 @@ export const Selector: React.FC = () => {
       return;
     }
     if (value) {
-      selectedDecisions.current.push(name);
-      if (decisionsToRemove) {
-        // In future, more than one decision to remove might be needed
-        const index = selectedDecisions.current.indexOf(decisionsToRemove);
-        selectedDecisions.current.splice(index, 1);
+      if (name in decisionRadioValues) {
+        // Remove the props other than the value from selected decisions
+        decisionRadioValues[name].forEach(prop => {
+          if (prop !== value) {
+            const index = selectedDecisions.current.indexOf(prop);
+            selectedDecisions.current.splice(index, 1);
+          }
+        });
+
+        // The value is the name of the prop we want to push into selected decisions
+        selectedDecisions.current.push(value as string);
+      } else {
+        selectedDecisions.current.push(name);
       }
     } else {
       const index = selectedDecisions.current.indexOf(name);
@@ -173,7 +179,22 @@ export const Selector: React.FC = () => {
         </AccordionItem>
         <AccordionItem value="keyboardNavigation">
           <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
-          <AccordionPanel></AccordionPanel>
+          <AccordionPanel>
+            <Label className={classes.thirdLevel} id="navigationBy">
+              Navigation by
+            </Label>
+            <RadioGroup
+              className={classes.secondLevel}
+              value={decisionState.navigationBy as string}
+              onChange={(event, data) => {
+                updateDecisions('navigationBy', data.value);
+              }}
+              aria-labelledby="navigationBy"
+            >
+              <Radio value="navigationByArrowKeys" label="Arrow keys" />
+              <Radio value="navigationByTabKey" label="Tab key" />
+            </RadioGroup>
+          </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="screenReader">
           <AccordionHeader as="h2">What do you expect from screen reader behavior?</AccordionHeader>

From 9d96ca226c78a2874b1d13834ae437e3078becb8 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Tue, 12 Sep 2023 19:08:14 +0200
Subject: [PATCH 012/111] getComponent update JSONS

---
 .../ComponentSelector/Selector.stories.tsx    | 97 +++++++++++++++----
 .../components-definitions/Accordion.json     |  3 +-
 .../components-definitions/ButtonBase.json    |  4 +
 .../components-definitions/Checkbox.json      |  3 +-
 .../components-definitions/DataGrid.json      |  5 -
 .../DataGridTabbable.json                     |  4 -
 .../components-definitions/Link.json          |  6 ++
 .../components-definitions/SplitButton.json   |  3 +-
 .../TableArrowKeysNavigation.json             |  7 ++
 .../{DataGridBase.json => TableBase.json}     |  2 +-
 .../components-definitions/TableTabbable.json |  7 ++
 .../components-definitions/ToggleButton.json  |  3 +-
 .../components-definitions/index.js           | 13 ++-
 13 files changed, 122 insertions(+), 35 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
 rename packages/react-components/react-components/stories/ComponentSelector/components-definitions/{DataGridBase.json => TableBase.json} (54%)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 8b77ae77bbc04f..8ebee8861b0289 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,17 +1,32 @@
 import * as React from 'react';
 
-import { Accordion, AccordionHeader, AccordionItem, AccordionPanel } from '@fluentui/react-components';
+import {
+  Accordion,
+  AccordionHeader,
+  AccordionItem,
+  AccordionPanel,
+  Link,
+  Text,
+  Divider,
+} from '@fluentui/react-components';
 import { Checkbox, RadioGroup, Radio, Label, makeStyles } from '@fluentui/react-components';
 import { Scenario } from './utils';
 
 import {
   AccordionDef,
   CheckboxDef,
-  DataGridDef,
-  DataGridBaseDef,
-  DataGridTabbableDef,
+  TableArrowKeysNavigationDef,
+  TableBaseDef,
+  TableTabbableDef,
   MenuBaseDef,
   MenuCheckboxDef,
+  MenuItemDef,
+  MenuRadioDef,
+  MenuSubmenuDef,
+  SplitButtonDef,
+  ToggleButtonDef,
+  ButtonBaseDef,
+  LinkDef,
 } from './components-definitions/index';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -44,17 +59,6 @@ export const Selector: React.FC = () => {
   });
 
   const selectedDecisions = React.useRef<string[]>([]);
-  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  componentsDefinitions.current.push(
-    AccordionDef,
-    CheckboxDef,
-    DataGridDef,
-    DataGridBaseDef,
-    DataGridTabbableDef,
-    MenuBaseDef,
-    MenuCheckboxDef,
-  );
-
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
@@ -81,6 +85,49 @@ export const Selector: React.FC = () => {
     });
   };
 
+  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
+  if (componentsDefinitions.current.length === 0) {
+    componentsDefinitions.current.push(
+      AccordionDef,
+      CheckboxDef,
+      TableArrowKeysNavigationDef,
+      TableBaseDef,
+      TableTabbableDef,
+      MenuBaseDef,
+      MenuCheckboxDef,
+      MenuItemDef,
+      MenuRadioDef,
+      MenuSubmenuDef,
+      SplitButtonDef,
+      ToggleButtonDef,
+      ButtonBaseDef,
+      LinkDef,
+    );
+    mergeBaseObjects();
+    cleanUpBaseObjects();
+  }
+
+  const getComponent = () => {
+    const suitableComponents = [];
+
+    componentsDefinitions.current.forEach(definition => {
+      const keysInDefinitions = Object.keys(definition);
+
+      const matching = [];
+      selectedDecisions.current.forEach(decision => {
+        if (keysInDefinitions.indexOf(decision) >= 0) {
+          matching.push('matched');
+        }
+      });
+
+      if (selectedDecisions.current.length === matching.length) {
+        console.log('fully matched');
+        suitableComponents.push(definition);
+      }
+    });
+    return suitableComponents;
+  };
+
   const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
     decisionState[name] = value;
     setDecisionState({ ...decisionState });
@@ -202,10 +249,24 @@ export const Selector: React.FC = () => {
         </AccordionItem>
       </Accordion>
 
-      <h2>Matching components</h2>
+      <h2 id="matching-heading">Matching components</h2>
       {selectedDecisions.current.length > 0 && (
-        <div className={classes.forthLevel} tabIndex={0}>
-          Available component(s): {JSON.stringify(selectedDecisions.current)}
+        <div role="group" aria-labelledby="matching-heading">
+          {getComponent().map(component => {
+            return (
+              <div key="component">
+                <Text weight="semibold">
+                  Component name:{' '}
+                  <Link target="_blank" inline href={component.link}>
+                    {component.name}{' '}
+                  </Link>
+                </Text>
+                <br />
+                <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+                <Divider appearance="strong" />
+              </div>
+            );
+          })}
         </div>
       )}
     </Scenario>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
index 017f9e7b151be4..5538d8aa411240 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -2,5 +2,6 @@
   "name": "Accordion",
   "link": "https://react.fluentui.dev/?path=/docs/components-accordion--default",
   "expandable": "true",
-  "tabbable": "true"
+  "tabbable": "true",
+  "navigationByTabKey": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
new file mode 100644
index 00000000000000..961a66c4e25fb5
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -0,0 +1,4 @@
+{
+  "name": "ButtonBase",
+  "navigationByTabKey": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index 419c3c848e13c5..51fd0cbe55f234 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -2,5 +2,6 @@
   "name": "Checkbox",
   "link": "https://react.fluentui.dev/?path=/docs/components-checkbox--default",
   "tabbable": "true",
-  "toggle": "true"
+  "toggle": "true",
+  "navigationByTabKey": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
deleted file mode 100644
index 3162d67bb8d8f0..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "name": "DataGrid",
-  "link": "https://react.fluentui.dev/?path=/docs/components-datagrid--default",
-  "extends": "DataGridBase"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
deleted file mode 100644
index 84d94c421cd4b6..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridTabbable.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "name": "DataGrid",
-  "link": "https://react.fluentui.dev/?path=/docs/components-datagrid--default"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
new file mode 100644
index 00000000000000..9b895468f7921f
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -0,0 +1,6 @@
+{
+  "name": "Link",
+  "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
+  "navigableToPage": "true",
+  "navigationByTabKey": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index ba64e4df8ad32c..ea7ee8c2c18a75 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -1,5 +1,6 @@
 {
   "name": "SplitButton",
   "link": "https://react.fluentui.dev/?path=/docs/components-button-splitbutton--default",
-  "multipleActions": "true"
+  "multipleActions": "true",
+  "extends": "ButtonBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
new file mode 100644
index 00000000000000..f62e132fdef431
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
@@ -0,0 +1,7 @@
+{
+  "name": "DataGrid",
+  "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-navigation",
+  "extends": "TableBase",
+  "navigationByArrowKeys": "true",
+  "exampleName": "Cell Navigation"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
similarity index 54%
rename from packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json
rename to packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
index fbcf1d4792895f..a7a6402ada3eb5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGridBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
@@ -1,4 +1,4 @@
 {
-  "name": "DataGridBase",
+  "name": "TableBase",
   "columnsAndRows": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
new file mode 100644
index 00000000000000..ea7793adc6be18
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
@@ -0,0 +1,7 @@
+{
+  "name": "Table",
+  "exampleName": "Cell Actions",
+  "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-actions",
+  "navigationByTabKey": "true",
+  "extends": "TableBase"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index aad9c981cb095b..9f70187f452ca9 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -1,5 +1,6 @@
 {
   "name": "ToggleButton",
   "link": "https://react.fluentui.dev/?path=/docs/components-button-togglebutton--default",
-  "toggle": "true"
+  "toggle": "true",
+  "extends": "ButtonBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index 3a8dd0b3cb1822..a38fb2e0da0fb6 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -1,7 +1,14 @@
 export { default as AccordionDef } from './Accordion.json';
 export { default as CheckboxDef } from './Checkbox.json';
-export { default as DataGridDef } from './DataGrid.json';
-export { default as DataGridBaseDef } from './DataGridBase.json';
-export { default as DataGridTabbableDef } from './DataGridTabbable.json';
+export { default as TableBaseDef } from './TableBase.json';
+export { default as TableTabbableDef } from './TableTabbable.json';
+export { default as TableArrowKeysNavigationDef } from './TableArrowKeysNavigation.json';
 export { default as MenuBaseDef } from './MenuBase.json';
 export { default as MenuCheckboxDef } from './MenuCheckbox.json';
+export { default as MenuItemDef } from './MenuItem.json';
+export { default as MenuRadioDef } from './MenuRadio.json';
+export { default as MenuSubmenuDef } from './MenuSubmenu.json';
+export { default as SplitButtonDef } from './SplitButton.json';
+export { default as ToggleButtonDef } from './ToggleButton.json';
+export { default as ButtonBaseDef } from './ButtonBase.json';
+export { default as LinkDef } from './Link.json';

From 0a80ea9782d8a5f59e7934f45ca428e360d3c158 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Wed, 13 Sep 2023 09:08:14 +0200
Subject: [PATCH 013/111] fix adding prop from radio

---
 .../stories/ComponentSelector/Selector.stories.tsx           | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 8ebee8861b0289..75f93a657110f6 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -141,7 +141,10 @@ export const Selector: React.FC = () => {
         decisionRadioValues[name].forEach(prop => {
           if (prop !== value) {
             const index = selectedDecisions.current.indexOf(prop);
-            selectedDecisions.current.splice(index, 1);
+            // index can be -1, in this case it remove item in array anyway
+            if (index >= 0) {
+              selectedDecisions.current.splice(index, 1);
+            }
           }
         });
 

From ff308251b0ef0e116174f6409a6c5db148fcfca8 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Wed, 13 Sep 2023 10:45:27 +0200
Subject: [PATCH 014/111] removing composition

---
 .../ComponentSelector/Selector.stories.tsx    | 109 ++++++++++++++----
 .../TableArrowKeysNavigation.json             |   2 +-
 .../components-definitions/Text.json          |   6 +
 .../components-definitions/index.js           |   1 +
 4 files changed, 97 insertions(+), 21 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 75f93a657110f6..11d67d4b48139e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -27,6 +27,7 @@ import {
   ToggleButtonDef,
   ButtonBaseDef,
   LinkDef,
+  TextDef,
 } from './components-definitions/index';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -102,6 +103,7 @@ export const Selector: React.FC = () => {
       ToggleButtonDef,
       ButtonBaseDef,
       LinkDef,
+      TextDef,
     );
     mergeBaseObjects();
     cleanUpBaseObjects();
@@ -178,9 +180,10 @@ export const Selector: React.FC = () => {
               <Radio value="interactive" label="Is interactive?" />
               <Radio value="static" label="Is static?" />
             </RadioGroup>
+            {/* START interactive section */}
             {decisionState.interactive === 'interactive' && (
               <>
-                <Label className={classes.secondLevel} id="Composition">
+                {/* <Label className={classes.secondLevel} id="Composition">
                   Composition
                 </Label>
                 <RadioGroup
@@ -193,10 +196,12 @@ export const Selector: React.FC = () => {
                 >
                   <Radio value="single" label="Single element" />
                   <Radio value="group" label="Group of elements" />
-                </RadioGroup>
+                </RadioGroup> */}
 
-                {decisionState.composition === 'single' && (
-                  <div className={classes.thirdLevel}>
+                {/* {decisionState.composition === 'single' && ( */}
+                <div className={classes.thirdLevel}>
+                  <div>
+                    <Text weight="semibold">Choose from actions: </Text>
                     <Checkbox
                       label="Navigate to page on activation?"
                       onChange={(event, data) => {
@@ -222,33 +227,92 @@ export const Selector: React.FC = () => {
                       }}
                     />
                   </div>
-                )}
+                  <div>
+                    <Text weight="semibold">Choose from appearance: </Text>
+                    <Checkbox
+                      label="Single column"
+                      onChange={(event, data) => {
+                        updateDecisions('singleColumn', data.checked);
+                      }}
+                    />
+                    <Checkbox
+                      label="Columns and rows"
+                      onChange={(event, data) => {
+                        updateDecisions('columnsAndRows', data.checked);
+                      }}
+                    />
+                    <Checkbox
+                      label="Hierarchical"
+                      onChange={(event, data) => {
+                        updateDecisions('hierarchical', data.checked);
+                      }}
+                    />
+                  </div>
+                </div>
+                {/* )} */}
               </>
             )}
+            {/* END interactive section */}
+            {decisionState.interactive === 'static' && (
+              <div className={classes.thirdLevel}>
+                <Text weight="semibold">Choose from appearance: </Text>
+                <Checkbox
+                  label="Single column"
+                  onChange={(event, data) => {
+                    updateDecisions('singleColumn', data.checked);
+                  }}
+                />
+                <Checkbox
+                  label="Columns and rows"
+                  onChange={(event, data) => {
+                    updateDecisions('columnsAndRows', data.checked);
+                  }}
+                />
+                <Checkbox
+                  label="Text/Heading"
+                  onChange={(event, data) => {
+                    updateDecisions('textOrHeading', data.checked);
+                  }}
+                />
+              </div>
+            )}
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="keyboardNavigation">
           <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
           <AccordionPanel>
-            <Label className={classes.thirdLevel} id="navigationBy">
-              Navigation by
-            </Label>
-            <RadioGroup
-              className={classes.secondLevel}
-              value={decisionState.navigationBy as string}
-              onChange={(event, data) => {
-                updateDecisions('navigationBy', data.value);
-              }}
-              aria-labelledby="navigationBy"
-            >
-              <Radio value="navigationByArrowKeys" label="Arrow keys" />
-              <Radio value="navigationByTabKey" label="Tab key" />
-            </RadioGroup>
+            {decisionState.interactive === 'interactive' ? (
+              <>
+                <Label id="navigationBy">Navigation by</Label>
+                <RadioGroup
+                  value={decisionState.navigationBy as string}
+                  onChange={(event, data) => {
+                    updateDecisions('navigationBy', data.value);
+                  }}
+                  aria-labelledby="navigationBy"
+                >
+                  <Radio value="navigationByArrowKeys" label="Arrow keys" />
+                  <Radio value="navigationByTabKey" label="Tab key" />
+                </RadioGroup>
+              </>
+            ) : (
+              <Text weight="semibold" className={classes.thirdLevel}>
+                Keybord navigation is available only in interactive mode.
+              </Text>
+            )}
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="screenReader">
           <AccordionHeader as="h2">What do you expect from screen reader behavior?</AccordionHeader>
-          <AccordionPanel></AccordionPanel>
+          <AccordionPanel>
+            <Checkbox
+              className={classes.thirdLevel}
+              label="Screen reader narrates position"
+              onChange={(event, data) => {
+                updateDecisions('narratesPosition', data.checked);
+              }}
+            />
+          </AccordionPanel>
         </AccordionItem>
       </Accordion>
 
@@ -266,6 +330,11 @@ export const Selector: React.FC = () => {
                 </Text>
                 <br />
                 <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+                {component.note && (
+                  <div>
+                    <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
+                  </div>
+                )}
                 <Divider appearance="strong" />
               </div>
             );
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
index f62e132fdef431..5d57d6d1b4610f 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
@@ -1,5 +1,5 @@
 {
-  "name": "DataGrid",
+  "name": "Table",
   "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-navigation",
   "extends": "TableBase",
   "navigationByArrowKeys": "true",
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
new file mode 100644
index 00000000000000..0b222f701d7568
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
@@ -0,0 +1,6 @@
+{
+  "name": "Text",
+  "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
+  "note": "Use the 'as' prop to change text to heading.",
+  "textOrHeading": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index a38fb2e0da0fb6..32497c1e98b05a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -12,3 +12,4 @@ export { default as SplitButtonDef } from './SplitButton.json';
 export { default as ToggleButtonDef } from './ToggleButton.json';
 export { default as ButtonBaseDef } from './ButtonBase.json';
 export { default as LinkDef } from './Link.json';
+export { default as TextDef } from './Text.json';

From 10d4d3a9b27708babc1b2c6c2ac463203317d6ab Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Wed, 13 Sep 2023 11:56:43 +0200
Subject: [PATCH 015/111] amend jsons add static or interactive

---
 .../ComponentSelector/components-definitions/Accordion.json | 3 ++-
 .../components-definitions/ButtonBase.json                  | 3 ++-
 .../ComponentSelector/components-definitions/Checkbox.json  | 3 ++-
 .../ComponentSelector/components-definitions/Link.json      | 3 ++-
 .../ComponentSelector/components-definitions/MenuBase.json  | 3 ++-
 .../components-definitions/TableArrowKeysNavigation.json    | 3 ++-
 .../components-definitions/TableNoNavigation.json           | 6 ++++++
 .../components-definitions/TableTabbable.json               | 3 ++-
 .../ComponentSelector/components-definitions/Text.json      | 3 ++-
 9 files changed, 22 insertions(+), 8 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
index 5538d8aa411240..dd5240b10e9920 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -3,5 +3,6 @@
   "link": "https://react.fluentui.dev/?path=/docs/components-accordion--default",
   "expandable": "true",
   "tabbable": "true",
-  "navigationByTabKey": "true"
+  "navigationByTabKey": "true",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
index 961a66c4e25fb5..ba4713f030d12f 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -1,4 +1,5 @@
 {
   "name": "ButtonBase",
-  "navigationByTabKey": "true"
+  "navigationByTabKey": "true",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index 51fd0cbe55f234..8e579273bcf0d2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -3,5 +3,6 @@
   "link": "https://react.fluentui.dev/?path=/docs/components-checkbox--default",
   "tabbable": "true",
   "toggle": "true",
-  "navigationByTabKey": "true"
+  "navigationByTabKey": "true",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
index 9b895468f7921f..0e8e22f02d4567 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -2,5 +2,6 @@
   "name": "Link",
   "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
   "navigableToPage": "true",
-  "navigationByTabKey": "true"
+  "navigationByTabKey": "true",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
index ea97daf14ca1df..fdbd5476020798 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -1,5 +1,6 @@
 {
   "name": "MenuBase",
   "navigationByArrowKeys": "true",
-  "narratesPosition": "true"
+  "narratesPosition": "true",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
index 5d57d6d1b4610f..1469279116209a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
@@ -3,5 +3,6 @@
   "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-navigation",
   "extends": "TableBase",
   "navigationByArrowKeys": "true",
-  "exampleName": "Cell Navigation"
+  "exampleName": "Cell Navigation",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json
new file mode 100644
index 00000000000000..f0c986544d4b49
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json
@@ -0,0 +1,6 @@
+{
+  "name": "Table",
+  "link": "https://react.fluentui.dev/?path=/docs/components-table--default",
+  "extends": "TableBase",
+  "static": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
index ea7793adc6be18..6472edf986937c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
@@ -3,5 +3,6 @@
   "exampleName": "Cell Actions",
   "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-actions",
   "navigationByTabKey": "true",
-  "extends": "TableBase"
+  "extends": "TableBase",
+  "interactive": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
index 0b222f701d7568..fa4482bec0c94b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
@@ -2,5 +2,6 @@
   "name": "Text",
   "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
   "note": "Use the 'as' prop to change text to heading.",
-  "textOrHeading": "true"
+  "textOrHeading": "true",
+  "static": "true"
 }

From 068fec33d3aa83d40126716d10c56709c0022b06 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Wed, 13 Sep 2023 12:05:07 +0200
Subject: [PATCH 016/111] adding interactivity to decisions array

---
 .../stories/ComponentSelector/Selector.stories.tsx              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 11d67d4b48139e..6b74f37dc23f71 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -173,7 +173,7 @@ export const Selector: React.FC = () => {
             <RadioGroup
               value={decisionState.interactive as string}
               onChange={(event, data) => {
-                updateDecisions('interactive', data.value, false);
+                updateDecisions('interactive', data.value);
               }}
               aria-labelledby="interactivity"
             >

From ab457634e0dcf137ac2238006262e6fc24cbcb1f Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Wed, 13 Sep 2023 12:54:25 +0200
Subject: [PATCH 017/111] Fix filtering of interactive/static components

---
 .../ComponentSelector/Selector.stories.tsx    | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 6b74f37dc23f71..2a1f467f7faf1d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -32,6 +32,7 @@ import {
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
+  interaction: ['interactive', 'static'],
 };
 
 const useStyles = makeStyles({
@@ -46,7 +47,7 @@ export const Selector: React.FC = () => {
   const [decisionState, setDecisionState] = React.useState<Record<string, boolean | string | undefined>>({
     // UI behavior
     interactive: undefined,
-    composition: undefined,
+    // composition: undefined,
     toggle: false,
     navigableToPage: false,
 
@@ -165,15 +166,15 @@ export const Selector: React.FC = () => {
     <Scenario pageTitle="Component Selector">
       <h1>Component Selector</h1>
 
-      <Accordion multiple>
+      <Accordion multiple defaultOpenItems="uiBehavior">
         <AccordionItem value="uiBehavior">
           <AccordionHeader as="h2">How the desired UI behaves?</AccordionHeader>
           <AccordionPanel>
             <Label id="interactivity"> Interactivity </Label>
             <RadioGroup
-              value={decisionState.interactive as string}
+              value={decisionState.interaction as string}
               onChange={(event, data) => {
-                updateDecisions('interactive', data.value);
+                updateDecisions('interaction', data.value);
               }}
               aria-labelledby="interactivity"
             >
@@ -181,7 +182,7 @@ export const Selector: React.FC = () => {
               <Radio value="static" label="Is static?" />
             </RadioGroup>
             {/* START interactive section */}
-            {decisionState.interactive === 'interactive' && (
+            {decisionState.interaction === 'interactive' && (
               <>
                 {/* <Label className={classes.secondLevel} id="Composition">
                   Composition
@@ -190,7 +191,7 @@ export const Selector: React.FC = () => {
                   className={classes.secondLevel}
                   value={decisionState.composition as string}
                   onChange={(event, data) => {
-                    updateDecisions('composition', data.value, false);
+                    updateDecisions('composition', data.value);
                   }}
                   aria-labelledby="Composition"
                 >
@@ -253,7 +254,7 @@ export const Selector: React.FC = () => {
               </>
             )}
             {/* END interactive section */}
-            {decisionState.interactive === 'static' && (
+            {decisionState.interaction === 'static' && (
               <div className={classes.thirdLevel}>
                 <Text weight="semibold">Choose from appearance: </Text>
                 <Checkbox
@@ -281,7 +282,7 @@ export const Selector: React.FC = () => {
         <AccordionItem value="keyboardNavigation">
           <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
           <AccordionPanel>
-            {decisionState.interactive === 'interactive' ? (
+            {decisionState.interaction === 'interactive' ? (
               <>
                 <Label id="navigationBy">Navigation by</Label>
                 <RadioGroup
@@ -317,7 +318,7 @@ export const Selector: React.FC = () => {
       </Accordion>
 
       <h2 id="matching-heading">Matching components</h2>
-      {selectedDecisions.current.length > 0 && (
+      {selectedDecisions.current.length > 0 ? (
         <div role="group" aria-labelledby="matching-heading">
           {getComponent().map(component => {
             return (
@@ -340,6 +341,8 @@ export const Selector: React.FC = () => {
             );
           })}
         </div>
+      ) : (
+        <Text>No components found</Text>
       )}
     </Scenario>
   );

From 7dc49cd769b654d6edd91540e0da178630f53f69 Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Wed, 13 Sep 2023 13:04:31 +0200
Subject: [PATCH 018/111] Group checkboxes into group role

---
 .../ComponentSelector/Selector.stories.tsx    | 96 ++++++++++---------
 1 file changed, 52 insertions(+), 44 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 2a1f467f7faf1d..d8d25c15079d0f 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -202,31 +202,35 @@ export const Selector: React.FC = () => {
                 {/* {decisionState.composition === 'single' && ( */}
                 <div className={classes.thirdLevel}>
                   <div>
-                    <Text weight="semibold">Choose from actions: </Text>
-                    <Checkbox
-                      label="Navigate to page on activation?"
-                      onChange={(event, data) => {
-                        updateDecisions('navigableToPage', data.checked);
-                      }}
-                    />
-                    <Checkbox
-                      label="Can be toggled?"
-                      onChange={(event, data) => {
-                        updateDecisions('toggle', data.checked);
-                      }}
-                    />
-                    <Checkbox
-                      label="Has multiple actions?"
-                      onChange={(event, data) => {
-                        updateDecisions('multipleActions', data.checked);
-                      }}
-                    />
-                    <Checkbox
-                      label="Opens menu?"
-                      onChange={(event, data) => {
-                        updateDecisions('opensMenu', data.checked);
-                      }}
-                    />
+                    <Text id="chooseFromActions-label" weight="semibold">
+                      Choose from actions:{' '}
+                    </Text>
+                    <div role="group" aria-labelledby="chooseFromActions-label">
+                      <Checkbox
+                        label="Navigate to page on activation?"
+                        onChange={(event, data) => {
+                          updateDecisions('navigableToPage', data.checked);
+                        }}
+                      />
+                      <Checkbox
+                        label="Can be toggled?"
+                        onChange={(event, data) => {
+                          updateDecisions('toggle', data.checked);
+                        }}
+                      />
+                      <Checkbox
+                        label="Has multiple actions?"
+                        onChange={(event, data) => {
+                          updateDecisions('multipleActions', data.checked);
+                        }}
+                      />
+                      <Checkbox
+                        label="Opens menu?"
+                        onChange={(event, data) => {
+                          updateDecisions('opensMenu', data.checked);
+                        }}
+                      />
+                    </div>
                   </div>
                   <div>
                     <Text weight="semibold">Choose from appearance: </Text>
@@ -256,25 +260,29 @@ export const Selector: React.FC = () => {
             {/* END interactive section */}
             {decisionState.interaction === 'static' && (
               <div className={classes.thirdLevel}>
-                <Text weight="semibold">Choose from appearance: </Text>
-                <Checkbox
-                  label="Single column"
-                  onChange={(event, data) => {
-                    updateDecisions('singleColumn', data.checked);
-                  }}
-                />
-                <Checkbox
-                  label="Columns and rows"
-                  onChange={(event, data) => {
-                    updateDecisions('columnsAndRows', data.checked);
-                  }}
-                />
-                <Checkbox
-                  label="Text/Heading"
-                  onChange={(event, data) => {
-                    updateDecisions('textOrHeading', data.checked);
-                  }}
-                />
+                <Text id="chooseFromAppearance-label" weight="semibold">
+                  Choose from appearance:{' '}
+                </Text>
+                <div role="group" aria-labelledby="chooseFromAppearance-label">
+                  <Checkbox
+                    label="Single column"
+                    onChange={(event, data) => {
+                      updateDecisions('singleColumn', data.checked);
+                    }}
+                  />
+                  <Checkbox
+                    label="Columns and rows"
+                    onChange={(event, data) => {
+                      updateDecisions('columnsAndRows', data.checked);
+                    }}
+                  />
+                  <Checkbox
+                    label="Text/Heading"
+                    onChange={(event, data) => {
+                      updateDecisions('textOrHeading', data.checked);
+                    }}
+                  />
+                </div>
               </div>
             )}
           </AccordionPanel>

From 6eed75e31934bbb1a473e7e8a97406a6803f1569 Mon Sep 17 00:00:00 2001
From: Adam Samec <adam.samec@gmail.com>
Date: Wed, 13 Sep 2023 17:41:00 +0200
Subject: [PATCH 019/111] Clear decisions from the same category upon radio
 selection

---
 .../ComponentSelector/Selector.stories.tsx    | 91 +++++++++++++------
 .../stories/ComponentSelector/utils.tsx       |  7 ++
 2 files changed, 69 insertions(+), 29 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index d8d25c15079d0f..0bceffc974d065 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -10,7 +10,7 @@ import {
   Divider,
 } from '@fluentui/react-components';
 import { Checkbox, RadioGroup, Radio, Label, makeStyles } from '@fluentui/react-components';
-import { Scenario } from './utils';
+import { Scenario, removeFromArray } from './utils';
 
 import {
   AccordionDef,
@@ -41,26 +41,46 @@ const useStyles = makeStyles({
   forthLevel: { 'margin-left': '90px' },
 });
 
-export const Selector: React.FC = () => {
+export const Selector = () => {
   const classes = useStyles();
 
-  const [decisionState, setDecisionState] = React.useState<Record<string, boolean | string | undefined>>({
-    // UI behavior
-    interactive: undefined,
-    // composition: undefined,
-    toggle: false,
-    navigableToPage: false,
+  const [decisionState, setDecisionState] = React.useState<
+    Record<string, Record<string, boolean | string | undefined>>
+  >({
+    uiBehavior: {
+      interaction: undefined,
+      // composition: undefined,
+      toggle: false,
+      navigableToPage: false,
+    },
 
-    // Keyboard navigation
-    navigationBy: undefined,
-    innerNavigationAfterEnter: false,
-    nestedNavigation: false,
+    keyboardNavigation: {
+      navigationBy: 'notSpecified',
+      innerNavigationAfterEnter: false,
+      nestedNavigation: false,
+    },
 
-    // Screen reader
-    narratePosition: false,
+    screenReader: {
+      narratePosition: false,
+    },
   });
 
   const selectedDecisions = React.useRef<string[]>([]);
+
+  const getDecisionCategory = React.useCallback(
+    (name: string) => {
+      for (let category in decisionState) {
+        for (let item in decisionState[category]) {
+          if (item === name) {
+            return category;
+          }
+        }
+      }
+      return undefined;
+    },
+    [decisionState],
+  );
+
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
@@ -111,7 +131,7 @@ export const Selector: React.FC = () => {
   }
 
   const getComponent = () => {
-    const suitableComponents = [];
+    const suitableComponents: any[] = [];
 
     componentsDefinitions.current.forEach(definition => {
       const keysInDefinitions = Object.keys(definition);
@@ -132,33 +152,45 @@ export const Selector: React.FC = () => {
   };
 
   const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
-    decisionState[name] = value;
+    const category = getDecisionCategory(name) as string;
+    decisionState[category][name] = value;
     setDecisionState({ ...decisionState });
 
+    // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
     if (!modifySelectedDecisions) {
       return;
     }
+
     if (value) {
+      // Determine if the option is a radio as opposed to checkbox
       if (name in decisionRadioValues) {
+        // Clear all the properties in this category
+        for (let nameToRemove in decisionState[category]) {
+          if (nameToRemove in decisionRadioValues) {
+            decisionRadioValues[nameToRemove].forEach(item => {
+              removeFromArray(selectedDecisions.current, item);
+            });
+          } else {
+            removeFromArray(selectedDecisions.current, nameToRemove);
+          }
+        }
+
         // Remove the props other than the value from selected decisions
         decisionRadioValues[name].forEach(prop => {
           if (prop !== value) {
-            const index = selectedDecisions.current.indexOf(prop);
-            // index can be -1, in this case it remove item in array anyway
-            if (index >= 0) {
-              selectedDecisions.current.splice(index, 1);
-            }
+            removeFromArray(selectedDecisions.current, prop);
           }
         });
 
         // The value is the name of the prop we want to push into selected decisions
-        selectedDecisions.current.push(value as string);
+        if (decisionRadioValues[name].includes(value as string)) {
+          selectedDecisions.current.push(value as string);
+        }
       } else {
         selectedDecisions.current.push(name);
       }
     } else {
-      const index = selectedDecisions.current.indexOf(name);
-      selectedDecisions.current.splice(index, 1);
+      removeFromArray(selectedDecisions.current, name);
     }
   };
 
@@ -172,7 +204,7 @@ export const Selector: React.FC = () => {
           <AccordionPanel>
             <Label id="interactivity"> Interactivity </Label>
             <RadioGroup
-              value={decisionState.interaction as string}
+              value={decisionState.uiBehavior.interaction as string}
               onChange={(event, data) => {
                 updateDecisions('interaction', data.value);
               }}
@@ -182,7 +214,7 @@ export const Selector: React.FC = () => {
               <Radio value="static" label="Is static?" />
             </RadioGroup>
             {/* START interactive section */}
-            {decisionState.interaction === 'interactive' && (
+            {decisionState.uiBehavior.interaction === 'interactive' && (
               <>
                 {/* <Label className={classes.secondLevel} id="Composition">
                   Composition
@@ -258,7 +290,7 @@ export const Selector: React.FC = () => {
               </>
             )}
             {/* END interactive section */}
-            {decisionState.interaction === 'static' && (
+            {decisionState.uiBehavior.interaction === 'static' && (
               <div className={classes.thirdLevel}>
                 <Text id="chooseFromAppearance-label" weight="semibold">
                   Choose from appearance:{' '}
@@ -290,11 +322,11 @@ export const Selector: React.FC = () => {
         <AccordionItem value="keyboardNavigation">
           <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
           <AccordionPanel>
-            {decisionState.interaction === 'interactive' ? (
+            {decisionState.uiBehavior.interaction === 'interactive' ? (
               <>
                 <Label id="navigationBy">Navigation by</Label>
                 <RadioGroup
-                  value={decisionState.navigationBy as string}
+                  value={decisionState.keyboardNavigation.navigationBy as string}
                   onChange={(event, data) => {
                     updateDecisions('navigationBy', data.value);
                   }}
@@ -302,6 +334,7 @@ export const Selector: React.FC = () => {
                 >
                   <Radio value="navigationByArrowKeys" label="Arrow keys" />
                   <Radio value="navigationByTabKey" label="Tab key" />
+                  <Radio value="notSpecified" label="Not specified" />
                 </RadioGroup>
               </>
             ) : (
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index e7e113129bbdc5..5a3ac88857a884 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -41,3 +41,10 @@ export const Scenario: React.FC<{ pageTitle: string }> = ({ pageTitle, children
     </div>
   );
 };
+
+export const removeFromArray = (array: string[], item: string) => {
+  const index = array.indexOf(item);
+  if (index >= 0) {
+    array.splice(index, 1);
+  }
+};

From 399eec6cfc0e843585301034abb2e56add44371f Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Wed, 13 Sep 2023 18:11:36 +0200
Subject: [PATCH 020/111] fix category, adding more components jsons

---
 .../ComponentSelector/Selector.stories.tsx    | 23 +++++++++++++++++++
 .../components-definitions/List.json          |  6 +++++
 .../components-definitions/ListBase.json      |  6 +++++
 .../components-definitions/ListNavigable.json |  7 ++++++
 .../components-definitions/MenuButton.json    |  6 +++++
 .../components-definitions/MenuCheckbox.json  |  2 +-
 .../components-definitions/MenuItem.json      |  3 +--
 .../components-definitions/MenuRadio.json     |  2 +-
 .../components-definitions/TabList.json       |  7 ++++++
 .../components-definitions/TableBase.json     |  3 ++-
 .../components-definitions/Tree.json          |  5 ++++
 .../components-definitions/TreeBase.json      |  7 ++++++
 .../components-definitions/TreeSelection.json |  7 ++++++
 .../components-definitions/index.js           | 11 +++++++++
 14 files changed, 90 insertions(+), 5 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 0bceffc974d065..a4b4993b94ea42 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -13,6 +13,7 @@ import { Checkbox, RadioGroup, Radio, Label, makeStyles } from '@fluentui/react-
 import { Scenario, removeFromArray } from './utils';
 
 import {
+  ListBaseDef,
   AccordionDef,
   CheckboxDef,
   TableArrowKeysNavigationDef,
@@ -28,6 +29,14 @@ import {
   ButtonBaseDef,
   LinkDef,
   TextDef,
+  TableNoNavigationDef,
+  ListDef,
+  ListNavigableDef,
+  TreeDef,
+  TreeSelectionDef,
+  TreeBaseDef,
+  MenuButtonDef,
+  TabListDef,
 } from './components-definitions/index';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -52,6 +61,11 @@ export const Selector = () => {
       // composition: undefined,
       toggle: false,
       navigableToPage: false,
+      columnsAndRows: false,
+      singleColumn: false,
+      hierarchical: false,
+      opensMenu: false,
+      multipleActions: false,
     },
 
     keyboardNavigation: {
@@ -110,6 +124,7 @@ export const Selector = () => {
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
   if (componentsDefinitions.current.length === 0) {
     componentsDefinitions.current.push(
+      ListBaseDef,
       AccordionDef,
       CheckboxDef,
       TableArrowKeysNavigationDef,
@@ -125,6 +140,14 @@ export const Selector = () => {
       ButtonBaseDef,
       LinkDef,
       TextDef,
+      TableNoNavigationDef,
+      ListDef,
+      ListNavigableDef,
+      TreeDef,
+      TreeSelectionDef,
+      TreeBaseDef,
+      MenuButtonDef,
+      TabListDef,
     );
     mergeBaseObjects();
     cleanUpBaseObjects();
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
new file mode 100644
index 00000000000000..53df0c282eb23f
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
@@ -0,0 +1,6 @@
+{
+  "name": "List",
+  "link": "",
+  "extends": "ListBase",
+  "static": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
new file mode 100644
index 00000000000000..85ce8c9a8aa933
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
@@ -0,0 +1,6 @@
+{
+  "name": "ListBase",
+  "narratesPosition": "true",
+  "singleColumn": "true",
+  "note": "Component not avaiblable yet, under development."
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
new file mode 100644
index 00000000000000..0390fd25051c53
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
@@ -0,0 +1,7 @@
+{
+  "name": "ListNavigable",
+  "link": "",
+  "extends": "ListBase",
+  "navigationByArrowKeys": "true",
+  "interactive": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
new file mode 100644
index 00000000000000..e93f51f89b535b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
@@ -0,0 +1,6 @@
+{
+  "name": "MenuButton",
+  "link": "https://react.fluentui.dev/?path=/docs/components-button-menubutton--default",
+  "extends": "ButtonBase",
+  "opensMenu": "tru"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
index 99abeac45663b5..48ae4394b41c01 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
@@ -2,5 +2,5 @@
   "name": "MenuCheckbox",
   "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#checkbox-items",
   "extends": "MenuBase",
-  "requiredNodes": ["menuitemcheckbox"]
+  "toggle": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
index 4bb61d7822e0f2..e75deab2618fad 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
@@ -1,6 +1,5 @@
 {
   "name": "MenuItem",
   "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
-  "extends": "MenuBase",
-  "requiredNodes": ["menuitem"]
+  "extends": "MenuBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
index cd50114ef0ba88..f93a80eec9fe48 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
@@ -2,5 +2,5 @@
   "name": "MenuRadio",
   "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
   "extends": "MenuBase",
-  "requiredNodes": ["menuitemradio"]
+  "toggle": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
new file mode 100644
index 00000000000000..8aee1d5dbba124
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
@@ -0,0 +1,7 @@
+{
+  "name": "TabList",
+  "link": "https://react.fluentui.dev/?path=/docs/components-tablist--default",
+  "interactive": "true",
+  "narratesPosition": "true",
+  "navigationByArrowKeys": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
index a7a6402ada3eb5..7489872f3eafa3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
@@ -1,4 +1,5 @@
 {
   "name": "TableBase",
-  "columnsAndRows": "true"
+  "columnsAndRows": "true",
+  "narratesPosition": "true"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
new file mode 100644
index 00000000000000..98ef667db9f866
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
@@ -0,0 +1,5 @@
+{
+  "name": "Tree",
+  "link": "https://react.fluentui.dev/?path=/docs/components-tree--default",
+  "extends": "TreeBase"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
new file mode 100644
index 00000000000000..b1c074bde54142
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
@@ -0,0 +1,7 @@
+{
+  "name": "TreeBase",
+  "navigationByArrowKeys": "true",
+  "narratesPosition": "true",
+  "interactive": "true",
+  "hierarchical": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
new file mode 100644
index 00000000000000..45a1c24d82953b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
@@ -0,0 +1,7 @@
+{
+  "name": "TreeSelection",
+  "link": "https://react.fluentui.dev/?path=/docs/components-tree--default#selection",
+  "exampleName": "Selection",
+  "extends": "TreeBase",
+  "toggle": "true"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index 32497c1e98b05a..666bd1f612615b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -3,6 +3,7 @@ export { default as CheckboxDef } from './Checkbox.json';
 export { default as TableBaseDef } from './TableBase.json';
 export { default as TableTabbableDef } from './TableTabbable.json';
 export { default as TableArrowKeysNavigationDef } from './TableArrowKeysNavigation.json';
+export { default as TableNoNavigationDef } from './TableNoNavigation.json';
 export { default as MenuBaseDef } from './MenuBase.json';
 export { default as MenuCheckboxDef } from './MenuCheckbox.json';
 export { default as MenuItemDef } from './MenuItem.json';
@@ -13,3 +14,13 @@ export { default as ToggleButtonDef } from './ToggleButton.json';
 export { default as ButtonBaseDef } from './ButtonBase.json';
 export { default as LinkDef } from './Link.json';
 export { default as TextDef } from './Text.json';
+
+export { default as ListDef } from './List.json';
+export { default as ListNavigableDef } from './ListNavigable.json';
+export { default as TreeDef } from './Tree.json';
+export { default as TreeSelectionDef } from './TreeSelection.json';
+export { default as MenuButtonDef } from './MenuButton.json';
+export { default as TabListDef } from './TabList.json';
+
+export { default as TreeBaseDef } from './TreeBase.json';
+export { default as ListBaseDef } from './ListBase.json';

From 17063cafa89b61d0d549daf5ec53b38b736b4030 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 09:33:01 +0200
Subject: [PATCH 021/111] last fixes to get category

---
 .../stories/ComponentSelector/Selector.stories.tsx             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index a4b4993b94ea42..c8df6a470aacb0 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -66,6 +66,7 @@ export const Selector = () => {
       hierarchical: false,
       opensMenu: false,
       multipleActions: false,
+      textOrHeading: false,
     },
 
     keyboardNavigation: {
@@ -75,7 +76,7 @@ export const Selector = () => {
     },
 
     screenReader: {
-      narratePosition: false,
+      narratesPosition: false,
     },
   });
 

From f8aa74db0aa1ea5ee1f447c72e1e1cfebbdf370e Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 10:06:11 +0200
Subject: [PATCH 022/111] add label for checkboxes, add number of found comp

---
 .../ComponentSelector/Selector.stories.tsx    | 73 +++++++++++++------
 1 file changed, 51 insertions(+), 22 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index c8df6a470aacb0..0abf1b8bdcfd1e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -175,6 +175,28 @@ export const Selector = () => {
     return suitableComponents;
   };
 
+  //Following useMemo wasn't call when I tick checkbox
+  // const suitableComponents = React.useMemo(() => {
+  //   const suitableComponents: any[] = [];
+
+  //   componentsDefinitions.current.forEach(definition => {
+  //     const keysInDefinitions = Object.keys(definition);
+
+  //     const matching = [];
+  //     selectedDecisions.current.forEach(decision => {
+  //       if (keysInDefinitions.indexOf(decision) >= 0) {
+  //         matching.push('matched');
+  //       }
+  //     });
+
+  //     if (selectedDecisions.current.length === matching.length) {
+  //       console.log('fully matched');
+  //       suitableComponents.push(definition);
+  //     }
+  //   });
+  //   return suitableComponents;
+  // }, [selectedDecisions]);
+
   const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
     const category = getDecisionCategory(name) as string;
     decisionState[category][name] = value;
@@ -289,25 +311,29 @@ export const Selector = () => {
                     </div>
                   </div>
                   <div>
-                    <Text weight="semibold">Choose from appearance: </Text>
-                    <Checkbox
-                      label="Single column"
-                      onChange={(event, data) => {
-                        updateDecisions('singleColumn', data.checked);
-                      }}
-                    />
-                    <Checkbox
-                      label="Columns and rows"
-                      onChange={(event, data) => {
-                        updateDecisions('columnsAndRows', data.checked);
-                      }}
-                    />
-                    <Checkbox
-                      label="Hierarchical"
-                      onChange={(event, data) => {
-                        updateDecisions('hierarchical', data.checked);
-                      }}
-                    />
+                    <Text id="chooseFromAppearance-label" weight="semibold">
+                      Choose from appearance:{' '}
+                    </Text>
+                    <div role="group" aria-labelledby="chooseFromAppearance-label">
+                      <Checkbox
+                        label="Single column"
+                        onChange={(event, data) => {
+                          updateDecisions('singleColumn', data.checked);
+                        }}
+                      />
+                      <Checkbox
+                        label="Columns and rows"
+                        onChange={(event, data) => {
+                          updateDecisions('columnsAndRows', data.checked);
+                        }}
+                      />
+                      <Checkbox
+                        label="Hierarchical"
+                        onChange={(event, data) => {
+                          updateDecisions('hierarchical', data.checked);
+                        }}
+                      />
+                    </div>
                   </div>
                 </div>
                 {/* )} */}
@@ -385,9 +411,12 @@ export const Selector = () => {
       <h2 id="matching-heading">Matching components</h2>
       {selectedDecisions.current.length > 0 ? (
         <div role="group" aria-labelledby="matching-heading">
-          {getComponent().map(component => {
+          <Text as="h3" weight="semibold">
+            Found {getComponent().length} component(s).{' '}
+          </Text>
+          {getComponent().map((component, index) => {
             return (
-              <div key="component">
+              <div key={`component-${index}}`}>
                 <Text weight="semibold">
                   Component name:{' '}
                   <Link target="_blank" inline href={component.link}>
@@ -407,7 +436,7 @@ export const Selector = () => {
           })}
         </div>
       ) : (
-        <Text>No components found</Text>
+        <Text>Select proper attribute(s) above.</Text>
       )}
     </Scenario>
   );

From 91ac0e25ad9c863e03c08662ce81b1db11db9869 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 10:09:27 +0200
Subject: [PATCH 023/111] add weight for heading

---
 .../stories/ComponentSelector/Selector.stories.tsx              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 0abf1b8bdcfd1e..1c221ea0788845 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -411,7 +411,7 @@ export const Selector = () => {
       <h2 id="matching-heading">Matching components</h2>
       {selectedDecisions.current.length > 0 ? (
         <div role="group" aria-labelledby="matching-heading">
-          <Text as="h3" weight="semibold">
+          <Text as="h3" weight="bold">
             Found {getComponent().length} component(s).{' '}
           </Text>
           {getComponent().map((component, index) => {

From d169a1852e43d1beba6ed89745368417d31a2fee Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 10:17:47 +0200
Subject: [PATCH 024/111] adding margin for found text

---
 .../stories/ComponentSelector/Selector.stories.tsx       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 1c221ea0788845..7362e229cc68c0 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -48,6 +48,7 @@ const useStyles = makeStyles({
   secondLevel: { 'margin-left': '30px' },
   thirdLevel: { 'margin-left': '60px' },
   forthLevel: { 'margin-left': '90px' },
+  foundMessage: { 'margin-bottom': '10px' },
 });
 
 export const Selector = () => {
@@ -411,9 +412,11 @@ export const Selector = () => {
       <h2 id="matching-heading">Matching components</h2>
       {selectedDecisions.current.length > 0 ? (
         <div role="group" aria-labelledby="matching-heading">
-          <Text as="h3" weight="bold">
-            Found {getComponent().length} component(s).{' '}
-          </Text>
+          <div className={classes.foundMessage}>
+            <Text as="h3" weight="bold">
+              Found {getComponent().length} component(s).{' '}
+            </Text>
+          </div>
           {getComponent().map((component, index) => {
             return (
               <div key={`component-${index}}`}>

From 3082b471a69fa5564439a0f512ce834b68137eba Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 11:10:18 +0200
Subject: [PATCH 025/111] fix typo in list

---
 .../ComponentSelector/components-definitions/ListBase.json      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
index 85ce8c9a8aa933..cdfcc7656c0482 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
@@ -2,5 +2,5 @@
   "name": "ListBase",
   "narratesPosition": "true",
   "singleColumn": "true",
-  "note": "Component not avaiblable yet, under development."
+  "note": "Component not available yet, under development."
 }

From 55a90eeffc65f1f659cd5236561caadc0e5aa8e9 Mon Sep 17 00:00:00 2001
From: Milan Turon <milanturon@centrum.cz>
Date: Thu, 14 Sep 2023 11:14:40 +0200
Subject: [PATCH 026/111] adding components constant

---
 .../stories/ComponentSelector/Selector.stories.tsx          | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 7362e229cc68c0..aa652e707ff6b7 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -176,6 +176,8 @@ export const Selector = () => {
     return suitableComponents;
   };
 
+  const foundComponents = getComponent();
+
   //Following useMemo wasn't call when I tick checkbox
   // const suitableComponents = React.useMemo(() => {
   //   const suitableComponents: any[] = [];
@@ -414,10 +416,10 @@ export const Selector = () => {
         <div role="group" aria-labelledby="matching-heading">
           <div className={classes.foundMessage}>
             <Text as="h3" weight="bold">
-              Found {getComponent().length} component(s).{' '}
+              Found {foundComponents.length} component(s).{' '}
             </Text>
           </div>
-          {getComponent().map((component, index) => {
+          {foundComponents.map((component, index) => {
             return (
               <div key={`component-${index}}`}>
                 <Text weight="semibold">

From e4c5175a6a6bb1f5238f2e90b176c9597cb45575 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Sep 2024 19:26:34 +0200
Subject: [PATCH 027/111] Add component example URL retrieval function

---
 .../stories/ComponentSelector/utils.tsx             | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 5a3ac88857a884..67cc37ed1db6b3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';
+const formatComponentExampleUrl = (component, example) => `/?path=/docs/components-${component}--docs#${example}`;
 
 interface FullscreenLinkProps {
   parent: string;
@@ -48,3 +49,15 @@ export const removeFromArray = (array: string[], item: string) => {
     array.splice(index, 1);
   }
 };
+
+const camelToDashed = (camel) => {
+  const dashed = camel.toLowerCase().replace(/\ |\:/g, '-');
+  return dashed;
+};
+
+export const getComponentExampleUrl = (component, example?) => {
+  const dashedComponent = camelToDashed(component);
+  const dashedExample = camelToDashed(example);
+  const url = formatComponentExampleUrl(dashedComponent, dashedExample);
+  return url;
+};
\ No newline at end of file

From bab3cf95fee53a5b00efa9ff61fb22a4404cae9e Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Sep 2024 14:30:48 +0200
Subject: [PATCH 028/111] Retrieve default example when no example is given

---
 .../react-components/stories/ComponentSelector/utils.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 67cc37ed1db6b3..ae40f7c7694f24 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -57,7 +57,7 @@ const camelToDashed = (camel) => {
 
 export const getComponentExampleUrl = (component, example?) => {
   const dashedComponent = camelToDashed(component);
-  const dashedExample = camelToDashed(example);
+  const dashedExample = example ? camelToDashed(example) : 'default';
   const url = formatComponentExampleUrl(dashedComponent, dashedExample);
   return url;
 };
\ No newline at end of file

From a3eef07775c428ab90d4b2fb164530825370f400 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Tue, 17 Sep 2024 19:51:54 +0200
Subject: [PATCH 029/111] adding according and component selector grid

---
 .../ComponentSelector/Selector.stories.tsx    | 162 +++++++++++++++---
 .../components-images/Accordion.png           | Bin 0 -> 4764 bytes
 .../components-images/Button.png              | Bin 0 -> 1440 bytes
 .../components-images/Expandable.png          | Bin 0 -> 2319 bytes
 .../components-images/Link.png                | Bin 0 -> 1483 bytes
 .../components-images/Menu.png                | Bin 0 -> 6788 bytes
 .../components-images/Title.png               | Bin 0 -> 3676 bytes
 .../components-images/Tooltip.png             | Bin 0 -> 3676 bytes
 8 files changed, 136 insertions(+), 26 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Accordion.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Button.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Expandable.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Link.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Menu.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Title.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Tooltip.png

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index aa652e707ff6b7..2e8c707b797819 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -8,8 +8,15 @@ import {
   Link,
   Text,
   Divider,
+  Checkbox,
+  RadioGroup,
+  Radio,
+  Label,
+  makeStyles,
+  tokens,
+  Image,
 } from '@fluentui/react-components';
-import { Checkbox, RadioGroup, Radio, Label, makeStyles } from '@fluentui/react-components';
+
 import { Scenario, removeFromArray } from './utils';
 
 import {
@@ -49,6 +56,31 @@ const useStyles = makeStyles({
   thirdLevel: { 'margin-left': '60px' },
   forthLevel: { 'margin-left': '90px' },
   foundMessage: { 'margin-bottom': '10px' },
+  root: {
+    // Stack the label above the field with a gap
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: '2px',
+    maxWidth: '1600px',
+  },
+  tagsList: {
+    listStyleType: 'none',
+    marginBottom: tokens.spacingVerticalXXS,
+    marginTop: 0,
+    paddingLeft: 0,
+    display: 'flex',
+    gridGap: tokens.spacingHorizontalXXS,
+  },
+  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
+  componentWrapper: {
+    margin: '10px',
+    padding: '10px',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
+  },
 });
 
 export const Selector = () => {
@@ -153,31 +185,9 @@ export const Selector = () => {
     );
     mergeBaseObjects();
     cleanUpBaseObjects();
+    console.log('componentsDefinitions: ', componentsDefinitions.current);
   }
 
-  const getComponent = () => {
-    const suitableComponents: any[] = [];
-
-    componentsDefinitions.current.forEach(definition => {
-      const keysInDefinitions = Object.keys(definition);
-
-      const matching = [];
-      selectedDecisions.current.forEach(decision => {
-        if (keysInDefinitions.indexOf(decision) >= 0) {
-          matching.push('matched');
-        }
-      });
-
-      if (selectedDecisions.current.length === matching.length) {
-        console.log('fully matched');
-        suitableComponents.push(definition);
-      }
-    });
-    return suitableComponents;
-  };
-
-  const foundComponents = getComponent();
-
   //Following useMemo wasn't call when I tick checkbox
   // const suitableComponents = React.useMemo(() => {
   //   const suitableComponents: any[] = [];
@@ -243,10 +253,109 @@ export const Selector = () => {
     }
   };
 
+  const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
+
+  // Handle selectedOptions both when an option is selected or deselected in the Combobox,
+  // and when an option is removed by clicking on a tag
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  console.log('Milan:selectedComponents: ', selectedComponents);
+
+  const getImage = tagName => {
+    try {
+      return require(`../ComponentSelector/components-images/${tagName}.png`);
+    } catch (error) {
+      // console.log('Image not found: ', error);
+      return null;
+    }
+  };
+
+  const getComponent = () => {
+    const suitableComponents: any[] = [];
+
+    // if (selectedOptions && selectedOptions.length > 0) {
+    //   suitableComponents.push(...selectedOptions);
+    // }
+    // console.log(`selectedOptions: ${selectedOptions}`);
+    console.log(`suitableComponents: ${suitableComponents}`);
+
+    console.log(`Array Decisions: ${selectedDecisions.current}`);
+
+    componentsDefinitions.current.forEach(definition => {
+      const keysInDefinitions = Object.keys(definition);
+
+      const matching = [];
+      selectedDecisions.current.forEach(decision => {
+        console.log(`Decision: ${decision}`);
+        if (keysInDefinitions.indexOf(decision) >= 0) {
+          matching.push('matched');
+        }
+      });
+
+      if (selectedDecisions.current.length === matching.length) {
+        console.log('fully matched');
+        suitableComponents.push(definition);
+      }
+    });
+    return suitableComponents;
+  };
+
+  const foundComponents = getComponent();
+
+  const namesOfComponents = () => {
+    const properNames = componentsDefinitions.current.map(definition => {
+      const componentName = definition.exampleName ? `${definition.name} : ${definition.exampleName}` : definition.name;
+      return componentName;
+    });
+    return properNames.sort();
+  };
+
+  const componentsToDisplay = namesOfComponents().map(name => (
+    <>
+      <div data-id="wrapper" className={classes.componentWrapper}>
+        <Image src={getImage(name)} height={75} width={75} />
+        <div>
+          <span>{name}</span>
+          <Checkbox
+            aria-label={name}
+            onChange={(event, data) => {
+              if (data.checked) {
+                setSelectedComponents([...selectedComponents, name]);
+              } else {
+                removeFromArray(selectedComponents, name);
+                setSelectedComponents(selectedComponents.filter(component => component !== name));
+              }
+            }}
+          />
+        </div>
+      </div>
+    </>
+  ));
+
   return (
     <Scenario pageTitle="Component Selector">
       <h1>Component Selector</h1>
-
+      <Accordion multiple>
+        <AccordionItem value="1">
+          <AccordionHeader>Basic Inputs</AccordionHeader>
+          <AccordionPanel>
+            <div className={classes.root}>{componentsToDisplay}</div>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="2">
+          <AccordionHeader>Commands, Menus & Navs</AccordionHeader>
+          <AccordionPanel>
+            <div>Accordion Panel 2</div>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="3">
+          <AccordionHeader>Galleries & Pickers</AccordionHeader>
+          <AccordionPanel>
+            <div>Accordion Panel 3</div>
+          </AccordionPanel>
+        </AccordionItem>
+      </Accordion>
+      ----------- old accordion will be removed----------------
       <Accordion multiple defaultOpenItems="uiBehavior">
         <AccordionItem value="uiBehavior">
           <AccordionHeader as="h2">How the desired UI behaves?</AccordionHeader>
@@ -410,7 +519,8 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
       </Accordion>
-
+      {/* nova komponenta na resutls: Found components */}
+      {console.log('selectedDecisions.current: ', selectedDecisions.current)}
       <h2 id="matching-heading">Matching components</h2>
       {selectedDecisions.current.length > 0 ? (
         <div role="group" aria-labelledby="matching-heading">
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Accordion.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Accordion.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b2cdc4fd8887d25fce23dab5f8316db1c9402ca
GIT binary patch
literal 4764
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
OA|rh>y&4_J%l`tk_vCQ^

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Button.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d1aaae9d514ec10c0e73830196bf04d34955daf
GIT binary patch
literal 1440
zcmeAS@N?(olHy`uVBq!ia0vp^tARL?gAGWooE>-?NHG=%xjQkeJ16rJ$YDu$^mSxl
z*x1kgCy^D%=PdAuEM{QfI}E~%$MaXDFfg#1db&7<RK&f#8?CXlTH^S}<BF3{B+hUO
z?g<urbnJ;quk);e#|01BJXM0uv|8ug@wvk({^Z!gD?1e154Cc;Sw0KUJJKrCb<l#x
z^4z`im!r0R%c;ICz4?0Gy}J2T(b?0=WvhPg`~S5*{<PF=`TdL8W8&jyuVakpU;9$%
zK|TM*CaDh5D-LTGuqCmY3TUrrjBw;V!j+{E7QjqfsWrd$Z<UdkzkKi@V{B~fMf(cL
z0)A;}>7s%H1%7`1qS8{+yIDSA-BX?a{`#uDx9;z(IdkXwZa<U^q%K~&CRSNhC1n+{
z+LyV)#dXE`=Ix64-uITdrEQJ)xmJFmo&3FNdwhG(WNl39`}L=1pKqZV1G*o7b(@-)
zTsYn@|MJnJLnYic(-M>3zJ0rN!GZ<$I+rhBUN*l;P$DaZmz#U>#EF8PQ>L$2p>f&&
z00)og>bY}eckbLdarf@sI@`8wyK?1<OJro^mhIcs)z3ypMXlJdVFDjN|H|dd+k=9G
zQ$^05II-a7&B#g_xurktWMyT)yt`{1xv%D@le4pPk*%58G&Xkjrys9fzy9*?@9#zP
zH*GTF;^bVoYSpU!f37~ibxZ2$^XI3FKRrEls_Uit2Lb2vk(T$~yvf<Mckj}R7XxqI
zxUpd0K07TvJvDW8^`8&e*-t96v9WpG0P>3NU%eW-^Ua$#OFn!k(9+di`t)fkr;V;|
z@2%UnGwbW)uO<Hd`!^&qQnP>m?%m#N*RK7vXPTM0dFsDelO{P87Z(>rMn`K~3)!3r
z*r=zc7gSQRr6<bf*2fjk-@esdSeVk=+dE~#1c&_l`<9C9$9d?)#l?Mjbyd5ozkj;F
z{!He_f=0Hsb8BjAH4P0X#_g-|w6wH*^7yf{r>Ccp(foPyPVMTMuWVrvG40G5pU#Ui
z`)>aEV`FJ$bxPyiqeo7Kg@vD98uv-arQNX9?k}jTt1GJZ@##5oF#ofRO#hDZ@^Yg^
z)22`NwlOs|-Ly{9U$MgQao~*R)NkLu6=k0MWLEd*_Xm-L#6-t3v3m>cYJMmz{FL3;
zE?IW&)cn^b?#8C3uFs!8H}V2T)9DwMhK7obVj?0Jo}Zt;a@{(=Yqe`;&z8Pyy6FA=
z{oZ?~ZQN|0fA2)!VQb#@?6@Cy8RXJdL|7gI`ugI<ixYKZc+bn<zIAKGk|iyxR<BMy
z@^q*A{@%~OY-AraFFbkD^YUUFKKAqS4fAHsT=?!?-b||x8F`)O{c`g2gTuq8pD8ad
zE6YeoXwcKw_su?V-!NoNP0CsK?>0dnFWtGL!|r5r>XTqiM#hRWkv|`_AAYE6Za)3h
z>(@^iUTZ2TE3aI%$myJkin@AmT->}rCp%T^>+64gc_|Exmy@p_YI430`R=Rz;QX3z
z>AE#rWCaBie@&085eN?nQ8^g>`)y5TrY9dy@2LP~Z3$^m&VMb;%EEHt#}A9X7yp@o
zCBlZNHTLqFhc8Rk&W_Rz`zI#&@2i>(KP+2)x_<YAX9>&il4toT4|B6peyr1e`XM&l
p{%7b$ra#ga(hM{%Kv*v3?|A%J$aAgV9AK%+;OXk;vd$@?2>?qjmG%Gt

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Expandable.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Expandable.png
new file mode 100644
index 0000000000000000000000000000000000000000..409cac20b003f5d87d4196c37cb17bdfe300a636
GIT binary patch
literal 2319
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
U#Yv!f{u2YRv4%sdtUMC`1&*j{1poj5

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Link.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Link.png
new file mode 100644
index 0000000000000000000000000000000000000000..9229981a5ee5edef089f61daf323597fc1e15a4f
GIT binary patch
literal 1483
zcmeAS@N?(olHy`uVBq!ia0vp^(}6gEgAGWE6g@8mQjEnx?oJHr&dIz4a#+$GeH|GX
zHuiJ>Nn{1`ISV`@iy0XB4ude`@%$Aj3=FIZo-U3d6>)FxI(o>2%dmY|zxU~t=2&sh
z4;!kYb|-wC;(XU*stk|QBgK^Hh1yfo`kho%6Q!dvJ0t{(ZnkuAwM~^VF)?Xfv?!Z@
zp}@)wrT%9frn7C@Xt|70|LyFV=8xZ;JNN3;zhtR>@;sIK&)=STSABoq_ha7oZr{E8
zSKNi^-u3@NrZR_JlO*(n4i`+6XzM;=5TnxeP|1)-yfbl!2M_h6dU?Y$1y{aM*;cZ(
zr&O=?=%jV;m*4xw`yuJ8;-TyEk6YKVSN)VY9KY^SXLMc1(&^V`vS}oo+B+|DU;oP7
z*Dk*P@9rM|@Jjm4nk+MQ!M!`pf0ednvv-Rx?r{6-{_0>~p0I*VhmT_O!3_{&FZ_AQ
z;1%w-DDpc0l9wuJ%h(Ind0v;+>bm&yv&7pASO3qnIxKqV!CNLS*3vb-%6%%E(jsMN
zZdSb8c0z6QbED<%>0!moPIjplKX*KJ|Jdq9f3Nx84U@f^ep1)R>biDz^1gM`uKRwj
z`c<>_x8}7?73%}S%%;!Y5H;(Nqxby$&XA{XL;ub@we(cnv#hxFK2L>Kp1S?a_KWG4
z^sg7cf7f507C$9F`b^#2J6ldWCJWhw-Lw0i-_CN#wEIZZ{d;fBijVKl4|>@B|4#Ru
zd0)AvTYc?(bw+=>!?iqV6Yo4d=Fh*XUhUiQtM~an%O&rb?nk~quVgv7z<SHFuQqi*
zf7p0sWuA&>2rB2>Ab<G&i~nnnR{3Wx5{>u~+P=7D>FdgbEBoRym0INWUkAwD$X-&%
zkT>J~{Jw|TUw_sx8Zp~_<(k=PHU07e!<7}btKAO$dpIk4$&tAE;=eZ7m}KvF7v`8A
zr8Spd?44VFIp4APva6*^O+VTi(|7HfACS%R<MGO0R;DGriEF&4ul@aMlWO0`eD<r0
z@?N>zH%Ji4jyqeX^^7l|IGy9~F?)?$SEcNZEIz-uY@=qA@x<#tKJV1Z|KBGP^>L>0
zgKIm(HQrfQSIRm+(@yu7II6z9;ZN~<{p$y=JXK0s+<t>OOjcNQ!S2l-eHOLLtJbS`
z-U+^%Rm_*!^O$@2`Oy7+XVpt@s%_TU<&=?q-BrJMvmL(*)3RWB(K&ZsiXJ)pO<bJW
z=~?ZK4&}WIf$6OxI%fK-3tt$Mc2yK4ZdrBmbn1%6^65uQm+;8$an8!MT;{#ao!j-!
zhd&Chf|7mG+UL}Twp&_T+JE_GW?piYqkT1-s6@7v>HdI(gl{e9($;(nJ5f`uW*ku{
zp?pqc?%|4?XTDAgV9wX=oVR$Qf74&_q!S{a+y75?xoQ}=`QNO|>woQ7o4%>*YRdAA
z7n9z;IP^5*gwRi(V{S4Ng?B~WI^fki^R-9GmXQ0(rXj-TVmlSLZIBb#@VKMoeA3OE
z`K$hhB)LuBd&iJ-;ct@(`@)_czkjv;iJMgMyL+YF#o@)fa;#?+RL)nc4!f}1Y+2Zw
zgj9cRXNPM)pYAyG)vl?eKd<;~z}yx7drcQfgi8PUGi9^Rs>cfT8`jRQm0!{DbH19h
zgpB7q-QrgVwO4<eKdr&gFuW(H`qsTkFAmp91l6vSo5NFnGR7_b=)CU#&1}E|V@tHX
z=!d^Sao6whPG_?+F#9lZ-QG%IQDXUv*LLq_+7~kDrIx@0dwyQsiR;``J%I%<gQu&X
J%Q~loCIA8=!F~V$

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a9ee7030575cd8f57a8384ba042a710adb81aee
GIT binary patch
literal 6788
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
Ia^~Ov2NQZW4*&oF

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Title.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Title.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1982d83bcb697f196b4019d677ae561bb117e8b
GIT binary patch
literal 3676
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Tooltip.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Tooltip.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1982d83bcb697f196b4019d677ae561bb117e8b
GIT binary patch
literal 3676
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

literal 0
HcmV?d00001


From a02f15b84d23ee262fa8eb56fc8fe2ff7f53242c Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 18 Sep 2024 08:49:08 +0200
Subject: [PATCH 030/111] Reformat JSON component definitions, add attributes
 and questions

---
 .../components-definitions/Accordion.json     |  7 +--
 .../components-definitions/ButtonBase.json    |  3 +-
 .../components-definitions/Checkbox.json      |  7 +--
 .../components-definitions/Link.json          |  6 +--
 .../components-definitions/List.json          |  4 +-
 .../components-definitions/ListBase.json      |  3 +-
 .../components-definitions/ListNavigable.json |  7 ---
 .../ListSingleAction.json                     |  7 +++
 .../components-definitions/Menu.json          |  5 +++
 .../components-definitions/MenuBase.json      |  4 +-
 .../components-definitions/MenuButton.json    |  4 +-
 .../components-definitions/MenuCheckbox.json  |  6 ---
 .../components-definitions/MenuItem.json      |  5 ---
 .../MenuItemCheckbox.json                     |  7 +++
 .../components-definitions/MenuItemRadio.json |  7 +++
 .../components-definitions/MenuRadio.json     |  6 ---
 .../components-definitions/MenuSubmenu.json   |  7 +--
 .../Questions-Actionable.json                 | 31 +++++++++++++
 .../Questions-Selectable.json                 | 44 +++++++++++++++++++
 .../components-definitions/SplitButton.json   |  6 +--
 .../components-definitions/TabList.json       |  6 +--
 .../components-definitions/Table.json         |  6 +++
 .../TableArrowKeysNavigation.json             |  8 ----
 .../components-definitions/TableBase.json     |  3 +-
 .../TableCellActions.json                     |  7 +++
 .../TableCellNavigation.json                  |  7 +++
 .../TableNoNavigation.json                    |  6 ---
 .../components-definitions/TableTabbable.json |  8 ----
 .../components-definitions/Text.json          |  7 ++-
 .../components-definitions/ToggleButton.json  |  6 +--
 .../components-definitions/Tree.json          |  2 +-
 .../components-definitions/TreeBase.json      |  5 +--
 .../components-definitions/TreeSelection.json |  6 +--
 .../components-definitions/index.js           | 32 ++++++++------
 .../stories/ComponentSelector/utils.tsx       |  8 ++--
 35 files changed, 177 insertions(+), 116 deletions(-)
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
index dd5240b10e9920..524f2861ce6ee9 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -1,8 +1,5 @@
 {
   "name": "Accordion",
-  "link": "https://react.fluentui.dev/?path=/docs/components-accordion--default",
-  "expandable": "true",
-  "tabbable": "true",
-  "navigationByTabKey": "true",
-  "interactive": "true"
+  "component": "Accordion",
+  "attributes": ["expandable", "tabbable", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
index ba4713f030d12f..32e7b466849073 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -1,5 +1,4 @@
 {
   "name": "ButtonBase",
-  "navigationByTabKey": "true",
-  "interactive": "true"
+  "attributes": ["navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index 8e579273bcf0d2..aa051c96847b20 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -1,8 +1,5 @@
 {
   "name": "Checkbox",
-  "link": "https://react.fluentui.dev/?path=/docs/components-checkbox--default",
-  "tabbable": "true",
-  "toggle": "true",
-  "navigationByTabKey": "true",
-  "interactive": "true"
+  "component": "Checkbox",
+  "attributes": ["tabbable", "toggle", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
index 0e8e22f02d4567..4a35076fed2e99 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -1,7 +1,5 @@
 {
   "name": "Link",
-  "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
-  "navigableToPage": "true",
-  "navigationByTabKey": "true",
-  "interactive": "true"
+  "component": "Link",
+  "attributes": ["navigableToPage", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
index 53df0c282eb23f..44695db89c3834 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
@@ -1,6 +1,6 @@
 {
   "name": "List",
-  "link": "",
+  "component": "List",
   "extends": "ListBase",
-  "static": "true"
+  "attributes": ["static"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
index cdfcc7656c0482..a9b92af7e3fe1a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
@@ -1,6 +1,5 @@
 {
   "name": "ListBase",
-  "narratesPosition": "true",
-  "singleColumn": "true",
+  "attributes": ["narratesPosition", "singleColumn"],
   "note": "Component not available yet, under development."
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
deleted file mode 100644
index 0390fd25051c53..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListNavigable.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "name": "ListNavigable",
-  "link": "",
-  "extends": "ListBase",
-  "navigationByArrowKeys": "true",
-  "interactive": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
new file mode 100644
index 00000000000000..8b97434502813b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
@@ -0,0 +1,7 @@
+{
+  "name": "ListSingleAction",
+  "component": "List",
+  "story": "Single Action",
+  "extends": "ListBase",
+  "attributes": ["interactive", "navigationByArrowKeys"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
new file mode 100644
index 00000000000000..b49f43a9257356
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
@@ -0,0 +1,5 @@
+{
+  "name": "Menu",
+  "component": "Menu",
+  "extends": "MenuBase"
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
index fdbd5476020798..76a7807c5ff2ff 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -1,6 +1,4 @@
 {
   "name": "MenuBase",
-  "navigationByArrowKeys": "true",
-  "narratesPosition": "true",
-  "interactive": "true"
+  "attributes": ["navigationByArrowKeys", "narratesPosition", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
index e93f51f89b535b..31002d8e9b7721 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
@@ -1,6 +1,6 @@
 {
   "name": "MenuButton",
-  "link": "https://react.fluentui.dev/?path=/docs/components-button-menubutton--default",
+  "component": "MenuButton",
   "extends": "ButtonBase",
-  "opensMenu": "tru"
+  "attributes": ["opensMenu"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
deleted file mode 100644
index 48ae4394b41c01..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuCheckbox.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "MenuCheckbox",
-  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#checkbox-items",
-  "extends": "MenuBase",
-  "toggle": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
deleted file mode 100644
index e75deab2618fad..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItem.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "name": "MenuItem",
-  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
-  "extends": "MenuBase"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
new file mode 100644
index 00000000000000..7b6447c466cc8d
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -0,0 +1,7 @@
+{
+  "name": "MenuItemCheckbox",
+  "component": "Menu",
+  "story": "Checkbox Items",
+  "extends": "MenuBase",
+  "attributes": ["toggle"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
new file mode 100644
index 00000000000000..294c8e8bc41d7c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -0,0 +1,7 @@
+{
+  "name": "MenuItemRadio",
+  "component": "Menu",
+  "story": "Radio Items",
+  "extends": "MenuBase",
+  "attributes": ["toggle"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
deleted file mode 100644
index f93a80eec9fe48..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuRadio.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "MenuRadio",
-  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#radio-items",
-  "extends": "MenuBase",
-  "toggle": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
index ba3cb2c9cc1152..3b9d2e01e6d2dd 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -1,7 +1,8 @@
 {
   "name": "MenuSubmenu",
-  "link": "https://react.fluentui.dev/?path=/docs/components-menu-menu--default#nested-submenus",
+  "component": "Menu",
+  "story": "Nested Submenus",
   "extends": "MenuBase",
-  "requiredNodes": ["menuitem", "menuitemradio", "menuitemcheckbox"],
-  "nested": "true"
+  "attributes": ["nested"],
+  "requiredNodes": ["menuitem", "menuitemradio", "menuitemcheckbox"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
new file mode 100644
index 00000000000000..88bbb9a3ba4d46
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
@@ -0,0 +1,31 @@
+{
+  "tags": ["Button", "Link", "SplitButton", "ToggleButton"],
+  "questions": [
+    {
+      "question": "Does component have more actions?",
+      "answers": [
+        {
+          "text": "Yes",
+          "value": "multipleActions"
+        },
+        {
+          "text": "No",
+          "value": "singleAction"
+        }
+      ]
+    },
+    {
+      "question": "Does component navigate to new page?",
+      "answers": [
+        {
+          "text": "Yes",
+          "value": "navigatesToPage"
+        },
+        {
+          "text": "No",
+          "value": "staysOnPage"
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
new file mode 100644
index 00000000000000..1c50c2cdee6754
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
@@ -0,0 +1,44 @@
+{
+  "tags": ["Checkbox", "Radio", "ToggleButton", "MenuItemCheckbox", "MenuItemRadio"],
+  "questions": [
+    {
+      "question": "Can user select more than 2 options?",
+      "answers": [
+        {
+          "text": "Yes",
+          "value": "moreThanTwoOptions"
+        },
+        {
+          "text": "No",
+          "value": "twoOptions"
+        }
+      ]
+    },
+    {
+      "question": "Is choice possible between yes or no?",
+      "answers": [
+        {
+          "text": "Yes",
+          "value": "binaryChoice"
+        },
+        {
+          "text": "No",
+          "value": "nonBinaryChoice"
+        }
+      ]
+    },
+    {
+      "question": "Is component inside menu?",
+      "answers": [
+        {
+          "text": "Yes",
+          "value": "InsideMenu"
+        },
+        {
+          "text": "No",
+          "value": "Standalone"
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index ea7ee8c2c18a75..20ae966fc6d0a2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -1,6 +1,6 @@
 {
   "name": "SplitButton",
-  "link": "https://react.fluentui.dev/?path=/docs/components-button-splitbutton--default",
-  "multipleActions": "true",
-  "extends": "ButtonBase"
+  "component": "SplitButton",
+  "extends": "ButtonBase",
+  "attributes": ["multipleActions"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
index 8aee1d5dbba124..74486a4138bccc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
@@ -1,7 +1,5 @@
 {
   "name": "TabList",
-  "link": "https://react.fluentui.dev/?path=/docs/components-tablist--default",
-  "interactive": "true",
-  "narratesPosition": "true",
-  "navigationByArrowKeys": "true"
+  "component": "TabList",
+  "attributes": ["interactive", "navigationByArrowKeys", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
new file mode 100644
index 00000000000000..7edcc6d2eedfc1
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
@@ -0,0 +1,6 @@
+{
+  "name": "Table",
+  "component": "Table",
+  "extends": "TableBase",
+  "attributes": ["static"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
deleted file mode 100644
index 1469279116209a..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableArrowKeysNavigation.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "name": "Table",
-  "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-navigation",
-  "extends": "TableBase",
-  "navigationByArrowKeys": "true",
-  "exampleName": "Cell Navigation",
-  "interactive": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
index 7489872f3eafa3..87c326ce24e1e2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
@@ -1,5 +1,4 @@
 {
   "name": "TableBase",
-  "columnsAndRows": "true",
-  "narratesPosition": "true"
+  "attributes": ["columnsAndRows", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
new file mode 100644
index 00000000000000..d9b7ede054bd21
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
@@ -0,0 +1,7 @@
+{
+  "name": "TableCellActions",
+  "component": "Table",
+  "story": "Cell Actions",
+  "extends": "TableBase",
+  "attributes": ["interactive", "navigationByTabKey"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
new file mode 100644
index 00000000000000..1724e9d367bd5a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
@@ -0,0 +1,7 @@
+{
+  "name": "TableCellNavigation",
+  "component": "Table",
+  "story": "Cell Navigation",
+  "extends": "Base-Table",
+  "attributes": ["interactive", "navigationByArrowKeys"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json
deleted file mode 100644
index f0c986544d4b49..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableNoNavigation.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "name": "Table",
-  "link": "https://react.fluentui.dev/?path=/docs/components-table--default",
-  "extends": "TableBase",
-  "static": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
deleted file mode 100644
index 6472edf986937c..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableTabbable.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "name": "Table",
-  "exampleName": "Cell Actions",
-  "link": "https://react.fluentui.dev/?path=/docs/components-table--default#cell-actions",
-  "navigationByTabKey": "true",
-  "extends": "TableBase",
-  "interactive": "true"
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
index fa4482bec0c94b..f550e0fcd9407b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
@@ -1,7 +1,6 @@
 {
   "name": "Text",
-  "link": "https://react.fluentui.dev/?path=/docs/components-link--default",
-  "note": "Use the 'as' prop to change text to heading.",
-  "textOrHeading": "true",
-  "static": "true"
+  "component": "Text",
+  "attributes": ["textOrHeading", "static"],
+  "note": "Use the 'as' prop to change text to heading."
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index 9f70187f452ca9..dd1d819276fa4a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -1,6 +1,6 @@
 {
   "name": "ToggleButton",
-  "link": "https://react.fluentui.dev/?path=/docs/components-button-togglebutton--default",
-  "toggle": "true",
-  "extends": "ButtonBase"
+  "component": "ToggleButton",
+  "extends": "ButtonBase",
+  "attributes": ["toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
index 98ef667db9f866..cf806c4272c445 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
@@ -1,5 +1,5 @@
 {
   "name": "Tree",
-  "link": "https://react.fluentui.dev/?path=/docs/components-tree--default",
+  "component": "Tree",
   "extends": "TreeBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
index b1c074bde54142..5419635f4c19f3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
@@ -1,7 +1,4 @@
 {
   "name": "TreeBase",
-  "navigationByArrowKeys": "true",
-  "narratesPosition": "true",
-  "interactive": "true",
-  "hierarchical": "true"
+  "attributes": ["interactive", "navigationByArrowKeys", "hierarchical", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
index 45a1c24d82953b..c6a6e3ab001931 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
@@ -1,7 +1,7 @@
 {
   "name": "TreeSelection",
-  "link": "https://react.fluentui.dev/?path=/docs/components-tree--default#selection",
-  "exampleName": "Selection",
+  "component": "Tree",
+  "story": "Selection",
   "extends": "TreeBase",
-  "toggle": "true"
+  "attributes": ["toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index 666bd1f612615b..cce6b694b93d2d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -1,26 +1,30 @@
 export { default as AccordionDef } from './Accordion.json';
+export { default as TextDef } from './Text.json';
+export { default as LinkDef } from './Link.json';
 export { default as CheckboxDef } from './Checkbox.json';
+
 export { default as TableBaseDef } from './TableBase.json';
-export { default as TableTabbableDef } from './TableTabbable.json';
-export { default as TableArrowKeysNavigationDef } from './TableArrowKeysNavigation.json';
-export { default as TableNoNavigationDef } from './TableNoNavigation.json';
+export { default as TableDef } from './Table.json';
+export { default as TableCellActionsDef } from './TableCellActions.json';
+export { default as TableCellNavigationDef } from './TableCellNavigation.json';
+
 export { default as MenuBaseDef } from './MenuBase.json';
-export { default as MenuCheckboxDef } from './MenuCheckbox.json';
-export { default as MenuItemDef } from './MenuItem.json';
-export { default as MenuRadioDef } from './MenuRadio.json';
+export { default as MenuDef } from './Menu.json';
+export { default as MenuItemCheckboxDef } from './MenuItemCheckbox.json';
+export { default as MenuItemRadioDef } from './MenuItemRadio.json';
 export { default as MenuSubmenuDef } from './MenuSubmenu.json';
+
+export { default as ButtonBaseDef } from './ButtonBase.json';
 export { default as SplitButtonDef } from './SplitButton.json';
 export { default as ToggleButtonDef } from './ToggleButton.json';
-export { default as ButtonBaseDef } from './ButtonBase.json';
-export { default as LinkDef } from './Link.json';
-export { default as TextDef } from './Text.json';
+export { default as MenuButtonDef } from './MenuButton.json';
 
+export { default as ListBaseDef } from './ListBase.json';
 export { default as ListDef } from './List.json';
-export { default as ListNavigableDef } from './ListNavigable.json';
+export { default as ListSingleActionDef } from './ListSingleAction.json';
+
+export { default as TreeBaseDef } from './TreeBase.json';
 export { default as TreeDef } from './Tree.json';
 export { default as TreeSelectionDef } from './TreeSelection.json';
-export { default as MenuButtonDef } from './MenuButton.json';
-export { default as TabListDef } from './TabList.json';
 
-export { default as TreeBaseDef } from './TreeBase.json';
-export { default as ListBaseDef } from './ListBase.json';
+export { default as TabListDef } from './TabList.json';
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index ae40f7c7694f24..6621778b8c1fc8 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';
-const formatComponentExampleUrl = (component, example) => `/?path=/docs/components-${component}--docs#${example}`;
+const formatComponentStoryUrl = (component, story) => `/?path=/docs/components-${component}--docs#${story}`;
 
 interface FullscreenLinkProps {
   parent: string;
@@ -55,9 +55,9 @@ const camelToDashed = (camel) => {
   return dashed;
 };
 
-export const getComponentExampleUrl = (component, example?) => {
+export const getComponentStoryUrl = (component, story?) => {
   const dashedComponent = camelToDashed(component);
-  const dashedExample = example ? camelToDashed(example) : 'default';
-  const url = formatComponentExampleUrl(dashedComponent, dashedExample);
+  const dashedStory = story ? camelToDashed(story) : 'default';
+  const url = formatComponentStoryUrl(dashedComponent, dashedStory);
   return url;
 };
\ No newline at end of file

From b096cafc04814afe09cf5205b9c04a1c7c26426c Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 18 Sep 2024 09:10:00 +0200
Subject: [PATCH 031/111] Use new names of component definitions

---
 .../ComponentSelector/Selector.stories.tsx    | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 2e8c707b797819..b20e56218071c3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -23,22 +23,22 @@ import {
   ListBaseDef,
   AccordionDef,
   CheckboxDef,
-  TableArrowKeysNavigationDef,
+  TableCellNavigationDef,
   TableBaseDef,
-  TableTabbableDef,
+  TableCellActionsDef,
   MenuBaseDef,
-  MenuCheckboxDef,
-  MenuItemDef,
-  MenuRadioDef,
+  MenuItemCheckboxDef,
+  MenuDef,
+  MenuItemRadioDef,
   MenuSubmenuDef,
   SplitButtonDef,
   ToggleButtonDef,
   ButtonBaseDef,
   LinkDef,
   TextDef,
-  TableNoNavigationDef,
+  TableDef,
   ListDef,
-  ListNavigableDef,
+  ListSingleActionDef,
   TreeDef,
   TreeSelectionDef,
   TreeBaseDef,
@@ -161,22 +161,22 @@ export const Selector = () => {
       ListBaseDef,
       AccordionDef,
       CheckboxDef,
-      TableArrowKeysNavigationDef,
+      TableCellNavigationDef,
       TableBaseDef,
-      TableTabbableDef,
+      TableCellActionsDef,
       MenuBaseDef,
-      MenuCheckboxDef,
-      MenuItemDef,
-      MenuRadioDef,
+      MenuItemCheckboxDef,
+      MenuDef,
+      MenuItemRadioDef,
       MenuSubmenuDef,
       SplitButtonDef,
       ToggleButtonDef,
       ButtonBaseDef,
       LinkDef,
       TextDef,
-      TableNoNavigationDef,
+      TableDef,
       ListDef,
-      ListNavigableDef,
+      ListSingleActionDef,
       TreeDef,
       TreeSelectionDef,
       TreeBaseDef,

From e8bb36c898dd2c48d57905b141400716aabd2da9 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 09:42:42 +0200
Subject: [PATCH 032/111] fix name of table base

---
 .../components-definitions/TableCellNavigation.json             | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
index 1724e9d367bd5a..542b81b6cbcc42 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
@@ -2,6 +2,6 @@
   "name": "TableCellNavigation",
   "component": "Table",
   "story": "Cell Navigation",
-  "extends": "Base-Table",
+  "extends": "TableBase",
   "attributes": ["interactive", "navigationByArrowKeys"]
 }

From 9af45d473417d05775b8719f659d0286ca6740b7 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 10:06:45 +0200
Subject: [PATCH 033/111] amending headings

---
 .../stories/ComponentSelector/Selector.stories.tsx       | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index b20e56218071c3..b66886df50f762 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -304,7 +304,7 @@ export const Selector = () => {
 
   const namesOfComponents = () => {
     const properNames = componentsDefinitions.current.map(definition => {
-      const componentName = definition.exampleName ? `${definition.name} : ${definition.exampleName}` : definition.name;
+      const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
       return componentName;
     });
     return properNames.sort();
@@ -335,21 +335,22 @@ export const Selector = () => {
   return (
     <Scenario pageTitle="Component Selector">
       <h1>Component Selector</h1>
+      <h2>Choose component</h2>
       <Accordion multiple>
         <AccordionItem value="1">
-          <AccordionHeader>Basic Inputs</AccordionHeader>
+          <AccordionHeader as="h3">Basic Inputs</AccordionHeader>
           <AccordionPanel>
             <div className={classes.root}>{componentsToDisplay}</div>
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="2">
-          <AccordionHeader>Commands, Menus & Navs</AccordionHeader>
+          <AccordionHeader as="h3">Commands, Menus & Navs</AccordionHeader>
           <AccordionPanel>
             <div>Accordion Panel 2</div>
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="3">
-          <AccordionHeader>Galleries & Pickers</AccordionHeader>
+          <AccordionHeader as="h3">Galleries & Pickers</AccordionHeader>
           <AccordionPanel>
             <div>Accordion Panel 3</div>
           </AccordionPanel>

From 7de3af0ef4487fffb124849f38a4ffcec83f96cf Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 10:09:11 +0200
Subject: [PATCH 034/111] amending headings of second accordion

---
 .../stories/ComponentSelector/Selector.stories.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index b66886df50f762..6a7054ee99e076 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -359,7 +359,7 @@ export const Selector = () => {
       ----------- old accordion will be removed----------------
       <Accordion multiple defaultOpenItems="uiBehavior">
         <AccordionItem value="uiBehavior">
-          <AccordionHeader as="h2">How the desired UI behaves?</AccordionHeader>
+          <AccordionHeader as="h3">How the desired UI behaves?</AccordionHeader>
           <AccordionPanel>
             <Label id="interactivity"> Interactivity </Label>
             <RadioGroup
@@ -483,7 +483,7 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="keyboardNavigation">
-          <AccordionHeader as="h2">What do you expect from keyboard navigation?</AccordionHeader>
+          <AccordionHeader as="h3">What do you expect from keyboard navigation?</AccordionHeader>
           <AccordionPanel>
             {decisionState.uiBehavior.interaction === 'interactive' ? (
               <>
@@ -508,7 +508,7 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
         <AccordionItem value="screenReader">
-          <AccordionHeader as="h2">What do you expect from screen reader behavior?</AccordionHeader>
+          <AccordionHeader as="h3">What do you expect from screen reader behavior?</AccordionHeader>
           <AccordionPanel>
             <Checkbox
               className={classes.thirdLevel}

From 891f3cc0b04dfb9572bd16ceaf6a85cae114384b Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 18 Sep 2024 11:38:35 +0200
Subject: [PATCH 035/111] Restructure groups and questions

---
 .../components-definitions/Groups.json        | 10 +++
 .../Questions-Actionable.json                 | 31 --------
 .../Questions-Selectable.json                 | 44 ------------
 .../components-definitions/Questions.json     | 72 +++++++++++++++++++
 4 files changed, 82 insertions(+), 75 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
new file mode 100644
index 00000000000000..5258f7bfa63488
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
@@ -0,0 +1,10 @@
+[
+  {
+    "tags": ["Button", "Link", "SplitButton", "ToggleButton"],
+    "questions": ["hasMoreActions", "doesNavigateToPage"]
+  },
+  {
+    "tags": ["Checkbox", "Radio", "ToggleButton", "MenuItemCheckbox", "MenuItemRadio"],
+    "questions": ["hasMoreOptions", "isYesOrNo", "isInsideMenu"]
+  }
+]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
deleted file mode 100644
index 88bbb9a3ba4d46..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Actionable.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-  "tags": ["Button", "Link", "SplitButton", "ToggleButton"],
-  "questions": [
-    {
-      "question": "Does component have more actions?",
-      "answers": [
-        {
-          "text": "Yes",
-          "value": "multipleActions"
-        },
-        {
-          "text": "No",
-          "value": "singleAction"
-        }
-      ]
-    },
-    {
-      "question": "Does component navigate to new page?",
-      "answers": [
-        {
-          "text": "Yes",
-          "value": "navigatesToPage"
-        },
-        {
-          "text": "No",
-          "value": "staysOnPage"
-        }
-      ]
-    }
-  ]
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
deleted file mode 100644
index 1c50c2cdee6754..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions-Selectable.json
+++ /dev/null
@@ -1,44 +0,0 @@
-{
-  "tags": ["Checkbox", "Radio", "ToggleButton", "MenuItemCheckbox", "MenuItemRadio"],
-  "questions": [
-    {
-      "question": "Can user select more than 2 options?",
-      "answers": [
-        {
-          "text": "Yes",
-          "value": "moreThanTwoOptions"
-        },
-        {
-          "text": "No",
-          "value": "twoOptions"
-        }
-      ]
-    },
-    {
-      "question": "Is choice possible between yes or no?",
-      "answers": [
-        {
-          "text": "Yes",
-          "value": "binaryChoice"
-        },
-        {
-          "text": "No",
-          "value": "nonBinaryChoice"
-        }
-      ]
-    },
-    {
-      "question": "Is component inside menu?",
-      "answers": [
-        {
-          "text": "Yes",
-          "value": "InsideMenu"
-        },
-        {
-          "text": "No",
-          "value": "Standalone"
-        }
-      ]
-    }
-  ]
-}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
new file mode 100644
index 00000000000000..13582e169c5762
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -0,0 +1,72 @@
+[
+  {
+    "id": "hasMoreActions",
+    "question": "Does component have more actions?",
+    "answers": [
+      {
+        "value": "multipleActions",
+        "text": "Yes"
+      },
+      {
+        "value": "singleAction",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "doesNavigateToPage",
+    "question": "Does component navigate to new page?",
+    "answers": [
+      {
+        "value": "navigatesToPage",
+        "text": "Yes"
+      },
+      {
+        "value": "staysOnPage",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "hasMoreOptions",
+    "question": "Can user select more than 2 options?",
+    "answers": [
+      {
+        "value": "moreThanTwoOptions",
+        "text": "Yes"
+      },
+      {
+        "value": "twoOptions",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "isYesOrNo",
+    "question": "Is choice possible between yes or no?",
+    "answers": [
+      {
+        "value": "binaryChoice",
+        "text": "Yes"
+      },
+      {
+        "value": "nonBinaryChoice",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "isInsideMenu",
+    "question": "Is component inside menu?",
+    "answers": [
+      {
+        "value": "InsideMenu",
+        "text": "Yes"
+      },
+      {
+        "value": "Standalone",
+        "text": "No"
+      }
+    ]
+  }
+]

From 76243c4de56cbc93fc5a61b4abd10e0619f91868 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 12:19:15 +0200
Subject: [PATCH 036/111] fix merging of attribute between child and base JSON

---
 .../ComponentSelector/Selector.stories.tsx    | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 6a7054ee99e076..d97b99e48bf38b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -134,11 +134,20 @@ export const Selector = () => {
       for (const key in definition) {
         if (key === 'extends') {
           const value = definition[key];
+          // const currentJSONObject = JSON.parse(JSON.stringify(definition));
+          const attributesOfCurrentJSON = definition.attributes;
           // find definition which is based one
           const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
+          const attributesOfBaseDefinition = baseDefinition?.attributes;
+
           // create new object not delete name of base definition for others usage
           const temporaryObject = JSON.parse(JSON.stringify(baseDefinition));
           delete temporaryObject.name;
+
+          // merge attributes of current JSON with Base JSON
+          if (attributesOfCurrentJSON) {
+            temporaryObject['attributes'] = [...attributesOfBaseDefinition, ...attributesOfCurrentJSON];
+          }
           Object.assign(definition, temporaryObject);
         }
       }
@@ -287,9 +296,12 @@ export const Selector = () => {
       const matching = [];
       selectedDecisions.current.forEach(decision => {
         console.log(`Decision: ${decision}`);
-        if (keysInDefinitions.indexOf(decision) >= 0) {
-          matching.push('matched');
-        }
+        console.log(`Definition: ${definition.name}`);
+        console.log(`Definition: ${definition.attributes}`);
+        definition.attributes.includes(decision) ? matching.push('matched') : null;
+        // if (keysInDefinitions.indexOf(decision) >= 0) {
+        //   matching.push('matched');
+        // }
       });
 
       if (selectedDecisions.current.length === matching.length) {
@@ -322,7 +334,6 @@ export const Selector = () => {
               if (data.checked) {
                 setSelectedComponents([...selectedComponents, name]);
               } else {
-                removeFromArray(selectedComponents, name);
                 setSelectedComponents(selectedComponents.filter(component => component !== name));
               }
             }}

From 8844e1b47384498c0bc2c01282305c4a6862cc8a Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 18 Sep 2024 12:48:51 +0200
Subject: [PATCH 037/111] Add attributes to components definitions from
 questions

---
 .../components-definitions/ButtonBase.json    |  2 +-
 .../components-definitions/Checkbox.json      |  2 +-
 .../components-definitions/Groups.json        |  2 +-
 .../components-definitions/Link.json          |  2 +-
 .../components-definitions/MenuBase.json      |  2 +-
 .../MenuItemCheckbox.json                     |  2 +-
 .../components-definitions/MenuItemRadio.json |  2 +-
 .../components-definitions/MenuSubmenu.json   |  3 +--
 .../components-definitions/Questions.json     | 26 +++++--------------
 .../components-definitions/SplitButton.json   |  2 +-
 .../components-definitions/ToggleButton.json  |  2 +-
 11 files changed, 16 insertions(+), 31 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
index 32e7b466849073..c8b9fb05bbb973 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -1,4 +1,4 @@
 {
   "name": "ButtonBase",
-  "attributes": ["navigationByTabKey", "interactive"]
+  "attributes": ["staysOnPage", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index aa051c96847b20..057650ae8bd5df 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -1,5 +1,5 @@
 {
   "name": "Checkbox",
   "component": "Checkbox",
-  "attributes": ["tabbable", "toggle", "navigationByTabKey", "interactive"]
+  "attributes": ["yesOrNo", "notInsideMenu", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
index 5258f7bfa63488..c0c8f97448ea2e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
@@ -5,6 +5,6 @@
   },
   {
     "tags": ["Checkbox", "Radio", "ToggleButton", "MenuItemCheckbox", "MenuItemRadio"],
-    "questions": ["hasMoreOptions", "isYesOrNo", "isInsideMenu"]
+    "questions": ["isYesOrNo", "isInsideMenu"]
   }
 ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
index 4a35076fed2e99..8faead074c0890 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -1,5 +1,5 @@
 {
   "name": "Link",
   "component": "Link",
-  "attributes": ["navigableToPage", "navigationByTabKey", "interactive"]
+  "attributes": ["singleAction", "navigatesToPage", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
index 76a7807c5ff2ff..361a306475dcff 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -1,4 +1,4 @@
 {
   "name": "MenuBase",
-  "attributes": ["navigationByArrowKeys", "narratesPosition", "interactive"]
+  "attributes": ["insideMenu", "navigationByArrowKeys", "narratesPosition", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
index 7b6447c466cc8d..49a212ce080525 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -3,5 +3,5 @@
   "component": "Menu",
   "story": "Checkbox Items",
   "extends": "MenuBase",
-  "attributes": ["toggle"]
+  "attributes": ["yesOrNo"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
index 294c8e8bc41d7c..6ddc8cd7786788 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -3,5 +3,5 @@
   "component": "Menu",
   "story": "Radio Items",
   "extends": "MenuBase",
-  "attributes": ["toggle"]
+  "attributes": ["notYesOrNo"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
index 3b9d2e01e6d2dd..0ce8b5e606a9cf 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -3,6 +3,5 @@
   "component": "Menu",
   "story": "Nested Submenus",
   "extends": "MenuBase",
-  "attributes": ["nested"],
-  "requiredNodes": ["menuitem", "menuitemradio", "menuitemcheckbox"]
+  "attributes": ["nested"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
index 13582e169c5762..ccefeb5fd737c0 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -4,7 +4,7 @@
     "question": "Does component have more actions?",
     "answers": [
       {
-        "value": "multipleActions",
+        "value": "moreActions",
         "text": "Yes"
       },
       {
@@ -27,30 +27,16 @@
       }
     ]
   },
-  {
-    "id": "hasMoreOptions",
-    "question": "Can user select more than 2 options?",
-    "answers": [
-      {
-        "value": "moreThanTwoOptions",
-        "text": "Yes"
-      },
-      {
-        "value": "twoOptions",
-        "text": "No"
-      }
-    ]
-  },
   {
     "id": "isYesOrNo",
-    "question": "Is choice possible between yes or no?",
+    "question": "Is toggle or choice possible between yes or no?",
     "answers": [
       {
-        "value": "binaryChoice",
+        "value": "yesOrNo",
         "text": "Yes"
       },
       {
-        "value": "nonBinaryChoice",
+        "value": "notYesOrNo",
         "text": "No"
       }
     ]
@@ -60,11 +46,11 @@
     "question": "Is component inside menu?",
     "answers": [
       {
-        "value": "InsideMenu",
+        "value": "insideMenu",
         "text": "Yes"
       },
       {
-        "value": "Standalone",
+        "value": "notInsideMenu",
         "text": "No"
       }
     ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index 20ae966fc6d0a2..b6bab0d91e1311 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -2,5 +2,5 @@
   "name": "SplitButton",
   "component": "SplitButton",
   "extends": "ButtonBase",
-  "attributes": ["multipleActions"]
+  "attributes": ["moreActions"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index dd1d819276fa4a..af5307abe8d7cb 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -2,5 +2,5 @@
   "name": "ToggleButton",
   "component": "ToggleButton",
   "extends": "ButtonBase",
-  "attributes": ["toggle"]
+  "attributes": ["singleAction", "yesOrNo"]
 }

From d5043efe7fdfbdd56444a061c64684d488ba825b Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 15:11:27 +0200
Subject: [PATCH 038/111] show components in results where are selected

---
 .../ComponentSelector/Selector.stories.tsx    | 147 ++++++++++--------
 1 file changed, 80 insertions(+), 67 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index d97b99e48bf38b..b5497a27c49e73 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -194,7 +194,6 @@ export const Selector = () => {
     );
     mergeBaseObjects();
     cleanUpBaseObjects();
-    console.log('componentsDefinitions: ', componentsDefinitions.current);
   }
 
   //Following useMemo wasn't call when I tick checkbox
@@ -268,73 +267,92 @@ export const Selector = () => {
   // and when an option is removed by clicking on a tag
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
-  console.log('Milan:selectedComponents: ', selectedComponents);
 
   const getImage = tagName => {
     try {
       return require(`../ComponentSelector/components-images/${tagName}.png`);
     } catch (error) {
-      // console.log('Image not found: ', error);
       return null;
     }
   };
 
+  const getComponentByName = (name: string) => {
+    return componentsDefinitions.current.find(definition => definition.name === name);
+  };
+
   const getComponent = () => {
     const suitableComponents: any[] = [];
 
-    // if (selectedOptions && selectedOptions.length > 0) {
-    //   suitableComponents.push(...selectedOptions);
-    // }
-    // console.log(`selectedOptions: ${selectedOptions}`);
-    console.log(`suitableComponents: ${suitableComponents}`);
-
-    console.log(`Array Decisions: ${selectedDecisions.current}`);
+    if (selectedComponents && selectedComponents.length > 0) {
+      selectedComponents.forEach(componentName => {
+        const component = getComponentByName(componentName);
+        // console.log(`PUSH component name: ${component.name}`);
+        if (component) {
+          suitableComponents.push(component);
+        }
+      });
+    }
+    // console.log(`selectedComponents: ${selectedComponents}`);
+    // console.log(`suitableComponents: ${suitableComponents}`);
+
+    if (selectedDecisions.current.length > 0) {
+      const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
+      // componentsDefinitions.current.forEach(definition => {
+      componentsToIterate.forEach(definition => {
+        const keysInDefinitions = Object.keys(definition);
+
+        const matching = [];
+        selectedDecisions.current.forEach(decision => {
+          definition.attributes.includes(decision) ? matching.push('matched') : null;
+          // if (keysInDefinitions.indexOf(decision) >= 0) {
+          //   matching.push('matched');
+          // }
+        });
 
-    componentsDefinitions.current.forEach(definition => {
-      const keysInDefinitions = Object.keys(definition);
-
-      const matching = [];
-      selectedDecisions.current.forEach(decision => {
-        console.log(`Decision: ${decision}`);
-        console.log(`Definition: ${definition.name}`);
-        console.log(`Definition: ${definition.attributes}`);
-        definition.attributes.includes(decision) ? matching.push('matched') : null;
-        // if (keysInDefinitions.indexOf(decision) >= 0) {
-        //   matching.push('matched');
-        // }
+        if (selectedDecisions.current.length === matching.length) {
+          console.log('fully matched');
+          // if suitableComponents does not include definition, push it
+          suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
+        } else {
+          // console.log(`suitableComponents: ${suitableComponents}`);
+          // console.log('GOING TO REMOVE');
+          removeFromArray(suitableComponents, definition);
+          // console.log(`suitableComponents: ${suitableComponents}`);
+        }
       });
+    }
 
-      if (selectedDecisions.current.length === matching.length) {
-        console.log('fully matched');
-        suitableComponents.push(definition);
-      }
-    });
     return suitableComponents;
   };
 
   const foundComponents = getComponent();
 
   const namesOfComponents = () => {
-    const properNames = componentsDefinitions.current.map(definition => {
+    const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
       const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
-      return componentName;
+      definition['displayName'] = componentName;
+      return definition;
     });
-    return properNames.sort();
+    definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
+
+    return definitionsWithDisplayName;
   };
 
-  const componentsToDisplay = namesOfComponents().map(name => (
+  const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
     <>
       <div data-id="wrapper" className={classes.componentWrapper}>
-        <Image src={getImage(name)} height={75} width={75} />
+        <Image src={getImage(definitionsWithDisplayName.displayName)} height={75} width={75} />
         <div>
-          <span>{name}</span>
+          <span>{definitionsWithDisplayName.displayName}</span>
           <Checkbox
-            aria-label={name}
+            aria-label={definitionsWithDisplayName.displayName}
             onChange={(event, data) => {
               if (data.checked) {
-                setSelectedComponents([...selectedComponents, name]);
+                setSelectedComponents([...selectedComponents, definitionsWithDisplayName.name]);
               } else {
-                setSelectedComponents(selectedComponents.filter(component => component !== name));
+                setSelectedComponents(
+                  selectedComponents.filter(component => component !== definitionsWithDisplayName.name),
+                );
               }
             }}
           />
@@ -532,39 +550,34 @@ export const Selector = () => {
         </AccordionItem>
       </Accordion>
       {/* nova komponenta na resutls: Found components */}
-      {console.log('selectedDecisions.current: ', selectedDecisions.current)}
       <h2 id="matching-heading">Matching components</h2>
-      {selectedDecisions.current.length > 0 ? (
-        <div role="group" aria-labelledby="matching-heading">
-          <div className={classes.foundMessage}>
-            <Text as="h3" weight="bold">
-              Found {foundComponents.length} component(s).{' '}
-            </Text>
-          </div>
-          {foundComponents.map((component, index) => {
-            return (
-              <div key={`component-${index}}`}>
-                <Text weight="semibold">
-                  Component name:{' '}
-                  <Link target="_blank" inline href={component.link}>
-                    {component.name}{' '}
-                  </Link>
-                </Text>
-                <br />
-                <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
-                {component.note && (
-                  <div>
-                    <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
-                  </div>
-                )}
-                <Divider appearance="strong" />
-              </div>
-            );
-          })}
+      <div role="group" aria-labelledby="matching-heading">
+        <div className={classes.foundMessage}>
+          <Text as="h3" weight="bold">
+            Found {foundComponents.length} component(s).{' '}
+          </Text>
         </div>
-      ) : (
-        <Text>Select proper attribute(s) above.</Text>
-      )}
+        {foundComponents.map((component, index) => {
+          return (
+            <div key={`component-${index}}`}>
+              <Text weight="semibold">
+                Component name:{' '}
+                <Link target="_blank" inline href={component.link}>
+                  {component.name}{' '}
+                </Link>
+              </Text>
+              <br />
+              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+              {component.note && (
+                <div>
+                  <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
+                </div>
+              )}
+              <Divider appearance="strong" />
+            </div>
+          );
+        })}
+      </div>
     </Scenario>
   );
 };

From af10011c8bc80766773ddef38e94e720fd30088f Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 16:39:34 +0200
Subject: [PATCH 039/111] change URL to production, amend link creation in
 utils

---
 .../stories/ComponentSelector/Selector.stories.tsx |  4 ++--
 .../stories/ComponentSelector/utils.tsx            | 14 ++++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index b5497a27c49e73..ada325c30393ea 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -17,7 +17,7 @@ import {
   Image,
 } from '@fluentui/react-components';
 
-import { Scenario, removeFromArray } from './utils';
+import { Scenario, removeFromArray, getComponentStoryUrl } from './utils';
 
 import {
   ListBaseDef,
@@ -562,7 +562,7 @@ export const Selector = () => {
             <div key={`component-${index}}`}>
               <Text weight="semibold">
                 Component name:{' '}
-                <Link target="_blank" inline href={component.link}>
+                <Link target="_blank" inline href={getComponentStoryUrl(component)}>
                   {component.name}{' '}
                 </Link>
               </Text>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 6621778b8c1fc8..7ced6ab17e91f1 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -2,7 +2,8 @@ import * as React from 'react';
 
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';
-const formatComponentStoryUrl = (component, story) => `/?path=/docs/components-${component}--docs#${story}`;
+const formatComponentStoryUrl = (component, story) =>
+  `https://react.fluentui.dev/?path=/docs/components-${component}--docs#${story}`;
 
 interface FullscreenLinkProps {
   parent: string;
@@ -50,14 +51,15 @@ export const removeFromArray = (array: string[], item: string) => {
   }
 };
 
-const camelToDashed = (camel) => {
+const camelToDashed = camel => {
+  console.log('Milan: camel', camel);
   const dashed = camel.toLowerCase().replace(/\ |\:/g, '-');
   return dashed;
 };
 
-export const getComponentStoryUrl = (component, story?) => {
-  const dashedComponent = camelToDashed(component);
-  const dashedStory = story ? camelToDashed(story) : 'default';
+export const getComponentStoryUrl = component => {
+  const dashedComponent = component.name && camelToDashed(component.component);
+  const dashedStory = component.story ? camelToDashed(component.story) : 'default';
   const url = formatComponentStoryUrl(dashedComponent, dashedStory);
   return url;
-};
\ No newline at end of file
+};

From 4d3587b266a3f2cd5d9b9f662436d80f08bf69fd Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 18 Sep 2024 17:08:05 +0200
Subject: [PATCH 040/111] Add folder for components defs and generate proper
 URL

---
 .../stories/ComponentSelector/components-definitions/Menu.json | 1 +
 .../ComponentSelector/components-definitions/MenuButton.json   | 1 +
 .../components-definitions/MenuItemCheckbox.json               | 1 +
 .../components-definitions/MenuItemRadio.json                  | 1 +
 .../ComponentSelector/components-definitions/MenuSubmenu.json  | 1 +
 .../ComponentSelector/components-definitions/SplitButton.json  | 1 +
 .../ComponentSelector/components-definitions/ToggleButton.json | 1 +
 .../react-components/stories/ComponentSelector/utils.tsx       | 3 ++-
 8 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
index b49f43a9257356..570b41efb72061 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
@@ -1,5 +1,6 @@
 {
   "name": "Menu",
   "component": "Menu",
+  "folder": "Menu",
   "extends": "MenuBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
index 31002d8e9b7721..400342201f6db3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
@@ -1,6 +1,7 @@
 {
   "name": "MenuButton",
   "component": "MenuButton",
+  "folder": "Button",
   "extends": "ButtonBase",
   "attributes": ["opensMenu"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
index 49a212ce080525..19a8fb31bbf2bc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -1,6 +1,7 @@
 {
   "name": "MenuItemCheckbox",
   "component": "Menu",
+  "folder": "Menu",
   "story": "Checkbox Items",
   "extends": "MenuBase",
   "attributes": ["yesOrNo"]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
index 6ddc8cd7786788..c080cb0a90a176 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -1,6 +1,7 @@
 {
   "name": "MenuItemRadio",
   "component": "Menu",
+  "folder": "Menu",
   "story": "Radio Items",
   "extends": "MenuBase",
   "attributes": ["notYesOrNo"]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
index 0ce8b5e606a9cf..566a50b344b7d3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -1,6 +1,7 @@
 {
   "name": "MenuSubmenu",
   "component": "Menu",
+  "folder": "Menu",
   "story": "Nested Submenus",
   "extends": "MenuBase",
   "attributes": ["nested"]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index b6bab0d91e1311..ce4048d35e265a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -1,6 +1,7 @@
 {
   "name": "SplitButton",
   "component": "SplitButton",
+  "folder": "Button",
   "extends": "ButtonBase",
   "attributes": ["moreActions"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index af5307abe8d7cb..5b2781bf239acc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -1,6 +1,7 @@
 {
   "name": "ToggleButton",
   "component": "ToggleButton",
+  "folder": "Button",
   "extends": "ButtonBase",
   "attributes": ["singleAction", "yesOrNo"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 7ced6ab17e91f1..2973add0d32435 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -58,7 +58,8 @@ const camelToDashed = camel => {
 };
 
 export const getComponentStoryUrl = component => {
-  const dashedComponent = component.name && camelToDashed(component.component);
+  const camelComponent = component.folder ? component.folder + ' ' + component.component : component.component;
+  const dashedComponent = camelToDashed(camelComponent);
   const dashedStory = component.story ? camelToDashed(component.story) : 'default';
   const url = formatComponentStoryUrl(dashedComponent, dashedStory);
   return url;

From 6a49974ea52c5623e5b41a104e23dba644241fe6 Mon Sep 17 00:00:00 2001
From: Jan Zdrahal <janz@microsoft.com>
Date: Wed, 18 Sep 2024 18:08:09 +0200
Subject: [PATCH 041/111] Adding questionnaire to Selector | Removed duplicate
 Selector page | Switched to using mdx stories to keep design as per the rest
 of the portal | Alligned Styling to be consistent with portal and cople of
 design changes

---
 .../ComponentSelector.stories.mdx             |  11 --
 .../ComponentSelector/Selector.stories.tsx    | 103 ++++++++++++++++--
 .../components-definitions/Questions.json     |   8 ++
 .../ComponentSelector/index.stories.mdx       |  11 ++
 .../ComponentSelector/index.stories.tsx       |   5 -
 .../src/Theme/colors/index.stories.mdx        |   1 +
 6 files changed, 116 insertions(+), 23 deletions(-)
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/index.stories.mdx
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx b/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
deleted file mode 100644
index 30611fca2bb149..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/ComponentSelector.stories.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-import { FullscreenLink } from './utils';
-export const parentPath = 'concepts-developer-tools-stories';
-
-<Meta title="Concepts/Developer/Tools/Stories/Component Selector" />
-
-# Component Selector
-
-Component Selector is a tool for developrs and designers which aims to ease the descision process when choosing the right Fluent UI v9 component.
-
-<FullscreenLink content="Start Component Selector" parent={parentPath} story="selector" />
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index ada325c30393ea..bc3ba35de4892b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -15,10 +15,13 @@ import {
   makeStyles,
   tokens,
   Image,
+  Button,
+  Field,
+  Select,
+  useId,
 } from '@fluentui/react-components';
-
-import { Scenario, removeFromArray, getComponentStoryUrl } from './utils';
-
+import { removeFromArray, getComponentStoryUrl } from './utils';
+import questions from './components-definitions/Questions.json';
 import {
   ListBaseDef,
   AccordionDef,
@@ -81,6 +84,38 @@ const useStyles = makeStyles({
     alignItems: 'center',
     gap: '10px',
   },
+  questionsWrapper: {
+    padding: '20px',
+    margin: '20px 0',
+    backgroundColor: 'white',
+    borderRadius: '16px',
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
+  },
+  questionsLabel: {
+    color: '#ff00ff',
+    fontWeight: tokens.fontWeightBold,
+    marginRight: '8px',
+  },
+  questionsText: {
+    fontWeight: tokens.fontWeightBold,
+    fontSize: tokens.fontSizeBase400,
+  },
+  questionContainer: {
+    display: 'flex',
+  },
+  questionLeftSide: {
+    'flex-basis': '10%',
+  },
+  questionRightSide: {
+    borderLeft: '1px solid #ff00ff',
+    'flex-basis': '90%',
+    'flex-shrink': 0,
+    padding: '0 10px',
+  },
+  radioItem: {
+    display: 'flex',
+  },
 });
 
 export const Selector = () => {
@@ -115,6 +150,8 @@ export const Selector = () => {
 
   const selectedDecisions = React.useRef<string[]>([]);
 
+  const [selectedQuestion, setSelectedQuestion] = React.useState('');
+
   const getDecisionCategory = React.useCallback(
     (name: string) => {
       for (let category in decisionState) {
@@ -265,7 +302,8 @@ export const Selector = () => {
 
   // Handle selectedOptions both when an option is selected or deselected in the Combobox,
   // and when an option is removed by clicking on a tag
-  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+  // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
 
   const getImage = tagName => {
@@ -361,9 +399,59 @@ export const Selector = () => {
     </>
   ));
 
+  const QuestionSelect = () => {
+    const selectId = useId();
+
+    return (
+      <>
+        <label htmlFor={selectId}></label>
+        <Select defaultValue={questions[0].selectText} id={selectId}>
+          {questions.map(item => (
+            <option>{item.selectText}</option>
+          ))}
+        </Select>
+      </>
+    );
+  };
+
+  const Questionnaire = () => {
+    return (
+      <>
+        <QuestionSelect />
+        <QuestionRadioGroup />
+      </>
+    );
+  };
+
+  const QuestionRadioGroup = () => {
+    const [value, setValue] = React.useState('');
+    return (
+      <>
+        {questions.map(item => (
+          <div className={classes.questionsWrapper}>
+            <Field className={classes.questionsField}>
+              <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
+                <div className={classes.questionContainer}>
+                  <div className={classes.questionLeftSide}>
+                    <span className={classes.questionsLabel}>{item.shortSelectText}</span>
+                  </div>
+                  <div className={classes.questionRightSide}>
+                    <span className={classes.questionsText}>{item.question}</span>
+                    {item.answers.map(item => (
+                      <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
+                    ))}
+                  </div>
+                </div>
+              </RadioGroup>
+            </Field>
+          </div>
+        ))}
+      </>
+    );
+  };
+
   return (
-    <Scenario pageTitle="Component Selector">
-      <h1>Component Selector</h1>
+    <>
       <h2>Choose component</h2>
       <Accordion multiple>
         <AccordionItem value="1">
@@ -385,6 +473,7 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
       </Accordion>
+      <Questionnaire />
       ----------- old accordion will be removed----------------
       <Accordion multiple defaultOpenItems="uiBehavior">
         <AccordionItem value="uiBehavior">
@@ -578,6 +667,6 @@ export const Selector = () => {
           );
         })}
       </div>
-    </Scenario>
+    </>
   );
 };
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
index ccefeb5fd737c0..e000f26c9cf854 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -2,6 +2,8 @@
   {
     "id": "hasMoreActions",
     "question": "Does component have more actions?",
+    "selectText": "Question 1",
+    "shortSelectText": "Q1:",
     "answers": [
       {
         "value": "moreActions",
@@ -16,6 +18,8 @@
   {
     "id": "doesNavigateToPage",
     "question": "Does component navigate to new page?",
+    "selectText": "Question 2",
+    "shortSelectText": "Q2:",
     "answers": [
       {
         "value": "navigatesToPage",
@@ -30,6 +34,8 @@
   {
     "id": "isYesOrNo",
     "question": "Is toggle or choice possible between yes or no?",
+    "selectText": "Question 3",
+    "shortSelectText": "Q3:",
     "answers": [
       {
         "value": "yesOrNo",
@@ -44,6 +50,8 @@
   {
     "id": "isInsideMenu",
     "question": "Is component inside menu?",
+    "selectText": "Question 4",
+    "shortSelectText": "Q4:",
     "answers": [
       {
         "value": "insideMenu",
diff --git a/packages/react-components/react-components/stories/ComponentSelector/index.stories.mdx b/packages/react-components/react-components/stories/ComponentSelector/index.stories.mdx
new file mode 100644
index 00000000000000..0460d72d7ba895
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/index.stories.mdx
@@ -0,0 +1,11 @@
+import { Meta, Canvas } from '@storybook/addon-docs';
+import { Selector } from './Selector.stories';
+export const parentPath = 'concepts-developer-tools-stories';
+
+<Meta title="Concepts/Developer/Tools/Stories/Component Selector" />
+
+<h1 class="sbdocs-title"> Component Selector </h1>
+
+<Canvas withSource="none">
+  <Selector />
+</Canvas>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx
deleted file mode 100644
index 0763f07a6cb88a..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/index.stories.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-export { Selector } from './Selector.stories';
-
-export default {
-  title: 'Concepts/Developer/Tools/Stories',
-};
diff --git a/packages/react-components/react-theme/stories/src/Theme/colors/index.stories.mdx b/packages/react-components/react-theme/stories/src/Theme/colors/index.stories.mdx
index d907080c5547dc..2ccd92b31232f7 100644
--- a/packages/react-components/react-theme/stories/src/Theme/colors/index.stories.mdx
+++ b/packages/react-components/react-theme/stories/src/Theme/colors/index.stories.mdx
@@ -6,5 +6,6 @@ import { Colors } from './ThemeColors.stories.tsx';
 <h1 class="sbdocs-title"> Colors </h1>
 
 <Canvas withSource="none">
+  <span>test</span>
   <Colors />
 </Canvas>

From a5f18f31d5d8d2f4a00fade1298966ba06f3dab8 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 18:43:48 +0200
Subject: [PATCH 042/111] removing according, behaviour section started

---
 .../ComponentSelector/Selector.stories.tsx    | 291 ++++++++----------
 1 file changed, 128 insertions(+), 163 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index bc3ba35de4892b..df5f24bbd6f943 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -255,6 +255,9 @@ export const Selector = () => {
   //   return suitableComponents;
   // }, [selectedDecisions]);
 
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+
   const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
     const category = getDecisionCategory(name) as string;
     decisionState[category][name] = value;
@@ -298,14 +301,21 @@ export const Selector = () => {
     }
   };
 
+  const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
+    if (checked) {
+      setSelectedBehaviours([...selectedBehaviours, name]);
+    } else {
+      setSelectedBehaviours(selectedBehaviours.filter(behavior => behavior !== behavior));
+    }
+    console.log(`NEW: selectedBehaviours: ${selectedBehaviours}`);
+  };
+
   const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
 
   // Handle selectedOptions both when an option is selected or deselected in the Combobox,
   // and when an option is removed by clicking on a tag
   // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
 
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
-
   const getImage = tagName => {
     try {
       return require(`../ComponentSelector/components-images/${tagName}.png`);
@@ -319,6 +329,7 @@ export const Selector = () => {
   };
 
   const getComponent = () => {
+    console.log(`--------- get component called`);
     const suitableComponents: any[] = [];
 
     if (selectedComponents && selectedComponents.length > 0) {
@@ -333,21 +344,21 @@ export const Selector = () => {
     // console.log(`selectedComponents: ${selectedComponents}`);
     // console.log(`suitableComponents: ${suitableComponents}`);
 
-    if (selectedDecisions.current.length > 0) {
+    if (selectedBehaviours.length > 0) {
       const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
       // componentsDefinitions.current.forEach(definition => {
       componentsToIterate.forEach(definition => {
         const keysInDefinitions = Object.keys(definition);
 
         const matching = [];
-        selectedDecisions.current.forEach(decision => {
+        selectedBehaviours.forEach(decision => {
           definition.attributes.includes(decision) ? matching.push('matched') : null;
           // if (keysInDefinitions.indexOf(decision) >= 0) {
           //   matching.push('matched');
           // }
         });
 
-        if (selectedDecisions.current.length === matching.length) {
+        if (selectedBehaviours.length === matching.length) {
           console.log('fully matched');
           // if suitableComponents does not include definition, push it
           suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
@@ -474,170 +485,124 @@ export const Selector = () => {
         </AccordionItem>
       </Accordion>
       <Questionnaire />
-      ----------- old accordion will be removed----------------
-      <Accordion multiple defaultOpenItems="uiBehavior">
-        <AccordionItem value="uiBehavior">
-          <AccordionHeader as="h3">How the desired UI behaves?</AccordionHeader>
-          <AccordionPanel>
-            <Label id="interactivity"> Interactivity </Label>
-            <RadioGroup
-              value={decisionState.uiBehavior.interaction as string}
+      ----------- behaviours----------------
+      <Checkbox
+        label="Interactive"
+        onChange={(event, data) => {
+          updateDecisionsForCheckbox('interactive', data.checked);
+        }}
+      />
+      <Checkbox
+        label="Static"
+        onChange={(event, data) => {
+          updateDecisionsForCheckbox('static', data.checked);
+        }}
+      />
+      <div className={classes.thirdLevel}>
+        <div>
+          <Text id="chooseFromActions-label" weight="semibold">
+            Choose from actions:{' '}
+          </Text>
+          <div role="group" aria-labelledby="chooseFromActions-label">
+            <Checkbox
+              label="Navigate to page"
               onChange={(event, data) => {
-                updateDecisions('interaction', data.value);
+                updateDecisionsForCheckbox('navigatesToPage', data.checked);
               }}
-              aria-labelledby="interactivity"
-            >
-              <Radio value="interactive" label="Is interactive?" />
-              <Radio value="static" label="Is static?" />
-            </RadioGroup>
-            {/* START interactive section */}
-            {decisionState.uiBehavior.interaction === 'interactive' && (
-              <>
-                {/* <Label className={classes.secondLevel} id="Composition">
-                  Composition
-                </Label>
-                <RadioGroup
-                  className={classes.secondLevel}
-                  value={decisionState.composition as string}
-                  onChange={(event, data) => {
-                    updateDecisions('composition', data.value);
-                  }}
-                  aria-labelledby="Composition"
-                >
-                  <Radio value="single" label="Single element" />
-                  <Radio value="group" label="Group of elements" />
-                </RadioGroup> */}
-
-                {/* {decisionState.composition === 'single' && ( */}
-                <div className={classes.thirdLevel}>
-                  <div>
-                    <Text id="chooseFromActions-label" weight="semibold">
-                      Choose from actions:{' '}
-                    </Text>
-                    <div role="group" aria-labelledby="chooseFromActions-label">
-                      <Checkbox
-                        label="Navigate to page on activation?"
-                        onChange={(event, data) => {
-                          updateDecisions('navigableToPage', data.checked);
-                        }}
-                      />
-                      <Checkbox
-                        label="Can be toggled?"
-                        onChange={(event, data) => {
-                          updateDecisions('toggle', data.checked);
-                        }}
-                      />
-                      <Checkbox
-                        label="Has multiple actions?"
-                        onChange={(event, data) => {
-                          updateDecisions('multipleActions', data.checked);
-                        }}
-                      />
-                      <Checkbox
-                        label="Opens menu?"
-                        onChange={(event, data) => {
-                          updateDecisions('opensMenu', data.checked);
-                        }}
-                      />
-                    </div>
-                  </div>
-                  <div>
-                    <Text id="chooseFromAppearance-label" weight="semibold">
-                      Choose from appearance:{' '}
-                    </Text>
-                    <div role="group" aria-labelledby="chooseFromAppearance-label">
-                      <Checkbox
-                        label="Single column"
-                        onChange={(event, data) => {
-                          updateDecisions('singleColumn', data.checked);
-                        }}
-                      />
-                      <Checkbox
-                        label="Columns and rows"
-                        onChange={(event, data) => {
-                          updateDecisions('columnsAndRows', data.checked);
-                        }}
-                      />
-                      <Checkbox
-                        label="Hierarchical"
-                        onChange={(event, data) => {
-                          updateDecisions('hierarchical', data.checked);
-                        }}
-                      />
-                    </div>
-                  </div>
-                </div>
-                {/* )} */}
-              </>
-            )}
-            {/* END interactive section */}
-            {decisionState.uiBehavior.interaction === 'static' && (
-              <div className={classes.thirdLevel}>
-                <Text id="chooseFromAppearance-label" weight="semibold">
-                  Choose from appearance:{' '}
-                </Text>
-                <div role="group" aria-labelledby="chooseFromAppearance-label">
-                  <Checkbox
-                    label="Single column"
-                    onChange={(event, data) => {
-                      updateDecisions('singleColumn', data.checked);
-                    }}
-                  />
-                  <Checkbox
-                    label="Columns and rows"
-                    onChange={(event, data) => {
-                      updateDecisions('columnsAndRows', data.checked);
-                    }}
-                  />
-                  <Checkbox
-                    label="Text/Heading"
-                    onChange={(event, data) => {
-                      updateDecisions('textOrHeading', data.checked);
-                    }}
-                  />
-                </div>
-              </div>
-            )}
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="keyboardNavigation">
-          <AccordionHeader as="h3">What do you expect from keyboard navigation?</AccordionHeader>
-          <AccordionPanel>
-            {decisionState.uiBehavior.interaction === 'interactive' ? (
-              <>
-                <Label id="navigationBy">Navigation by</Label>
-                <RadioGroup
-                  value={decisionState.keyboardNavigation.navigationBy as string}
-                  onChange={(event, data) => {
-                    updateDecisions('navigationBy', data.value);
-                  }}
-                  aria-labelledby="navigationBy"
-                >
-                  <Radio value="navigationByArrowKeys" label="Arrow keys" />
-                  <Radio value="navigationByTabKey" label="Tab key" />
-                  <Radio value="notSpecified" label="Not specified" />
-                </RadioGroup>
-              </>
-            ) : (
-              <Text weight="semibold" className={classes.thirdLevel}>
-                Keybord navigation is available only in interactive mode.
-              </Text>
-            )}
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="screenReader">
-          <AccordionHeader as="h3">What do you expect from screen reader behavior?</AccordionHeader>
-          <AccordionPanel>
+            />
             <Checkbox
-              className={classes.thirdLevel}
-              label="Screen reader narrates position"
+              label="Can be toggled?"
               onChange={(event, data) => {
-                updateDecisions('narratesPosition', data.checked);
+                updateDecisions('toggle', data.checked);
               }}
             />
-          </AccordionPanel>
-        </AccordionItem>
-      </Accordion>
+            <Checkbox
+              label="Has multiple actions?"
+              onChange={(event, data) => {
+                updateDecisions('multipleActions', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Opens menu?"
+              onChange={(event, data) => {
+                updateDecisions('opensMenu', data.checked);
+              }}
+            />
+          </div>
+        </div>
+        <div>
+          <Text id="chooseFromAppearance-label" weight="semibold">
+            Choose from appearance:{' '}
+          </Text>
+          <div role="group" aria-labelledby="chooseFromAppearance-label">
+            <Checkbox
+              label="Single column"
+              onChange={(event, data) => {
+                updateDecisions('singleColumn', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Columns and rows"
+              onChange={(event, data) => {
+                updateDecisions('columnsAndRows', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Hierarchical"
+              onChange={(event, data) => {
+                updateDecisions('hierarchical', data.checked);
+              }}
+            />
+          </div>
+        </div>
+      </div>
+      <div className={classes.thirdLevel}>
+        <Text id="chooseFromAppearance-label" weight="semibold">
+          Choose from appearance:{' '}
+        </Text>
+        <div role="group" aria-labelledby="chooseFromAppearance-label">
+          <Checkbox
+            label="Single column"
+            onChange={(event, data) => {
+              updateDecisions('singleColumn', data.checked);
+            }}
+          />
+          <Checkbox
+            label="Columns and rows"
+            onChange={(event, data) => {
+              updateDecisions('columnsAndRows', data.checked);
+            }}
+          />
+          <Checkbox
+            label="Text/Heading"
+            onChange={(event, data) => {
+              updateDecisions('textOrHeading', data.checked);
+            }}
+          />
+        </div>
+      </div>
+      <>
+        <Label id="navigationBy">Navigation by</Label>
+        <RadioGroup
+          value={decisionState.keyboardNavigation.navigationBy as string}
+          onChange={(event, data) => {
+            updateDecisions('navigationBy', data.value);
+          }}
+          aria-labelledby="navigationBy"
+        >
+          <Radio value="navigationByArrowKeys" label="Arrow keys" />
+          <Radio value="navigationByTabKey" label="Tab key" />
+          <Radio value="notSpecified" label="Not specified" />
+        </RadioGroup>
+      </>
+      <Checkbox
+        className={classes.thirdLevel}
+        label="Screen reader narrates position"
+        onChange={(event, data) => {
+          updateDecisions('narratesPosition', data.checked);
+        }}
+      />
+      ----------- behaviours----------------
       {/* nova komponenta na resutls: Found components */}
       <h2 id="matching-heading">Matching components</h2>
       <div role="group" aria-labelledby="matching-heading">

From fff8928d9a4cde6cd84d12181e0ad9f7360b364c Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Wed, 18 Sep 2024 20:51:21 +0200
Subject: [PATCH 043/111] adding behaviours toggle buttons

---
 .../ComponentSelector/Selector.stories.tsx    | 74 ++++++++++++++-----
 .../stories/ComponentSelector/utils.tsx       |  1 -
 2 files changed, 57 insertions(+), 18 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index df5f24bbd6f943..edab7e5c943c46 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -15,7 +15,7 @@ import {
   makeStyles,
   tokens,
   Image,
-  Button,
+  ToggleButton,
   Field,
   Select,
   useId,
@@ -47,6 +47,7 @@ import {
   TreeBaseDef,
   MenuButtonDef,
   TabListDef,
+  Button,
 } from './components-definitions/index';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -116,6 +117,7 @@ const useStyles = makeStyles({
   radioItem: {
     display: 'flex',
   },
+  behaviors: { display: 'flex', gap: '10px' },
 });
 
 export const Selector = () => {
@@ -148,9 +150,14 @@ export const Selector = () => {
     },
   });
 
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const selectedDecisions = React.useRef<string[]>([]);
-
   const [selectedQuestion, setSelectedQuestion] = React.useState('');
+  const [behavior1, setBehavior1] = React.useState(false);
+  const [behavior2, setBehavior2] = React.useState(false);
+  const [behavior3, setBehavior3] = React.useState(false);
+  const [behavior4, setBehavior4] = React.useState(false);
 
   const getDecisionCategory = React.useCallback(
     (name: string) => {
@@ -255,9 +262,6 @@ export const Selector = () => {
   //   return suitableComponents;
   // }, [selectedDecisions]);
 
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
-  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-
   const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
     const category = getDecisionCategory(name) as string;
     decisionState[category][name] = value;
@@ -305,9 +309,9 @@ export const Selector = () => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
-      setSelectedBehaviours(selectedBehaviours.filter(behavior => behavior !== behavior));
+      const array = selectedBehaviours.filter(behavior => behavior !== name);
+      setSelectedBehaviours(array);
     }
-    console.log(`NEW: selectedBehaviours: ${selectedBehaviours}`);
   };
 
   const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
@@ -341,10 +345,10 @@ export const Selector = () => {
         }
       });
     }
-    // console.log(`selectedComponents: ${selectedComponents}`);
-    // console.log(`suitableComponents: ${suitableComponents}`);
 
+    console.log(`IF GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
     if (selectedBehaviours.length > 0) {
+      console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
       const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
       // componentsDefinitions.current.forEach(definition => {
       componentsToIterate.forEach(definition => {
@@ -486,18 +490,54 @@ export const Selector = () => {
       </Accordion>
       <Questionnaire />
       ----------- behaviours----------------
-      <Checkbox
+      {/* <Checkbox
         label="Interactive"
         onChange={(event, data) => {
           updateDecisionsForCheckbox('interactive', data.checked);
         }}
-      />
-      <Checkbox
-        label="Static"
-        onChange={(event, data) => {
-          updateDecisionsForCheckbox('static', data.checked);
-        }}
-      />
+      /> */}
+      <div className={classes.behaviors}>
+        <ToggleButton
+          checked={behavior1}
+          shape="circular"
+          onClick={() => {
+            setBehavior1(!behavior1);
+            updateDecisionsForCheckbox('interactive', !behavior1);
+          }}
+        >
+          interactive
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior2}
+          shape="circular"
+          onClick={() => {
+            setBehavior2(!behavior2);
+            updateDecisionsForCheckbox('static', !behavior2);
+          }}
+        >
+          static
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior3}
+          shape="circular"
+          onClick={() => {
+            setBehavior3(!behavior3);
+            updateDecisionsForCheckbox('selectable', !behavior3);
+          }}
+        >
+          selectable
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior4}
+          shape="circular"
+          onClick={() => {
+            setBehavior4(!behavior4);
+            updateDecisionsForCheckbox('toggle', !behavior4);
+          }}
+        >
+          toggle
+        </ToggleButton>
+      </div>
       <div className={classes.thirdLevel}>
         <div>
           <Text id="chooseFromActions-label" weight="semibold">
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 2973add0d32435..5d7d9131150644 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -52,7 +52,6 @@ export const removeFromArray = (array: string[], item: string) => {
 };
 
 const camelToDashed = camel => {
-  console.log('Milan: camel', camel);
   const dashed = camel.toLowerCase().replace(/\ |\:/g, '-');
   return dashed;
 };

From d3b766a59bcf7b5e5eef21526af54075b0056c3b Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Thu, 19 Sep 2024 09:57:36 +0200
Subject: [PATCH 044/111] removing radio and adding toggle buttons

---
 .../ComponentSelector/Selector.stories.tsx    | 158 ++--
 .../backup_selector.stories.tsx               | 677 ++++++++++++++++++
 2 files changed, 725 insertions(+), 110 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index edab7e5c943c46..c916585fbf1dbb 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -158,6 +158,10 @@ export const Selector = () => {
   const [behavior2, setBehavior2] = React.useState(false);
   const [behavior3, setBehavior3] = React.useState(false);
   const [behavior4, setBehavior4] = React.useState(false);
+  const [behavior5, setBehavior5] = React.useState(false);
+  const [behavior6, setBehavior6] = React.useState(false);
+  const [behavior7, setBehavior7] = React.useState(false);
+  const [behavior8, setBehavior8] = React.useState(false);
 
   const getDecisionCategory = React.useCallback(
     (name: string) => {
@@ -489,13 +493,7 @@ export const Selector = () => {
         </AccordionItem>
       </Accordion>
       <Questionnaire />
-      ----------- behaviours----------------
-      {/* <Checkbox
-        label="Interactive"
-        onChange={(event, data) => {
-          updateDecisionsForCheckbox('interactive', data.checked);
-        }}
-      /> */}
+      <h2>Choose behavior</h2>
       <div className={classes.behaviors}>
         <ToggleButton
           checked={behavior1}
@@ -537,112 +535,52 @@ export const Selector = () => {
         >
           toggle
         </ToggleButton>
-      </div>
-      <div className={classes.thirdLevel}>
-        <div>
-          <Text id="chooseFromActions-label" weight="semibold">
-            Choose from actions:{' '}
-          </Text>
-          <div role="group" aria-labelledby="chooseFromActions-label">
-            <Checkbox
-              label="Navigate to page"
-              onChange={(event, data) => {
-                updateDecisionsForCheckbox('navigatesToPage', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Can be toggled?"
-              onChange={(event, data) => {
-                updateDecisions('toggle', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Has multiple actions?"
-              onChange={(event, data) => {
-                updateDecisions('multipleActions', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Opens menu?"
-              onChange={(event, data) => {
-                updateDecisions('opensMenu', data.checked);
-              }}
-            />
-          </div>
-        </div>
-        <div>
-          <Text id="chooseFromAppearance-label" weight="semibold">
-            Choose from appearance:{' '}
-          </Text>
-          <div role="group" aria-labelledby="chooseFromAppearance-label">
-            <Checkbox
-              label="Single column"
-              onChange={(event, data) => {
-                updateDecisions('singleColumn', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Columns and rows"
-              onChange={(event, data) => {
-                updateDecisions('columnsAndRows', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Hierarchical"
-              onChange={(event, data) => {
-                updateDecisions('hierarchical', data.checked);
-              }}
-            />
-          </div>
-        </div>
-      </div>
-      <div className={classes.thirdLevel}>
-        <Text id="chooseFromAppearance-label" weight="semibold">
-          Choose from appearance:{' '}
-        </Text>
-        <div role="group" aria-labelledby="chooseFromAppearance-label">
-          <Checkbox
-            label="Single column"
-            onChange={(event, data) => {
-              updateDecisions('singleColumn', data.checked);
-            }}
-          />
-          <Checkbox
-            label="Columns and rows"
-            onChange={(event, data) => {
-              updateDecisions('columnsAndRows', data.checked);
-            }}
-          />
-          <Checkbox
-            label="Text/Heading"
-            onChange={(event, data) => {
-              updateDecisions('textOrHeading', data.checked);
-            }}
-          />
-        </div>
-      </div>
-      <>
-        <Label id="navigationBy">Navigation by</Label>
-        <RadioGroup
-          value={decisionState.keyboardNavigation.navigationBy as string}
-          onChange={(event, data) => {
-            updateDecisions('navigationBy', data.value);
+        <ToggleButton
+          checked={behavior5}
+          shape="circular"
+          onClick={() => {
+            setBehavior5(!behavior5);
+            updateDecisionsForCheckbox('multipleActions', !behavior5);
           }}
-          aria-labelledby="navigationBy"
         >
-          <Radio value="navigationByArrowKeys" label="Arrow keys" />
-          <Radio value="navigationByTabKey" label="Tab key" />
-          <Radio value="notSpecified" label="Not specified" />
-        </RadioGroup>
-      </>
-      <Checkbox
-        className={classes.thirdLevel}
-        label="Screen reader narrates position"
-        onChange={(event, data) => {
-          updateDecisions('narratesPosition', data.checked);
+          multiple actions
+        </ToggleButton>
+      </div>
+
+      <h2>Choose keyboard and screen reader experience</h2>
+      <ToggleButton
+        checked={behavior6}
+        shape="circular"
+        onClick={() => {
+          setBehavior6(!behavior6);
+          updateDecisionsForCheckbox('navigationByArrowKeys', !behavior6);
+        }}
+      >
+        arrow keys
+      </ToggleButton>
+
+      <ToggleButton
+        checked={behavior7}
+        shape="circular"
+        onClick={() => {
+          setBehavior7(!behavior7);
+          updateDecisionsForCheckbox('navigationByTabKey', !behavior7);
         }}
-      />
-      ----------- behaviours----------------
+      >
+        Tab key
+      </ToggleButton>
+
+      <ToggleButton
+        checked={behavior8}
+        shape="circular"
+        onClick={() => {
+          setBehavior8(!behavior8);
+          updateDecisionsForCheckbox('narratesPosition', !behavior8);
+        }}
+      >
+        screen reader narrates position
+      </ToggleButton>
+
       {/* nova komponenta na resutls: Found components */}
       <h2 id="matching-heading">Matching components</h2>
       <div role="group" aria-labelledby="matching-heading">
diff --git a/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx
new file mode 100644
index 00000000000000..edab7e5c943c46
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx
@@ -0,0 +1,677 @@
+import * as React from 'react';
+
+import {
+  Accordion,
+  AccordionHeader,
+  AccordionItem,
+  AccordionPanel,
+  Link,
+  Text,
+  Divider,
+  Checkbox,
+  RadioGroup,
+  Radio,
+  Label,
+  makeStyles,
+  tokens,
+  Image,
+  ToggleButton,
+  Field,
+  Select,
+  useId,
+} from '@fluentui/react-components';
+import { removeFromArray, getComponentStoryUrl } from './utils';
+import questions from './components-definitions/Questions.json';
+import {
+  ListBaseDef,
+  AccordionDef,
+  CheckboxDef,
+  TableCellNavigationDef,
+  TableBaseDef,
+  TableCellActionsDef,
+  MenuBaseDef,
+  MenuItemCheckboxDef,
+  MenuDef,
+  MenuItemRadioDef,
+  MenuSubmenuDef,
+  SplitButtonDef,
+  ToggleButtonDef,
+  ButtonBaseDef,
+  LinkDef,
+  TextDef,
+  TableDef,
+  ListDef,
+  ListSingleActionDef,
+  TreeDef,
+  TreeSelectionDef,
+  TreeBaseDef,
+  MenuButtonDef,
+  TabListDef,
+  Button,
+} from './components-definitions/index';
+
+const decisionRadioValues: Record<string, string[]> = {
+  navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
+  interaction: ['interactive', 'static'],
+};
+
+const useStyles = makeStyles({
+  secondLevel: { 'margin-left': '30px' },
+  thirdLevel: { 'margin-left': '60px' },
+  forthLevel: { 'margin-left': '90px' },
+  foundMessage: { 'margin-bottom': '10px' },
+  root: {
+    // Stack the label above the field with a gap
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: '2px',
+    maxWidth: '1600px',
+  },
+  tagsList: {
+    listStyleType: 'none',
+    marginBottom: tokens.spacingVerticalXXS,
+    marginTop: 0,
+    paddingLeft: 0,
+    display: 'flex',
+    gridGap: tokens.spacingHorizontalXXS,
+  },
+  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
+  componentWrapper: {
+    margin: '10px',
+    padding: '10px',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
+  },
+  questionsWrapper: {
+    padding: '20px',
+    margin: '20px 0',
+    backgroundColor: 'white',
+    borderRadius: '16px',
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
+  },
+  questionsLabel: {
+    color: '#ff00ff',
+    fontWeight: tokens.fontWeightBold,
+    marginRight: '8px',
+  },
+  questionsText: {
+    fontWeight: tokens.fontWeightBold,
+    fontSize: tokens.fontSizeBase400,
+  },
+  questionContainer: {
+    display: 'flex',
+  },
+  questionLeftSide: {
+    'flex-basis': '10%',
+  },
+  questionRightSide: {
+    borderLeft: '1px solid #ff00ff',
+    'flex-basis': '90%',
+    'flex-shrink': 0,
+    padding: '0 10px',
+  },
+  radioItem: {
+    display: 'flex',
+  },
+  behaviors: { display: 'flex', gap: '10px' },
+});
+
+export const Selector = () => {
+  const classes = useStyles();
+
+  const [decisionState, setDecisionState] = React.useState<
+    Record<string, Record<string, boolean | string | undefined>>
+  >({
+    uiBehavior: {
+      interaction: undefined,
+      // composition: undefined,
+      toggle: false,
+      navigableToPage: false,
+      columnsAndRows: false,
+      singleColumn: false,
+      hierarchical: false,
+      opensMenu: false,
+      multipleActions: false,
+      textOrHeading: false,
+    },
+
+    keyboardNavigation: {
+      navigationBy: 'notSpecified',
+      innerNavigationAfterEnter: false,
+      nestedNavigation: false,
+    },
+
+    screenReader: {
+      narratesPosition: false,
+    },
+  });
+
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+  const selectedDecisions = React.useRef<string[]>([]);
+  const [selectedQuestion, setSelectedQuestion] = React.useState('');
+  const [behavior1, setBehavior1] = React.useState(false);
+  const [behavior2, setBehavior2] = React.useState(false);
+  const [behavior3, setBehavior3] = React.useState(false);
+  const [behavior4, setBehavior4] = React.useState(false);
+
+  const getDecisionCategory = React.useCallback(
+    (name: string) => {
+      for (let category in decisionState) {
+        for (let item in decisionState[category]) {
+          if (item === name) {
+            return category;
+          }
+        }
+      }
+      return undefined;
+    },
+    [decisionState],
+  );
+
+  const mergeBaseObjects = () => {
+    componentsDefinitions.current.forEach(definition => {
+      for (const key in definition) {
+        if (key === 'extends') {
+          const value = definition[key];
+          // const currentJSONObject = JSON.parse(JSON.stringify(definition));
+          const attributesOfCurrentJSON = definition.attributes;
+          // find definition which is based one
+          const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
+          const attributesOfBaseDefinition = baseDefinition?.attributes;
+
+          // create new object not delete name of base definition for others usage
+          const temporaryObject = JSON.parse(JSON.stringify(baseDefinition));
+          delete temporaryObject.name;
+
+          // merge attributes of current JSON with Base JSON
+          if (attributesOfCurrentJSON) {
+            temporaryObject['attributes'] = [...attributesOfBaseDefinition, ...attributesOfCurrentJSON];
+          }
+          Object.assign(definition, temporaryObject);
+        }
+      }
+    });
+  };
+
+  const cleanUpBaseObjects = () => {
+    componentsDefinitions.current.forEach((definition, index) => {
+      // just check the name if includes "Base",
+      // in future would be better detection based on prop, like: "abstract": "true"
+      if (definition.name.includes('Base')) {
+        componentsDefinitions.current.splice(index, 1);
+      }
+    });
+  };
+
+  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
+  if (componentsDefinitions.current.length === 0) {
+    componentsDefinitions.current.push(
+      ListBaseDef,
+      AccordionDef,
+      CheckboxDef,
+      TableCellNavigationDef,
+      TableBaseDef,
+      TableCellActionsDef,
+      MenuBaseDef,
+      MenuItemCheckboxDef,
+      MenuDef,
+      MenuItemRadioDef,
+      MenuSubmenuDef,
+      SplitButtonDef,
+      ToggleButtonDef,
+      ButtonBaseDef,
+      LinkDef,
+      TextDef,
+      TableDef,
+      ListDef,
+      ListSingleActionDef,
+      TreeDef,
+      TreeSelectionDef,
+      TreeBaseDef,
+      MenuButtonDef,
+      TabListDef,
+    );
+    mergeBaseObjects();
+    cleanUpBaseObjects();
+  }
+
+  //Following useMemo wasn't call when I tick checkbox
+  // const suitableComponents = React.useMemo(() => {
+  //   const suitableComponents: any[] = [];
+
+  //   componentsDefinitions.current.forEach(definition => {
+  //     const keysInDefinitions = Object.keys(definition);
+
+  //     const matching = [];
+  //     selectedDecisions.current.forEach(decision => {
+  //       if (keysInDefinitions.indexOf(decision) >= 0) {
+  //         matching.push('matched');
+  //       }
+  //     });
+
+  //     if (selectedDecisions.current.length === matching.length) {
+  //       console.log('fully matched');
+  //       suitableComponents.push(definition);
+  //     }
+  //   });
+  //   return suitableComponents;
+  // }, [selectedDecisions]);
+
+  const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
+    const category = getDecisionCategory(name) as string;
+    decisionState[category][name] = value;
+    setDecisionState({ ...decisionState });
+
+    // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
+    if (!modifySelectedDecisions) {
+      return;
+    }
+
+    if (value) {
+      // Determine if the option is a radio as opposed to checkbox
+      if (name in decisionRadioValues) {
+        // Clear all the properties in this category
+        for (let nameToRemove in decisionState[category]) {
+          if (nameToRemove in decisionRadioValues) {
+            decisionRadioValues[nameToRemove].forEach(item => {
+              removeFromArray(selectedDecisions.current, item);
+            });
+          } else {
+            removeFromArray(selectedDecisions.current, nameToRemove);
+          }
+        }
+
+        // Remove the props other than the value from selected decisions
+        decisionRadioValues[name].forEach(prop => {
+          if (prop !== value) {
+            removeFromArray(selectedDecisions.current, prop);
+          }
+        });
+
+        // The value is the name of the prop we want to push into selected decisions
+        if (decisionRadioValues[name].includes(value as string)) {
+          selectedDecisions.current.push(value as string);
+        }
+      } else {
+        selectedDecisions.current.push(name);
+      }
+    } else {
+      removeFromArray(selectedDecisions.current, name);
+    }
+  };
+
+  const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
+    if (checked) {
+      setSelectedBehaviours([...selectedBehaviours, name]);
+    } else {
+      const array = selectedBehaviours.filter(behavior => behavior !== name);
+      setSelectedBehaviours(array);
+    }
+  };
+
+  const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
+
+  // Handle selectedOptions both when an option is selected or deselected in the Combobox,
+  // and when an option is removed by clicking on a tag
+  // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+
+  const getImage = tagName => {
+    try {
+      return require(`../ComponentSelector/components-images/${tagName}.png`);
+    } catch (error) {
+      return null;
+    }
+  };
+
+  const getComponentByName = (name: string) => {
+    return componentsDefinitions.current.find(definition => definition.name === name);
+  };
+
+  const getComponent = () => {
+    console.log(`--------- get component called`);
+    const suitableComponents: any[] = [];
+
+    if (selectedComponents && selectedComponents.length > 0) {
+      selectedComponents.forEach(componentName => {
+        const component = getComponentByName(componentName);
+        // console.log(`PUSH component name: ${component.name}`);
+        if (component) {
+          suitableComponents.push(component);
+        }
+      });
+    }
+
+    console.log(`IF GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
+    if (selectedBehaviours.length > 0) {
+      console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
+      const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
+      // componentsDefinitions.current.forEach(definition => {
+      componentsToIterate.forEach(definition => {
+        const keysInDefinitions = Object.keys(definition);
+
+        const matching = [];
+        selectedBehaviours.forEach(decision => {
+          definition.attributes.includes(decision) ? matching.push('matched') : null;
+          // if (keysInDefinitions.indexOf(decision) >= 0) {
+          //   matching.push('matched');
+          // }
+        });
+
+        if (selectedBehaviours.length === matching.length) {
+          console.log('fully matched');
+          // if suitableComponents does not include definition, push it
+          suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
+        } else {
+          // console.log(`suitableComponents: ${suitableComponents}`);
+          // console.log('GOING TO REMOVE');
+          removeFromArray(suitableComponents, definition);
+          // console.log(`suitableComponents: ${suitableComponents}`);
+        }
+      });
+    }
+
+    return suitableComponents;
+  };
+
+  const foundComponents = getComponent();
+
+  const namesOfComponents = () => {
+    const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
+      const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
+      definition['displayName'] = componentName;
+      return definition;
+    });
+    definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
+
+    return definitionsWithDisplayName;
+  };
+
+  const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
+    <>
+      <div data-id="wrapper" className={classes.componentWrapper}>
+        <Image src={getImage(definitionsWithDisplayName.displayName)} height={75} width={75} />
+        <div>
+          <span>{definitionsWithDisplayName.displayName}</span>
+          <Checkbox
+            aria-label={definitionsWithDisplayName.displayName}
+            onChange={(event, data) => {
+              if (data.checked) {
+                setSelectedComponents([...selectedComponents, definitionsWithDisplayName.name]);
+              } else {
+                setSelectedComponents(
+                  selectedComponents.filter(component => component !== definitionsWithDisplayName.name),
+                );
+              }
+            }}
+          />
+        </div>
+      </div>
+    </>
+  ));
+
+  const QuestionSelect = () => {
+    const selectId = useId();
+
+    return (
+      <>
+        <label htmlFor={selectId}></label>
+        <Select defaultValue={questions[0].selectText} id={selectId}>
+          {questions.map(item => (
+            <option>{item.selectText}</option>
+          ))}
+        </Select>
+      </>
+    );
+  };
+
+  const Questionnaire = () => {
+    return (
+      <>
+        <QuestionSelect />
+        <QuestionRadioGroup />
+      </>
+    );
+  };
+
+  const QuestionRadioGroup = () => {
+    const [value, setValue] = React.useState('');
+    return (
+      <>
+        {questions.map(item => (
+          <div className={classes.questionsWrapper}>
+            <Field className={classes.questionsField}>
+              <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
+                <div className={classes.questionContainer}>
+                  <div className={classes.questionLeftSide}>
+                    <span className={classes.questionsLabel}>{item.shortSelectText}</span>
+                  </div>
+                  <div className={classes.questionRightSide}>
+                    <span className={classes.questionsText}>{item.question}</span>
+                    {item.answers.map(item => (
+                      <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
+                    ))}
+                  </div>
+                </div>
+              </RadioGroup>
+            </Field>
+          </div>
+        ))}
+      </>
+    );
+  };
+
+  return (
+    <>
+      <h2>Choose component</h2>
+      <Accordion multiple>
+        <AccordionItem value="1">
+          <AccordionHeader as="h3">Basic Inputs</AccordionHeader>
+          <AccordionPanel>
+            <div className={classes.root}>{componentsToDisplay}</div>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="2">
+          <AccordionHeader as="h3">Commands, Menus & Navs</AccordionHeader>
+          <AccordionPanel>
+            <div>Accordion Panel 2</div>
+          </AccordionPanel>
+        </AccordionItem>
+        <AccordionItem value="3">
+          <AccordionHeader as="h3">Galleries & Pickers</AccordionHeader>
+          <AccordionPanel>
+            <div>Accordion Panel 3</div>
+          </AccordionPanel>
+        </AccordionItem>
+      </Accordion>
+      <Questionnaire />
+      ----------- behaviours----------------
+      {/* <Checkbox
+        label="Interactive"
+        onChange={(event, data) => {
+          updateDecisionsForCheckbox('interactive', data.checked);
+        }}
+      /> */}
+      <div className={classes.behaviors}>
+        <ToggleButton
+          checked={behavior1}
+          shape="circular"
+          onClick={() => {
+            setBehavior1(!behavior1);
+            updateDecisionsForCheckbox('interactive', !behavior1);
+          }}
+        >
+          interactive
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior2}
+          shape="circular"
+          onClick={() => {
+            setBehavior2(!behavior2);
+            updateDecisionsForCheckbox('static', !behavior2);
+          }}
+        >
+          static
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior3}
+          shape="circular"
+          onClick={() => {
+            setBehavior3(!behavior3);
+            updateDecisionsForCheckbox('selectable', !behavior3);
+          }}
+        >
+          selectable
+        </ToggleButton>
+        <ToggleButton
+          checked={behavior4}
+          shape="circular"
+          onClick={() => {
+            setBehavior4(!behavior4);
+            updateDecisionsForCheckbox('toggle', !behavior4);
+          }}
+        >
+          toggle
+        </ToggleButton>
+      </div>
+      <div className={classes.thirdLevel}>
+        <div>
+          <Text id="chooseFromActions-label" weight="semibold">
+            Choose from actions:{' '}
+          </Text>
+          <div role="group" aria-labelledby="chooseFromActions-label">
+            <Checkbox
+              label="Navigate to page"
+              onChange={(event, data) => {
+                updateDecisionsForCheckbox('navigatesToPage', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Can be toggled?"
+              onChange={(event, data) => {
+                updateDecisions('toggle', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Has multiple actions?"
+              onChange={(event, data) => {
+                updateDecisions('multipleActions', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Opens menu?"
+              onChange={(event, data) => {
+                updateDecisions('opensMenu', data.checked);
+              }}
+            />
+          </div>
+        </div>
+        <div>
+          <Text id="chooseFromAppearance-label" weight="semibold">
+            Choose from appearance:{' '}
+          </Text>
+          <div role="group" aria-labelledby="chooseFromAppearance-label">
+            <Checkbox
+              label="Single column"
+              onChange={(event, data) => {
+                updateDecisions('singleColumn', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Columns and rows"
+              onChange={(event, data) => {
+                updateDecisions('columnsAndRows', data.checked);
+              }}
+            />
+            <Checkbox
+              label="Hierarchical"
+              onChange={(event, data) => {
+                updateDecisions('hierarchical', data.checked);
+              }}
+            />
+          </div>
+        </div>
+      </div>
+      <div className={classes.thirdLevel}>
+        <Text id="chooseFromAppearance-label" weight="semibold">
+          Choose from appearance:{' '}
+        </Text>
+        <div role="group" aria-labelledby="chooseFromAppearance-label">
+          <Checkbox
+            label="Single column"
+            onChange={(event, data) => {
+              updateDecisions('singleColumn', data.checked);
+            }}
+          />
+          <Checkbox
+            label="Columns and rows"
+            onChange={(event, data) => {
+              updateDecisions('columnsAndRows', data.checked);
+            }}
+          />
+          <Checkbox
+            label="Text/Heading"
+            onChange={(event, data) => {
+              updateDecisions('textOrHeading', data.checked);
+            }}
+          />
+        </div>
+      </div>
+      <>
+        <Label id="navigationBy">Navigation by</Label>
+        <RadioGroup
+          value={decisionState.keyboardNavigation.navigationBy as string}
+          onChange={(event, data) => {
+            updateDecisions('navigationBy', data.value);
+          }}
+          aria-labelledby="navigationBy"
+        >
+          <Radio value="navigationByArrowKeys" label="Arrow keys" />
+          <Radio value="navigationByTabKey" label="Tab key" />
+          <Radio value="notSpecified" label="Not specified" />
+        </RadioGroup>
+      </>
+      <Checkbox
+        className={classes.thirdLevel}
+        label="Screen reader narrates position"
+        onChange={(event, data) => {
+          updateDecisions('narratesPosition', data.checked);
+        }}
+      />
+      ----------- behaviours----------------
+      {/* nova komponenta na resutls: Found components */}
+      <h2 id="matching-heading">Matching components</h2>
+      <div role="group" aria-labelledby="matching-heading">
+        <div className={classes.foundMessage}>
+          <Text as="h3" weight="bold">
+            Found {foundComponents.length} component(s).{' '}
+          </Text>
+        </div>
+        {foundComponents.map((component, index) => {
+          return (
+            <div key={`component-${index}}`}>
+              <Text weight="semibold">
+                Component name:{' '}
+                <Link target="_blank" inline href={getComponentStoryUrl(component)}>
+                  {component.name}{' '}
+                </Link>
+              </Text>
+              <br />
+              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+              {component.note && (
+                <div>
+                  <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
+                </div>
+              )}
+              <Divider appearance="strong" />
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+};

From 0ef758390ba00353a176455278c632cb492dcf03 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Thu, 19 Sep 2024 10:23:32 +0200
Subject: [PATCH 045/111] fix wrong import

---
 .../stories/ComponentSelector/Selector.stories.tsx             | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index c916585fbf1dbb..8d16e1fb8884bc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -47,7 +47,6 @@ import {
   TreeBaseDef,
   MenuButtonDef,
   TabListDef,
-  Button,
 } from './components-definitions/index';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -540,7 +539,7 @@ export const Selector = () => {
           shape="circular"
           onClick={() => {
             setBehavior5(!behavior5);
-            updateDecisionsForCheckbox('multipleActions', !behavior5);
+            updateDecisionsForCheckbox('moreActions', !behavior5);
           }}
         >
           multiple actions

From ab50b199181e19d43519a4527e33230f7aea3ddb Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 19 Sep 2024 11:50:38 +0200
Subject: [PATCH 046/111] Changes in component def attributes

---
 .../components-definitions/Checkbox.json      |  2 +-
 .../components-definitions/Groups.json        |  2 +-
 .../MenuItemCheckbox.json                     |  2 +-
 .../components-definitions/MenuItemRadio.json |  2 +-
 .../components-definitions/Questions.json     | 24 +++++++++++++++----
 .../components-definitions/ToggleButton.json  |  2 +-
 6 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index 057650ae8bd5df..e01f9b1bde26d7 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -1,5 +1,5 @@
 {
   "name": "Checkbox",
   "component": "Checkbox",
-  "attributes": ["yesOrNo", "notInsideMenu", "navigationByTabKey", "interactive"]
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle", "notInsideMenu", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
index c0c8f97448ea2e..cc57224844aa31 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
@@ -4,7 +4,7 @@
     "questions": ["hasMoreActions", "doesNavigateToPage"]
   },
   {
-    "tags": ["Checkbox", "Radio", "ToggleButton", "MenuItemCheckbox", "MenuItemRadio"],
+    "tags": ["Checkbox", "Radio", "ToggleButton", "Switch", "MenuItemCheckbox", "MenuItemRadio"],
     "questions": ["isYesOrNo", "isInsideMenu"]
   }
 ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
index 19a8fb31bbf2bc..43d67593a3698e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -4,5 +4,5 @@
   "folder": "Menu",
   "story": "Checkbox Items",
   "extends": "MenuBase",
-  "attributes": ["yesOrNo"]
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
index c080cb0a90a176..5815feb99d1af5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -4,5 +4,5 @@
   "folder": "Menu",
   "story": "Radio Items",
   "extends": "MenuBase",
-  "attributes": ["notYesOrNo"]
+  "attributes": ["singleChoice", "notOnOrOff"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
index e000f26c9cf854..0addcf41d32529 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -32,17 +32,33 @@
     ]
   },
   {
-    "id": "isYesOrNo",
-    "question": "Is toggle or choice possible between yes or no?",
+    "id": "canSelectMultipleChoices",
+    "question": "Does provide possibility to select multiple choices?",
     "selectText": "Question 3",
     "shortSelectText": "Q3:",
     "answers": [
       {
-        "value": "yesOrNo",
+        "value": "multipleChoices",
         "text": "Yes"
       },
       {
-        "value": "notYesOrNo",
+        "value": "singleChoice",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "isOnOrOff",
+    "question": "Does select between on/off or enabled/disabled states?",
+    "selectText": "Question 3",
+    "shortSelectText": "Q3:",
+    "answers": [
+      {
+        "value": "onOrOff",
+        "text": "Yes"
+      },
+      {
+        "value": "notOnOrOff",
         "text": "No"
       }
     ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index 5b2781bf239acc..d3d172aaac394c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -3,5 +3,5 @@
   "component": "ToggleButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["singleAction", "yesOrNo"]
+  "attributes": ["singleAction", "multipleChoices", "onOrOff", "toggle"]
 }

From 2e973593c42e0414177bfc24dcdc7a07306777cf Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Thu, 19 Sep 2024 12:24:49 +0200
Subject: [PATCH 047/111] dipslay questions based on the logic

---
 .../ComponentSelector/Selector.stories.tsx    | 126 ++++++++++--------
 .../components-definitions/index.js           |   2 +
 .../stories/ComponentSelector/utils.tsx       |  34 +++++
 3 files changed, 105 insertions(+), 57 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 8d16e1fb8884bc..e97b6ff1ab381b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -20,7 +20,7 @@ import {
   Select,
   useId,
 } from '@fluentui/react-components';
-import { removeFromArray, getComponentStoryUrl } from './utils';
+import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
 import questions from './components-definitions/Questions.json';
 import {
   ListBaseDef,
@@ -47,7 +47,9 @@ import {
   TreeBaseDef,
   MenuButtonDef,
   TabListDef,
+  GroupsDef,
 } from './components-definitions/index';
+import { get } from 'lodash';
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
@@ -59,6 +61,7 @@ const useStyles = makeStyles({
   thirdLevel: { 'margin-left': '60px' },
   forthLevel: { 'margin-left': '90px' },
   foundMessage: { 'margin-bottom': '10px' },
+  heading: { margin: '30px 0 10px 0' },
   root: {
     // Stack the label above the field with a gap
     display: 'flex',
@@ -435,7 +438,7 @@ export const Selector = () => {
   const Questionnaire = () => {
     return (
       <>
-        <QuestionSelect />
+        {/* <QuestionSelect /> */}
         <QuestionRadioGroup />
       </>
     );
@@ -443,27 +446,32 @@ export const Selector = () => {
 
   const QuestionRadioGroup = () => {
     const [value, setValue] = React.useState('');
+
+    const allQuestions = getAllQuestions(selectedComponents, questions);
+
     return (
       <>
-        {questions.map(item => (
-          <div className={classes.questionsWrapper}>
-            <Field className={classes.questionsField}>
-              <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
-                <div className={classes.questionContainer}>
-                  <div className={classes.questionLeftSide}>
-                    <span className={classes.questionsLabel}>{item.shortSelectText}</span>
+        {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
+        {allQuestions.length > 0 &&
+          allQuestions.map(item => (
+            <div className={classes.questionsWrapper}>
+              <Field className={classes.questionsField}>
+                <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
+                  <div className={classes.questionContainer}>
+                    <div className={classes.questionLeftSide}>
+                      <span className={classes.questionsLabel}>{item.shortSelectText}</span>
+                    </div>
+                    <div className={classes.questionRightSide}>
+                      <span className={classes.questionsText}>{item.question}</span>
+                      {item.answers.map(item => (
+                        <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
+                      ))}
+                    </div>
                   </div>
-                  <div className={classes.questionRightSide}>
-                    <span className={classes.questionsText}>{item.question}</span>
-                    {item.answers.map(item => (
-                      <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
-                    ))}
-                  </div>
-                </div>
-              </RadioGroup>
-            </Field>
-          </div>
-        ))}
+                </RadioGroup>
+              </Field>
+            </div>
+          ))}
       </>
     );
   };
@@ -492,7 +500,7 @@ export const Selector = () => {
         </AccordionItem>
       </Accordion>
       <Questionnaire />
-      <h2>Choose behavior</h2>
+      <h2 className={classes.heading}>Choose behavior</h2>
       <div className={classes.behaviors}>
         <ToggleButton
           checked={behavior1}
@@ -514,7 +522,7 @@ export const Selector = () => {
         >
           static
         </ToggleButton>
-        <ToggleButton
+        {/* <ToggleButton
           checked={behavior3}
           shape="circular"
           onClick={() => {
@@ -523,7 +531,7 @@ export const Selector = () => {
           }}
         >
           selectable
-        </ToggleButton>
+        </ToggleButton> */}
         <ToggleButton
           checked={behavior4}
           shape="circular"
@@ -546,42 +554,46 @@ export const Selector = () => {
         </ToggleButton>
       </div>
 
-      <h2>Choose keyboard and screen reader experience</h2>
-      <ToggleButton
-        checked={behavior6}
-        shape="circular"
-        onClick={() => {
-          setBehavior6(!behavior6);
-          updateDecisionsForCheckbox('navigationByArrowKeys', !behavior6);
-        }}
-      >
-        arrow keys
-      </ToggleButton>
-
-      <ToggleButton
-        checked={behavior7}
-        shape="circular"
-        onClick={() => {
-          setBehavior7(!behavior7);
-          updateDecisionsForCheckbox('navigationByTabKey', !behavior7);
-        }}
-      >
-        Tab key
-      </ToggleButton>
-
-      <ToggleButton
-        checked={behavior8}
-        shape="circular"
-        onClick={() => {
-          setBehavior8(!behavior8);
-          updateDecisionsForCheckbox('narratesPosition', !behavior8);
-        }}
-      >
-        screen reader narrates position
-      </ToggleButton>
+      <h2 className={classes.heading}>Choose keyboard and screen reader experience</h2>
+      <div className={classes.behaviors}>
+        <ToggleButton
+          checked={behavior6}
+          shape="circular"
+          onClick={() => {
+            setBehavior6(!behavior6);
+            updateDecisionsForCheckbox('navigationByArrowKeys', !behavior6);
+          }}
+        >
+          arrow keys
+        </ToggleButton>
+
+        <ToggleButton
+          checked={behavior7}
+          shape="circular"
+          onClick={() => {
+            setBehavior7(!behavior7);
+            updateDecisionsForCheckbox('navigationByTabKey', !behavior7);
+          }}
+        >
+          Tab key
+        </ToggleButton>
+
+        <ToggleButton
+          checked={behavior8}
+          shape="circular"
+          onClick={() => {
+            setBehavior8(!behavior8);
+            updateDecisionsForCheckbox('narratesPosition', !behavior8);
+          }}
+        >
+          screen reader narrates position
+        </ToggleButton>
+      </div>
 
       {/* nova komponenta na resutls: Found components */}
-      <h2 id="matching-heading">Matching components</h2>
+      <h2 id="matching-heading" className={classes.heading}>
+        Matching components
+      </h2>
       <div role="group" aria-labelledby="matching-heading">
         <div className={classes.foundMessage}>
           <Text as="h3" weight="bold">
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index cce6b694b93d2d..eac78709e4d534 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -28,3 +28,5 @@ export { default as TreeDef } from './Tree.json';
 export { default as TreeSelectionDef } from './TreeSelection.json';
 
 export { default as TabListDef } from './TabList.json';
+
+export { default as GroupsDef } from './Groups.json';
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 5d7d9131150644..6f74260cf20ab8 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -1,5 +1,7 @@
 import * as React from 'react';
 
+import { GroupsDef } from './components-definitions/index';
+
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';
 const formatComponentStoryUrl = (component, story) =>
@@ -63,3 +65,35 @@ export const getComponentStoryUrl = component => {
   const url = formatComponentStoryUrl(dashedComponent, dashedStory);
   return url;
 };
+
+const getQuestionsIDs = (name: string) => {
+  let questions = [];
+  GroupsDef.forEach(group => {
+    console.log(`group: ${group}`);
+    console.log(`group questions: ${group.questions}`);
+    group.tags.includes(name) ? questions.push(group.questions) : null;
+  });
+  return questions;
+};
+
+export const getAllQuestions = (selectedComponents, questions) => {
+  let allQuestionsIDs = [];
+  selectedComponents.forEach(component => {
+    console.log(`M: selected component: ${component}`);
+    allQuestionsIDs.push(getQuestionsIDs(component));
+  });
+  console.log(`M: all questions IDs: ${allQuestionsIDs}`);
+
+  const allQuestions = allQuestionsIDs.map(questionId =>
+    questions.map(item => {
+      // questionId is array of arrays, to simplyfy the check we flat it
+      const questionIdFlat = questionId.flat();
+      if (questionIdFlat.includes(item.id)) {
+        console.log(`M: item: ${item}`);
+        return item;
+      }
+    }),
+  );
+  const allQuestionsFlat = allQuestions.flat().filter(item => item !== undefined);
+  return allQuestionsFlat;
+};

From fe8ed884b2ee47dc336384b39f02fe4ed9948d5c Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 19 Sep 2024 13:04:28 +0200
Subject: [PATCH 048/111] Add InfoLabel and Tooltip definitions and fixes

---
 .../components-definitions/Groups.json        |  6 +++-
 .../components-definitions/InfoLabel.json     |  5 +++
 .../components-definitions/Questions.json     | 36 +++++++++++++++++--
 .../components-definitions/Tooltip.json       |  5 +++
 4 files changed, 49 insertions(+), 3 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
index cc57224844aa31..b00619782062da 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
@@ -5,6 +5,10 @@
   },
   {
     "tags": ["Checkbox", "Radio", "ToggleButton", "Switch", "MenuItemCheckbox", "MenuItemRadio"],
-    "questions": ["isYesOrNo", "isInsideMenu"]
+    "questions": ["canSelectMultipleChoices", "isOnOrOff", "isInsideMenu"]
+  },
+  {
+    "tags": ["InfoLabel", "Tooltip"],
+    "questions": ["hasInteractiveContent", "doesAppearOnHover"]
   }
 ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
new file mode 100644
index 00000000000000..b7028a6d56c8be
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
@@ -0,0 +1,5 @@
+{
+  "name": "InfoLabel",
+  "component": "InfoLabel",
+  "attributes": ["interactiveContent", "onClick", "navigationByTabKey", "interactive"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
index 0addcf41d32529..52fa326243403c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -33,7 +33,7 @@
   },
   {
     "id": "canSelectMultipleChoices",
-    "question": "Does provide possibility to select multiple choices?",
+    "question": "Does group of component provide possibility to select multiple choices?",
     "selectText": "Question 3",
     "shortSelectText": "Q3:",
     "answers": [
@@ -49,7 +49,7 @@
   },
   {
     "id": "isOnOrOff",
-    "question": "Does select between on/off or enabled/disabled states?",
+    "question": "Does component select between on/off or enabled/disabled states?",
     "selectText": "Question 3",
     "shortSelectText": "Q3:",
     "answers": [
@@ -78,5 +78,37 @@
         "text": "No"
       }
     ]
+  },
+  {
+    "id": "hasInteractiveContent",
+    "question": "Does it contain extensive text or interactive content, e.g., links or buttons?",
+    "selectText": "Question 4",
+    "shortSelectText": "Q4:",
+    "answers": [
+      {
+        "value": "interactiveContent",
+        "text": "Yes"
+      },
+      {
+        "value": "nonInteractiveContent",
+        "text": "No"
+      }
+    ]
+  },
+  {
+    "id": "doesAppearOnHover",
+    "question": "Does it appear on hover/keybord focus rather than on click/keyboard activation?",
+    "selectText": "Question 4",
+    "shortSelectText": "Q4:",
+    "answers": [
+      {
+        "value": "onHover",
+        "text": "Yes"
+      },
+      {
+        "value": "onClick",
+        "text": "No"
+      }
+    ]
   }
 ]
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
new file mode 100644
index 00000000000000..041845add5f408
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
@@ -0,0 +1,5 @@
+{
+  "name": "Tooltip",
+  "component": "Tooltip",
+  "attributes": ["nonInteractiveContent", "onHover", "navigationByTabKey", "interactive"]
+}

From 24f49fe1f27a06ee5a475ce56b1848dce0bbe2e7 Mon Sep 17 00:00:00 2001
From: Jan Zdrahal <janz@microsoft.com>
Date: Thu, 19 Sep 2024 14:26:54 +0200
Subject: [PATCH 049/111] Removed questions annotation from json files,
 generate numbering based on question lenght

---
 .../ComponentSelector/Selector.stories.tsx    | 36 +++++++++----------
 .../components-definitions/Questions.json     | 14 --------
 2 files changed, 18 insertions(+), 32 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index e97b6ff1ab381b..74baf0441ad6e9 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -420,20 +420,20 @@ export const Selector = () => {
     </>
   ));
 
-  const QuestionSelect = () => {
-    const selectId = useId();
-
-    return (
-      <>
-        <label htmlFor={selectId}></label>
-        <Select defaultValue={questions[0].selectText} id={selectId}>
-          {questions.map(item => (
-            <option>{item.selectText}</option>
-          ))}
-        </Select>
-      </>
-    );
-  };
+  // const QuestionSelect = () => {
+  //   const selectId = useId();
+
+  //   return (
+  //     <>
+  //       <label htmlFor={selectId}></label>
+  //       <Select defaultValue={questions[0].selectText} id={selectId}>
+  //         {questions.map(item => (
+  //           <option>{item.selectText}</option>
+  //         ))}
+  //       </Select>
+  //     </>
+  //   );
+  // };
 
   const Questionnaire = () => {
     return (
@@ -445,7 +445,7 @@ export const Selector = () => {
   };
 
   const QuestionRadioGroup = () => {
-    const [value, setValue] = React.useState('');
+    // const [value, setValue] = React.useState('');
 
     const allQuestions = getAllQuestions(selectedComponents, questions);
 
@@ -453,13 +453,13 @@ export const Selector = () => {
       <>
         {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
         {allQuestions.length > 0 &&
-          allQuestions.map(item => (
+          allQuestions.map((item, index) => (
             <div className={classes.questionsWrapper}>
               <Field className={classes.questionsField}>
-                <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
+                <RadioGroup>
                   <div className={classes.questionContainer}>
                     <div className={classes.questionLeftSide}>
-                      <span className={classes.questionsLabel}>{item.shortSelectText}</span>
+                      <span className={classes.questionsLabel}>{`Q${index + 1}`}</span>
                     </div>
                     <div className={classes.questionRightSide}>
                       <span className={classes.questionsText}>{item.question}</span>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
index 52fa326243403c..860b631e7ff77d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
@@ -2,8 +2,6 @@
   {
     "id": "hasMoreActions",
     "question": "Does component have more actions?",
-    "selectText": "Question 1",
-    "shortSelectText": "Q1:",
     "answers": [
       {
         "value": "moreActions",
@@ -18,8 +16,6 @@
   {
     "id": "doesNavigateToPage",
     "question": "Does component navigate to new page?",
-    "selectText": "Question 2",
-    "shortSelectText": "Q2:",
     "answers": [
       {
         "value": "navigatesToPage",
@@ -34,8 +30,6 @@
   {
     "id": "canSelectMultipleChoices",
     "question": "Does group of component provide possibility to select multiple choices?",
-    "selectText": "Question 3",
-    "shortSelectText": "Q3:",
     "answers": [
       {
         "value": "multipleChoices",
@@ -50,8 +44,6 @@
   {
     "id": "isOnOrOff",
     "question": "Does component select between on/off or enabled/disabled states?",
-    "selectText": "Question 3",
-    "shortSelectText": "Q3:",
     "answers": [
       {
         "value": "onOrOff",
@@ -66,8 +58,6 @@
   {
     "id": "isInsideMenu",
     "question": "Is component inside menu?",
-    "selectText": "Question 4",
-    "shortSelectText": "Q4:",
     "answers": [
       {
         "value": "insideMenu",
@@ -82,8 +72,6 @@
   {
     "id": "hasInteractiveContent",
     "question": "Does it contain extensive text or interactive content, e.g., links or buttons?",
-    "selectText": "Question 4",
-    "shortSelectText": "Q4:",
     "answers": [
       {
         "value": "interactiveContent",
@@ -98,8 +86,6 @@
   {
     "id": "doesAppearOnHover",
     "question": "Does it appear on hover/keybord focus rather than on click/keyboard activation?",
-    "selectText": "Question 4",
-    "shortSelectText": "Q4:",
     "answers": [
       {
         "value": "onHover",

From 11ba4fe4c2f1998218c139122b2f4f4c5cfa8b26 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Thu, 19 Sep 2024 14:39:51 +0200
Subject: [PATCH 050/111] trying to fix radio state logic do not work still

---
 .../ComponentSelector/Selector.stories.tsx    | 46 ++++++++++++++++---
 .../stories/ComponentSelector/utils.tsx       |  5 --
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index e97b6ff1ab381b..20405e265e50e3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -49,7 +49,7 @@ import {
   TabListDef,
   GroupsDef,
 } from './components-definitions/index';
-import { get } from 'lodash';
+import { create, get } from 'lodash';
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
@@ -352,7 +352,6 @@ export const Selector = () => {
       });
     }
 
-    console.log(`IF GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
     if (selectedBehaviours.length > 0) {
       console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
       const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
@@ -444,19 +443,54 @@ export const Selector = () => {
     );
   };
 
+  const updateDecisionsForRadio = (name: string) => {
+    console.log(`Milan: updateDecisionsForRadio: ${name}`);
+    if (selectedBehaviours.includes(name)) {
+      const array = selectedBehaviours.filter(behavior => behavior !== name);
+      setSelectedBehaviours(array);
+    } else {
+      setSelectedBehaviours([...selectedBehaviours, name]);
+    }
+  };
+
   const QuestionRadioGroup = () => {
-    const [value, setValue] = React.useState('');
+    const [radioItems, setRadioItems] = React.useState([
+      { id: 0, value: 'item1' },
+      { id: 1, value: 'item2' },
+      { id: 2, value: 'item3' },
+    ]);
+    const updateItem = (id, newValue) => {
+      console.log('updateItem: Update Item: ', newValue);
+      const newArray = radioItems.map(radio => (radio.id === id ? (radio.value = newValue) : radio));
+      const anotherNewArray = [...newArray];
+      anotherNewArray.forEach(item => {
+        console.log(`updatedItem: Radio items: ${item.value}`);
+      });
+      setRadioItems(anotherNewArray);
+    };
+
+    radioItems.forEach(item => {
+      console.log(`STATE: Radio items: ${item.value}`);
+    });
 
     const allQuestions = getAllQuestions(selectedComponents, questions);
 
+    const [radioItem1, setRadioItem1] = React.useState('');
+
     return (
       <>
         {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
         {allQuestions.length > 0 &&
-          allQuestions.map(item => (
+          allQuestions.map((item, index) => (
             <div className={classes.questionsWrapper}>
               <Field className={classes.questionsField}>
-                <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
+                <RadioGroup
+                  value={radioItems[index].value}
+                  onChange={(_, data) => {
+                    updateDecisionsForRadio(data.value);
+                    updateItem(index, data);
+                  }}
+                >
                   <div className={classes.questionContainer}>
                     <div className={classes.questionLeftSide}>
                       <span className={classes.questionsLabel}>{item.shortSelectText}</span>
@@ -464,7 +498,7 @@ export const Selector = () => {
                     <div className={classes.questionRightSide}>
                       <span className={classes.questionsText}>{item.question}</span>
                       {item.answers.map(item => (
-                        <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
+                        <Radio key={item.value} value={item.value} label={item.text} className={classes.radioItem} />
                       ))}
                     </div>
                   </div>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 6f74260cf20ab8..a37988c436899c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -69,8 +69,6 @@ export const getComponentStoryUrl = component => {
 const getQuestionsIDs = (name: string) => {
   let questions = [];
   GroupsDef.forEach(group => {
-    console.log(`group: ${group}`);
-    console.log(`group questions: ${group.questions}`);
     group.tags.includes(name) ? questions.push(group.questions) : null;
   });
   return questions;
@@ -79,17 +77,14 @@ const getQuestionsIDs = (name: string) => {
 export const getAllQuestions = (selectedComponents, questions) => {
   let allQuestionsIDs = [];
   selectedComponents.forEach(component => {
-    console.log(`M: selected component: ${component}`);
     allQuestionsIDs.push(getQuestionsIDs(component));
   });
-  console.log(`M: all questions IDs: ${allQuestionsIDs}`);
 
   const allQuestions = allQuestionsIDs.map(questionId =>
     questions.map(item => {
       // questionId is array of arrays, to simplyfy the check we flat it
       const questionIdFlat = questionId.flat();
       if (questionIdFlat.includes(item.id)) {
-        console.log(`M: item: ${item}`);
         return item;
       }
     }),

From b38fe68fff88408c7d0c7bd0f364a64574c19062 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Thu, 19 Sep 2024 14:44:41 +0200
Subject: [PATCH 051/111] clean up

---
 .../stories/ComponentSelector/Selector.stories.tsx             | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 1dbbe735d3ab3a..92c65947882f5b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -472,12 +472,9 @@ export const Selector = () => {
     radioItems.forEach(item => {
       console.log(`STATE: Radio items: ${item.value}`);
     });
-    // const [value, setValue] = React.useState('');
 
     const allQuestions = getAllQuestions(selectedComponents, questions);
 
-    const [radioItem1, setRadioItem1] = React.useState('');
-
     return (
       <>
         {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}

From 053589d3dfb33b88e3f7cf45e68766171ee1962a Mon Sep 17 00:00:00 2001
From: Jan Zdrahal <janz@microsoft.com>
Date: Fri, 20 Sep 2024 12:43:37 +0200
Subject: [PATCH 052/111] Added image for UI types, fixed UI for input
 selections, used selectable cards component

---
 .../ComponentSelector/SelectionCard.tsx       | 95 +++++++++++++++++++
 .../ComponentSelector/Selector.stories.tsx    | 38 +++-----
 .../components-definitions/Accordion.json     |  3 +-
 .../components-definitions/ButtonBase.json    |  3 +-
 .../components-definitions/Checkbox.json      |  3 +-
 .../components-definitions/InfoLabel.json     |  3 +-
 .../components-definitions/Link.json          |  3 +-
 .../components-definitions/List.json          |  3 +-
 .../components-definitions/ListBase.json      |  3 +-
 .../ListSingleAction.json                     |  3 +-
 .../components-definitions/Menu.json          |  3 +-
 .../components-definitions/MenuBase.json      |  3 +-
 .../components-definitions/MenuButton.json    |  3 +-
 .../MenuItemCheckbox.json                     |  3 +-
 .../components-definitions/MenuItemRadio.json |  3 +-
 .../components-definitions/MenuSubmenu.json   |  3 +-
 .../components-definitions/SplitButton.json   |  3 +-
 .../components-definitions/TabList.json       |  3 +-
 .../components-definitions/Table.json         |  3 +-
 .../components-definitions/TableBase.json     |  3 +-
 .../TableCellActions.json                     |  3 +-
 .../TableCellNavigation.json                  |  3 +-
 .../components-definitions/Text.json          |  3 +-
 .../components-definitions/ToggleButton.json  |  3 +-
 .../components-definitions/Tooltip.json       |  3 +-
 .../components-definitions/Tree.json          |  3 +-
 .../components-definitions/TreeBase.json      |  3 +-
 .../components-definitions/TreeSelection.json |  3 +-
 28 files changed, 162 insertions(+), 49 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
new file mode 100644
index 00000000000000..d510bab1c47838
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { makeStyles, Button, Caption1, tokens, Text, Checkbox } from '@fluentui/react-components';
+import { MoreHorizontal20Regular } from '@fluentui/react-icons';
+import { Card, CardHeader, CardPreview, CardProps } from '@fluentui/react-components';
+
+const resolveAsset = (asset: string) => {
+  const ASSET_URL = 'https://fluent2websitecdn.azureedge.net/cdn/';
+
+  return `${ASSET_URL}${asset}`;
+};
+
+const useStyles = makeStyles({
+  main: {
+    gap: '16px',
+    display: 'flex',
+    flexWrap: 'wrap',
+    margin: '5px 10px 10px 5px',
+  },
+
+  card: {
+    width: '250px',
+    maxWidth: '100%',
+    height: 'fit-content',
+  },
+
+  caption: {
+    color: tokens.colorNeutralForeground3,
+  },
+
+  cardImage: {
+    borderRadius: tokens.borderRadiusXLarge,
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    filter: 'grayscale(100%) brightness(95%)',
+    opacity: 0.5,
+
+    '&:hover': {
+      filter: 'grayscale(0%) brightness(100%)',
+      opacity: 1,
+    },
+  },
+  cardImageSelected: {
+    borderRadius: tokens.borderRadiusXLarge,
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    filter: 'grayscale(0%) brightness(100%)',
+    opacity: 1,
+  },
+
+  grayBackground: {
+    padding: '0 15px 15px',
+  },
+});
+
+export const SelectionCard = props => {
+  const styles = useStyles();
+  const [selected, setSelected] = React.useState(false);
+  const [hovered, setHovered] = React.useState(false);
+
+  const linkRef = React.useRef<HTMLAnchorElement>(null);
+
+  const setCheckboxState = React.useCallback(({ selected, checked }, setFn) => setFn(!!(selected || checked)), []);
+
+  const onSelectedCardChange = React.useCallback(
+    (_, state) => {
+      setCheckboxState(state, setSelected);
+      props.onChange(_, state, props.name);
+    },
+    [setCheckboxState],
+  );
+
+  return (
+    <div className={styles.main}>
+      <Card
+        className={styles.card}
+        {...props}
+        floatingAction={<Checkbox onChange={onSelectedCardChange} checked={selected} />}
+        selected={selected}
+        onSelectionChange={onSelectedCardChange}
+        onMouseOver={() => setHovered(true)}
+        onMouseOut={() => setHovered(false)}
+      >
+        <CardHeader
+          header={<Text weight="semibold">BASIC INPUTS</Text>}
+          description={<Caption1 className={styles.caption}>{props.displayName}</Caption1>}
+        />
+        <CardPreview className={styles.grayBackground}>
+          <img
+            className={selected || hovered ? styles.cardImageSelected : styles.cardImage}
+            src={resolveAsset(props.image)}
+            alt="Presentation Preview"
+          />
+        </CardPreview>
+      </Card>
+    </div>
+  );
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 92c65947882f5b..93bd9f6d73d852 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -50,6 +50,7 @@ import {
   GroupsDef,
 } from './components-definitions/index';
 import { create, get } from 'lodash';
+import { SelectionCard } from './SelectionCard';
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
@@ -107,13 +108,8 @@ const useStyles = makeStyles({
   questionContainer: {
     display: 'flex',
   },
-  questionLeftSide: {
-    'flex-basis': '10%',
-  },
   questionRightSide: {
     borderLeft: '1px solid #ff00ff',
-    'flex-basis': '90%',
-    'flex-shrink': 0,
     padding: '0 10px',
   },
   radioItem: {
@@ -396,26 +392,22 @@ export const Selector = () => {
     return definitionsWithDisplayName;
   };
 
+  const onSelectionChange = (event, data, name) => {
+    if (!!data.selected) {
+      setSelectedComponents([...selectedComponents, name]);
+    } else {
+      setSelectedComponents(selectedComponents.filter(component => component !== name));
+    }
+  };
+
   const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
     <>
-      <div data-id="wrapper" className={classes.componentWrapper}>
-        <Image src={getImage(definitionsWithDisplayName.displayName)} height={75} width={75} />
-        <div>
-          <span>{definitionsWithDisplayName.displayName}</span>
-          <Checkbox
-            aria-label={definitionsWithDisplayName.displayName}
-            onChange={(event, data) => {
-              if (data.checked) {
-                setSelectedComponents([...selectedComponents, definitionsWithDisplayName.name]);
-              } else {
-                setSelectedComponents(
-                  selectedComponents.filter(component => component !== definitionsWithDisplayName.name),
-                );
-              }
-            }}
-          />
-        </div>
-      </div>
+      <SelectionCard
+        displayName={definitionsWithDisplayName.displayName}
+        name={definitionsWithDisplayName.name}
+        image={definitionsWithDisplayName.img}
+        onChange={onSelectionChange}
+      />
     </>
   ));
 
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
index 524f2861ce6ee9..2400d497d5dfaa 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -1,5 +1,6 @@
 {
   "name": "Accordion",
   "component": "Accordion",
-  "attributes": ["expandable", "tabbable", "navigationByTabKey", "interactive"]
+  "attributes": ["expandable", "tabbable", "navigationByTabKey", "interactive"],
+  "img": "overview_accordion.B8eJ_Qlv.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
index c8b9fb05bbb973..25658424c8fbf3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -1,4 +1,5 @@
 {
   "name": "ButtonBase",
-  "attributes": ["staysOnPage", "navigationByTabKey", "interactive"]
+  "attributes": ["staysOnPage", "navigationByTabKey", "interactive"],
+  "img": "overview_button.Baa-fciS.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index e01f9b1bde26d7..d527caafbea551 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -1,5 +1,6 @@
 {
   "name": "Checkbox",
   "component": "Checkbox",
-  "attributes": ["multipleChoices", "notOnOrOff", "toggle", "notInsideMenu", "navigationByTabKey", "interactive"]
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle", "notInsideMenu", "navigationByTabKey", "interactive"],
+  "img": "overview_checkbox.C4LCt4a7.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
index b7028a6d56c8be..bad1fac5b376e1 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
@@ -1,5 +1,6 @@
 {
   "name": "InfoLabel",
   "component": "InfoLabel",
-  "attributes": ["interactiveContent", "onClick", "navigationByTabKey", "interactive"]
+  "attributes": ["interactiveContent", "onClick", "navigationByTabKey", "interactive"],
+  "img": "overview_placeholder.DKLLlbq1.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
index 8faead074c0890..73627dfbc4e398 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -1,5 +1,6 @@
 {
   "name": "Link",
   "component": "Link",
-  "attributes": ["singleAction", "navigatesToPage", "navigationByTabKey", "interactive"]
+  "attributes": ["singleAction", "navigatesToPage", "navigationByTabKey", "interactive"],
+  "img": "overview_link.gTR54kn-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
index 44695db89c3834..8d401c4deb2ad8 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
@@ -2,5 +2,6 @@
   "name": "List",
   "component": "List",
   "extends": "ListBase",
-  "attributes": ["static"]
+  "attributes": ["static"],
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
index a9b92af7e3fe1a..3de28aa4af9e9d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
@@ -1,5 +1,6 @@
 {
   "name": "ListBase",
   "attributes": ["narratesPosition", "singleColumn"],
-  "note": "Component not available yet, under development."
+  "note": "Component not available yet, under development.",
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
index 8b97434502813b..fea3184dcdcf25 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
@@ -3,5 +3,6 @@
   "component": "List",
   "story": "Single Action",
   "extends": "ListBase",
-  "attributes": ["interactive", "navigationByArrowKeys"]
+  "attributes": ["interactive", "navigationByArrowKeys"],
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
index 570b41efb72061..db7a2ff79b606e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
@@ -2,5 +2,6 @@
   "name": "Menu",
   "component": "Menu",
   "folder": "Menu",
-  "extends": "MenuBase"
+  "extends": "MenuBase",
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
index 361a306475dcff..523d34c544fa66 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -1,4 +1,5 @@
 {
   "name": "MenuBase",
-  "attributes": ["insideMenu", "navigationByArrowKeys", "narratesPosition", "interactive"]
+  "attributes": ["insideMenu", "navigationByArrowKeys", "narratesPosition", "interactive"],
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
index 400342201f6db3..630da95b4e277c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
@@ -3,5 +3,6 @@
   "component": "MenuButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["opensMenu"]
+  "attributes": ["opensMenu"],
+  "img": "overview_button.Baa-fciS.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
index 43d67593a3698e..7776dffa86dc1b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -4,5 +4,6 @@
   "folder": "Menu",
   "story": "Checkbox Items",
   "extends": "MenuBase",
-  "attributes": ["multipleChoices", "notOnOrOff", "toggle"]
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle"],
+  "img": "overview_checkbox.C4LCt4a7.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
index 5815feb99d1af5..a1eeddc5f2d3f5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -4,5 +4,6 @@
   "folder": "Menu",
   "story": "Radio Items",
   "extends": "MenuBase",
-  "attributes": ["singleChoice", "notOnOrOff"]
+  "attributes": ["singleChoice", "notOnOrOff"],
+  "img": "overview_radiogroup.CsXFFZdv.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
index 566a50b344b7d3..391f6250b744a5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -4,5 +4,6 @@
   "folder": "Menu",
   "story": "Nested Submenus",
   "extends": "MenuBase",
-  "attributes": ["nested"]
+  "attributes": ["nested"],
+  "img": "overview_menu.DZ_QmfGO.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index ce4048d35e265a..b54fb6a317d1e6 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -3,5 +3,6 @@
   "component": "SplitButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["moreActions"]
+  "attributes": ["moreActions"],
+  "img": "overview_spin.c4zwZGzQ.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
index 74486a4138bccc..fcffa2421e71b5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
@@ -1,5 +1,6 @@
 {
   "name": "TabList",
   "component": "TabList",
-  "attributes": ["interactive", "navigationByArrowKeys", "narratesPosition"]
+  "attributes": ["interactive", "navigationByArrowKeys", "narratesPosition"],
+  "img": "overview_tablist.CTZsc6f-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
index 7edcc6d2eedfc1..7b17cf26637f79 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
@@ -2,5 +2,6 @@
   "name": "Table",
   "component": "Table",
   "extends": "TableBase",
-  "attributes": ["static"]
+  "attributes": ["static"],
+  "img": "overview_tablist.CTZsc6f-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
index 87c326ce24e1e2..e2a21b64ca3531 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
@@ -1,4 +1,5 @@
 {
   "name": "TableBase",
-  "attributes": ["columnsAndRows", "narratesPosition"]
+  "attributes": ["columnsAndRows", "narratesPosition"],
+  "img": "overview_tablist.CTZsc6f-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
index d9b7ede054bd21..455d84ff921fb9 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
@@ -3,5 +3,6 @@
   "component": "Table",
   "story": "Cell Actions",
   "extends": "TableBase",
-  "attributes": ["interactive", "navigationByTabKey"]
+  "attributes": ["interactive", "navigationByTabKey"],
+  "img": "overview_tablist.CTZsc6f-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
index 542b81b6cbcc42..7febea30dba1ba 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
@@ -3,5 +3,6 @@
   "component": "Table",
   "story": "Cell Navigation",
   "extends": "TableBase",
-  "attributes": ["interactive", "navigationByArrowKeys"]
+  "attributes": ["interactive", "navigationByArrowKeys"],
+  "img": "overview_tablist.CTZsc6f-.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
index f550e0fcd9407b..b8304ecb07f48c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
@@ -2,5 +2,6 @@
   "name": "Text",
   "component": "Text",
   "attributes": ["textOrHeading", "static"],
-  "note": "Use the 'as' prop to change text to heading."
+  "note": "Use the 'as' prop to change text to heading.",
+  "img": "overview_text.B8EWu50L.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index d3d172aaac394c..5be9c281338857 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -3,5 +3,6 @@
   "component": "ToggleButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["singleAction", "multipleChoices", "onOrOff", "toggle"]
+  "attributes": ["singleAction", "multipleChoices", "onOrOff", "toggle"],
+  "img": "overview_button.Baa-fciS.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
index 041845add5f408..9fde576a675e42 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
@@ -1,5 +1,6 @@
 {
   "name": "Tooltip",
   "component": "Tooltip",
-  "attributes": ["nonInteractiveContent", "onHover", "navigationByTabKey", "interactive"]
+  "attributes": ["nonInteractiveContent", "onHover", "navigationByTabKey", "interactive"],
+  "img": "overview_tooltip.DzdzrdMi.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
index cf806c4272c445..175c3351832ca4 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
@@ -1,5 +1,6 @@
 {
   "name": "Tree",
   "component": "Tree",
-  "extends": "TreeBase"
+  "extends": "TreeBase",
+  "img": "overview_accordion.B8eJ_Qlv.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
index 5419635f4c19f3..994c1539a211c8 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
@@ -1,4 +1,5 @@
 {
   "name": "TreeBase",
-  "attributes": ["interactive", "navigationByArrowKeys", "hierarchical", "narratesPosition"]
+  "attributes": ["interactive", "navigationByArrowKeys", "hierarchical", "narratesPosition"],
+  "img": "overview_accordion.B8eJ_Qlv.png"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
index c6a6e3ab001931..0a55d8a51271a2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
@@ -3,5 +3,6 @@
   "component": "Tree",
   "story": "Selection",
   "extends": "TreeBase",
-  "attributes": ["toggle"]
+  "attributes": ["toggle"],
+  "img": "overview_accordion.B8eJ_Qlv.png"
 }

From b71a37cbe58cf4dc3f542774fa4bd6056c901be7 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Sun, 22 Sep 2024 17:57:25 +0200
Subject: [PATCH 053/111] trying to fix displaying components after selection

---
 .../ComponentSelector/SelectionCard.tsx        |  3 +++
 .../ComponentSelector/Selector.stories.tsx     | 18 ++++++++++++++----
 .../components-definitions/index.js            |  3 +++
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index d510bab1c47838..7948678439eea3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { makeStyles, Button, Caption1, tokens, Text, Checkbox } from '@fluentui/react-components';
 import { MoreHorizontal20Regular } from '@fluentui/react-icons';
 import { Card, CardHeader, CardPreview, CardProps } from '@fluentui/react-components';
+import { stat } from 'fs';
 
 const resolveAsset = (asset: string) => {
   const ASSET_URL = 'https://fluent2websitecdn.azureedge.net/cdn/';
@@ -62,6 +63,8 @@ export const SelectionCard = props => {
   const onSelectedCardChange = React.useCallback(
     (_, state) => {
       setCheckboxState(state, setSelected);
+      console.log('------- onchange called');
+      state && state.checked && console.log('card state', state.checked);
       props.onChange(_, state, props.name);
     },
     [setCheckboxState],
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 93bd9f6d73d852..40cd07ddc2dc6d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -338,6 +338,8 @@ export const Selector = () => {
     console.log(`--------- get component called`);
     const suitableComponents: any[] = [];
 
+    console.log(`selectedComponents: ${selectedComponents}`);
+
     if (selectedComponents && selectedComponents.length > 0) {
       selectedComponents.forEach(componentName => {
         const component = getComponentByName(componentName);
@@ -393,9 +395,17 @@ export const Selector = () => {
   };
 
   const onSelectionChange = (event, data, name) => {
-    if (!!data.selected) {
+    if (data?.checked === undefined) {
+      console.log(`onSelectionChange undefined`);
+      console.log(`onSelectionChange: undefined: selectedComponents: ${selectedComponents}`);
+      return;
+    }
+    if (data.checked) {
+      console.log(`onSelectionChange: TRUE: selectedComponents: ${selectedComponents}`);
+      console.log(`onSelectionChange: TRUE: name : ${name}`);
       setSelectedComponents([...selectedComponents, name]);
     } else {
+      console.log(`onSelectionChange: FALSE:  ${name}`);
       setSelectedComponents(selectedComponents.filter(component => component !== name));
     }
   };
@@ -461,9 +471,9 @@ export const Selector = () => {
       setRadioItems(anotherNewArray);
     };
 
-    radioItems.forEach(item => {
-      console.log(`STATE: Radio items: ${item.value}`);
-    });
+    // radioItems.forEach(item => {
+    //   console.log(`STATE: Radio items: ${item.value}`);
+    // });
 
     const allQuestions = getAllQuestions(selectedComponents, questions);
 
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index eac78709e4d534..19bb03e1a86a18 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -30,3 +30,6 @@ export { default as TreeSelectionDef } from './TreeSelection.json';
 export { default as TabListDef } from './TabList.json';
 
 export { default as GroupsDef } from './Groups.json';
+
+export { default as TooltipDef } from './Tooltip.json';
+export { default as InfoLabelDef } from './InfoLabel.json';

From 6f51a67d2688585b25a6952a0cb694187051d082 Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Tue, 24 Sep 2024 22:38:48 +0200
Subject: [PATCH 054/111] changes to add component into array

---
 .../ComponentSelector/SelectionCard.tsx       | 11 +++++---
 .../ComponentSelector/Selector.stories.tsx    | 25 +++++++------------
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 7948678439eea3..088b20507703fe 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -65,7 +65,10 @@ export const SelectionCard = props => {
       setCheckboxState(state, setSelected);
       console.log('------- onchange called');
       state && state.checked && console.log('card state', state.checked);
-      props.onChange(_, state, props.name);
+
+      if (state?.checked === true || state?.selected === true) {
+        props.addComponent(props.name);
+      }
     },
     [setCheckboxState],
   );
@@ -78,11 +81,11 @@ export const SelectionCard = props => {
         floatingAction={<Checkbox onChange={onSelectedCardChange} checked={selected} />}
         selected={selected}
         onSelectionChange={onSelectedCardChange}
-        onMouseOver={() => setHovered(true)}
-        onMouseOut={() => setHovered(false)}
+        // onMouseOver={() => setHovered(true)}
+        // onMouseOut={() => setHovered(false)}
       >
         <CardHeader
-          header={<Text weight="semibold">BASIC INPUTS</Text>}
+          // header={<Text weight="semibold">BASIC INPUTS</Text>}
           description={<Caption1 className={styles.caption}>{props.displayName}</Caption1>}
         />
         <CardPreview className={styles.grayBackground}>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 40cd07ddc2dc6d..62131785f04d47 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -340,7 +340,8 @@ export const Selector = () => {
 
     console.log(`selectedComponents: ${selectedComponents}`);
 
-    if (selectedComponents && selectedComponents.length > 0) {
+    // if there is already selected any behavior ignore component selection
+    if (selectedComponents && selectedComponents.length > 0 && selectedBehaviours.length === 0) {
       selectedComponents.forEach(componentName => {
         const component = getComponentByName(componentName);
         // console.log(`PUSH component name: ${component.name}`);
@@ -394,29 +395,21 @@ export const Selector = () => {
     return definitionsWithDisplayName;
   };
 
-  const onSelectionChange = (event, data, name) => {
-    if (data?.checked === undefined) {
-      console.log(`onSelectionChange undefined`);
-      console.log(`onSelectionChange: undefined: selectedComponents: ${selectedComponents}`);
-      return;
-    }
-    if (data.checked) {
-      console.log(`onSelectionChange: TRUE: selectedComponents: ${selectedComponents}`);
-      console.log(`onSelectionChange: TRUE: name : ${name}`);
-      setSelectedComponents([...selectedComponents, name]);
-    } else {
-      console.log(`onSelectionChange: FALSE:  ${name}`);
-      setSelectedComponents(selectedComponents.filter(component => component !== name));
-    }
+  const addComponent = name => {
+    console.log(`addComponent: ${name}`);
+    console.log(`selectedComponents: ${selectedComponents}`);
+    setSelectedComponents([...selectedComponents, name]);
   };
 
+  // setSelectedComponents(selectedComponents.filter(component => component !== name));
+
   const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
     <>
       <SelectionCard
         displayName={definitionsWithDisplayName.displayName}
         name={definitionsWithDisplayName.name}
         image={definitionsWithDisplayName.img}
-        onChange={onSelectionChange}
+        addComponent={addComponent}
       />
     </>
   ));

From f4ef707fb1cb59da9999564a3afc5c3c0b49510b Mon Sep 17 00:00:00 2001
From: Milan Turon <mituron@microsoft.com>
Date: Sat, 5 Oct 2024 22:14:49 +0200
Subject: [PATCH 055/111] fix questions radio

---
 .../stories/ComponentSelector/Question.tsx    | 136 ++++
 .../ComponentSelector/Selector.stories.tsx    | 280 ++++----
 .../backup_selector.stories.tsx               | 677 ------------------
 3 files changed, 269 insertions(+), 824 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/Question.tsx
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
new file mode 100644
index 00000000000000..1cbd3c881a8c39
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
@@ -0,0 +1,136 @@
+import * as React from 'react';
+
+import {
+  Accordion,
+  AccordionHeader,
+  AccordionItem,
+  AccordionPanel,
+  Link,
+  Text,
+  Divider,
+  Checkbox,
+  RadioGroup,
+  Radio,
+  Label,
+  makeStyles,
+  tokens,
+  Image,
+  ToggleButton,
+  Field,
+  Select,
+  useId,
+} from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+  secondLevel: { 'margin-left': '30px' },
+  thirdLevel: { 'margin-left': '60px' },
+  forthLevel: { 'margin-left': '90px' },
+  foundMessage: { 'margin-bottom': '10px' },
+  heading: { margin: '30px 0 10px 0' },
+  root: {
+    // Stack the label above the field with a gap
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: '2px',
+    maxWidth: '1600px',
+  },
+  tagsList: {
+    listStyleType: 'none',
+    marginBottom: tokens.spacingVerticalXXS,
+    marginTop: 0,
+    paddingLeft: 0,
+    display: 'flex',
+    gridGap: tokens.spacingHorizontalXXS,
+  },
+  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
+  componentWrapper: {
+    margin: '10px',
+    padding: '10px',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
+  },
+  questionsWrapper: {
+    padding: '20px',
+    margin: '20px 0',
+    backgroundColor: 'white',
+    borderRadius: '16px',
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
+  },
+  questionsLabel: {
+    color: '#ff00ff',
+    fontWeight: tokens.fontWeightBold,
+    marginRight: '8px',
+  },
+  questionsText: {
+    fontWeight: tokens.fontWeightBold,
+    fontSize: tokens.fontSizeBase400,
+  },
+  questionContainer: {
+    display: 'flex',
+  },
+  questionRightSide: {
+    borderLeft: '1px solid #ff00ff',
+    padding: '0 10px',
+  },
+  radioItem: {
+    display: 'flex',
+  },
+  behaviors: { display: 'flex', gap: '10px' },
+});
+
+export const Question = props => {
+  const [value, setRadioValue] = React.useState('none');
+  const classes = useStyles();
+
+  const { QuestionItem, indexQuestion, updateDecisionForQuestion } = props;
+
+  React.useEffect(() => {
+    console.log(`UseEffect: Question${indexQuestion}: Value: ${value}`);
+  }, [value]);
+
+  return (
+    <div className={classes.questionsWrapper}>
+      <Field className={classes.questionsField}>
+        <RadioGroup
+          key={`${QuestionItem.id}-${indexQuestion}`}
+          value={value}
+          onChange={(_, data) => {
+            // calling this caused rerendering of the component
+
+            setRadioValue(previousValue => {
+              updateDecisionForQuestion(data.value, previousValue);
+              return data.value;
+            });
+          }}
+        >
+          <div className={classes.questionContainer}>
+            <div className={classes.questionLeftSide}>
+              <span className={classes.questionsLabel}>{`Q${indexQuestion + 1}`}</span>
+            </div>
+            <div className={classes.questionRightSide}>
+              <span className={classes.questionsText}>{QuestionItem.question}</span>
+              {QuestionItem.answers.map((item, index) => (
+                <Radio
+                  key={`${QuestionItem.id}-${indexQuestion + index + 1}`}
+                  value={item.value}
+                  label={item.text}
+                  className={classes.radioItem}
+                />
+              ))}
+              <Radio
+                key={`${QuestionItem.id}-none`}
+                value={'none'}
+                label="Not applicable"
+                className={classes.radioItem}
+              />
+            </div>
+          </div>
+        </RadioGroup>
+      </Field>
+    </div>
+  );
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 62131785f04d47..187b5d437ffe09 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -49,8 +49,9 @@ import {
   TabListDef,
   GroupsDef,
 } from './components-definitions/index';
-import { create, get } from 'lodash';
+import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
+import { Question } from './Question';
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
@@ -148,6 +149,10 @@ export const Selector = () => {
     },
   });
 
+  React.useEffect(() => {
+    console.log(`UseEffect: Selector`);
+  }, []);
+
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const selectedDecisions = React.useRef<string[]>([]);
@@ -264,48 +269,48 @@ export const Selector = () => {
   //   return suitableComponents;
   // }, [selectedDecisions]);
 
-  const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
-    const category = getDecisionCategory(name) as string;
-    decisionState[category][name] = value;
-    setDecisionState({ ...decisionState });
-
-    // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
-    if (!modifySelectedDecisions) {
-      return;
-    }
-
-    if (value) {
-      // Determine if the option is a radio as opposed to checkbox
-      if (name in decisionRadioValues) {
-        // Clear all the properties in this category
-        for (let nameToRemove in decisionState[category]) {
-          if (nameToRemove in decisionRadioValues) {
-            decisionRadioValues[nameToRemove].forEach(item => {
-              removeFromArray(selectedDecisions.current, item);
-            });
-          } else {
-            removeFromArray(selectedDecisions.current, nameToRemove);
-          }
-        }
+  // const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
+  //   const category = getDecisionCategory(name) as string;
+  //   decisionState[category][name] = value;
+  //   setDecisionState({ ...decisionState });
+
+  //   // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
+  //   if (!modifySelectedDecisions) {
+  //     return;
+  //   }
+
+  //   if (value) {
+  //     // Determine if the option is a radio as opposed to checkbox
+  //     if (name in decisionRadioValues) {
+  //       // Clear all the properties in this category
+  //       for (let nameToRemove in decisionState[category]) {
+  //         if (nameToRemove in decisionRadioValues) {
+  //           decisionRadioValues[nameToRemove].forEach(item => {
+  //             removeFromArray(selectedDecisions.current, item);
+  //           });
+  //         } else {
+  //           removeFromArray(selectedDecisions.current, nameToRemove);
+  //         }
+  //       }
 
-        // Remove the props other than the value from selected decisions
-        decisionRadioValues[name].forEach(prop => {
-          if (prop !== value) {
-            removeFromArray(selectedDecisions.current, prop);
-          }
-        });
+  //       // Remove the props other than the value from selected decisions
+  //       decisionRadioValues[name].forEach(prop => {
+  //         if (prop !== value) {
+  //           removeFromArray(selectedDecisions.current, prop);
+  //         }
+  //       });
 
-        // The value is the name of the prop we want to push into selected decisions
-        if (decisionRadioValues[name].includes(value as string)) {
-          selectedDecisions.current.push(value as string);
-        }
-      } else {
-        selectedDecisions.current.push(name);
-      }
-    } else {
-      removeFromArray(selectedDecisions.current, name);
-    }
-  };
+  //       // The value is the name of the prop we want to push into selected decisions
+  //       if (decisionRadioValues[name].includes(value as string)) {
+  //         selectedDecisions.current.push(value as string);
+  //       }
+  //     } else {
+  //       selectedDecisions.current.push(name);
+  //     }
+  //   } else {
+  //     removeFromArray(selectedDecisions.current, name);
+  //   }
+  // };
 
   const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
     if (checked) {
@@ -382,8 +387,6 @@ export const Selector = () => {
     return suitableComponents;
   };
 
-  const foundComponents = getComponent();
-
   const namesOfComponents = () => {
     const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
       const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
@@ -398,8 +401,10 @@ export const Selector = () => {
   const addComponent = name => {
     console.log(`addComponent: ${name}`);
     console.log(`selectedComponents: ${selectedComponents}`);
-    setSelectedComponents([...selectedComponents, name]);
+    setSelectedComponents(prevArray => [...prevArray, name]);
   };
+  // setSelectedComponents([...selectedComponents, name]);
+  // };
 
   // setSelectedComponents(selectedComponents.filter(component => component !== name));
 
@@ -414,91 +419,100 @@ export const Selector = () => {
     </>
   ));
 
-  // const QuestionSelect = () => {
-  //   const selectId = useId();
+  const updateDecisionForQuestion = (currentName: string, previousName: string) => {
+    if (currentName === 'none' && previousName === 'none') {
+      return;
+    }
+    if (currentName === previousName) {
+      return;
+    }
+    if (currentName === 'none') {
+      // remove preiously added rado value as now no option is selected
+      setSelectedBehaviours(previousItems => previousItems.filter(item => item !== previousName));
+      return;
+    }
+    setSelectedBehaviours(previousItems => {
+      // remove previous radio item value and add new one
+      const arrayWithoutPerviousItem = previousItems.filter(item => item !== previousName);
+      return [...arrayWithoutPerviousItem, currentName];
+    });
+  };
+
+  const allQuestions = getAllQuestions(selectedComponents, questions);
+  const QuestionRadioGroup = allQuestions.map((item, index) => (
+    <>
+      <Question
+        key={item.id}
+        QuestionItem={item}
+        indexQuestion={index}
+        updateDecisionForQuestion={updateDecisionForQuestion}
+      />
+    </>
+  ));
+
+  // const QuestionRadioGroup = () => {
+  //   // const [selectedBehavioursFromQuestions, setSelectedBehavioursFromQuestions] = React.useState<string[]>([]);
+  //   React.useEffect(() => {
+  //     console.log(`UseEffect: QuestionRadioGroup: Array: ${selectedBehaviours}`);
+  //   }, []);
+
+  //   const allQuestions = getAllQuestions(selectedComponents, questions);
 
   //   return (
   //     <>
-  //       <label htmlFor={selectId}></label>
-  //       <Select defaultValue={questions[0].selectText} id={selectId}>
-  //         {questions.map(item => (
-  //           <option>{item.selectText}</option>
+  //       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
+  //       {allQuestions.length > 0 &&
+  //         allQuestions.map((item, index) => (
+  //           <Question
+  //             key={item.id}
+  //             QuestionItem={item}
+  //             indexQuestion={index}
+  //             updateDecisionForQuestion={updateDecisionForQuestion}
+  //           />
   //         ))}
-  //       </Select>
   //     </>
   //   );
   // };
 
-  const Questionnaire = () => {
-    return (
-      <>
-        {/* <QuestionSelect /> */}
-        <QuestionRadioGroup />
-      </>
-    );
-  };
-
-  const updateDecisionsForRadio = (name: string) => {
-    console.log(`Milan: updateDecisionsForRadio: ${name}`);
-    if (selectedBehaviours.includes(name)) {
-      const array = selectedBehaviours.filter(behavior => behavior !== name);
-      setSelectedBehaviours(array);
-    } else {
-      setSelectedBehaviours([...selectedBehaviours, name]);
-    }
-  };
+  const MatchingComponents = () => {
+    const foundComponents = getComponent();
 
-  const QuestionRadioGroup = () => {
-    const [radioItems, setRadioItems] = React.useState([
-      { id: 0, value: 'item1' },
-      { id: 1, value: 'item2' },
-      { id: 2, value: 'item3' },
-    ]);
-    const updateItem = (id, newValue) => {
-      console.log('updateItem: Update Item: ', newValue);
-      const newArray = radioItems.map(radio => (radio.id === id ? (radio.value = newValue) : radio));
-      const anotherNewArray = [...newArray];
-      anotherNewArray.forEach(item => {
-        console.log(`updatedItem: Radio items: ${item.value}`);
-      });
-      setRadioItems(anotherNewArray);
-    };
-
-    // radioItems.forEach(item => {
-    //   console.log(`STATE: Radio items: ${item.value}`);
-    // });
-
-    const allQuestions = getAllQuestions(selectedComponents, questions);
+    React.useEffect(() => {
+      console.log(`UseEffect: MatchingComponents: foundComponents: ${foundComponents}`);
+    }, []);
 
     return (
       <>
-        {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
-        {allQuestions.length > 0 &&
-          allQuestions.map((item, index) => (
-            <div className={classes.questionsWrapper}>
-              <Field className={classes.questionsField}>
-                <RadioGroup
-                  value={radioItems[index].value}
-                  onChange={(_, data) => {
-                    updateDecisionsForRadio(data.value);
-                    updateItem(index, data);
-                  }}
-                >
-                  <div className={classes.questionContainer}>
-                    <div className={classes.questionLeftSide}>
-                      <span className={classes.questionsLabel}>{`Q${index + 1}`}</span>
-                    </div>
-                    <div className={classes.questionRightSide}>
-                      <span className={classes.questionsText}>{item.question}</span>
-                      {item.answers.map(item => (
-                        <Radio key={item.value} value={item.value} label={item.text} className={classes.radioItem} />
-                      ))}
-                    </div>
+        <h2 id="matching-heading" className={classes.heading}>
+          Matching components
+        </h2>
+        <div role="group" aria-labelledby="matching-heading">
+          <div className={classes.foundMessage}>
+            <Text as="h3" weight="bold">
+              {/* Found {foundComponents.length} component(s).{' '} */}
+            </Text>
+          </div>
+          {foundComponents.map((component, index) => {
+            return (
+              <div key={`component-${index}}`}>
+                <Text weight="semibold">
+                  Component name:{' '}
+                  <Link target="_blank" inline href={getComponentStoryUrl(component)}>
+                    {component.name}{' '}
+                  </Link>
+                </Text>
+                <br />
+                <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+                {component.note && (
+                  <div>
+                    <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
                   </div>
-                </RadioGroup>
-              </Field>
-            </div>
-          ))}
+                )}
+                <Divider appearance="strong" />
+              </div>
+            );
+          })}
+        </div>
       </>
     );
   };
@@ -526,7 +540,8 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
       </Accordion>
-      <Questionnaire />
+      {/* <QuestionRadioGroup /> */}
+      {QuestionRadioGroup}
       <h2 className={classes.heading}>Choose behavior</h2>
       <div className={classes.behaviors}>
         <ToggleButton
@@ -618,36 +633,7 @@ export const Selector = () => {
       </div>
 
       {/* nova komponenta na resutls: Found components */}
-      <h2 id="matching-heading" className={classes.heading}>
-        Matching components
-      </h2>
-      <div role="group" aria-labelledby="matching-heading">
-        <div className={classes.foundMessage}>
-          <Text as="h3" weight="bold">
-            Found {foundComponents.length} component(s).{' '}
-          </Text>
-        </div>
-        {foundComponents.map((component, index) => {
-          return (
-            <div key={`component-${index}}`}>
-              <Text weight="semibold">
-                Component name:{' '}
-                <Link target="_blank" inline href={getComponentStoryUrl(component)}>
-                  {component.name}{' '}
-                </Link>
-              </Text>
-              <br />
-              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
-              {component.note && (
-                <div>
-                  <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
-                </div>
-              )}
-              <Divider appearance="strong" />
-            </div>
-          );
-        })}
-      </div>
+      <MatchingComponents />
     </>
   );
 };
diff --git a/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx
deleted file mode 100644
index edab7e5c943c46..00000000000000
--- a/packages/react-components/react-components/stories/ComponentSelector/backup_selector.stories.tsx
+++ /dev/null
@@ -1,677 +0,0 @@
-import * as React from 'react';
-
-import {
-  Accordion,
-  AccordionHeader,
-  AccordionItem,
-  AccordionPanel,
-  Link,
-  Text,
-  Divider,
-  Checkbox,
-  RadioGroup,
-  Radio,
-  Label,
-  makeStyles,
-  tokens,
-  Image,
-  ToggleButton,
-  Field,
-  Select,
-  useId,
-} from '@fluentui/react-components';
-import { removeFromArray, getComponentStoryUrl } from './utils';
-import questions from './components-definitions/Questions.json';
-import {
-  ListBaseDef,
-  AccordionDef,
-  CheckboxDef,
-  TableCellNavigationDef,
-  TableBaseDef,
-  TableCellActionsDef,
-  MenuBaseDef,
-  MenuItemCheckboxDef,
-  MenuDef,
-  MenuItemRadioDef,
-  MenuSubmenuDef,
-  SplitButtonDef,
-  ToggleButtonDef,
-  ButtonBaseDef,
-  LinkDef,
-  TextDef,
-  TableDef,
-  ListDef,
-  ListSingleActionDef,
-  TreeDef,
-  TreeSelectionDef,
-  TreeBaseDef,
-  MenuButtonDef,
-  TabListDef,
-  Button,
-} from './components-definitions/index';
-
-const decisionRadioValues: Record<string, string[]> = {
-  navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
-  interaction: ['interactive', 'static'],
-};
-
-const useStyles = makeStyles({
-  secondLevel: { 'margin-left': '30px' },
-  thirdLevel: { 'margin-left': '60px' },
-  forthLevel: { 'margin-left': '90px' },
-  foundMessage: { 'margin-bottom': '10px' },
-  root: {
-    // Stack the label above the field with a gap
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: '2px',
-    maxWidth: '1600px',
-  },
-  tagsList: {
-    listStyleType: 'none',
-    marginBottom: tokens.spacingVerticalXXS,
-    marginTop: 0,
-    paddingLeft: 0,
-    display: 'flex',
-    gridGap: tokens.spacingHorizontalXXS,
-  },
-  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
-  componentWrapper: {
-    margin: '10px',
-    padding: '10px',
-    border: '1px solid #ccc',
-    borderRadius: '5px',
-    display: 'flex',
-    alignItems: 'center',
-    gap: '10px',
-  },
-  questionsWrapper: {
-    padding: '20px',
-    margin: '20px 0',
-    backgroundColor: 'white',
-    borderRadius: '16px',
-    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
-    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
-  },
-  questionsLabel: {
-    color: '#ff00ff',
-    fontWeight: tokens.fontWeightBold,
-    marginRight: '8px',
-  },
-  questionsText: {
-    fontWeight: tokens.fontWeightBold,
-    fontSize: tokens.fontSizeBase400,
-  },
-  questionContainer: {
-    display: 'flex',
-  },
-  questionLeftSide: {
-    'flex-basis': '10%',
-  },
-  questionRightSide: {
-    borderLeft: '1px solid #ff00ff',
-    'flex-basis': '90%',
-    'flex-shrink': 0,
-    padding: '0 10px',
-  },
-  radioItem: {
-    display: 'flex',
-  },
-  behaviors: { display: 'flex', gap: '10px' },
-});
-
-export const Selector = () => {
-  const classes = useStyles();
-
-  const [decisionState, setDecisionState] = React.useState<
-    Record<string, Record<string, boolean | string | undefined>>
-  >({
-    uiBehavior: {
-      interaction: undefined,
-      // composition: undefined,
-      toggle: false,
-      navigableToPage: false,
-      columnsAndRows: false,
-      singleColumn: false,
-      hierarchical: false,
-      opensMenu: false,
-      multipleActions: false,
-      textOrHeading: false,
-    },
-
-    keyboardNavigation: {
-      navigationBy: 'notSpecified',
-      innerNavigationAfterEnter: false,
-      nestedNavigation: false,
-    },
-
-    screenReader: {
-      narratesPosition: false,
-    },
-  });
-
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
-  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-  const selectedDecisions = React.useRef<string[]>([]);
-  const [selectedQuestion, setSelectedQuestion] = React.useState('');
-  const [behavior1, setBehavior1] = React.useState(false);
-  const [behavior2, setBehavior2] = React.useState(false);
-  const [behavior3, setBehavior3] = React.useState(false);
-  const [behavior4, setBehavior4] = React.useState(false);
-
-  const getDecisionCategory = React.useCallback(
-    (name: string) => {
-      for (let category in decisionState) {
-        for (let item in decisionState[category]) {
-          if (item === name) {
-            return category;
-          }
-        }
-      }
-      return undefined;
-    },
-    [decisionState],
-  );
-
-  const mergeBaseObjects = () => {
-    componentsDefinitions.current.forEach(definition => {
-      for (const key in definition) {
-        if (key === 'extends') {
-          const value = definition[key];
-          // const currentJSONObject = JSON.parse(JSON.stringify(definition));
-          const attributesOfCurrentJSON = definition.attributes;
-          // find definition which is based one
-          const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
-          const attributesOfBaseDefinition = baseDefinition?.attributes;
-
-          // create new object not delete name of base definition for others usage
-          const temporaryObject = JSON.parse(JSON.stringify(baseDefinition));
-          delete temporaryObject.name;
-
-          // merge attributes of current JSON with Base JSON
-          if (attributesOfCurrentJSON) {
-            temporaryObject['attributes'] = [...attributesOfBaseDefinition, ...attributesOfCurrentJSON];
-          }
-          Object.assign(definition, temporaryObject);
-        }
-      }
-    });
-  };
-
-  const cleanUpBaseObjects = () => {
-    componentsDefinitions.current.forEach((definition, index) => {
-      // just check the name if includes "Base",
-      // in future would be better detection based on prop, like: "abstract": "true"
-      if (definition.name.includes('Base')) {
-        componentsDefinitions.current.splice(index, 1);
-      }
-    });
-  };
-
-  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  if (componentsDefinitions.current.length === 0) {
-    componentsDefinitions.current.push(
-      ListBaseDef,
-      AccordionDef,
-      CheckboxDef,
-      TableCellNavigationDef,
-      TableBaseDef,
-      TableCellActionsDef,
-      MenuBaseDef,
-      MenuItemCheckboxDef,
-      MenuDef,
-      MenuItemRadioDef,
-      MenuSubmenuDef,
-      SplitButtonDef,
-      ToggleButtonDef,
-      ButtonBaseDef,
-      LinkDef,
-      TextDef,
-      TableDef,
-      ListDef,
-      ListSingleActionDef,
-      TreeDef,
-      TreeSelectionDef,
-      TreeBaseDef,
-      MenuButtonDef,
-      TabListDef,
-    );
-    mergeBaseObjects();
-    cleanUpBaseObjects();
-  }
-
-  //Following useMemo wasn't call when I tick checkbox
-  // const suitableComponents = React.useMemo(() => {
-  //   const suitableComponents: any[] = [];
-
-  //   componentsDefinitions.current.forEach(definition => {
-  //     const keysInDefinitions = Object.keys(definition);
-
-  //     const matching = [];
-  //     selectedDecisions.current.forEach(decision => {
-  //       if (keysInDefinitions.indexOf(decision) >= 0) {
-  //         matching.push('matched');
-  //       }
-  //     });
-
-  //     if (selectedDecisions.current.length === matching.length) {
-  //       console.log('fully matched');
-  //       suitableComponents.push(definition);
-  //     }
-  //   });
-  //   return suitableComponents;
-  // }, [selectedDecisions]);
-
-  const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
-    const category = getDecisionCategory(name) as string;
-    decisionState[category][name] = value;
-    setDecisionState({ ...decisionState });
-
-    // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
-    if (!modifySelectedDecisions) {
-      return;
-    }
-
-    if (value) {
-      // Determine if the option is a radio as opposed to checkbox
-      if (name in decisionRadioValues) {
-        // Clear all the properties in this category
-        for (let nameToRemove in decisionState[category]) {
-          if (nameToRemove in decisionRadioValues) {
-            decisionRadioValues[nameToRemove].forEach(item => {
-              removeFromArray(selectedDecisions.current, item);
-            });
-          } else {
-            removeFromArray(selectedDecisions.current, nameToRemove);
-          }
-        }
-
-        // Remove the props other than the value from selected decisions
-        decisionRadioValues[name].forEach(prop => {
-          if (prop !== value) {
-            removeFromArray(selectedDecisions.current, prop);
-          }
-        });
-
-        // The value is the name of the prop we want to push into selected decisions
-        if (decisionRadioValues[name].includes(value as string)) {
-          selectedDecisions.current.push(value as string);
-        }
-      } else {
-        selectedDecisions.current.push(name);
-      }
-    } else {
-      removeFromArray(selectedDecisions.current, name);
-    }
-  };
-
-  const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
-    if (checked) {
-      setSelectedBehaviours([...selectedBehaviours, name]);
-    } else {
-      const array = selectedBehaviours.filter(behavior => behavior !== name);
-      setSelectedBehaviours(array);
-    }
-  };
-
-  const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
-
-  // Handle selectedOptions both when an option is selected or deselected in the Combobox,
-  // and when an option is removed by clicking on a tag
-  // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-
-  const getImage = tagName => {
-    try {
-      return require(`../ComponentSelector/components-images/${tagName}.png`);
-    } catch (error) {
-      return null;
-    }
-  };
-
-  const getComponentByName = (name: string) => {
-    return componentsDefinitions.current.find(definition => definition.name === name);
-  };
-
-  const getComponent = () => {
-    console.log(`--------- get component called`);
-    const suitableComponents: any[] = [];
-
-    if (selectedComponents && selectedComponents.length > 0) {
-      selectedComponents.forEach(componentName => {
-        const component = getComponentByName(componentName);
-        // console.log(`PUSH component name: ${component.name}`);
-        if (component) {
-          suitableComponents.push(component);
-        }
-      });
-    }
-
-    console.log(`IF GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
-    if (selectedBehaviours.length > 0) {
-      console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
-      const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
-      // componentsDefinitions.current.forEach(definition => {
-      componentsToIterate.forEach(definition => {
-        const keysInDefinitions = Object.keys(definition);
-
-        const matching = [];
-        selectedBehaviours.forEach(decision => {
-          definition.attributes.includes(decision) ? matching.push('matched') : null;
-          // if (keysInDefinitions.indexOf(decision) >= 0) {
-          //   matching.push('matched');
-          // }
-        });
-
-        if (selectedBehaviours.length === matching.length) {
-          console.log('fully matched');
-          // if suitableComponents does not include definition, push it
-          suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
-        } else {
-          // console.log(`suitableComponents: ${suitableComponents}`);
-          // console.log('GOING TO REMOVE');
-          removeFromArray(suitableComponents, definition);
-          // console.log(`suitableComponents: ${suitableComponents}`);
-        }
-      });
-    }
-
-    return suitableComponents;
-  };
-
-  const foundComponents = getComponent();
-
-  const namesOfComponents = () => {
-    const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
-      const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
-      definition['displayName'] = componentName;
-      return definition;
-    });
-    definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
-
-    return definitionsWithDisplayName;
-  };
-
-  const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
-    <>
-      <div data-id="wrapper" className={classes.componentWrapper}>
-        <Image src={getImage(definitionsWithDisplayName.displayName)} height={75} width={75} />
-        <div>
-          <span>{definitionsWithDisplayName.displayName}</span>
-          <Checkbox
-            aria-label={definitionsWithDisplayName.displayName}
-            onChange={(event, data) => {
-              if (data.checked) {
-                setSelectedComponents([...selectedComponents, definitionsWithDisplayName.name]);
-              } else {
-                setSelectedComponents(
-                  selectedComponents.filter(component => component !== definitionsWithDisplayName.name),
-                );
-              }
-            }}
-          />
-        </div>
-      </div>
-    </>
-  ));
-
-  const QuestionSelect = () => {
-    const selectId = useId();
-
-    return (
-      <>
-        <label htmlFor={selectId}></label>
-        <Select defaultValue={questions[0].selectText} id={selectId}>
-          {questions.map(item => (
-            <option>{item.selectText}</option>
-          ))}
-        </Select>
-      </>
-    );
-  };
-
-  const Questionnaire = () => {
-    return (
-      <>
-        <QuestionSelect />
-        <QuestionRadioGroup />
-      </>
-    );
-  };
-
-  const QuestionRadioGroup = () => {
-    const [value, setValue] = React.useState('');
-    return (
-      <>
-        {questions.map(item => (
-          <div className={classes.questionsWrapper}>
-            <Field className={classes.questionsField}>
-              <RadioGroup value={value} onChange={(_, data) => setValue(data.value)}>
-                <div className={classes.questionContainer}>
-                  <div className={classes.questionLeftSide}>
-                    <span className={classes.questionsLabel}>{item.shortSelectText}</span>
-                  </div>
-                  <div className={classes.questionRightSide}>
-                    <span className={classes.questionsText}>{item.question}</span>
-                    {item.answers.map(item => (
-                      <Radio key={item.value} value={item.text} label={item.text} className={classes.radioItem} />
-                    ))}
-                  </div>
-                </div>
-              </RadioGroup>
-            </Field>
-          </div>
-        ))}
-      </>
-    );
-  };
-
-  return (
-    <>
-      <h2>Choose component</h2>
-      <Accordion multiple>
-        <AccordionItem value="1">
-          <AccordionHeader as="h3">Basic Inputs</AccordionHeader>
-          <AccordionPanel>
-            <div className={classes.root}>{componentsToDisplay}</div>
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="2">
-          <AccordionHeader as="h3">Commands, Menus & Navs</AccordionHeader>
-          <AccordionPanel>
-            <div>Accordion Panel 2</div>
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="3">
-          <AccordionHeader as="h3">Galleries & Pickers</AccordionHeader>
-          <AccordionPanel>
-            <div>Accordion Panel 3</div>
-          </AccordionPanel>
-        </AccordionItem>
-      </Accordion>
-      <Questionnaire />
-      ----------- behaviours----------------
-      {/* <Checkbox
-        label="Interactive"
-        onChange={(event, data) => {
-          updateDecisionsForCheckbox('interactive', data.checked);
-        }}
-      /> */}
-      <div className={classes.behaviors}>
-        <ToggleButton
-          checked={behavior1}
-          shape="circular"
-          onClick={() => {
-            setBehavior1(!behavior1);
-            updateDecisionsForCheckbox('interactive', !behavior1);
-          }}
-        >
-          interactive
-        </ToggleButton>
-        <ToggleButton
-          checked={behavior2}
-          shape="circular"
-          onClick={() => {
-            setBehavior2(!behavior2);
-            updateDecisionsForCheckbox('static', !behavior2);
-          }}
-        >
-          static
-        </ToggleButton>
-        <ToggleButton
-          checked={behavior3}
-          shape="circular"
-          onClick={() => {
-            setBehavior3(!behavior3);
-            updateDecisionsForCheckbox('selectable', !behavior3);
-          }}
-        >
-          selectable
-        </ToggleButton>
-        <ToggleButton
-          checked={behavior4}
-          shape="circular"
-          onClick={() => {
-            setBehavior4(!behavior4);
-            updateDecisionsForCheckbox('toggle', !behavior4);
-          }}
-        >
-          toggle
-        </ToggleButton>
-      </div>
-      <div className={classes.thirdLevel}>
-        <div>
-          <Text id="chooseFromActions-label" weight="semibold">
-            Choose from actions:{' '}
-          </Text>
-          <div role="group" aria-labelledby="chooseFromActions-label">
-            <Checkbox
-              label="Navigate to page"
-              onChange={(event, data) => {
-                updateDecisionsForCheckbox('navigatesToPage', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Can be toggled?"
-              onChange={(event, data) => {
-                updateDecisions('toggle', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Has multiple actions?"
-              onChange={(event, data) => {
-                updateDecisions('multipleActions', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Opens menu?"
-              onChange={(event, data) => {
-                updateDecisions('opensMenu', data.checked);
-              }}
-            />
-          </div>
-        </div>
-        <div>
-          <Text id="chooseFromAppearance-label" weight="semibold">
-            Choose from appearance:{' '}
-          </Text>
-          <div role="group" aria-labelledby="chooseFromAppearance-label">
-            <Checkbox
-              label="Single column"
-              onChange={(event, data) => {
-                updateDecisions('singleColumn', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Columns and rows"
-              onChange={(event, data) => {
-                updateDecisions('columnsAndRows', data.checked);
-              }}
-            />
-            <Checkbox
-              label="Hierarchical"
-              onChange={(event, data) => {
-                updateDecisions('hierarchical', data.checked);
-              }}
-            />
-          </div>
-        </div>
-      </div>
-      <div className={classes.thirdLevel}>
-        <Text id="chooseFromAppearance-label" weight="semibold">
-          Choose from appearance:{' '}
-        </Text>
-        <div role="group" aria-labelledby="chooseFromAppearance-label">
-          <Checkbox
-            label="Single column"
-            onChange={(event, data) => {
-              updateDecisions('singleColumn', data.checked);
-            }}
-          />
-          <Checkbox
-            label="Columns and rows"
-            onChange={(event, data) => {
-              updateDecisions('columnsAndRows', data.checked);
-            }}
-          />
-          <Checkbox
-            label="Text/Heading"
-            onChange={(event, data) => {
-              updateDecisions('textOrHeading', data.checked);
-            }}
-          />
-        </div>
-      </div>
-      <>
-        <Label id="navigationBy">Navigation by</Label>
-        <RadioGroup
-          value={decisionState.keyboardNavigation.navigationBy as string}
-          onChange={(event, data) => {
-            updateDecisions('navigationBy', data.value);
-          }}
-          aria-labelledby="navigationBy"
-        >
-          <Radio value="navigationByArrowKeys" label="Arrow keys" />
-          <Radio value="navigationByTabKey" label="Tab key" />
-          <Radio value="notSpecified" label="Not specified" />
-        </RadioGroup>
-      </>
-      <Checkbox
-        className={classes.thirdLevel}
-        label="Screen reader narrates position"
-        onChange={(event, data) => {
-          updateDecisions('narratesPosition', data.checked);
-        }}
-      />
-      ----------- behaviours----------------
-      {/* nova komponenta na resutls: Found components */}
-      <h2 id="matching-heading">Matching components</h2>
-      <div role="group" aria-labelledby="matching-heading">
-        <div className={classes.foundMessage}>
-          <Text as="h3" weight="bold">
-            Found {foundComponents.length} component(s).{' '}
-          </Text>
-        </div>
-        {foundComponents.map((component, index) => {
-          return (
-            <div key={`component-${index}}`}>
-              <Text weight="semibold">
-                Component name:{' '}
-                <Link target="_blank" inline href={getComponentStoryUrl(component)}>
-                  {component.name}{' '}
-                </Link>
-              </Text>
-              <br />
-              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
-              {component.note && (
-                <div>
-                  <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
-                </div>
-              )}
-              <Divider appearance="strong" />
-            </div>
-          );
-        })}
-      </div>
-    </>
-  );
-};

From 674d32719936b12fdfb4925063437492c29cd1b3 Mon Sep 17 00:00:00 2001
From: kolaps33 <mituron@microsoft.com>
Date: Mon, 2 Dec 2024 20:02:44 +0100
Subject: [PATCH 056/111] remove unused code, add questions heading

---
 .../ComponentSelector/Selector.stories.tsx    | 105 +-----------------
 1 file changed, 3 insertions(+), 102 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 187b5d437ffe09..12aaf3d6d1375f 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -155,8 +155,7 @@ export const Selector = () => {
 
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-  const selectedDecisions = React.useRef<string[]>([]);
-  const [selectedQuestion, setSelectedQuestion] = React.useState('');
+
   const [behavior1, setBehavior1] = React.useState(false);
   const [behavior2, setBehavior2] = React.useState(false);
   const [behavior3, setBehavior3] = React.useState(false);
@@ -247,71 +246,6 @@ export const Selector = () => {
     cleanUpBaseObjects();
   }
 
-  //Following useMemo wasn't call when I tick checkbox
-  // const suitableComponents = React.useMemo(() => {
-  //   const suitableComponents: any[] = [];
-
-  //   componentsDefinitions.current.forEach(definition => {
-  //     const keysInDefinitions = Object.keys(definition);
-
-  //     const matching = [];
-  //     selectedDecisions.current.forEach(decision => {
-  //       if (keysInDefinitions.indexOf(decision) >= 0) {
-  //         matching.push('matched');
-  //       }
-  //     });
-
-  //     if (selectedDecisions.current.length === matching.length) {
-  //       console.log('fully matched');
-  //       suitableComponents.push(definition);
-  //     }
-  //   });
-  //   return suitableComponents;
-  // }, [selectedDecisions]);
-
-  // const updateDecisions = (name: string, value: boolean | string, modifySelectedDecisions = true) => {
-  //   const category = getDecisionCategory(name) as string;
-  //   decisionState[category][name] = value;
-  //   setDecisionState({ ...decisionState });
-
-  //   // Currently not in use, but might be useful in future to have options which do not modify the selected decisions
-  //   if (!modifySelectedDecisions) {
-  //     return;
-  //   }
-
-  //   if (value) {
-  //     // Determine if the option is a radio as opposed to checkbox
-  //     if (name in decisionRadioValues) {
-  //       // Clear all the properties in this category
-  //       for (let nameToRemove in decisionState[category]) {
-  //         if (nameToRemove in decisionRadioValues) {
-  //           decisionRadioValues[nameToRemove].forEach(item => {
-  //             removeFromArray(selectedDecisions.current, item);
-  //           });
-  //         } else {
-  //           removeFromArray(selectedDecisions.current, nameToRemove);
-  //         }
-  //       }
-
-  //       // Remove the props other than the value from selected decisions
-  //       decisionRadioValues[name].forEach(prop => {
-  //         if (prop !== value) {
-  //           removeFromArray(selectedDecisions.current, prop);
-  //         }
-  //       });
-
-  //       // The value is the name of the prop we want to push into selected decisions
-  //       if (decisionRadioValues[name].includes(value as string)) {
-  //         selectedDecisions.current.push(value as string);
-  //       }
-  //     } else {
-  //       selectedDecisions.current.push(name);
-  //     }
-  //   } else {
-  //     removeFromArray(selectedDecisions.current, name);
-  //   }
-  // };
-
   const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
@@ -450,30 +384,6 @@ export const Selector = () => {
     </>
   ));
 
-  // const QuestionRadioGroup = () => {
-  //   // const [selectedBehavioursFromQuestions, setSelectedBehavioursFromQuestions] = React.useState<string[]>([]);
-  //   React.useEffect(() => {
-  //     console.log(`UseEffect: QuestionRadioGroup: Array: ${selectedBehaviours}`);
-  //   }, []);
-
-  //   const allQuestions = getAllQuestions(selectedComponents, questions);
-
-  //   return (
-  //     <>
-  //       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
-  //       {allQuestions.length > 0 &&
-  //         allQuestions.map((item, index) => (
-  //           <Question
-  //             key={item.id}
-  //             QuestionItem={item}
-  //             indexQuestion={index}
-  //             updateDecisionForQuestion={updateDecisionForQuestion}
-  //           />
-  //         ))}
-  //     </>
-  //   );
-  // };
-
   const MatchingComponents = () => {
     const foundComponents = getComponent();
 
@@ -540,7 +450,7 @@ export const Selector = () => {
           </AccordionPanel>
         </AccordionItem>
       </Accordion>
-      {/* <QuestionRadioGroup /> */}
+      {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
       {QuestionRadioGroup}
       <h2 className={classes.heading}>Choose behavior</h2>
       <div className={classes.behaviors}>
@@ -564,16 +474,7 @@ export const Selector = () => {
         >
           static
         </ToggleButton>
-        {/* <ToggleButton
-          checked={behavior3}
-          shape="circular"
-          onClick={() => {
-            setBehavior3(!behavior3);
-            updateDecisionsForCheckbox('selectable', !behavior3);
-          }}
-        >
-          selectable
-        </ToggleButton> */}
+
         <ToggleButton
           checked={behavior4}
           shape="circular"

From 6f2152cff30594341fcd5bc19b080ecfbc9ceca6 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 10 Dec 2024 10:07:39 +0100
Subject: [PATCH 057/111] Change folder structure

---
 .../stories/ComponentSelector/Selector.stories.tsx            | 4 ++--
 .../stories/ComponentSelector/components-definitions/index.js | 2 --
 .../{components-definitions => selection-logic}/Groups.json   | 0
 .../Questions.json                                            | 0
 .../react-components/stories/ComponentSelector/utils.tsx      | 2 +-
 5 files changed, 3 insertions(+), 5 deletions(-)
 rename packages/react-components/react-components/stories/ComponentSelector/{components-definitions => selection-logic}/Groups.json (100%)
 rename packages/react-components/react-components/stories/ComponentSelector/{components-definitions => selection-logic}/Questions.json (100%)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 12aaf3d6d1375f..253c30b95a0d29 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -21,7 +21,8 @@ import {
   useId,
 } from '@fluentui/react-components';
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
-import questions from './components-definitions/Questions.json';
+import questions from './selection-logic/Questions.json';
+import GroupsDef from './selection-logic/Groups.json';
 import {
   ListBaseDef,
   AccordionDef,
@@ -47,7 +48,6 @@ import {
   TreeBaseDef,
   MenuButtonDef,
   TabListDef,
-  GroupsDef,
 } from './components-definitions/index';
 import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
index 19bb03e1a86a18..7694f87fcf22f8 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
@@ -29,7 +29,5 @@ export { default as TreeSelectionDef } from './TreeSelection.json';
 
 export { default as TabListDef } from './TabList.json';
 
-export { default as GroupsDef } from './Groups.json';
-
 export { default as TooltipDef } from './Tooltip.json';
 export { default as InfoLabelDef } from './InfoLabel.json';
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Groups.json
similarity index 100%
rename from packages/react-components/react-components/stories/ComponentSelector/components-definitions/Groups.json
rename to packages/react-components/react-components/stories/ComponentSelector/selection-logic/Groups.json
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Questions.json
similarity index 100%
rename from packages/react-components/react-components/stories/ComponentSelector/components-definitions/Questions.json
rename to packages/react-components/react-components/stories/ComponentSelector/selection-logic/Questions.json
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index a37988c436899c..ea438233d86276 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { GroupsDef } from './components-definitions/index';
+import GroupsDef from './selection-logic/Groups.json';
 
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';

From e634d5d5f58eb1ad3ddff178d0478673af3948ec Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 10 Dec 2024 12:42:05 +0100
Subject: [PATCH 058/111] Add categories json

---
 .../selection-logic/Categories.json           | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
new file mode 100644
index 00000000000000..30760009c39d57
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
@@ -0,0 +1,26 @@
+[
+  {
+    "id": "basicInputs",
+    "title": "Basic inputs",
+    "components": [
+      "Accordion",
+      "Button",
+      "Checkbox",
+      "InfoLabel",
+      "link",
+      "List",
+      "Menu",
+      "MenuButton",
+      "MenuItemCheckbox",
+      "MenuItemRadio",
+      "MenuSubmenu",
+      "SplitButton",
+      "Table",
+      "TabList",
+      "Text",
+      "ToggleButton",
+      "Tooltip",
+      "Tree"
+    ]
+  }
+]

From 7a01e5733b6eedee396c497d96654b1f5a69e5ee Mon Sep 17 00:00:00 2001
From: kolaps33 <mituron@microsoft.com>
Date: Tue, 10 Dec 2024 12:45:47 +0100
Subject: [PATCH 059/111] change import all JSONs in one

---
 .../ComponentSelector/Selector.stories.tsx    | 65 ++-----------------
 1 file changed, 7 insertions(+), 58 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 253c30b95a0d29..0004b0d7cd0b4e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -22,33 +22,7 @@ import {
 } from '@fluentui/react-components';
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
 import questions from './selection-logic/Questions.json';
-import GroupsDef from './selection-logic/Groups.json';
-import {
-  ListBaseDef,
-  AccordionDef,
-  CheckboxDef,
-  TableCellNavigationDef,
-  TableBaseDef,
-  TableCellActionsDef,
-  MenuBaseDef,
-  MenuItemCheckboxDef,
-  MenuDef,
-  MenuItemRadioDef,
-  MenuSubmenuDef,
-  SplitButtonDef,
-  ToggleButtonDef,
-  ButtonBaseDef,
-  LinkDef,
-  TextDef,
-  TableDef,
-  ListDef,
-  ListSingleActionDef,
-  TreeDef,
-  TreeSelectionDef,
-  TreeBaseDef,
-  MenuButtonDef,
-  TabListDef,
-} from './components-definitions/index';
+import * as componentsDefinitionsImported from './components-definitions/index';
 import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
 import { Question } from './Question';
@@ -208,43 +182,18 @@ export const Selector = () => {
     componentsDefinitions.current.forEach((definition, index) => {
       // just check the name if includes "Base",
       // in future would be better detection based on prop, like: "abstract": "true"
-      if (definition.name.includes('Base')) {
+      if (definition.name && definition.name.includes('Base')) {
         componentsDefinitions.current.splice(index, 1);
       }
     });
   };
 
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  if (componentsDefinitions.current.length === 0) {
-    componentsDefinitions.current.push(
-      ListBaseDef,
-      AccordionDef,
-      CheckboxDef,
-      TableCellNavigationDef,
-      TableBaseDef,
-      TableCellActionsDef,
-      MenuBaseDef,
-      MenuItemCheckboxDef,
-      MenuDef,
-      MenuItemRadioDef,
-      MenuSubmenuDef,
-      SplitButtonDef,
-      ToggleButtonDef,
-      ButtonBaseDef,
-      LinkDef,
-      TextDef,
-      TableDef,
-      ListDef,
-      ListSingleActionDef,
-      TreeDef,
-      TreeSelectionDef,
-      TreeBaseDef,
-      MenuButtonDef,
-      TabListDef,
-    );
-    mergeBaseObjects();
-    cleanUpBaseObjects();
-  }
+  Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
+    componentsDefinitions.current.push(value);
+  });
+  mergeBaseObjects();
+  cleanUpBaseObjects();
 
   const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
     if (checked) {

From 6c456081b91082584b159e15e1d845e81cd0ef35 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 10 Dec 2024 18:47:10 +0100
Subject: [PATCH 060/111] Add selection from categories logic

---
 .../ComponentSelector/Selector.stories.tsx    | 72 ++++++++++---------
 .../selection-logic/Categories.json           | 12 +++-
 2 files changed, 51 insertions(+), 33 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 0004b0d7cd0b4e..f698c59e0a7323 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -22,6 +22,7 @@ import {
 } from '@fluentui/react-components';
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
 import questions from './selection-logic/Questions.json';
+import categories from './selection-logic/Categories.json';
 import * as componentsDefinitionsImported from './components-definitions/index';
 import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
@@ -270,28 +271,44 @@ export const Selector = () => {
     return suitableComponents;
   };
 
-  const namesOfComponents = () => {
+  const addComponent = name => {
+    console.log(`addComponent: ${name}`);
+    console.log(`selectedComponents: ${selectedComponents}`);
+    setSelectedComponents(prevArray => [...prevArray, name]);
+  };
+
+  const categorizedComponents = () => {
     const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
-      const componentName = definition.story ? `${definition.name} : ${definition.story}` : definition.name;
+      const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
       definition['displayName'] = componentName;
       return definition;
     });
     definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
 
-    return definitionsWithDisplayName;
-  };
-
-  const addComponent = name => {
-    console.log(`addComponent: ${name}`);
-    console.log(`selectedComponents: ${selectedComponents}`);
-    setSelectedComponents(prevArray => [...prevArray, name]);
+    const result = categories.map(category => {
+      category['cards'] = [];
+      definitionsWithDisplayName.forEach(definition => {
+        if (category.components.includes(definition.component)) {
+          const card = (
+            <>
+              <SelectionCard
+                displayName={definition.displayName}
+                name={definition.name}
+                image={definition.img}
+                addComponent={addComponent}
+              />
+            </>
+          );
+          category['cards'].push(card);
+        }
+      });
+      return category;
+    });
+    return result;
   };
-  // setSelectedComponents([...selectedComponents, name]);
-  // };
-
-  // setSelectedComponents(selectedComponents.filter(component => component !== name));
 
-  const componentsToDisplay = namesOfComponents().map(definitionsWithDisplayName => (
+  /*
+  const componentsToDisplay = categorizedComponents().map(definitionsWithDisplayName => (
     <>
       <SelectionCard
         displayName={definitionsWithDisplayName.displayName}
@@ -301,6 +318,7 @@ export const Selector = () => {
       />
     </>
   ));
+  */
 
   const updateDecisionForQuestion = (currentName: string, previousName: string) => {
     if (currentName === 'none' && previousName === 'none') {
@@ -380,24 +398,14 @@ export const Selector = () => {
     <>
       <h2>Choose component</h2>
       <Accordion multiple>
-        <AccordionItem value="1">
-          <AccordionHeader as="h3">Basic Inputs</AccordionHeader>
-          <AccordionPanel>
-            <div className={classes.root}>{componentsToDisplay}</div>
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="2">
-          <AccordionHeader as="h3">Commands, Menus & Navs</AccordionHeader>
-          <AccordionPanel>
-            <div>Accordion Panel 2</div>
-          </AccordionPanel>
-        </AccordionItem>
-        <AccordionItem value="3">
-          <AccordionHeader as="h3">Galleries & Pickers</AccordionHeader>
-          <AccordionPanel>
-            <div>Accordion Panel 3</div>
-          </AccordionPanel>
-        </AccordionItem>
+        {categorizedComponents().map(category => (
+          <AccordionItem value={category.id}>
+            <AccordionHeader as="h3">{category.title}</AccordionHeader>
+            <AccordionPanel>
+              <div className={classes.root}>{category['cards']}</div>
+            </AccordionPanel>
+          </AccordionItem>
+        ))}
       </Accordion>
       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
       {QuestionRadioGroup}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
index 30760009c39d57..731df1a8688d24 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
@@ -1,7 +1,7 @@
 [
   {
     "id": "basicInputs",
-    "title": "Basic inputs",
+    "title": "Basic Inputs",
     "components": [
       "Accordion",
       "Button",
@@ -22,5 +22,15 @@
       "Tooltip",
       "Tree"
     ]
+  },
+  {
+    "id": "commandsMenusAndNavs",
+    "title": "Commands, Menus and Navs",
+    "components": []
+  },
+  {
+    "id": "galleriesAndPickers",
+    "title": "Galleries and Pickers",
+    "components": []
   }
 ]

From e80cdf8f250e98e4404087748010311ae3bf1a7f Mon Sep 17 00:00:00 2001
From: kolaps33 <mituron@microsoft.com>
Date: Tue, 10 Dec 2024 19:30:58 +0100
Subject: [PATCH 061/111] fix for pushing into field

---
 .../ComponentSelector/Selector.stories.tsx       | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index f698c59e0a7323..f1b2d3a76ad95a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -190,11 +190,17 @@ export const Selector = () => {
   };
 
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
-    componentsDefinitions.current.push(value);
-  });
-  mergeBaseObjects();
-  cleanUpBaseObjects();
+  const fillComponentsDefinitions = () => {
+    if (componentsDefinitions && componentsDefinitions.current.length === 0) {
+      Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
+        componentsDefinitions.current.push(value);
+      });
+      mergeBaseObjects();
+      cleanUpBaseObjects();
+    }
+  };
+
+  fillComponentsDefinitions();
 
   const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
     if (checked) {

From 782acc49a4af65585a49985ad82467fa798fadca Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 14:40:44 +0100
Subject: [PATCH 062/111] Add components filter feature

---
 .../ComponentSelector/Selector.stories.tsx    | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index f1b2d3a76ad95a..548b13e15f9726 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -9,15 +9,16 @@ import {
   Text,
   Divider,
   Checkbox,
+  Field,
+  Input,
+  Image,
+  Label,
   RadioGroup,
   Radio,
-  Label,
+  Select,
+  ToggleButton,
   makeStyles,
   tokens,
-  Image,
-  ToggleButton,
-  Field,
-  Select,
   useId,
 } from '@fluentui/react-components';
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
@@ -190,6 +191,7 @@ export const Selector = () => {
   };
 
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
+  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
   const fillComponentsDefinitions = () => {
     if (componentsDefinitions && componentsDefinitions.current.length === 0) {
       Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
@@ -284,7 +286,7 @@ export const Selector = () => {
   };
 
   const categorizedComponents = () => {
-    const definitionsWithDisplayName = componentsDefinitions.current.map(definition => {
+    const definitionsWithDisplayName = filteredComponentsDefinitions.map(definition => {
       const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
       definition['displayName'] = componentName;
       return definition;
@@ -313,19 +315,6 @@ export const Selector = () => {
     return result;
   };
 
-  /*
-  const componentsToDisplay = categorizedComponents().map(definitionsWithDisplayName => (
-    <>
-      <SelectionCard
-        displayName={definitionsWithDisplayName.displayName}
-        name={definitionsWithDisplayName.name}
-        image={definitionsWithDisplayName.img}
-        addComponent={addComponent}
-      />
-    </>
-  ));
-  */
-
   const updateDecisionForQuestion = (currentName: string, previousName: string) => {
     if (currentName === 'none' && previousName === 'none') {
       return;
@@ -400,8 +389,22 @@ export const Selector = () => {
     );
   };
 
+  React.useEffect(() => {
+    setFilteredComponentsDefinitions(componentsDefinitions.current);
+  }, [setFilteredComponentsDefinitions]);
+  const onFilterChange = (event, data) => {
+    setFilteredComponentsDefinitions(
+      componentsDefinitions.current.filter(definition =>
+        definition.component.toLowerCase().includes(data.value.toLowerCase()),
+      ),
+    );
+  };
+
   return (
     <>
+      <Field label="Filter components">
+        <Input onChange={onFilterChange} />
+      </Field>
       <h2>Choose component</h2>
       <Accordion multiple>
         {categorizedComponents().map(category => (

From e49a82e652d3542903320e4751d09607913eefb8 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 14:53:01 +0100
Subject: [PATCH 063/111] Small refactoring

---
 .../stories/ComponentSelector/Selector.stories.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 548b13e15f9726..1b30c727ea379a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -285,7 +285,7 @@ export const Selector = () => {
     setSelectedComponents(prevArray => [...prevArray, name]);
   };
 
-  const categorizedComponents = () => {
+  const categorizedComponents = React.useMemo(() => {
     const definitionsWithDisplayName = filteredComponentsDefinitions.map(definition => {
       const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
       definition['displayName'] = componentName;
@@ -313,7 +313,7 @@ export const Selector = () => {
       return category;
     });
     return result;
-  };
+  }, [filteredComponentsDefinitions]);
 
   const updateDecisionForQuestion = (currentName: string, previousName: string) => {
     if (currentName === 'none' && previousName === 'none') {
@@ -407,7 +407,7 @@ export const Selector = () => {
       </Field>
       <h2>Choose component</h2>
       <Accordion multiple>
-        {categorizedComponents().map(category => (
+        {categorizedComponents.map(category => (
           <AccordionItem value={category.id}>
             <AccordionHeader as="h3">{category.title}</AccordionHeader>
             <AccordionPanel>

From 057125dce918df8c163f1f0a52bfd233a929b661 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 15:17:05 +0100
Subject: [PATCH 064/111] Fix typ errors

---
 .../stories/ComponentSelector/Selector.stories.tsx            | 2 +-
 .../react-components/stories/ComponentSelector/utils.tsx      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 1b30c727ea379a..ea911dfbb829b3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -255,7 +255,7 @@ export const Selector = () => {
       componentsToIterate.forEach(definition => {
         const keysInDefinitions = Object.keys(definition);
 
-        const matching = [];
+        const matching: string[] = [];
         selectedBehaviours.forEach(decision => {
           definition.attributes.includes(decision) ? matching.push('matched') : null;
           // if (keysInDefinitions.indexOf(decision) >= 0) {
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index ea438233d86276..d21c9994cd587d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -67,7 +67,7 @@ export const getComponentStoryUrl = component => {
 };
 
 const getQuestionsIDs = (name: string) => {
-  let questions = [];
+  let questions: string[][] = [];
   GroupsDef.forEach(group => {
     group.tags.includes(name) ? questions.push(group.questions) : null;
   });
@@ -75,7 +75,7 @@ const getQuestionsIDs = (name: string) => {
 };
 
 export const getAllQuestions = (selectedComponents, questions) => {
-  let allQuestionsIDs = [];
+  let allQuestionsIDs: string[] = [];
   selectedComponents.forEach(component => {
     allQuestionsIDs.push(getQuestionsIDs(component));
   });

From 842f18031978fef25f8731cd338201e9a663546e Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 15:24:17 +0100
Subject: [PATCH 065/111] Fix type error

---
 .../react-components/stories/ComponentSelector/utils.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index d21c9994cd587d..4d698ce17ba7d0 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import GroupsDef from './selection-logic/Groups.json';
+import groups from './selection-logic/Groups.json';
 
 const APP_TITLE = 'Component Selector';
 const APP_TITLE_SEPARATOR = ' | ';
@@ -68,14 +68,14 @@ export const getComponentStoryUrl = component => {
 
 const getQuestionsIDs = (name: string) => {
   let questions: string[][] = [];
-  GroupsDef.forEach(group => {
+  groups.forEach(group => {
     group.tags.includes(name) ? questions.push(group.questions) : null;
   });
   return questions;
 };
 
 export const getAllQuestions = (selectedComponents, questions) => {
-  let allQuestionsIDs: string[] = [];
+  let allQuestionsIDs: string[][][] = [];
   selectedComponents.forEach(component => {
     allQuestionsIDs.push(getQuestionsIDs(component));
   });

From 75313c6569f2f19b654163e47d566e92b680c7ac Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 16:28:44 +0100
Subject: [PATCH 066/111] Small refactoring

---
 .../stories/ComponentSelector/utils.tsx       | 27 ++++++++-----------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index 4d698ce17ba7d0..ebad336049ce29 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -67,28 +67,23 @@ export const getComponentStoryUrl = component => {
 };
 
 const getQuestionsIDs = (name: string) => {
-  let questions: string[][] = [];
+  const questionsIds: string[] = [];
   groups.forEach(group => {
-    group.tags.includes(name) ? questions.push(group.questions) : null;
+    group.tags.includes(name) ? questionsIds.push(...group.questions) : null;
   });
-  return questions;
+  return questionsIds;
 };
 
 export const getAllQuestions = (selectedComponents, questions) => {
-  let allQuestionsIDs: string[][][] = [];
+  let allQuestionsIDs: string[] = [];
   selectedComponents.forEach(component => {
-    allQuestionsIDs.push(getQuestionsIDs(component));
+    getQuestionsIDs(component).forEach(id => {
+      allQuestionsIDs.includes(id) ? null : allQuestionsIDs.push(id);
+    });
   });
 
-  const allQuestions = allQuestionsIDs.map(questionId =>
-    questions.map(item => {
-      // questionId is array of arrays, to simplyfy the check we flat it
-      const questionIdFlat = questionId.flat();
-      if (questionIdFlat.includes(item.id)) {
-        return item;
-      }
-    }),
-  );
-  const allQuestionsFlat = allQuestions.flat().filter(item => item !== undefined);
-  return allQuestionsFlat;
+  const allQuestions = allQuestionsIDs
+    .map(questionId => questions.find(question => question.id === questionId))
+    .filter(foundQuestion => foundQuestion !== undefined);
+  return allQuestions;
 };

From 2180e1bd018deaec3a2165de28c63bac09b581ef Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 17:35:32 +0100
Subject: [PATCH 067/111] Rename vars and functions

---
 .../ComponentSelector/Selector.stories.tsx       | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index ea911dfbb829b3..b04c136af7d5dd 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -227,12 +227,12 @@ export const Selector = () => {
     }
   };
 
-  const getComponentByName = (name: string) => {
+  const getComponentDefinitionByName = (name: string) => {
     return componentsDefinitions.current.find(definition => definition.name === name);
   };
 
-  const getComponent = () => {
-    console.log(`--------- get component called`);
+  const getMatchingComponents = () => {
+    console.log(`--------- get matching components called`);
     const suitableComponents: any[] = [];
 
     console.log(`selectedComponents: ${selectedComponents}`);
@@ -240,10 +240,10 @@ export const Selector = () => {
     // if there is already selected any behavior ignore component selection
     if (selectedComponents && selectedComponents.length > 0 && selectedBehaviours.length === 0) {
       selectedComponents.forEach(componentName => {
-        const component = getComponentByName(componentName);
+        const definition = getComponentDefinitionByName(componentName);
         // console.log(`PUSH component name: ${component.name}`);
-        if (component) {
-          suitableComponents.push(component);
+        if (definition) {
+          suitableComponents.push(definition);
         }
       });
     }
@@ -253,7 +253,7 @@ export const Selector = () => {
       const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
       // componentsDefinitions.current.forEach(definition => {
       componentsToIterate.forEach(definition => {
-        const keysInDefinitions = Object.keys(definition);
+        // const keysInDefinitions = Object.keys(definition);
 
         const matching: string[] = [];
         selectedBehaviours.forEach(decision => {
@@ -347,7 +347,7 @@ export const Selector = () => {
   ));
 
   const MatchingComponents = () => {
-    const foundComponents = getComponent();
+    const foundComponents = getMatchingComponents();
 
     React.useEffect(() => {
       console.log(`UseEffect: MatchingComponents: foundComponents: ${foundComponents}`);

From 175d8032b8210a4edc79f0c4f5b99ecfee67ffaa Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 18:17:58 +0100
Subject: [PATCH 068/111] Extract MatchingComponents into React component in
 separate file

---
 .../ComponentSelector/MatchingComponents.tsx  | 48 ++++++++++++++++
 .../ComponentSelector/Selector.stories.tsx    | 57 +++----------------
 2 files changed, 55 insertions(+), 50 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
new file mode 100644
index 00000000000000..f0ef0e54ebe041
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Divider, Link, Text, makeStyles } from '@fluentui/react-components';
+
+import { getComponentStoryUrl } from './utils';
+
+const useStyles = makeStyles({
+  heading: { margin: '30px 0 10px 0' },
+  foundMessage: { 'margin-bottom': '10px' },
+});
+
+export const MatchingComponents = ({ components }) => {
+  const classes = useStyles();
+
+  return (
+    <>
+      <h2 id="matching-heading" className={classes.heading}>
+        Matching components
+      </h2>
+      <div role="group" aria-labelledby="matching-heading">
+        <div className={classes.foundMessage}>
+          <Text as="h3" weight="bold">
+            {/* Found {foundComponents.length} component(s).{' '} */}
+          </Text>
+        </div>
+        {components.map((component, index) => {
+          return (
+            <div key={`component-${index}}`}>
+              <Text weight="semibold">
+                Component name:{' '}
+                <Link target="_blank" inline href={getComponentStoryUrl(component)}>
+                  {component.name}{' '}
+                </Link>
+              </Text>
+              <br />
+              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+              {component.note && (
+                <div>
+                  <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
+                </div>
+              )}
+              <Divider appearance="strong" />
+            </div>
+          );
+        })}
+      </div>
+    </>
+  );
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index b04c136af7d5dd..ec3950033175b3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,21 +1,20 @@
 import * as React from 'react';
-
 import {
   Accordion,
   AccordionHeader,
   AccordionItem,
   AccordionPanel,
-  Link,
-  Text,
-  Divider,
   Checkbox,
+  Divider,
   Field,
-  Input,
   Image,
+  Input,
   Label,
-  RadioGroup,
+  Link,
   Radio,
+  RadioGroup,
   Select,
+  Text,
   ToggleButton,
   makeStyles,
   tokens,
@@ -28,6 +27,7 @@ import * as componentsDefinitionsImported from './components-definitions/index';
 import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
 import { Question } from './Question';
+import { MatchingComponents } from './MatchingComponents';
 
 const decisionRadioValues: Record<string, string[]> = {
   navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
@@ -346,49 +346,6 @@ export const Selector = () => {
     </>
   ));
 
-  const MatchingComponents = () => {
-    const foundComponents = getMatchingComponents();
-
-    React.useEffect(() => {
-      console.log(`UseEffect: MatchingComponents: foundComponents: ${foundComponents}`);
-    }, []);
-
-    return (
-      <>
-        <h2 id="matching-heading" className={classes.heading}>
-          Matching components
-        </h2>
-        <div role="group" aria-labelledby="matching-heading">
-          <div className={classes.foundMessage}>
-            <Text as="h3" weight="bold">
-              {/* Found {foundComponents.length} component(s).{' '} */}
-            </Text>
-          </div>
-          {foundComponents.map((component, index) => {
-            return (
-              <div key={`component-${index}}`}>
-                <Text weight="semibold">
-                  Component name:{' '}
-                  <Link target="_blank" inline href={getComponentStoryUrl(component)}>
-                    {component.name}{' '}
-                  </Link>
-                </Text>
-                <br />
-                <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
-                {component.note && (
-                  <div>
-                    <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>
-                  </div>
-                )}
-                <Divider appearance="strong" />
-              </div>
-            );
-          })}
-        </div>
-      </>
-    );
-  };
-
   React.useEffect(() => {
     setFilteredComponentsDefinitions(componentsDefinitions.current);
   }, [setFilteredComponentsDefinitions]);
@@ -500,7 +457,7 @@ export const Selector = () => {
       </div>
 
       {/* nova komponenta na resutls: Found components */}
-      <MatchingComponents />
+      <MatchingComponents components={getMatchingComponents()} />
     </>
   );
 };

From dcb276ac0a949559ac47c3249b1d92939c176fe2 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 11 Dec 2024 18:25:42 +0100
Subject: [PATCH 069/111] Small refactoring

---
 .../stories/ComponentSelector/Question.tsx    | 23 ++++++++-----------
 .../ComponentSelector/SelectionCard.tsx       | 14 +++++++++--
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
index 1cbd3c881a8c39..d8c0c60f46bc0c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
@@ -1,23 +1,22 @@
 import * as React from 'react';
-
 import {
   Accordion,
   AccordionHeader,
   AccordionItem,
   AccordionPanel,
-  Link,
-  Text,
-  Divider,
   Checkbox,
-  RadioGroup,
-  Radio,
+  Divider,
+  Field,
   Label,
+  Link,
+  Radio,
+  RadioGroup,
+  Select,
+  Text,
+  ToggleButton,
+  Image,
   makeStyles,
   tokens,
-  Image,
-  ToggleButton,
-  Field,
-  Select,
   useId,
 } from '@fluentui/react-components';
 
@@ -82,12 +81,10 @@ const useStyles = makeStyles({
   behaviors: { display: 'flex', gap: '10px' },
 });
 
-export const Question = props => {
+export const Question = ({ QuestionItem, indexQuestion, updateDecisionForQuestion }) => {
   const [value, setRadioValue] = React.useState('none');
   const classes = useStyles();
 
-  const { QuestionItem, indexQuestion, updateDecisionForQuestion } = props;
-
   React.useEffect(() => {
     console.log(`UseEffect: Question${indexQuestion}: Value: ${value}`);
   }, [value]);
diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 088b20507703fe..6fc7f598bb17f3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -1,7 +1,17 @@
 import * as React from 'react';
-import { makeStyles, Button, Caption1, tokens, Text, Checkbox } from '@fluentui/react-components';
+import {
+  Button,
+  Caption1,
+  Card,
+  CardHeader,
+  CardPreview,
+  CardProps,
+  Checkbox,
+  Text,
+  makeStyles,
+  tokens,
+} from '@fluentui/react-components';
 import { MoreHorizontal20Regular } from '@fluentui/react-icons';
-import { Card, CardHeader, CardPreview, CardProps } from '@fluentui/react-components';
 import { stat } from 'fs';
 
 const resolveAsset = (asset: string) => {

From 7c344465d79ea2016efac2aaa2b75ead2f5cc55d Mon Sep 17 00:00:00 2001
From: kolaps33 <mituron@microsoft.com>
Date: Thu, 12 Dec 2024 11:31:59 +0100
Subject: [PATCH 070/111] amend suitable components logic

---
 .../stories/ComponentSelector/Selector.stories.tsx              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index ec3950033175b3..8391b595bc6524 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -250,7 +250,7 @@ export const Selector = () => {
 
     if (selectedBehaviours.length > 0) {
       console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
-      const componentsToIterate = suitableComponents.length > 0 ? suitableComponents : componentsDefinitions.current;
+      const componentsToIterate = componentsDefinitions.current;
       // componentsDefinitions.current.forEach(definition => {
       componentsToIterate.forEach(definition => {
         // const keysInDefinitions = Object.keys(definition);

From 969e71f32f2b43b2b72ab32c9fe0def3e508d146 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 12 Dec 2024 14:27:22 +0100
Subject: [PATCH 071/111] Extract BehaviorSelection component and refactor

---
 .../ComponentSelector/BehaviorSelection.tsx   | 90 +++++++++++++++++++
 .../ComponentSelector/MatchingComponents.tsx  |  2 +-
 .../ComponentSelector/Selector.stories.tsx    | 89 +-----------------
 .../stories/ComponentSelector/utils.tsx       |  2 +-
 4 files changed, 96 insertions(+), 87 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx

diff --git a/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
new file mode 100644
index 00000000000000..8e66abec948825
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { ToggleButton, makeStyles } from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+  heading: { margin: '30px 0 10px 0' },
+  behaviors: { display: 'flex', gap: '10px' },
+});
+
+const behaviorOptions = [
+  {
+    title: 'Choose Behavior',
+    behaviors: [
+      {
+        id: 'interactive',
+        name: 'Interactive',
+      },
+      {
+        id: 'static',
+        name: 'Static',
+      },
+      {
+        id: 'toggle',
+        name: 'Toggle',
+      },
+      {
+        id: 'moreActions',
+        name: 'Multiple actions',
+      },
+    ],
+  },
+  {
+    title: 'Choose Keyboard and Screen Reader Experience',
+    behaviors: [
+      {
+        id: 'navigationByTabKey',
+        name: 'Navigation by Tab key',
+      },
+      {
+        id: 'navigationByArrowKeys',
+        name: 'Navigation by arrow keys',
+      },
+      {
+        id: 'narratesPosition',
+        name: 'Screen reader narrates position',
+      },
+    ],
+  },
+];
+
+const getDefaultBehaviors = () => {
+  const behaviors = {};
+  behaviorOptions.forEach(category => {
+    category.behaviors.forEach(behavior => {
+      behaviors[behavior.id] = false;
+    });
+  });
+  return behaviors;
+};
+
+export const BehaviorSelection = ({ updateBehaviorDecision }) => {
+  const classes = useStyles();
+  const [behaviors, setBehaviors] = React.useState<Record<string, boolean>>(getDefaultBehaviors());
+
+  return (
+    <>
+      {behaviorOptions.map(category => (
+        <>
+          <h2 className={classes.heading}>{category.title}</h2>
+          <div className={classes.behaviors}>
+            {category.behaviors.map(behavior => (
+              <ToggleButton
+                checked={behaviors[behavior.id]}
+                shape="circular"
+                onClick={() => {
+                  const newValue = !behaviors[behavior.id];
+                  const newBehaviors = { ...behaviors };
+                  newBehaviors[behavior.id] = newValue;
+                  setBehaviors(newBehaviors);
+                  updateBehaviorDecision(behavior.id, newValue);
+                }}
+              >
+                {behavior.name}
+              </ToggleButton>
+            ))}
+          </div>
+        </>
+      ))}
+    </>
+  );
+};
diff --git a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
index f0ef0e54ebe041..e80b008f373861 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
@@ -14,7 +14,7 @@ export const MatchingComponents = ({ components }) => {
   return (
     <>
       <h2 id="matching-heading" className={classes.heading}>
-        Matching components
+        Matching Components
       </h2>
       <div role="group" aria-labelledby="matching-heading">
         <div className={classes.foundMessage}>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 8391b595bc6524..b28a1bc895a865 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -27,6 +27,7 @@ import * as componentsDefinitionsImported from './components-definitions/index';
 import { add, create, get, set } from 'lodash';
 import { SelectionCard } from './SelectionCard';
 import { Question } from './Question';
+import { BehaviorSelection } from './BehaviorSelection';
 import { MatchingComponents } from './MatchingComponents';
 
 const decisionRadioValues: Record<string, string[]> = {
@@ -92,7 +93,6 @@ const useStyles = makeStyles({
   radioItem: {
     display: 'flex',
   },
-  behaviors: { display: 'flex', gap: '10px' },
 });
 
 export const Selector = () => {
@@ -204,7 +204,7 @@ export const Selector = () => {
 
   fillComponentsDefinitions();
 
-  const updateDecisionsForCheckbox = (name: string, checked: boolean | string) => {
+  const updateBehaviorDecision = (name: string, checked: boolean | string) => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
@@ -362,7 +362,7 @@ export const Selector = () => {
       <Field label="Filter components">
         <Input onChange={onFilterChange} />
       </Field>
-      <h2>Choose component</h2>
+      <h2>Choose Component</h2>
       <Accordion multiple>
         {categorizedComponents.map(category => (
           <AccordionItem value={category.id}>
@@ -375,88 +375,7 @@ export const Selector = () => {
       </Accordion>
       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
       {QuestionRadioGroup}
-      <h2 className={classes.heading}>Choose behavior</h2>
-      <div className={classes.behaviors}>
-        <ToggleButton
-          checked={behavior1}
-          shape="circular"
-          onClick={() => {
-            setBehavior1(!behavior1);
-            updateDecisionsForCheckbox('interactive', !behavior1);
-          }}
-        >
-          interactive
-        </ToggleButton>
-        <ToggleButton
-          checked={behavior2}
-          shape="circular"
-          onClick={() => {
-            setBehavior2(!behavior2);
-            updateDecisionsForCheckbox('static', !behavior2);
-          }}
-        >
-          static
-        </ToggleButton>
-
-        <ToggleButton
-          checked={behavior4}
-          shape="circular"
-          onClick={() => {
-            setBehavior4(!behavior4);
-            updateDecisionsForCheckbox('toggle', !behavior4);
-          }}
-        >
-          toggle
-        </ToggleButton>
-        <ToggleButton
-          checked={behavior5}
-          shape="circular"
-          onClick={() => {
-            setBehavior5(!behavior5);
-            updateDecisionsForCheckbox('moreActions', !behavior5);
-          }}
-        >
-          multiple actions
-        </ToggleButton>
-      </div>
-
-      <h2 className={classes.heading}>Choose keyboard and screen reader experience</h2>
-      <div className={classes.behaviors}>
-        <ToggleButton
-          checked={behavior6}
-          shape="circular"
-          onClick={() => {
-            setBehavior6(!behavior6);
-            updateDecisionsForCheckbox('navigationByArrowKeys', !behavior6);
-          }}
-        >
-          arrow keys
-        </ToggleButton>
-
-        <ToggleButton
-          checked={behavior7}
-          shape="circular"
-          onClick={() => {
-            setBehavior7(!behavior7);
-            updateDecisionsForCheckbox('navigationByTabKey', !behavior7);
-          }}
-        >
-          Tab key
-        </ToggleButton>
-
-        <ToggleButton
-          checked={behavior8}
-          shape="circular"
-          onClick={() => {
-            setBehavior8(!behavior8);
-            updateDecisionsForCheckbox('narratesPosition', !behavior8);
-          }}
-        >
-          screen reader narrates position
-        </ToggleButton>
-      </div>
-
-      {/* nova komponenta na resutls: Found components */}
+      <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
       <MatchingComponents components={getMatchingComponents()} />
     </>
   );
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index ebad336049ce29..adcb7916651c64 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -46,7 +46,7 @@ export const Scenario: React.FC<{ pageTitle: string }> = ({ pageTitle, children
   );
 };
 
-export const removeFromArray = (array: string[], item: string) => {
+export const removeFromArray = (array: string[], item: any) => {
   const index = array.indexOf(item);
   if (index >= 0) {
     array.splice(index, 1);

From aa544c277865b40102b1aab01a1a28bc6881b5e9 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 12 Dec 2024 14:35:27 +0100
Subject: [PATCH 072/111] Move behaviorOptions to JSON file

---
 .../ComponentSelector/BehaviorSelection.tsx   | 43 +------------------
 .../selection-logic/BehaviorOptions.json      | 40 +++++++++++++++++
 2 files changed, 42 insertions(+), 41 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
index 8e66abec948825..2318c544738147 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
@@ -1,52 +1,13 @@
 import * as React from 'react';
 import { ToggleButton, makeStyles } from '@fluentui/react-components';
 
+import behaviorOptions from './selection-logic/BehaviorOptions.json';
+
 const useStyles = makeStyles({
   heading: { margin: '30px 0 10px 0' },
   behaviors: { display: 'flex', gap: '10px' },
 });
 
-const behaviorOptions = [
-  {
-    title: 'Choose Behavior',
-    behaviors: [
-      {
-        id: 'interactive',
-        name: 'Interactive',
-      },
-      {
-        id: 'static',
-        name: 'Static',
-      },
-      {
-        id: 'toggle',
-        name: 'Toggle',
-      },
-      {
-        id: 'moreActions',
-        name: 'Multiple actions',
-      },
-    ],
-  },
-  {
-    title: 'Choose Keyboard and Screen Reader Experience',
-    behaviors: [
-      {
-        id: 'navigationByTabKey',
-        name: 'Navigation by Tab key',
-      },
-      {
-        id: 'navigationByArrowKeys',
-        name: 'Navigation by arrow keys',
-      },
-      {
-        id: 'narratesPosition',
-        name: 'Screen reader narrates position',
-      },
-    ],
-  },
-];
-
 const getDefaultBehaviors = () => {
   const behaviors = {};
   behaviorOptions.forEach(category => {
diff --git a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json
new file mode 100644
index 00000000000000..79eaa8c63c6a9a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json
@@ -0,0 +1,40 @@
+[
+  {
+    "title": "Choose Behavior",
+    "behaviors": [
+      {
+        "id": "interactive",
+        "name": "Interactive"
+      },
+      {
+        "id": "static",
+        "name": "Static"
+      },
+      {
+        "id": "toggle",
+        "name": "Toggle"
+      },
+      {
+        "id": "moreActions",
+        "name": "Multiple actions"
+      }
+    ]
+  },
+  {
+    "title": "Choose Keyboard and Screen Reader Experience",
+    "behaviors": [
+      {
+        "id": "navigationByTabKey",
+        "name": "Navigation by Tab key"
+      },
+      {
+        "id": "navigationByArrowKeys",
+        "name": "Navigation by arrow keys"
+      },
+      {
+        "id": "narratesPosition",
+        "name": "Screen reader narrates position"
+      }
+    ]
+  }
+]

From f71298e1c28f4c07548c60f335752d4fbd356d5e Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 12 Dec 2024 17:27:30 +0100
Subject: [PATCH 073/111] Refactor mainly keys in Reacgt mappings

---
 .../ComponentSelector/BehaviorSelection.tsx   |  5 +++--
 .../stories/ComponentSelector/Question.tsx    |  4 ++--
 .../ComponentSelector/Selector.stories.tsx    | 21 ++++++++-----------
 .../selection-logic/BehaviorOptions.json      |  2 ++
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
index 2318c544738147..3bd243e647966a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/BehaviorSelection.tsx
@@ -25,11 +25,12 @@ export const BehaviorSelection = ({ updateBehaviorDecision }) => {
   return (
     <>
       {behaviorOptions.map(category => (
-        <>
+        <React.Fragment key={category.id}>
           <h2 className={classes.heading}>{category.title}</h2>
           <div className={classes.behaviors}>
             {category.behaviors.map(behavior => (
               <ToggleButton
+                key={behavior.id}
                 checked={behaviors[behavior.id]}
                 shape="circular"
                 onClick={() => {
@@ -44,7 +45,7 @@ export const BehaviorSelection = ({ updateBehaviorDecision }) => {
               </ToggleButton>
             ))}
           </div>
-        </>
+        </React.Fragment>
       ))}
     </>
   );
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
index d8c0c60f46bc0c..826e1038a36440 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
@@ -82,8 +82,8 @@ const useStyles = makeStyles({
 });
 
 export const Question = ({ QuestionItem, indexQuestion, updateDecisionForQuestion }) => {
-  const [value, setRadioValue] = React.useState('none');
   const classes = useStyles();
+  const [value, setValue] = React.useState('none');
 
   React.useEffect(() => {
     console.log(`UseEffect: Question${indexQuestion}: Value: ${value}`);
@@ -98,7 +98,7 @@ export const Question = ({ QuestionItem, indexQuestion, updateDecisionForQuestio
           onChange={(_, data) => {
             // calling this caused rerendering of the component
 
-            setRadioValue(previousValue => {
+            setValue(previousValue => {
               updateDecisionForQuestion(data.value, previousValue);
               return data.value;
             });
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index b28a1bc895a865..e357b19f657623 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -335,16 +335,6 @@ export const Selector = () => {
   };
 
   const allQuestions = getAllQuestions(selectedComponents, questions);
-  const QuestionRadioGroup = allQuestions.map((item, index) => (
-    <>
-      <Question
-        key={item.id}
-        QuestionItem={item}
-        indexQuestion={index}
-        updateDecisionForQuestion={updateDecisionForQuestion}
-      />
-    </>
-  ));
 
   React.useEffect(() => {
     setFilteredComponentsDefinitions(componentsDefinitions.current);
@@ -365,7 +355,7 @@ export const Selector = () => {
       <h2>Choose Component</h2>
       <Accordion multiple>
         {categorizedComponents.map(category => (
-          <AccordionItem value={category.id}>
+          <AccordionItem key={category.id} value={category.id}>
             <AccordionHeader as="h3">{category.title}</AccordionHeader>
             <AccordionPanel>
               <div className={classes.root}>{category['cards']}</div>
@@ -374,7 +364,14 @@ export const Selector = () => {
         ))}
       </Accordion>
       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
-      {QuestionRadioGroup}
+      {allQuestions.map((item, index) => (
+        <Question
+          key={item.id}
+          QuestionItem={item}
+          indexQuestion={index}
+          updateDecisionForQuestion={updateDecisionForQuestion}
+        />
+      ))}
       <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
       <MatchingComponents components={getMatchingComponents()} />
     </>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json
index 79eaa8c63c6a9a..d44bcb6212140a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/BehaviorOptions.json
@@ -1,5 +1,6 @@
 [
   {
+    "id": "general",
     "title": "Choose Behavior",
     "behaviors": [
       {
@@ -21,6 +22,7 @@
     ]
   },
   {
+    "id": "keyboardAndScreenReaders",
     "title": "Choose Keyboard and Screen Reader Experience",
     "behaviors": [
       {

From 937e7a531801c9f36690bf8ccd69e72bba310aeb Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 15:16:50 +0100
Subject: [PATCH 074/111] Refactor and fix keys

---
 .../stories/ComponentSelector/Question.tsx    | 30 ++++++-------------
 .../ComponentSelector/Selector.stories.tsx    |  8 ++---
 2 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
index 826e1038a36440..efd4e7f2bf1f67 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
@@ -81,23 +81,21 @@ const useStyles = makeStyles({
   behaviors: { display: 'flex', gap: '10px' },
 });
 
-export const Question = ({ QuestionItem, indexQuestion, updateDecisionForQuestion }) => {
+export const Question = ({ question, number, updateDecisionForQuestion }) => {
   const classes = useStyles();
   const [value, setValue] = React.useState('none');
 
   React.useEffect(() => {
-    console.log(`UseEffect: Question${indexQuestion}: Value: ${value}`);
-  }, [value]);
+    console.log(`UseEffect: Question${number}: Value: ${value}`);
+  }, [number, value]);
 
   return (
     <div className={classes.questionsWrapper}>
       <Field className={classes.questionsField}>
         <RadioGroup
-          key={`${QuestionItem.id}-${indexQuestion}`}
+          key={question.id}
           value={value}
           onChange={(_, data) => {
-            // calling this caused rerendering of the component
-
             setValue(previousValue => {
               updateDecisionForQuestion(data.value, previousValue);
               return data.value;
@@ -106,24 +104,14 @@ export const Question = ({ QuestionItem, indexQuestion, updateDecisionForQuestio
         >
           <div className={classes.questionContainer}>
             <div className={classes.questionLeftSide}>
-              <span className={classes.questionsLabel}>{`Q${indexQuestion + 1}`}</span>
+              <span className={classes.questionsLabel}>{`Q${number}`}</span>
             </div>
             <div className={classes.questionRightSide}>
-              <span className={classes.questionsText}>{QuestionItem.question}</span>
-              {QuestionItem.answers.map((item, index) => (
-                <Radio
-                  key={`${QuestionItem.id}-${indexQuestion + index + 1}`}
-                  value={item.value}
-                  label={item.text}
-                  className={classes.radioItem}
-                />
+              <span className={classes.questionsText}>{question.question}</span>
+              {question.answers.map(anser => (
+                <Radio key={anser.value} value={anser.value} label={anser.text} className={classes.radioItem} />
               ))}
-              <Radio
-                key={`${QuestionItem.id}-none`}
-                value={'none'}
-                label="Not applicable"
-                className={classes.radioItem}
-              />
+              <Radio value={'none'} label="Not applicable" className={classes.radioItem} />
             </div>
           </div>
         </RadioGroup>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index e357b19f657623..8792eabe075885 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -364,11 +364,11 @@ export const Selector = () => {
         ))}
       </Accordion>
       {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
-      {allQuestions.map((item, index) => (
+      {allQuestions.map((question, index) => (
         <Question
-          key={item.id}
-          QuestionItem={item}
-          indexQuestion={index}
+          key={question.id}
+          question={question}
+          number={index + 1}
           updateDecisionForQuestion={updateDecisionForQuestion}
         />
       ))}

From 93054a9c8e2949e36e33cc8788eea50095b46ea6 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 15:37:55 +0100
Subject: [PATCH 075/111] Add aria-labelledby for radio groups

---
 .../react-components/stories/ComponentSelector/Question.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
index efd4e7f2bf1f67..86c2e0c4804195 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Question.tsx
@@ -101,13 +101,16 @@ export const Question = ({ question, number, updateDecisionForQuestion }) => {
               return data.value;
             });
           }}
+          aria-labelledby={`${question.id}-heading`}
         >
           <div className={classes.questionContainer}>
             <div className={classes.questionLeftSide}>
               <span className={classes.questionsLabel}>{`Q${number}`}</span>
             </div>
             <div className={classes.questionRightSide}>
-              <span className={classes.questionsText}>{question.question}</span>
+              <span className={classes.questionsText} id={`${question.id}-heading`}>
+                {question.question}
+              </span>
               {question.answers.map(anser => (
                 <Radio key={anser.value} value={anser.value} label={anser.text} className={classes.radioItem} />
               ))}

From e0eb96c559bc4910e2fed2a7cc3f8bdec072de5b Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 16:15:18 +0100
Subject: [PATCH 076/111] Rename variables

---
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 8792eabe075885..719a8da1092257 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -208,8 +208,8 @@ export const Selector = () => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
-      const array = selectedBehaviours.filter(behavior => behavior !== name);
-      setSelectedBehaviours(array);
+      const newBehaviors = selectedBehaviours.filter(behavior => behavior !== name);
+      setSelectedBehaviours(newBehaviors);
     }
   };
 
@@ -327,10 +327,10 @@ export const Selector = () => {
       setSelectedBehaviours(previousItems => previousItems.filter(item => item !== previousName));
       return;
     }
-    setSelectedBehaviours(previousItems => {
+    setSelectedBehaviours(previousBehaviors => {
       // remove previous radio item value and add new one
-      const arrayWithoutPerviousItem = previousItems.filter(item => item !== previousName);
-      return [...arrayWithoutPerviousItem, currentName];
+      const behaviorsWithoutPerviousItem = previousBehaviors.filter(item => item !== previousName);
+      return [...behaviorsWithoutPerviousItem, currentName];
     });
   };
 

From 4da4f21ff48b6c307f345cff7f9ff2b1a5b1d0b0 Mon Sep 17 00:00:00 2001
From: kolaps33 <mituron@microsoft.com>
Date: Mon, 16 Dec 2024 16:29:11 +0100
Subject: [PATCH 077/111] fix checkbox name

---
 .../stories/ComponentSelector/SelectionCard.tsx                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 6fc7f598bb17f3..3e6c7af66fc55d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -88,7 +88,7 @@ export const SelectionCard = props => {
       <Card
         className={styles.card}
         {...props}
-        floatingAction={<Checkbox onChange={onSelectedCardChange} checked={selected} />}
+        floatingAction={<Checkbox aria-label={props.displayName} onChange={onSelectedCardChange} checked={selected} />}
         selected={selected}
         onSelectionChange={onSelectedCardChange}
         // onMouseOver={() => setHovered(true)}

From 2be1aedd28ad9c5c81e4a2f64eb59223ac8ca8cf Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 19:00:48 +0100
Subject: [PATCH 078/111] Apply filter also to story names

---
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 719a8da1092257..42397656440b4d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -341,9 +341,13 @@ export const Selector = () => {
   }, [setFilteredComponentsDefinitions]);
   const onFilterChange = (event, data) => {
     setFilteredComponentsDefinitions(
-      componentsDefinitions.current.filter(definition =>
-        definition.component.toLowerCase().includes(data.value.toLowerCase()),
-      ),
+      componentsDefinitions.current.filter(definition => {
+        const isMatchInName = definition.component.toLowerCase().includes(data.value.toLowerCase());
+        const isMatchInStory = definition.story
+          ? definition.story.toLowerCase().includes(data.value.toLowerCase())
+          : false;
+        return isMatchInName || isMatchInStory;
+      }),
     );
   };
 

From f198a12379b13c143bc018f8682d2b23ff18c531 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 20:33:06 +0100
Subject: [PATCH 079/111] Add number of components available

---
 .../stories/ComponentSelector/Selector.stories.tsx             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 42397656440b4d..a08023ad31c5a4 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -39,7 +39,6 @@ const useStyles = makeStyles({
   secondLevel: { 'margin-left': '30px' },
   thirdLevel: { 'margin-left': '60px' },
   forthLevel: { 'margin-left': '90px' },
-  foundMessage: { 'margin-bottom': '10px' },
   heading: { margin: '30px 0 10px 0' },
   root: {
     // Stack the label above the field with a gap
@@ -339,6 +338,7 @@ export const Selector = () => {
   React.useEffect(() => {
     setFilteredComponentsDefinitions(componentsDefinitions.current);
   }, [setFilteredComponentsDefinitions]);
+
   const onFilterChange = (event, data) => {
     setFilteredComponentsDefinitions(
       componentsDefinitions.current.filter(definition => {
@@ -357,6 +357,7 @@ export const Selector = () => {
         <Input onChange={onFilterChange} />
       </Field>
       <h2>Choose Component</h2>
+      <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
       <Accordion multiple>
         {categorizedComponents.map(category => (
           <AccordionItem key={category.id} value={category.id}>

From d7f7b8b7a7f7b91a6cc96be1ff029387ebdc391f Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 16 Dec 2024 21:32:14 +0100
Subject: [PATCH 080/111] Add number of matching components to heading

---
 .../stories/ComponentSelector/MatchingComponents.tsx       | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
index e80b008f373861..93d3e85343f001 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
@@ -14,14 +14,9 @@ export const MatchingComponents = ({ components }) => {
   return (
     <>
       <h2 id="matching-heading" className={classes.heading}>
-        Matching Components
+        Matching Components {components.length}
       </h2>
       <div role="group" aria-labelledby="matching-heading">
-        <div className={classes.foundMessage}>
-          <Text as="h3" weight="bold">
-            {/* Found {foundComponents.length} component(s).{' '} */}
-          </Text>
-        </div>
         {components.map((component, index) => {
           return (
             <div key={`component-${index}}`}>

From fb1e1beae352a368deb3f39e3c18c33d8a0d9c52 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 12:38:04 +0100
Subject: [PATCH 081/111] Improve alt text for component card images

---
 .../stories/ComponentSelector/SelectionCard.tsx            | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 3e6c7af66fc55d..3bf06522caaaad 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -94,15 +94,12 @@ export const SelectionCard = props => {
         // onMouseOver={() => setHovered(true)}
         // onMouseOut={() => setHovered(false)}
       >
-        <CardHeader
-          // header={<Text weight="semibold">BASIC INPUTS</Text>}
-          description={<Caption1 className={styles.caption}>{props.displayName}</Caption1>}
-        />
+        <CardHeader description={<Caption1 className={styles.caption}>{props.displayName}</Caption1>} />
         <CardPreview className={styles.grayBackground}>
           <img
             className={selected || hovered ? styles.cardImageSelected : styles.cardImage}
             src={resolveAsset(props.image)}
-            alt="Presentation Preview"
+            alt={`Preview for ${props.displayName}`}
           />
         </CardPreview>
       </Card>

From 40190b452565cc2a926331b4f418f8ffe3f74a70 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 14:35:57 +0100
Subject: [PATCH 082/111] Load component images from file based on component
 name rather than JSON property

---
 .../ComponentSelector/SelectionCard.tsx       | 41 ++++++++++++-------
 .../components-definitions/Accordion.json     |  3 +-
 .../components-definitions/Button.json        |  6 +++
 .../components-definitions/ButtonBase.json    |  3 +-
 .../components-definitions/Checkbox.json      |  3 +-
 .../components-definitions/InfoLabel.json     |  3 +-
 .../components-definitions/Link.json          |  3 +-
 .../components-definitions/List.json          |  3 +-
 .../components-definitions/ListBase.json      |  3 +-
 .../ListSingleAction.json                     |  3 +-
 .../components-definitions/Menu.json          |  3 +-
 .../components-definitions/MenuBase.json      |  3 +-
 .../components-definitions/MenuButton.json    |  3 +-
 .../MenuItemCheckbox.json                     |  3 +-
 .../components-definitions/MenuItemRadio.json |  3 +-
 .../components-definitions/MenuSubmenu.json   |  3 +-
 .../components-definitions/SplitButton.json   |  3 +-
 .../components-definitions/TabList.json       |  3 +-
 .../components-definitions/Table.json         |  3 +-
 .../components-definitions/TableBase.json     |  3 +-
 .../TableCellActions.json                     |  3 +-
 .../TableCellNavigation.json                  |  3 +-
 .../components-definitions/Text.json          |  3 +-
 .../components-definitions/ToggleButton.json  |  3 +-
 .../components-definitions/Tooltip.json       |  3 +-
 .../components-definitions/Tree.json          |  3 +-
 .../components-definitions/TreeBase.json      |  3 +-
 .../components-definitions/TreeSelection.json |  3 +-
 .../{index.js => index.ts}                    |  1 +
 .../components-images/index.ts                |  4 ++
 30 files changed, 64 insertions(+), 66 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Button.json
 rename packages/react-components/react-components/stories/ComponentSelector/components-definitions/{index.js => index.ts} (96%)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 3bf06522caaaad..71976b958820f3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -14,11 +14,7 @@ import {
 import { MoreHorizontal20Regular } from '@fluentui/react-icons';
 import { stat } from 'fs';
 
-const resolveAsset = (asset: string) => {
-  const ASSET_URL = 'https://fluent2websitecdn.azureedge.net/cdn/';
-
-  return `${ASSET_URL}${asset}`;
-};
+import * as componentsImagesImported from './components-images/index';
 
 const useStyles = makeStyles({
   main: {
@@ -63,6 +59,7 @@ const useStyles = makeStyles({
 
 export const SelectionCard = props => {
   const styles = useStyles();
+  const { name, displayName, image, addComponent } = props;
   const [selected, setSelected] = React.useState(false);
   const [hovered, setHovered] = React.useState(false);
 
@@ -77,30 +74,46 @@ export const SelectionCard = props => {
       state && state.checked && console.log('card state', state.checked);
 
       if (state?.checked === true || state?.selected === true) {
-        props.addComponent(props.name);
+        addComponent(name);
       }
     },
-    [setCheckboxState],
+    [setCheckboxState, addComponent, name],
   );
 
+  const componentImage = React.useMemo(() => {
+    let src;
+    const importName = `${name}Img`;
+    if (componentsImagesImported[importName]) {
+      const result = {
+        src: componentsImagesImported[importName],
+        alt: `Preview for ${props.displayName}`,
+      };
+      return result;
+    } else {
+      return undefined;
+    }
+  }, [name, displayName, image]);
+
   return (
     <div className={styles.main}>
       <Card
         className={styles.card}
         {...props}
-        floatingAction={<Checkbox aria-label={props.displayName} onChange={onSelectedCardChange} checked={selected} />}
+        floatingAction={<Checkbox aria-label={displayName} onChange={onSelectedCardChange} checked={selected} />}
         selected={selected}
         onSelectionChange={onSelectedCardChange}
         // onMouseOver={() => setHovered(true)}
         // onMouseOut={() => setHovered(false)}
       >
-        <CardHeader description={<Caption1 className={styles.caption}>{props.displayName}</Caption1>} />
+        <CardHeader description={<Caption1 className={styles.caption}>{displayName}</Caption1>} />
         <CardPreview className={styles.grayBackground}>
-          <img
-            className={selected || hovered ? styles.cardImageSelected : styles.cardImage}
-            src={resolveAsset(props.image)}
-            alt={`Preview for ${props.displayName}`}
-          />
+          {componentImage && (
+            <img
+              className={selected || hovered ? styles.cardImageSelected : styles.cardImage}
+              src={componentImage.src}
+              alt={componentImage.alt}
+            />
+          )}
         </CardPreview>
       </Card>
     </div>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
index 2400d497d5dfaa..524f2861ce6ee9 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Accordion.json
@@ -1,6 +1,5 @@
 {
   "name": "Accordion",
   "component": "Accordion",
-  "attributes": ["expandable", "tabbable", "navigationByTabKey", "interactive"],
-  "img": "overview_accordion.B8eJ_Qlv.png"
+  "attributes": ["expandable", "tabbable", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Button.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Button.json
new file mode 100644
index 00000000000000..8b9b7c094c654a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Button.json
@@ -0,0 +1,6 @@
+{
+  "name": "Button",
+  "component": "Button",
+  "extends": "ButtonBase",
+  "attributes": ["singleAction"]
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
index 25658424c8fbf3..c8b9fb05bbb973 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonBase.json
@@ -1,5 +1,4 @@
 {
   "name": "ButtonBase",
-  "attributes": ["staysOnPage", "navigationByTabKey", "interactive"],
-  "img": "overview_button.Baa-fciS.png"
+  "attributes": ["staysOnPage", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
index d527caafbea551..e01f9b1bde26d7 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Checkbox.json
@@ -1,6 +1,5 @@
 {
   "name": "Checkbox",
   "component": "Checkbox",
-  "attributes": ["multipleChoices", "notOnOrOff", "toggle", "notInsideMenu", "navigationByTabKey", "interactive"],
-  "img": "overview_checkbox.C4LCt4a7.png"
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle", "notInsideMenu", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
index bad1fac5b376e1..b7028a6d56c8be 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/InfoLabel.json
@@ -1,6 +1,5 @@
 {
   "name": "InfoLabel",
   "component": "InfoLabel",
-  "attributes": ["interactiveContent", "onClick", "navigationByTabKey", "interactive"],
-  "img": "overview_placeholder.DKLLlbq1.png"
+  "attributes": ["interactiveContent", "onClick", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
index 73627dfbc4e398..8faead074c0890 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Link.json
@@ -1,6 +1,5 @@
 {
   "name": "Link",
   "component": "Link",
-  "attributes": ["singleAction", "navigatesToPage", "navigationByTabKey", "interactive"],
-  "img": "overview_link.gTR54kn-.png"
+  "attributes": ["singleAction", "navigatesToPage", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
index 8d401c4deb2ad8..44695db89c3834 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/List.json
@@ -2,6 +2,5 @@
   "name": "List",
   "component": "List",
   "extends": "ListBase",
-  "attributes": ["static"],
-  "img": "overview_menu.DZ_QmfGO.png"
+  "attributes": ["static"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
index 3de28aa4af9e9d..a9b92af7e3fe1a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListBase.json
@@ -1,6 +1,5 @@
 {
   "name": "ListBase",
   "attributes": ["narratesPosition", "singleColumn"],
-  "note": "Component not available yet, under development.",
-  "img": "overview_menu.DZ_QmfGO.png"
+  "note": "Component not available yet, under development."
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
index fea3184dcdcf25..8b97434502813b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ListSingleAction.json
@@ -3,6 +3,5 @@
   "component": "List",
   "story": "Single Action",
   "extends": "ListBase",
-  "attributes": ["interactive", "navigationByArrowKeys"],
-  "img": "overview_menu.DZ_QmfGO.png"
+  "attributes": ["interactive", "navigationByArrowKeys"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
index db7a2ff79b606e..570b41efb72061 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Menu.json
@@ -2,6 +2,5 @@
   "name": "Menu",
   "component": "Menu",
   "folder": "Menu",
-  "extends": "MenuBase",
-  "img": "overview_menu.DZ_QmfGO.png"
+  "extends": "MenuBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
index 523d34c544fa66..361a306475dcff 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuBase.json
@@ -1,5 +1,4 @@
 {
   "name": "MenuBase",
-  "attributes": ["insideMenu", "navigationByArrowKeys", "narratesPosition", "interactive"],
-  "img": "overview_menu.DZ_QmfGO.png"
+  "attributes": ["insideMenu", "navigationByArrowKeys", "narratesPosition", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
index 630da95b4e277c..400342201f6db3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuButton.json
@@ -3,6 +3,5 @@
   "component": "MenuButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["opensMenu"],
-  "img": "overview_button.Baa-fciS.png"
+  "attributes": ["opensMenu"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
index 7776dffa86dc1b..43d67593a3698e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemCheckbox.json
@@ -4,6 +4,5 @@
   "folder": "Menu",
   "story": "Checkbox Items",
   "extends": "MenuBase",
-  "attributes": ["multipleChoices", "notOnOrOff", "toggle"],
-  "img": "overview_checkbox.C4LCt4a7.png"
+  "attributes": ["multipleChoices", "notOnOrOff", "toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
index a1eeddc5f2d3f5..5815feb99d1af5 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuItemRadio.json
@@ -4,6 +4,5 @@
   "folder": "Menu",
   "story": "Radio Items",
   "extends": "MenuBase",
-  "attributes": ["singleChoice", "notOnOrOff"],
-  "img": "overview_radiogroup.CsXFFZdv.png"
+  "attributes": ["singleChoice", "notOnOrOff"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
index 391f6250b744a5..566a50b344b7d3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuSubmenu.json
@@ -4,6 +4,5 @@
   "folder": "Menu",
   "story": "Nested Submenus",
   "extends": "MenuBase",
-  "attributes": ["nested"],
-  "img": "overview_menu.DZ_QmfGO.png"
+  "attributes": ["nested"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
index b54fb6a317d1e6..ce4048d35e265a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SplitButton.json
@@ -3,6 +3,5 @@
   "component": "SplitButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["moreActions"],
-  "img": "overview_spin.c4zwZGzQ.png"
+  "attributes": ["moreActions"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
index fcffa2421e71b5..74486a4138bccc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TabList.json
@@ -1,6 +1,5 @@
 {
   "name": "TabList",
   "component": "TabList",
-  "attributes": ["interactive", "navigationByArrowKeys", "narratesPosition"],
-  "img": "overview_tablist.CTZsc6f-.png"
+  "attributes": ["interactive", "navigationByArrowKeys", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
index 7b17cf26637f79..7edcc6d2eedfc1 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Table.json
@@ -2,6 +2,5 @@
   "name": "Table",
   "component": "Table",
   "extends": "TableBase",
-  "attributes": ["static"],
-  "img": "overview_tablist.CTZsc6f-.png"
+  "attributes": ["static"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
index e2a21b64ca3531..87c326ce24e1e2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableBase.json
@@ -1,5 +1,4 @@
 {
   "name": "TableBase",
-  "attributes": ["columnsAndRows", "narratesPosition"],
-  "img": "overview_tablist.CTZsc6f-.png"
+  "attributes": ["columnsAndRows", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
index 455d84ff921fb9..d9b7ede054bd21 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellActions.json
@@ -3,6 +3,5 @@
   "component": "Table",
   "story": "Cell Actions",
   "extends": "TableBase",
-  "attributes": ["interactive", "navigationByTabKey"],
-  "img": "overview_tablist.CTZsc6f-.png"
+  "attributes": ["interactive", "navigationByTabKey"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
index 7febea30dba1ba..542b81b6cbcc42 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TableCellNavigation.json
@@ -3,6 +3,5 @@
   "component": "Table",
   "story": "Cell Navigation",
   "extends": "TableBase",
-  "attributes": ["interactive", "navigationByArrowKeys"],
-  "img": "overview_tablist.CTZsc6f-.png"
+  "attributes": ["interactive", "navigationByArrowKeys"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
index b8304ecb07f48c..f550e0fcd9407b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Text.json
@@ -2,6 +2,5 @@
   "name": "Text",
   "component": "Text",
   "attributes": ["textOrHeading", "static"],
-  "note": "Use the 'as' prop to change text to heading.",
-  "img": "overview_text.B8EWu50L.png"
+  "note": "Use the 'as' prop to change text to heading."
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
index 5be9c281338857..d3d172aaac394c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ToggleButton.json
@@ -3,6 +3,5 @@
   "component": "ToggleButton",
   "folder": "Button",
   "extends": "ButtonBase",
-  "attributes": ["singleAction", "multipleChoices", "onOrOff", "toggle"],
-  "img": "overview_button.Baa-fciS.png"
+  "attributes": ["singleAction", "multipleChoices", "onOrOff", "toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
index 9fde576a675e42..041845add5f408 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tooltip.json
@@ -1,6 +1,5 @@
 {
   "name": "Tooltip",
   "component": "Tooltip",
-  "attributes": ["nonInteractiveContent", "onHover", "navigationByTabKey", "interactive"],
-  "img": "overview_tooltip.DzdzrdMi.png"
+  "attributes": ["nonInteractiveContent", "onHover", "navigationByTabKey", "interactive"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
index 175c3351832ca4..cf806c4272c445 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tree.json
@@ -1,6 +1,5 @@
 {
   "name": "Tree",
   "component": "Tree",
-  "extends": "TreeBase",
-  "img": "overview_accordion.B8eJ_Qlv.png"
+  "extends": "TreeBase"
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
index 994c1539a211c8..5419635f4c19f3 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeBase.json
@@ -1,5 +1,4 @@
 {
   "name": "TreeBase",
-  "attributes": ["interactive", "navigationByArrowKeys", "hierarchical", "narratesPosition"],
-  "img": "overview_accordion.B8eJ_Qlv.png"
+  "attributes": ["interactive", "navigationByArrowKeys", "hierarchical", "narratesPosition"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
index 0a55d8a51271a2..c6a6e3ab001931 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TreeSelection.json
@@ -3,6 +3,5 @@
   "component": "Tree",
   "story": "Selection",
   "extends": "TreeBase",
-  "attributes": ["toggle"],
-  "img": "overview_accordion.B8eJ_Qlv.png"
+  "attributes": ["toggle"]
 }
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
similarity index 96%
rename from packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
rename to packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
index 7694f87fcf22f8..a2cd62410cca7e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.js
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
@@ -15,6 +15,7 @@ export { default as MenuItemRadioDef } from './MenuItemRadio.json';
 export { default as MenuSubmenuDef } from './MenuSubmenu.json';
 
 export { default as ButtonBaseDef } from './ButtonBase.json';
+export { default as ButtonDef } from './Button.json';
 export { default as SplitButtonDef } from './SplitButton.json';
 export { default as ToggleButtonDef } from './ToggleButton.json';
 export { default as MenuButtonDef } from './MenuButton.json';
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts b/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts
new file mode 100644
index 00000000000000..9a9a761694a0bd
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts
@@ -0,0 +1,4 @@
+export { default as AccordionImg } from './Accordion.png';
+export { default as ButtonImg } from './Button.png';
+export { default as LinkImg } from './Link.png';
+export { default as MenuImg } from './Menu.png';

From 9d12fdb403150d1c72ea52149f839a97297f8e6f Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 15:04:13 +0100
Subject: [PATCH 083/111] Small refactor for fully matching

---
 .../stories/ComponentSelector/Selector.stories.tsx       | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index a08023ad31c5a4..56740ea82d5f60 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -254,15 +254,12 @@ export const Selector = () => {
       componentsToIterate.forEach(definition => {
         // const keysInDefinitions = Object.keys(definition);
 
-        const matching: string[] = [];
+        let matchedCount = 0;
         selectedBehaviours.forEach(decision => {
-          definition.attributes.includes(decision) ? matching.push('matched') : null;
-          // if (keysInDefinitions.indexOf(decision) >= 0) {
-          //   matching.push('matched');
-          // }
+          definition.attributes.includes(decision) ? matchedCount++ : null;
         });
 
-        if (selectedBehaviours.length === matching.length) {
+        if (selectedBehaviours.length === matchedCount) {
           console.log('fully matched');
           // if suitableComponents does not include definition, push it
           suitableComponents.includes(definition) ? null : suitableComponents.push(definition);

From 7f9e0e8aa4c854d9d6d37ac02416347615a11b9a Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 15:13:25 +0100
Subject: [PATCH 084/111] Fix component name and story in matching components
 list

---
 .../stories/ComponentSelector/MatchingComponents.tsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
index 93d3e85343f001..04b0f9720111e4 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
@@ -23,11 +23,11 @@ export const MatchingComponents = ({ components }) => {
               <Text weight="semibold">
                 Component name:{' '}
                 <Link target="_blank" inline href={getComponentStoryUrl(component)}>
-                  {component.name}{' '}
+                  {component.component}{' '}
                 </Link>
               </Text>
               <br />
-              <Text weight="semibold">Example:</Text> {component.exampleName ? component.exampleName : 'Default'}
+              <Text weight="semibold">Example:</Text> {component.story ? component.story : 'Default'}
               {component.note && (
                 <div>
                   <Text weight="semibold">Note:</Text> <Text>{component.note}</Text>

From ca4f55de56f06b72cebb78c3b8008cb358b11616 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 15:18:41 +0100
Subject: [PATCH 085/111] Remove some unused imports

---
 .../stories/ComponentSelector/Selector.stories.tsx       | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 56740ea82d5f60..759a1522f9de5e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -4,18 +4,9 @@ import {
   AccordionHeader,
   AccordionItem,
   AccordionPanel,
-  Checkbox,
-  Divider,
   Field,
-  Image,
   Input,
-  Label,
-  Link,
-  Radio,
-  RadioGroup,
-  Select,
   Text,
-  ToggleButton,
   makeStyles,
   tokens,
   useId,

From 9f37ab221e38eedc7da8e0faa4cce5fb6d80eef1 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 18:18:05 +0100
Subject: [PATCH 086/111] Separate functionality into two modes

---
 .../ComponentSelector/Selector.stories.tsx    | 312 +++++++++++-------
 1 file changed, 200 insertions(+), 112 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 759a1522f9de5e..a74a4dd0ca6a25 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 import {
   Accordion,
   AccordionHeader,
@@ -6,88 +6,119 @@ import {
   AccordionPanel,
   Field,
   Input,
+  Tab,
+  TabList,
   Text,
   makeStyles,
   tokens,
   useId,
-} from '@fluentui/react-components';
-import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
-import questions from './selection-logic/Questions.json';
-import categories from './selection-logic/Categories.json';
-import * as componentsDefinitionsImported from './components-definitions/index';
-import { add, create, get, set } from 'lodash';
-import { SelectionCard } from './SelectionCard';
-import { Question } from './Question';
-import { BehaviorSelection } from './BehaviorSelection';
-import { MatchingComponents } from './MatchingComponents';
+} from "@fluentui/react-components";
+import type {
+  SelectTabData,
+  SelectTabEvent,
+  TabValue,
+} from "@fluentui/react-components";
+
+import {
+  removeFromArray,
+  getComponentStoryUrl,
+  getAllQuestions,
+} from "./utils";
+import questions from "./selection-logic/Questions.json";
+import categories from "./selection-logic/Categories.json";
+import * as componentsDefinitionsImported from "./components-definitions/index";
+import { add, create, get, set } from "lodash";
+import { SelectionCard } from "./SelectionCard";
+import { Question } from "./Question";
+import { BehaviorSelection } from "./BehaviorSelection";
+import { MatchingComponents } from "./MatchingComponents";
 
 const decisionRadioValues: Record<string, string[]> = {
-  navigationBy: ['navigationByArrowKeys', 'navigationByTabKey'],
-  interaction: ['interactive', 'static'],
+  navigationBy: ["navigationByArrowKeys", "navigationByTabKey"],
+  interaction: ["interactive", "static"],
 };
 
 const useStyles = makeStyles({
-  secondLevel: { 'margin-left': '30px' },
-  thirdLevel: { 'margin-left': '60px' },
-  forthLevel: { 'margin-left': '90px' },
-  heading: { margin: '30px 0 10px 0' },
+  secondLevel: { "margin-left": "30px" },
+  thirdLevel: { "margin-left": "60px" },
+  forthLevel: { "margin-left": "90px" },
+  heading: { margin: "30px 0 10px 0" },
   root: {
     // Stack the label above the field with a gap
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: '2px',
-    maxWidth: '1600px',
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "2px",
+    maxWidth: "1600px",
   },
   tagsList: {
-    listStyleType: 'none',
+    listStyleType: "none",
     marginBottom: tokens.spacingVerticalXXS,
     marginTop: 0,
     paddingLeft: 0,
-    display: 'flex',
+    display: "flex",
     gridGap: tokens.spacingHorizontalXXS,
   },
-  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
+  tooltip: { maxWidth: "500px important!", backgroundColor: "red" },
   componentWrapper: {
-    margin: '10px',
-    padding: '10px',
-    border: '1px solid #ccc',
-    borderRadius: '5px',
-    display: 'flex',
-    alignItems: 'center',
-    gap: '10px',
+    margin: "10px",
+    padding: "10px",
+    border: "1px solid #ccc",
+    borderRadius: "5px",
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
   },
   questionsWrapper: {
-    padding: '20px',
-    margin: '20px 0',
-    backgroundColor: 'white',
-    borderRadius: '16px',
-    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
-    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
+    padding: "20px",
+    margin: "20px 0",
+    backgroundColor: "white",
+    borderRadius: "16px",
+    border: "1px solid var(--colorNeutralStroke1, #e1dfdd)",
+    boxShadow: "0 0 10px rgba(0, 0, 0, 0.1)",
   },
   questionsLabel: {
-    color: '#ff00ff',
+    color: "#ff00ff",
     fontWeight: tokens.fontWeightBold,
-    marginRight: '8px',
+    marginRight: "8px",
   },
   questionsText: {
     fontWeight: tokens.fontWeightBold,
     fontSize: tokens.fontSizeBase400,
   },
   questionContainer: {
-    display: 'flex',
+    display: "flex",
   },
   questionRightSide: {
-    borderLeft: '1px solid #ff00ff',
-    padding: '0 10px',
+    borderLeft: "1px solid #ff00ff",
+    padding: "0 10px",
   },
   radioItem: {
-    display: 'flex',
+    display: "flex",
   },
 });
 
+const savedSelectedBehaviours = {
+  byComponents: [],
+  byBehaviors: [],
+};
+
 export const Selector = () => {
   const classes = useStyles();
 
+  const [mode, setMode] = React.useState<TabValue>("byComponents");
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>(
+    []
+  );
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>(
+    []
+  );
+  const [savedSelectedBehaviours, setSavedSelectedBehaviours] = React.useState<
+    Record<string, string[]>
+  >({
+    byComponents: [],
+    byBehaviors: [],
+  });
+
   const [decisionState, setDecisionState] = React.useState<
     Record<string, Record<string, boolean | string | undefined>>
   >({
@@ -105,7 +136,7 @@ export const Selector = () => {
     },
 
     keyboardNavigation: {
-      navigationBy: 'notSpecified',
+      navigationBy: "notSpecified",
       innerNavigationAfterEnter: false,
       nestedNavigation: false,
     },
@@ -115,13 +146,17 @@ export const Selector = () => {
     },
   });
 
+  const onModeTabSelect = (event: SelectTabEvent, data: SelectTabData) => {
+    const newMode = data.value;
+    savedSelectedBehaviours[mode] = [...selectedBehaviours];
+    setSelectedBehaviours(savedSelectedBehaviours[newMode]);
+    setMode(newMode);
+  };
+
   React.useEffect(() => {
     console.log(`UseEffect: Selector`);
   }, []);
 
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
-  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-
   const [behavior1, setBehavior1] = React.useState(false);
   const [behavior2, setBehavior2] = React.useState(false);
   const [behavior3, setBehavior3] = React.useState(false);
@@ -142,18 +177,20 @@ export const Selector = () => {
       }
       return undefined;
     },
-    [decisionState],
+    [decisionState]
   );
 
   const mergeBaseObjects = () => {
-    componentsDefinitions.current.forEach(definition => {
+    componentsDefinitions.current.forEach((definition) => {
       for (const key in definition) {
-        if (key === 'extends') {
+        if (key === "extends") {
           const value = definition[key];
           // const currentJSONObject = JSON.parse(JSON.stringify(definition));
           const attributesOfCurrentJSON = definition.attributes;
           // find definition which is based one
-          const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
+          const baseDefinition = componentsDefinitions.current.find(
+            (def) => def.name === value
+          );
           const attributesOfBaseDefinition = baseDefinition?.attributes;
 
           // create new object not delete name of base definition for others usage
@@ -162,7 +199,10 @@ export const Selector = () => {
 
           // merge attributes of current JSON with Base JSON
           if (attributesOfCurrentJSON) {
-            temporaryObject['attributes'] = [...attributesOfBaseDefinition, ...attributesOfCurrentJSON];
+            temporaryObject["attributes"] = [
+              ...attributesOfBaseDefinition,
+              ...attributesOfCurrentJSON,
+            ];
           }
           Object.assign(definition, temporaryObject);
         }
@@ -174,14 +214,15 @@ export const Selector = () => {
     componentsDefinitions.current.forEach((definition, index) => {
       // just check the name if includes "Base",
       // in future would be better detection based on prop, like: "abstract": "true"
-      if (definition.name && definition.name.includes('Base')) {
+      if (definition.name && definition.name.includes("Base")) {
         componentsDefinitions.current.splice(index, 1);
       }
     });
   };
 
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
+  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] =
+    React.useState<Record<string, any>[]>([]);
   const fillComponentsDefinitions = () => {
     if (componentsDefinitions && componentsDefinitions.current.length === 0) {
       Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
@@ -198,18 +239,26 @@ export const Selector = () => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
-      const newBehaviors = selectedBehaviours.filter(behavior => behavior !== name);
+      const newBehaviors = selectedBehaviours.filter(
+        (behavior) => behavior !== name
+      );
       setSelectedBehaviours(newBehaviors);
     }
   };
 
-  const additionalTags = ['expandable', 'static', 'selectable', 'sortable', 'filterable'];
+  const additionalTags = [
+    "expandable",
+    "static",
+    "selectable",
+    "sortable",
+    "filterable",
+  ];
 
   // Handle selectedOptions both when an option is selected or deselected in the Combobox,
   // and when an option is removed by clicking on a tag
   // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
 
-  const getImage = tagName => {
+  const getImage = (tagName) => {
     try {
       return require(`../ComponentSelector/components-images/${tagName}.png`);
     } catch (error) {
@@ -218,7 +267,9 @@ export const Selector = () => {
   };
 
   const getComponentDefinitionByName = (name: string) => {
-    return componentsDefinitions.current.find(definition => definition.name === name);
+    return componentsDefinitions.current.find(
+      (definition) => definition.name === name
+    );
   };
 
   const getMatchingComponents = () => {
@@ -227,9 +278,8 @@ export const Selector = () => {
 
     console.log(`selectedComponents: ${selectedComponents}`);
 
-    // if there is already selected any behavior ignore component selection
-    if (selectedComponents && selectedComponents.length > 0 && selectedBehaviours.length === 0) {
-      selectedComponents.forEach(componentName => {
+    if (mode === "byComponents") {
+      selectedComponents.forEach((componentName) => {
         const definition = getComponentDefinitionByName(componentName);
         // console.log(`PUSH component name: ${component.name}`);
         if (definition) {
@@ -242,18 +292,20 @@ export const Selector = () => {
       console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
       const componentsToIterate = componentsDefinitions.current;
       // componentsDefinitions.current.forEach(definition => {
-      componentsToIterate.forEach(definition => {
+      componentsToIterate.forEach((definition) => {
         // const keysInDefinitions = Object.keys(definition);
 
         let matchedCount = 0;
-        selectedBehaviours.forEach(decision => {
+        selectedBehaviours.forEach((decision) => {
           definition.attributes.includes(decision) ? matchedCount++ : null;
         });
 
         if (selectedBehaviours.length === matchedCount) {
-          console.log('fully matched');
+          console.log("fully matched");
           // if suitableComponents does not include definition, push it
-          suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
+          suitableComponents.includes(definition)
+            ? null
+            : suitableComponents.push(definition);
         } else {
           // console.log(`suitableComponents: ${suitableComponents}`);
           // console.log('GOING TO REMOVE');
@@ -266,23 +318,29 @@ export const Selector = () => {
     return suitableComponents;
   };
 
-  const addComponent = name => {
+  const addComponent = (name) => {
     console.log(`addComponent: ${name}`);
     console.log(`selectedComponents: ${selectedComponents}`);
-    setSelectedComponents(prevArray => [...prevArray, name]);
+    setSelectedComponents((prevArray) => [...prevArray, name]);
   };
 
   const categorizedComponents = React.useMemo(() => {
-    const definitionsWithDisplayName = filteredComponentsDefinitions.map(definition => {
-      const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
-      definition['displayName'] = componentName;
-      return definition;
-    });
-    definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
+    const definitionsWithDisplayName = filteredComponentsDefinitions.map(
+      (definition) => {
+        const componentName = definition.story
+          ? `${definition.component} : ${definition.story}`
+          : definition.name;
+        definition["displayName"] = componentName;
+        return definition;
+      }
+    );
+    definitionsWithDisplayName.sort((a, b) =>
+      a.displayName > b.displayName ? 1 : -1
+    );
 
-    const result = categories.map(category => {
-      category['cards'] = [];
-      definitionsWithDisplayName.forEach(definition => {
+    const result = categories.map((category) => {
+      category["cards"] = [];
+      definitionsWithDisplayName.forEach((definition) => {
         if (category.components.includes(definition.component)) {
           const card = (
             <>
@@ -294,7 +352,7 @@ export const Selector = () => {
               />
             </>
           );
-          category['cards'].push(card);
+          category["cards"].push(card);
         }
       });
       return category;
@@ -302,21 +360,28 @@ export const Selector = () => {
     return result;
   }, [filteredComponentsDefinitions]);
 
-  const updateDecisionForQuestion = (currentName: string, previousName: string) => {
-    if (currentName === 'none' && previousName === 'none') {
+  const updateDecisionForQuestion = (
+    currentName: string,
+    previousName: string
+  ) => {
+    if (currentName === "none" && previousName === "none") {
       return;
     }
     if (currentName === previousName) {
       return;
     }
-    if (currentName === 'none') {
-      // remove preiously added rado value as now no option is selected
-      setSelectedBehaviours(previousItems => previousItems.filter(item => item !== previousName));
+    if (currentName === "none") {
+      // remove previously added radio value as now "no" option is selected
+      setSelectedBehaviours((previousItems) =>
+        previousItems.filter((item) => item !== previousName)
+      );
       return;
     }
-    setSelectedBehaviours(previousBehaviors => {
+    setSelectedBehaviours((previousBehaviors) => {
       // remove previous radio item value and add new one
-      const behaviorsWithoutPerviousItem = previousBehaviors.filter(item => item !== previousName);
+      const behaviorsWithoutPerviousItem = previousBehaviors.filter(
+        (item) => item !== previousName
+      );
       return [...behaviorsWithoutPerviousItem, currentName];
     });
   };
@@ -329,43 +394,66 @@ export const Selector = () => {
 
   const onFilterChange = (event, data) => {
     setFilteredComponentsDefinitions(
-      componentsDefinitions.current.filter(definition => {
-        const isMatchInName = definition.component.toLowerCase().includes(data.value.toLowerCase());
+      componentsDefinitions.current.filter((definition) => {
+        const isMatchInName = definition.component
+          .toLowerCase()
+          .includes(data.value.toLowerCase());
         const isMatchInStory = definition.story
           ? definition.story.toLowerCase().includes(data.value.toLowerCase())
           : false;
         return isMatchInName || isMatchInStory;
-      }),
+      })
     );
   };
 
   return (
     <>
-      <Field label="Filter components">
-        <Input onChange={onFilterChange} />
-      </Field>
-      <h2>Choose Component</h2>
-      <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
-      <Accordion multiple>
-        {categorizedComponents.map(category => (
-          <AccordionItem key={category.id} value={category.id}>
-            <AccordionHeader as="h3">{category.title}</AccordionHeader>
-            <AccordionPanel>
-              <div className={classes.root}>{category['cards']}</div>
-            </AccordionPanel>
-          </AccordionItem>
-        ))}
-      </Accordion>
-      {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
-      {allQuestions.map((question, index) => (
-        <Question
-          key={question.id}
-          question={question}
-          number={index + 1}
-          updateDecisionForQuestion={updateDecisionForQuestion}
-        />
-      ))}
-      <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
+      <Text id="selectorMode-text">Selector mode:</Text>
+      <TabList
+        selectedValue={mode}
+        onTabSelect={onModeTabSelect}
+        aria-labelledby="selectorMode-text"
+      >
+        <Tab value="byComponents">By components</Tab>
+        <Tab value="byBehaviors">By behaviors</Tab>
+      </TabList>
+      {mode == "byComponents" && (
+        <>
+          <Field label="Filter components">
+            <Input onChange={onFilterChange} />
+          </Field>
+          <h2>Choose Component</h2>
+          <Text role="status">
+            {filteredComponentsDefinitions.length} components available.
+          </Text>
+          <Accordion multiple>
+            {categorizedComponents.map((category) => (
+              <AccordionItem key={category.id} value={category.id}>
+                <AccordionHeader as="h3">{category.title}</AccordionHeader>
+                <AccordionPanel>
+                  <div className={classes.root}>{category["cards"]}</div>
+                </AccordionPanel>
+              </AccordionItem>
+            ))}
+          </Accordion>
+          {allQuestions.length > 0 && (
+            <h2 className={classes.heading}>Questions</h2>
+          )}
+          {allQuestions.map((question, index) => (
+            <Question
+              key={question.id}
+              question={question}
+              number={index + 1}
+              updateDecisionForQuestion={updateDecisionForQuestion}
+            />
+          ))}
+        </>
+      )}
+      {mode == "byBehaviors" && (
+        <>
+          <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
+        </>
+      )}
       <MatchingComponents components={getMatchingComponents()} />
     </>
   );

From 3414556bc88effc210e9b495db63ac1ff8ed0d8e Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 17 Dec 2024 20:00:37 +0100
Subject: [PATCH 087/111] Fix lint errors and refactor

---
 .../ComponentSelector/Selector.stories.tsx    | 209 +++++-------------
 1 file changed, 56 insertions(+), 153 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index a74a4dd0ca6a25..37659f3da90e03 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -13,11 +13,6 @@ import {
   tokens,
   useId,
 } from "@fluentui/react-components";
-import type {
-  SelectTabData,
-  SelectTabEvent,
-  TabValue,
-} from "@fluentui/react-components";
 
 import {
   removeFromArray,
@@ -25,19 +20,14 @@ import {
   getAllQuestions,
 } from "./utils";
 import questions from "./selection-logic/Questions.json";
-import categories from "./selection-logic/Categories.json";
-import * as componentsDefinitionsImported from "./components-definitions/index";
+import importedCategories from "./selection-logic/Categories.json";
+import * as importedComponentsDefinitions from "./components-definitions/index";
 import { add, create, get, set } from "lodash";
 import { SelectionCard } from "./SelectionCard";
 import { Question } from "./Question";
 import { BehaviorSelection } from "./BehaviorSelection";
 import { MatchingComponents } from "./MatchingComponents";
 
-const decisionRadioValues: Record<string, string[]> = {
-  navigationBy: ["navigationByArrowKeys", "navigationByTabKey"],
-  interaction: ["interactive", "static"],
-};
-
 const useStyles = makeStyles({
   secondLevel: { "margin-left": "30px" },
   thirdLevel: { "margin-left": "60px" },
@@ -97,6 +87,13 @@ const useStyles = makeStyles({
   },
 });
 
+interface ComponentCategory {
+  id: string;
+  title: string;
+  components: string[];
+  cards?: React.ReactNode[];
+}
+const categories: ComponentCategory[] = importedCategories;
 const savedSelectedBehaviours = {
   byComponents: [],
   byBehaviors: [],
@@ -105,48 +102,18 @@ const savedSelectedBehaviours = {
 export const Selector = () => {
   const classes = useStyles();
 
-  const [mode, setMode] = React.useState<TabValue>("byComponents");
+  const [mode, setMode] = React.useState("byComponents");
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>(
     []
   );
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>(
     []
   );
-  const [savedSelectedBehaviours, setSavedSelectedBehaviours] = React.useState<
-    Record<string, string[]>
-  >({
-    byComponents: [],
-    byBehaviors: [],
-  });
-
-  const [decisionState, setDecisionState] = React.useState<
-    Record<string, Record<string, boolean | string | undefined>>
-  >({
-    uiBehavior: {
-      interaction: undefined,
-      // composition: undefined,
-      toggle: false,
-      navigableToPage: false,
-      columnsAndRows: false,
-      singleColumn: false,
-      hierarchical: false,
-      opensMenu: false,
-      multipleActions: false,
-      textOrHeading: false,
-    },
-
-    keyboardNavigation: {
-      navigationBy: "notSpecified",
-      innerNavigationAfterEnter: false,
-      nestedNavigation: false,
-    },
-
-    screenReader: {
-      narratesPosition: false,
-    },
-  });
+  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] =
+    React.useState<Record<string, any>[]>([]);
+  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
 
-  const onModeTabSelect = (event: SelectTabEvent, data: SelectTabData) => {
+  const onModeTabSelect = (event, data) => {
     const newMode = data.value;
     savedSelectedBehaviours[mode] = [...selectedBehaviours];
     setSelectedBehaviours(savedSelectedBehaviours[newMode]);
@@ -157,54 +124,46 @@ export const Selector = () => {
     console.log(`UseEffect: Selector`);
   }, []);
 
-  const [behavior1, setBehavior1] = React.useState(false);
-  const [behavior2, setBehavior2] = React.useState(false);
-  const [behavior3, setBehavior3] = React.useState(false);
-  const [behavior4, setBehavior4] = React.useState(false);
-  const [behavior5, setBehavior5] = React.useState(false);
-  const [behavior6, setBehavior6] = React.useState(false);
-  const [behavior7, setBehavior7] = React.useState(false);
-  const [behavior8, setBehavior8] = React.useState(false);
+  
+  React.useEffect(() => {
+    setFilteredComponentsDefinitions(componentsDefinitions.current);
+  }, [setFilteredComponentsDefinitions]);
 
-  const getDecisionCategory = React.useCallback(
-    (name: string) => {
-      for (let category in decisionState) {
-        for (let item in decisionState[category]) {
-          if (item === name) {
-            return category;
-          }
-        }
-      }
-      return undefined;
-    },
-    [decisionState]
-  );
+  const onFilterChange = (event, data) => {
+    setFilteredComponentsDefinitions(
+      componentsDefinitions.current.filter((definition) => {
+        const isMatchInName = definition.component
+          .toLowerCase()
+          .includes(data.value.toLowerCase());
+        const isMatchInStory = definition.story
+          ? definition.story.toLowerCase().includes(data.value.toLowerCase())
+          : false;
+        return isMatchInName || isMatchInStory;
+      })
+    );
+  };
 
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach((definition) => {
       for (const key in definition) {
         if (key === "extends") {
           const value = definition[key];
-          // const currentJSONObject = JSON.parse(JSON.stringify(definition));
-          const attributesOfCurrentJSON = definition.attributes;
-          // find definition which is based one
+          const attributesOfCurrentDefinition = definition.attributes;
+          // find the definition which the current definition is based on
           const baseDefinition = componentsDefinitions.current.find(
             (def) => def.name === value
           );
           const attributesOfBaseDefinition = baseDefinition?.attributes;
 
-          // create new object not delete name of base definition for others usage
-          const temporaryObject = JSON.parse(JSON.stringify(baseDefinition));
-          delete temporaryObject.name;
+          // create a definition copy with the name deleted
+          const tempDefinition = JSON.parse(JSON.stringify(baseDefinition));
+          delete tempDefinition.name;
 
           // merge attributes of current JSON with Base JSON
-          if (attributesOfCurrentJSON) {
-            temporaryObject["attributes"] = [
-              ...attributesOfBaseDefinition,
-              ...attributesOfCurrentJSON,
-            ];
+          if (attributesOfCurrentDefinition) {
+            tempDefinition.attributes = [...attributesOfBaseDefinition, ...attributesOfCurrentDefinition];
           }
-          Object.assign(definition, temporaryObject);
+          Object.assign(definition, tempDefinition);
         }
       }
     });
@@ -220,12 +179,9 @@ export const Selector = () => {
     });
   };
 
-  const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
-  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] =
-    React.useState<Record<string, any>[]>([]);
   const fillComponentsDefinitions = () => {
-    if (componentsDefinitions && componentsDefinitions.current.length === 0) {
-      Object.entries(componentsDefinitionsImported).forEach(([key, value]) => {
+    if (componentsDefinitions.current.length === 0) {
+      Object.entries(importedComponentsDefinitions).forEach(([key, value]) => {
         componentsDefinitions.current.push(value);
       });
       mergeBaseObjects();
@@ -235,7 +191,7 @@ export const Selector = () => {
 
   fillComponentsDefinitions();
 
-  const updateBehaviorDecision = (name: string, checked: boolean | string) => {
+  const updateBehaviorDecision = (name, checked) => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
@@ -246,27 +202,7 @@ export const Selector = () => {
     }
   };
 
-  const additionalTags = [
-    "expandable",
-    "static",
-    "selectable",
-    "sortable",
-    "filterable",
-  ];
-
-  // Handle selectedOptions both when an option is selected or deselected in the Combobox,
-  // and when an option is removed by clicking on a tag
-  // const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
-
-  const getImage = (tagName) => {
-    try {
-      return require(`../ComponentSelector/components-images/${tagName}.png`);
-    } catch (error) {
-      return null;
-    }
-  };
-
-  const getComponentDefinitionByName = (name: string) => {
+  const getComponentDefinitionByName = (name) => {
     return componentsDefinitions.current.find(
       (definition) => definition.name === name
     );
@@ -281,7 +217,6 @@ export const Selector = () => {
     if (mode === "byComponents") {
       selectedComponents.forEach((componentName) => {
         const definition = getComponentDefinitionByName(componentName);
-        // console.log(`PUSH component name: ${component.name}`);
         if (definition) {
           suitableComponents.push(definition);
         }
@@ -290,22 +225,15 @@ export const Selector = () => {
 
     if (selectedBehaviours.length > 0) {
       console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
-      const componentsToIterate = componentsDefinitions.current;
-      // componentsDefinitions.current.forEach(definition => {
-      componentsToIterate.forEach((definition) => {
-        // const keysInDefinitions = Object.keys(definition);
-
+      componentsDefinitions.current.forEach(definition => {
         let matchedCount = 0;
         selectedBehaviours.forEach((decision) => {
           definition.attributes.includes(decision) ? matchedCount++ : null;
         });
-
         if (selectedBehaviours.length === matchedCount) {
           console.log("fully matched");
           // if suitableComponents does not include definition, push it
-          suitableComponents.includes(definition)
-            ? null
-            : suitableComponents.push(definition);
+          suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
         } else {
           // console.log(`suitableComponents: ${suitableComponents}`);
           // console.log('GOING TO REMOVE');
@@ -314,15 +242,14 @@ export const Selector = () => {
         }
       });
     }
-
     return suitableComponents;
   };
 
-  const addComponent = (name) => {
+  const addComponent = React.useCallback((name) => {
     console.log(`addComponent: ${name}`);
     console.log(`selectedComponents: ${selectedComponents}`);
     setSelectedComponents((prevArray) => [...prevArray, name]);
-  };
+  }, [selectedComponents]);
 
   const categorizedComponents = React.useMemo(() => {
     const definitionsWithDisplayName = filteredComponentsDefinitions.map(
@@ -330,7 +257,7 @@ export const Selector = () => {
         const componentName = definition.story
           ? `${definition.component} : ${definition.story}`
           : definition.name;
-        definition["displayName"] = componentName;
+        definition.displayName = componentName;
         return definition;
       }
     );
@@ -339,7 +266,7 @@ export const Selector = () => {
     );
 
     const result = categories.map((category) => {
-      category["cards"] = [];
+      category.cards = [];
       definitionsWithDisplayName.forEach((definition) => {
         if (category.components.includes(definition.component)) {
           const card = (
@@ -352,21 +279,15 @@ export const Selector = () => {
               />
             </>
           );
-          category["cards"].push(card);
+          category.cards?.push(card);
         }
       });
       return category;
     });
     return result;
-  }, [filteredComponentsDefinitions]);
+  }, [filteredComponentsDefinitions, addComponent]);
 
-  const updateDecisionForQuestion = (
-    currentName: string,
-    previousName: string
-  ) => {
-    if (currentName === "none" && previousName === "none") {
-      return;
-    }
+  const updateDecisionForQuestion = (currentName, previousName) => {
     if (currentName === previousName) {
       return;
     }
@@ -386,25 +307,7 @@ export const Selector = () => {
     });
   };
 
-  const allQuestions = getAllQuestions(selectedComponents, questions);
-
-  React.useEffect(() => {
-    setFilteredComponentsDefinitions(componentsDefinitions.current);
-  }, [setFilteredComponentsDefinitions]);
-
-  const onFilterChange = (event, data) => {
-    setFilteredComponentsDefinitions(
-      componentsDefinitions.current.filter((definition) => {
-        const isMatchInName = definition.component
-          .toLowerCase()
-          .includes(data.value.toLowerCase());
-        const isMatchInStory = definition.story
-          ? definition.story.toLowerCase().includes(data.value.toLowerCase())
-          : false;
-        return isMatchInName || isMatchInStory;
-      })
-    );
-  };
+  const allQuestions = React.useMemo(() => getAllQuestions(selectedComponents, questions), [selectedComponents]);
 
   return (
     <>
@@ -417,7 +320,7 @@ export const Selector = () => {
         <Tab value="byComponents">By components</Tab>
         <Tab value="byBehaviors">By behaviors</Tab>
       </TabList>
-      {mode == "byComponents" && (
+      {mode === "byComponents" && (
         <>
           <Field label="Filter components">
             <Input onChange={onFilterChange} />
@@ -431,7 +334,7 @@ export const Selector = () => {
               <AccordionItem key={category.id} value={category.id}>
                 <AccordionHeader as="h3">{category.title}</AccordionHeader>
                 <AccordionPanel>
-                  <div className={classes.root}>{category["cards"]}</div>
+                  <div className={classes.root}>{category.cards}</div>
                 </AccordionPanel>
               </AccordionItem>
             ))}
@@ -449,7 +352,7 @@ export const Selector = () => {
           ))}
         </>
       )}
-      {mode == "byBehaviors" && (
+      {mode === "byBehaviors" && (
         <>
           <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
         </>

From 598dfef794ec9727aae2e2c179a6cdc73f68fb47 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Thu, 2 Jan 2025 16:29:36 +0100
Subject: [PATCH 088/111] Refactor function into useEffect

---
 .../ComponentSelector/Selector.stories.tsx    | 209 ++++++++----------
 1 file changed, 87 insertions(+), 122 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 37659f3da90e03..55967cc9955615 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 import {
   Accordion,
   AccordionHeader,
@@ -12,78 +12,74 @@ import {
   makeStyles,
   tokens,
   useId,
-} from "@fluentui/react-components";
+} from '@fluentui/react-components';
 
-import {
-  removeFromArray,
-  getComponentStoryUrl,
-  getAllQuestions,
-} from "./utils";
-import questions from "./selection-logic/Questions.json";
-import importedCategories from "./selection-logic/Categories.json";
-import * as importedComponentsDefinitions from "./components-definitions/index";
-import { add, create, get, set } from "lodash";
-import { SelectionCard } from "./SelectionCard";
-import { Question } from "./Question";
-import { BehaviorSelection } from "./BehaviorSelection";
-import { MatchingComponents } from "./MatchingComponents";
+import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
+import questions from './selection-logic/Questions.json';
+import importedCategories from './selection-logic/Categories.json';
+import * as importedComponentsDefinitions from './components-definitions/index';
+import { add, create, get, set } from 'lodash';
+import { SelectionCard } from './SelectionCard';
+import { Question } from './Question';
+import { BehaviorSelection } from './BehaviorSelection';
+import { MatchingComponents } from './MatchingComponents';
 
 const useStyles = makeStyles({
-  secondLevel: { "margin-left": "30px" },
-  thirdLevel: { "margin-left": "60px" },
-  forthLevel: { "margin-left": "90px" },
-  heading: { margin: "30px 0 10px 0" },
+  secondLevel: { 'margin-left': '30px' },
+  thirdLevel: { 'margin-left': '60px' },
+  forthLevel: { 'margin-left': '90px' },
+  heading: { margin: '30px 0 10px 0' },
   root: {
     // Stack the label above the field with a gap
-    display: "flex",
-    flexWrap: "wrap",
-    gap: "2px",
-    maxWidth: "1600px",
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: '2px',
+    maxWidth: '1600px',
   },
   tagsList: {
-    listStyleType: "none",
+    listStyleType: 'none',
     marginBottom: tokens.spacingVerticalXXS,
     marginTop: 0,
     paddingLeft: 0,
-    display: "flex",
+    display: 'flex',
     gridGap: tokens.spacingHorizontalXXS,
   },
-  tooltip: { maxWidth: "500px important!", backgroundColor: "red" },
+  tooltip: { maxWidth: '500px important!', backgroundColor: 'red' },
   componentWrapper: {
-    margin: "10px",
-    padding: "10px",
-    border: "1px solid #ccc",
-    borderRadius: "5px",
-    display: "flex",
-    alignItems: "center",
-    gap: "10px",
+    margin: '10px',
+    padding: '10px',
+    border: '1px solid #ccc',
+    borderRadius: '5px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '10px',
   },
   questionsWrapper: {
-    padding: "20px",
-    margin: "20px 0",
-    backgroundColor: "white",
-    borderRadius: "16px",
-    border: "1px solid var(--colorNeutralStroke1, #e1dfdd)",
-    boxShadow: "0 0 10px rgba(0, 0, 0, 0.1)",
+    padding: '20px',
+    margin: '20px 0',
+    backgroundColor: 'white',
+    borderRadius: '16px',
+    border: '1px solid var(--colorNeutralStroke1, #e1dfdd)',
+    boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
   },
   questionsLabel: {
-    color: "#ff00ff",
+    color: '#ff00ff',
     fontWeight: tokens.fontWeightBold,
-    marginRight: "8px",
+    marginRight: '8px',
   },
   questionsText: {
     fontWeight: tokens.fontWeightBold,
     fontSize: tokens.fontSizeBase400,
   },
   questionContainer: {
-    display: "flex",
+    display: 'flex',
   },
   questionRightSide: {
-    borderLeft: "1px solid #ff00ff",
-    padding: "0 10px",
+    borderLeft: '1px solid #ff00ff',
+    padding: '0 10px',
   },
   radioItem: {
-    display: "flex",
+    display: 'flex',
   },
 });
 
@@ -102,15 +98,10 @@ const savedSelectedBehaviours = {
 export const Selector = () => {
   const classes = useStyles();
 
-  const [mode, setMode] = React.useState("byComponents");
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>(
-    []
-  );
-  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>(
-    []
-  );
-  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] =
-    React.useState<Record<string, any>[]>([]);
+  const [mode, setMode] = React.useState('byComponents');
+  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
+  const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
 
   const onModeTabSelect = (event, data) => {
@@ -124,35 +115,30 @@ export const Selector = () => {
     console.log(`UseEffect: Selector`);
   }, []);
 
-  
   React.useEffect(() => {
     setFilteredComponentsDefinitions(componentsDefinitions.current);
   }, [setFilteredComponentsDefinitions]);
 
   const onFilterChange = (event, data) => {
     setFilteredComponentsDefinitions(
-      componentsDefinitions.current.filter((definition) => {
-        const isMatchInName = definition.component
-          .toLowerCase()
-          .includes(data.value.toLowerCase());
+      componentsDefinitions.current.filter(definition => {
+        const isMatchInName = definition.component.toLowerCase().includes(data.value.toLowerCase());
         const isMatchInStory = definition.story
           ? definition.story.toLowerCase().includes(data.value.toLowerCase())
           : false;
         return isMatchInName || isMatchInStory;
-      })
+      }),
     );
   };
 
   const mergeBaseObjects = () => {
-    componentsDefinitions.current.forEach((definition) => {
+    componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
-        if (key === "extends") {
+        if (key === 'extends') {
           const value = definition[key];
           const attributesOfCurrentDefinition = definition.attributes;
           // find the definition which the current definition is based on
-          const baseDefinition = componentsDefinitions.current.find(
-            (def) => def.name === value
-          );
+          const baseDefinition = componentsDefinitions.current.find(def => def.name === value);
           const attributesOfBaseDefinition = baseDefinition?.attributes;
 
           // create a definition copy with the name deleted
@@ -173,13 +159,13 @@ export const Selector = () => {
     componentsDefinitions.current.forEach((definition, index) => {
       // just check the name if includes "Base",
       // in future would be better detection based on prop, like: "abstract": "true"
-      if (definition.name && definition.name.includes("Base")) {
+      if (definition.name && definition.name.includes('Base')) {
         componentsDefinitions.current.splice(index, 1);
       }
     });
   };
 
-  const fillComponentsDefinitions = () => {
+  React.useEffect(() => {
     if (componentsDefinitions.current.length === 0) {
       Object.entries(importedComponentsDefinitions).forEach(([key, value]) => {
         componentsDefinitions.current.push(value);
@@ -187,25 +173,19 @@ export const Selector = () => {
       mergeBaseObjects();
       cleanUpBaseObjects();
     }
-  };
-
-  fillComponentsDefinitions();
+  }, []);
 
   const updateBehaviorDecision = (name, checked) => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
-      const newBehaviors = selectedBehaviours.filter(
-        (behavior) => behavior !== name
-      );
+      const newBehaviors = selectedBehaviours.filter(behavior => behavior !== name);
       setSelectedBehaviours(newBehaviors);
     }
   };
 
-  const getComponentDefinitionByName = (name) => {
-    return componentsDefinitions.current.find(
-      (definition) => definition.name === name
-    );
+  const getComponentDefinitionByName = name => {
+    return componentsDefinitions.current.find(definition => definition.name === name);
   };
 
   const getMatchingComponents = () => {
@@ -214,8 +194,8 @@ export const Selector = () => {
 
     console.log(`selectedComponents: ${selectedComponents}`);
 
-    if (mode === "byComponents") {
-      selectedComponents.forEach((componentName) => {
+    if (mode === 'byComponents') {
+      selectedComponents.forEach(componentName => {
         const definition = getComponentDefinitionByName(componentName);
         if (definition) {
           suitableComponents.push(definition);
@@ -227,11 +207,11 @@ export const Selector = () => {
       console.log(`GET COMPONENT: selectedBehaviours: ${selectedBehaviours}`);
       componentsDefinitions.current.forEach(definition => {
         let matchedCount = 0;
-        selectedBehaviours.forEach((decision) => {
+        selectedBehaviours.forEach(decision => {
           definition.attributes.includes(decision) ? matchedCount++ : null;
         });
         if (selectedBehaviours.length === matchedCount) {
-          console.log("fully matched");
+          console.log('fully matched');
           // if suitableComponents does not include definition, push it
           suitableComponents.includes(definition) ? null : suitableComponents.push(definition);
         } else {
@@ -245,29 +225,26 @@ export const Selector = () => {
     return suitableComponents;
   };
 
-  const addComponent = React.useCallback((name) => {
-    console.log(`addComponent: ${name}`);
-    console.log(`selectedComponents: ${selectedComponents}`);
-    setSelectedComponents((prevArray) => [...prevArray, name]);
-  }, [selectedComponents]);
+  const addComponent = React.useCallback(
+    name => {
+      console.log(`addComponent: ${name}`);
+      console.log(`selectedComponents: ${selectedComponents}`);
+      setSelectedComponents(prevArray => [...prevArray, name]);
+    },
+    [selectedComponents],
+  );
 
   const categorizedComponents = React.useMemo(() => {
-    const definitionsWithDisplayName = filteredComponentsDefinitions.map(
-      (definition) => {
-        const componentName = definition.story
-          ? `${definition.component} : ${definition.story}`
-          : definition.name;
-        definition.displayName = componentName;
-        return definition;
-      }
-    );
-    definitionsWithDisplayName.sort((a, b) =>
-      a.displayName > b.displayName ? 1 : -1
-    );
+    const definitionsWithDisplayName = filteredComponentsDefinitions.map(definition => {
+      const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
+      definition.displayName = componentName;
+      return definition;
+    });
+    definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
 
-    const result = categories.map((category) => {
+    const result = categories.map(category => {
       category.cards = [];
-      definitionsWithDisplayName.forEach((definition) => {
+      definitionsWithDisplayName.forEach(definition => {
         if (category.components.includes(definition.component)) {
           const card = (
             <>
@@ -291,18 +268,14 @@ export const Selector = () => {
     if (currentName === previousName) {
       return;
     }
-    if (currentName === "none") {
+    if (currentName === 'none') {
       // remove previously added radio value as now "no" option is selected
-      setSelectedBehaviours((previousItems) =>
-        previousItems.filter((item) => item !== previousName)
-      );
+      setSelectedBehaviours(previousItems => previousItems.filter(item => item !== previousName));
       return;
     }
-    setSelectedBehaviours((previousBehaviors) => {
+    setSelectedBehaviours(previousBehaviors => {
       // remove previous radio item value and add new one
-      const behaviorsWithoutPerviousItem = previousBehaviors.filter(
-        (item) => item !== previousName
-      );
+      const behaviorsWithoutPerviousItem = previousBehaviors.filter(item => item !== previousName);
       return [...behaviorsWithoutPerviousItem, currentName];
     });
   };
@@ -312,25 +285,19 @@ export const Selector = () => {
   return (
     <>
       <Text id="selectorMode-text">Selector mode:</Text>
-      <TabList
-        selectedValue={mode}
-        onTabSelect={onModeTabSelect}
-        aria-labelledby="selectorMode-text"
-      >
+      <TabList selectedValue={mode} onTabSelect={onModeTabSelect} aria-labelledby="selectorMode-text">
         <Tab value="byComponents">By components</Tab>
         <Tab value="byBehaviors">By behaviors</Tab>
       </TabList>
-      {mode === "byComponents" && (
+      {mode === 'byComponents' && (
         <>
           <Field label="Filter components">
             <Input onChange={onFilterChange} />
           </Field>
           <h2>Choose Component</h2>
-          <Text role="status">
-            {filteredComponentsDefinitions.length} components available.
-          </Text>
+          <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
           <Accordion multiple>
-            {categorizedComponents.map((category) => (
+            {categorizedComponents.map(category => (
               <AccordionItem key={category.id} value={category.id}>
                 <AccordionHeader as="h3">{category.title}</AccordionHeader>
                 <AccordionPanel>
@@ -339,9 +306,7 @@ export const Selector = () => {
               </AccordionItem>
             ))}
           </Accordion>
-          {allQuestions.length > 0 && (
-            <h2 className={classes.heading}>Questions</h2>
-          )}
+          {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
           {allQuestions.map((question, index) => (
             <Question
               key={question.id}
@@ -352,7 +317,7 @@ export const Selector = () => {
           ))}
         </>
       )}
-      {mode === "byBehaviors" && (
+      {mode === 'byBehaviors' && (
         <>
           <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
         </>

From ca0f5fb6bc8a2f03ae3ad201636b987f32505421 Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Mon, 6 Jan 2025 12:18:14 +0100
Subject: [PATCH 089/111] adding images from Kay

---
 .../components-images/Accordion.png           | Bin 4764 -> 5134 bytes
 .../components-images/Avatar-group.png        | Bin 0 -> 20581 bytes
 .../components-images/Avatar.png              | Bin 0 -> 38452 bytes
 .../components-images/Badges.png              | Bin 0 -> 6667 bytes
 .../components-images/Breadcrumb.png          | Bin 0 -> 3837 bytes
 .../components-images/Button.png              | Bin 1440 -> 4373 bytes
 .../components-images/Card.png                | Bin 0 -> 6078 bytes
 .../components-images/Checkbox.png            | Bin 0 -> 4457 bytes
 .../components-images/Compound-button.png     | Bin 0 -> 6114 bytes
 .../components-images/Date-picker.png         | Bin 0 -> 19015 bytes
 .../components-images/Dialog.png              | Bin 0 -> 20270 bytes
 .../components-images/Divider.png             | Bin 0 -> 2111 bytes
 .../components-images/Dropdown.png            | Bin 0 -> 14451 bytes
 .../components-images/Field.png               | Bin 0 -> 7874 bytes
 .../components-images/Infotip.png             | Bin 0 -> 9042 bytes
 .../components-images/Input.png               | Bin 0 -> 4564 bytes
 .../components-images/Label.png               | Bin 0 -> 3466 bytes
 .../components-images/Link.png                | Bin 1483 -> 3025 bytes
 .../components-images/Menu-button.png         | Bin 0 -> 3731 bytes
 .../components-images/Menu.png                | Bin 6788 -> 21692 bytes
 .../components-images/MessageBar.png          | Bin 0 -> 26012 bytes
 .../components-images/Persona.png             | Bin 0 -> 15841 bytes
 .../components-images/Placeholder.png         | Bin 0 -> 3329 bytes
 .../components-images/Popover.png             | Bin 0 -> 15220 bytes
 .../components-images/ProgressBar.png         | Bin 0 -> 2167 bytes
 .../components-images/Radio.png               | Bin 0 -> 4152 bytes
 .../components-images/Skeleton.png            | Bin 0 -> 7419 bytes
 .../components-images/Slider.png              | Bin 0 -> 3752 bytes
 .../components-images/SpinButton.png          | Bin 0 -> 5039 bytes
 .../components-images/Spinner.png             | Bin 0 -> 4785 bytes
 .../components-images/Split-button.png        | Bin 0 -> 4508 bytes
 .../components-images/Switch.png              | Bin 0 -> 4628 bytes
 .../components-images/Table.png               | Bin 0 -> 20320 bytes
 .../components-images/Tablist.png             | Bin 0 -> 4619 bytes
 .../components-images/Tag.png                 | Bin 0 -> 7743 bytes
 .../components-images/TextArea.png            | Bin 0 -> 4786 bytes
 .../components-images/Toast.png               | Bin 0 -> 20308 bytes
 .../components-images/Tooltip.png             | Bin 3676 -> 15406 bytes
 .../components-images/Video.png               | Bin 0 -> 122945 bytes
 39 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar-group.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Badges.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Breadcrumb.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Card.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Checkbox.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Compound-button.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Date-picker.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Dialog.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Divider.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Dropdown.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Field.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Infotip.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Input.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Label.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Menu-button.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/MessageBar.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Persona.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Placeholder.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Popover.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/ProgressBar.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Radio.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Skeleton.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Slider.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/SpinButton.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Spinner.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Split-button.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Switch.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Table.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Tag.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/TextArea.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Toast.png
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Video.png

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Accordion.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Accordion.png
index 8b2cdc4fd8887d25fce23dab5f8316db1c9402ca..63e998c5f92c862891dc40fb6599a9c7d2ea67ed 100644
GIT binary patch
literal 5134
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

literal 4764
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
OA|rh>y&4_J%l`tk_vCQ^

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar-group.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar-group.png
new file mode 100644
index 0000000000000000000000000000000000000000..df06aa852e812734e7fac0f40a75d3a22b05d244
GIT binary patch
literal 20581
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
C=DfcE

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ea4ff23954e9c4a9f7b85f7a80a7d05d3f2804c
GIT binary patch
literal 38452
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
X(<O(>qbe2SYs3Sps;yF?WF7h+-`Rym

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Badges.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Badges.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f84af022581a0370610bffe8687290d9db2911f
GIT binary patch
literal 6667
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Breadcrumb.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Breadcrumb.png
new file mode 100644
index 0000000000000000000000000000000000000000..c40b28961571ef4ba1bb1eb15d9c63e5d8b37c26
GIT binary patch
literal 3837
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
NEX=G;3C8Zv{{w1y+8_V`

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Button.png
index 2d1aaae9d514ec10c0e73830196bf04d34955daf..aaa8775e70fe87da7c3538fc23d3cef8a1d447f3 100644
GIT binary patch
literal 4373
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
CD9T#^

literal 1440
zcmeAS@N?(olHy`uVBq!ia0vp^tARL?gAGWooE>-?NHG=%xjQkeJ16rJ$YDu$^mSxl
z*x1kgCy^D%=PdAuEM{QfI}E~%$MaXDFfg#1db&7<RK&f#8?CXlTH^S}<BF3{B+hUO
z?g<urbnJ;quk);e#|01BJXM0uv|8ug@wvk({^Z!gD?1e154Cc;Sw0KUJJKrCb<l#x
z^4z`im!r0R%c;ICz4?0Gy}J2T(b?0=WvhPg`~S5*{<PF=`TdL8W8&jyuVakpU;9$%
zK|TM*CaDh5D-LTGuqCmY3TUrrjBw;V!j+{E7QjqfsWrd$Z<UdkzkKi@V{B~fMf(cL
z0)A;}>7s%H1%7`1qS8{+yIDSA-BX?a{`#uDx9;z(IdkXwZa<U^q%K~&CRSNhC1n+{
z+LyV)#dXE`=Ix64-uITdrEQJ)xmJFmo&3FNdwhG(WNl39`}L=1pKqZV1G*o7b(@-)
zTsYn@|MJnJLnYic(-M>3zJ0rN!GZ<$I+rhBUN*l;P$DaZmz#U>#EF8PQ>L$2p>f&&
z00)og>bY}eckbLdarf@sI@`8wyK?1<OJro^mhIcs)z3ypMXlJdVFDjN|H|dd+k=9G
zQ$^05II-a7&B#g_xurktWMyT)yt`{1xv%D@le4pPk*%58G&Xkjrys9fzy9*?@9#zP
zH*GTF;^bVoYSpU!f37~ibxZ2$^XI3FKRrEls_Uit2Lb2vk(T$~yvf<Mckj}R7XxqI
zxUpd0K07TvJvDW8^`8&e*-t96v9WpG0P>3NU%eW-^Ua$#OFn!k(9+di`t)fkr;V;|
z@2%UnGwbW)uO<Hd`!^&qQnP>m?%m#N*RK7vXPTM0dFsDelO{P87Z(>rMn`K~3)!3r
z*r=zc7gSQRr6<bf*2fjk-@esdSeVk=+dE~#1c&_l`<9C9$9d?)#l?Mjbyd5ozkj;F
z{!He_f=0Hsb8BjAH4P0X#_g-|w6wH*^7yf{r>Ccp(foPyPVMTMuWVrvG40G5pU#Ui
z`)>aEV`FJ$bxPyiqeo7Kg@vD98uv-arQNX9?k}jTt1GJZ@##5oF#ofRO#hDZ@^Yg^
z)22`NwlOs|-Ly{9U$MgQao~*R)NkLu6=k0MWLEd*_Xm-L#6-t3v3m>cYJMmz{FL3;
zE?IW&)cn^b?#8C3uFs!8H}V2T)9DwMhK7obVj?0Jo}Zt;a@{(=Yqe`;&z8Pyy6FA=
z{oZ?~ZQN|0fA2)!VQb#@?6@Cy8RXJdL|7gI`ugI<ixYKZc+bn<zIAKGk|iyxR<BMy
z@^q*A{@%~OY-AraFFbkD^YUUFKKAqS4fAHsT=?!?-b||x8F`)O{c`g2gTuq8pD8ad
zE6YeoXwcKw_su?V-!NoNP0CsK?>0dnFWtGL!|r5r>XTqiM#hRWkv|`_AAYE6Za)3h
z>(@^iUTZ2TE3aI%$myJkin@AmT->}rCp%T^>+64gc_|Exmy@p_YI430`R=Rz;QX3z
z>AE#rWCaBie@&085eN?nQ8^g>`)y5TrY9dy@2LP~Z3$^m&VMb;%EEHt#}A9X7yp@o
zCBlZNHTLqFhc8Rk&W_Rz`zI#&@2i>(KP+2)x_<YAX9>&il4toT4|B6peyr1e`XM&l
p{%7b$ra#ga(hM{%Kv*v3?|A%J$aAgV9AK%+;OXk;vd$@?2>?qjmG%Gt

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Card.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Card.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1be64232f9ca6c91e1211be891d609f110d2001
GIT binary patch
literal 6078
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
NgtOZ*;?cmQ{{w5s91{Ql

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Checkbox.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Checkbox.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1ac67a5c2e2bdfb75b0b6772227b5f90128254d
GIT binary patch
literal 4457
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
JnB4jEKLD6MV4DB{

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Compound-button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Compound-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..afe656d8a3eec29a5a98976c3defda0f272c163c
GIT binary patch
literal 6114
zcmd^@X*kqv*#Cbcm0gkSN!dk+6roTe%h(edlKr-mb!HSpvXwnsA=}uuvF{;dH-?NE
z$~Go@42JPc_y7I>)&1&uUR=lTIIrtGuI)U3=W%^MQDA*7W(FPx005Y^A8Q%`0H}f5
zxaiJNd!(m+SyMmso{uej0N}Fl-v-h)65676f_#j$)PeG0J_6OCb$p=r0064u8INtx
z0syDKw&nwq0MPoJ^*>hju)giSK$6f*OR1i^`aks#1hs2!=o=Mt3SFw>Z6G9!W=Nd%
z`w&3bILr9sv5ESRYDq)4{8Bor(c96rCQtHO#p#<BFO<~^KQg`fIMeqcJ>9!?A(3dk
z=W78wkA6a7eJfs9K7Ehr`-M3iAzf#_b>)-Ka;Ddv_CvLsj%!vQf6UHuj%42TA;<D6
zZj_XiH20~Ye|kjo0|5I<OS|6z_U_syz7=+I^m=M)YImvhsp2?|>h!aaN+{gMW?nh&
z{uw}5R^U|y`7`+gYg1gpAP4#3v#OIkR+M9xPovealvRUF<ELAWaT&695oZ9K+ygTW
z|HGZ7#VHJCW#{mCbTedhy^*}p{7DMs-Wh6)UhXE=yH|3LOFgUorf~aq(@c${G5{0|
z)VX4;3=HC%Jr~piklm5<CkSMtCCzZ;tcogjpByR0P^-Mr&^?r)I06D>ti@K9l$8^M
z6}h~XL%#9HrgC5Q^ja!Fx=~k_*PsCkgz>B^P0h`7J<*(dzoe3};Ev*vp-78n_;j^R
zCr!NzTH-v=;am9rNyZHh?=st@C2(K?NLbn}#j4Re{|xY%=Y}QfM$AQLYN$S#csfrk
zItGQTWckab(E?yo`GK99kp!-ZZ-Z(^#`Z>?h_A-&ybI@mqT4)7#Z2swO5uswwehxk
zpQG1n%mBDdK6fY4Ky|Ep7x~j+b;t5ZJF%W#5x8Gx6d^v?vN)dLlG|dSMqr?(mr0G-
z;6{e5jLc_7(dI^<6(s;b&Kw`^CI;JQNHknN0Yf0008r#m<1oa)YI(`CUy;_chmAVb
zF4SXT;e`=1V8aGF56DD?o&nM{J3xT$wRr##x#$T1iF9{>P;FX1phJj;<^Ql-`cjPY
zw&5q`aTu;npm{zhxZ)0w7ME_ebX<m0`LjN2-HlmMipiP@9b9Sm_Bc6;Q9j7PD+6g8
zP5R4;v%#k)`Lp|}^^K7f7sTL_gObVc%MNiYC6Lrd5f~Ic51^OlJ=(U)3^?a}nx`&!
z+u2mJ>L*i^<8yj(dN2_)$C7-D)3X)wJja49ls+uk>XU~3_p{j75a<Tb!N8pGucZx{
zIupvVu0`LV^O5n+5e|4dPF^yN9FQ5~{SO28#e&7II%tok-nN^K6w4fqO%V3s&m?XP
zH&4u^Vmrg;Hhx>Qm0s+aygDyo0#Tb#sa$_mZ$Bs(xnNfMO}Jid?%2=2XgykJRoc2~
z1F(@B)3g8~X8lho(p_atmi5@>Hqx9zfABdVF)FkqRH8mvlE^=h=i)w#;$Q(p*g=Xq
zPf~|-ys1Nt=n_sPAngV%R?INU#JxM>A=QDA>L6)0DsNHD46ptQ>Ub$Q|HwIi(?H#R
zvV{>yMErj<TpGnxa|H*BbafItW@bG+_QRmjn{l5G;FyWv9#CauXqW|Y3MSPUyEq!G
zvZ1!`*F-rsX9?w(H_TmjYpowsIb|izX$E@EdXs)nxMFeUikxL)_7lDN8~uIeqJzoo
z-vOPxHyU~YyB)=gm&NX1nVI>So^h^1cVcl<(ZlK|PR)BbR<Tw8?v=S2D>(oZ!@|Mm
zl5m83e%v3~c5}m_X7NXz6%$WoI0K8qlZAp#kw&XMiiZq-vl%(^2y*CL8537rBe^M&
z<AQ2*hE-=tw=*9J8LrdanXI+iSXPYvbjQnfdQ+akSaIxrQfmb?Xz<8oErz^#<#6~^
zh_r?=hCiFio-5OcN54esRD(|;$5uI*DWVIWVGq4`6grNod!F)UE8j^Vdj_3-kCcSR
z{IlzXvfwPbP0Qz!LUYZ;g8>n>3eTYP+Pa+k*{H#NTd>4o+UU}I0}i^MTS`beylOx%
z2>muxLl1l_8!2H3d^M(<<Rgts3N&s{&Y;yyPQKcHsiZrBA#v(;!aQ!=H0Ee?4<)q<
zNf+-)x$XVh*nkX%I?v3oGtTLAykw>5jly#%C-NzQ^k5dOz&Ro?X-C6?en*{uy2Z=c
zd(i0pZ;~i!JNtJTta6m|_Pu#k0fzFcw3%<jX{|EwHxcH#?ZKY2>tm?lgRM0#RLqoN
zd+r->?J?y{Vf22XvxRBk0;%srZ}XwkHMA?zqkJ5uVk05@j!i)?Cs(!DNDnrFD3A>w
z&_PcrtKMJ?yj9lwMv8R%(p*8xPz2uQF)pOM*tzWt@**{iZzSqaPNN8kL_Jj*bswA!
z9Q!?CD9~7nCEX~M%lHm7AonKy*WW=FE;>?Q3Q5Qc>>ZWQP1`rQ6dnw{nGtF4)*8l*
zXBIlN<D7%s1_F}uXo`|TK5873PqyRjp*Bi+QEUoQ%1o*zDk<ON3)F$SaOx!tnn_Fq
zj{CP%G+tDfRE_(9ROyhQVNoc%JE4Z=*wgNLJ)ZEqMy|w*t%9F>GectNP`E4L<Of0{
zzJ`7J^|J>ZIS%5PzR9Og@A0XYhscAk2cs{X{qCd%N#T8qkZuZDZN=q`nj%nk<bgLt
zGa~IPn-<w`v<eS==6{ZYN1b5i*d&sJgQ^vmv_Q%jhgz4MAa<bf2;LH_<&SEB{3br0
z!fYJ}%txOK2?w3P*X!pjZ6LUNo=P8Eq<AjntzX#&6}UNP@aBEUSx5_g_OK&IWK~B*
z?_oOk`LJJ;Qs%$EozrQcHPa=A8>aO*eFPJn1-gXRJf#Ni=P7k#NUL>S-jTW5_;j&y
zJOYE|v2GM9ncfro_go_4Et9mx;K07~;3`R|7+C)E_1R0sd+@4?TgBA_^mh<ORaY4<
zJq|OM6mM0rZq+>T>XCSiu)Tfn^)nOy-_unfm8bRYSvB)jqAbl(e<tQK_#{YS*6d``
zN3m_pxRbZ9aBBH@6N3=qsmJD0?yQ)9W5CRo-`$X*SUt5<?v<>uJFw#bZ-cYvlLY^y
z^7|(n1Ia!^gWjppsr-X5kQp_@{)>t|$prOCZ^JN4AC}*R+8xvw;Fo}sgLeJ`f@N*}
zfu)bJ^xfj~M=!uo;vQLRxapa^n&L#6CAn^qw;xnOcPDLc@>fZsCp%Q~m8#mo(Dc#1
zD^$7Oy^hBdt;2Cp5c>q1Lkhy0fF<ugnFyiGnb6a)h^Vxj#0g<da#{`&Sv?LTe*g0@
za&7BpeEWy+?<TaFs$8wL%?gJO{xs!ETkt!&KWeEz>8S^`5It##l28Ir7d>UPInw`_
zO!s{$s4Vd1MbZq;=(p&ro|^Vw;2)~apE8BKXotYREb;Oz3vswM_FY3JnbbWNCKiu>
zl-QPy-#<a{)AH$#)9VQqJ`my2HImNa`V?>+Ket><!!#*`!g~~sYCo^o{WhHPa`cgI
z&er$xecKUdZiP>mpP7*@iU{kmnA01FC%bCLS+ffmsORjCZ968YCvJPe_pssaex=9r
zVDdb-c}xnNS~j%7J+(M$74isV{dp3+Oi<A1D}as@C08ePt=>{p4UXE3_({(pZk%}-
zvHcp{uYk&!eMkkbKn<+IMK!z}Mlx{rDcqOh?R^GOTsO~XcmC@9`4?jaWNlhzk9z%I
z5{-6;mluVEm%=lVELq=p#@F(sm^11q;RWnf=QvkiUN+ZdP%O)1cWBX1guL4A74Ak=
zjG6#%^)p4s6OpJ2d%s+aE9WexeXp<PxhMw8-zL$hS_=`>tQIB6d=m*Toa$e45Lw8_
zbL3S{DKT`Gms4{5CV!Xwy75XKLm`}u1|hR+)sWej=$bf?tG5dTgnm3)HD>IrAZe2?
zz%Mi`#!KS-&sv3iUx1F|35Nm{52g9l5}~a>nYi|Yv_G3y|FMG~)sGSh&`~^i1fF(<
zF%Mj*NX?Q~=+^FH_$Ae-NS*S@d0JB~L7SiNqYT_FH{7_8FyCvF_vErX{i^w32^-uf
zW-0PpR-j)x!z2<Z6!OsUMrkdCLD5uO(55b1e?E)@vtvsPCtS>_ey4G`^}(lGBH_ka
zCsdd6pXU{`HRNoeqS~7??9DiVb$m^8980j2o2W_YjNN!}ZpS$4k;^a>dhTehte<RM
z^kYIc(q^E|;7BHi^#Vi31qa*8x0Lc{ipR6lAI#uhbw~^^7N6hmlaJKX70~??VZp$a
zwd&h7p=}}BphBT-RLD}gFwyVoYO?;aH8Fcj@u6O75Z|Le9LW1SV^ONK8ddhe<L|`D
zJhEr)Q0?pd0*m9nC3~mOwEdJo=^Om8GS|&ne!@RUR^`eUUO$aSydP;Zn>NcK-E$w{
zW3|=!_M{@jcM!G;#o)~<xDEF4<R7QPeFdxnL8|huu7}0x??SgVIy!6h@m~v6d7wYz
z!ldP`&n>(xDG-%PY(-SM#2n?{&ewbIW}ivd-CsXh?Phq(N)Um}1lxW+v2XmNSq7Ch
z<K9cT>m-u7Wy)P<fX_R+HX+H-YBqg-9fHEkhHnKhJsOjBB?q;_An40Sytt5xWv1D7
zMb=FHDR_rKp2SXrGaEWqL}xO5E6NJ09sdRDqtu9CxK10czl=b}US&y;F{;UA_oeGK
zx_*(I*Y>4!?9W~}2I;$K<AnQu&PY6e-(a%}l|LZgVvfACM<I9^5gudG%D-P@kT50W
zzg$s6-nA4k>x#^7eOQq4`RIaYk+{-F!r~tFv6aC7EMwF1T}BPV9-QMAj=g91Iuq%p
zxwOiR`L#b55nGt6?53Tqt>%djgz~%E(`2S!mTb10oMzv9A4luPyW-Gspz%Z&(e?CH
zWa?qO?HN#HdfviDPNUI~>4`Oj8S%t1D0aXbi|xf;lq}8mo#|y8jDXcvowJ^X**T=a
zOP}6}1dQ=Z0a>dWt6#(PrV25gd=-t}UVF+vR9nGyt^yogJhtilX<=)c0(>q;r~&$+
zK&8%PNhXe)g-CkQofl^w3&{t<0&+)U5pT3}a__rI%Ul(Ll|8k)G==DLI}uC2QPZ^@
zSukQWAt;ga3k{2GYw#wdakS*%-8|oQTh-f<bt2caIy!}zg~ZJ|!?in<iV-%9dWk`*
z%7E~<xDLi4SDsKqF`4SYHK9^_MGh`aHvL+*M~~tV5qr@QJ*h!u>X#@p6&&L*#iSxS
zEjAp4`7`|)_g<q`j-dALqCTw?S<a(pLMo|Q9Rdc-1cP&#nK~5fq6*Yg@a?z-Xvbo1
z6q^XbK{QLV`zubSNhY&Fenh;0k|VQiK3F7vOE=DJDSt)&+AVo&=h+1p{+pD84co+e
zg)vL?d?G$r?XXewBg|8Ydp`F=5F&+HW4$lW8BETX8B=u~MI2q(C9J9=l9#*O`c1M`
zoD*}V#xh$f_0!&7ftic9ej<*$nJP7C8gpFH)ly#L>Yj|2k+p`4p2XIjE(FqVR;AE$
z>P)?2(4(hg@2JsB_OdT!1uty&`Mx1UhlXh@5lRgzK7UXVCu)|-493Y#j)bLVG!aww
zcE$?HPXnZNMdC9gYdCbc=69Two?dS*MJYUo8vTIiIZZ`9?Yk(^=*fqm(cdo+B}Ke^
zaWt>Az{@RP3ePIZL=J#e%&GfAm(j?Df1iJKzCPb>c6UHa+w^kz7F#&cFapDDTADqg
zPybdlw4_*$a`g-8!2%CF^xAwuMU!1$9P?^tlb_vTp)&N|{#RSY53r`-M2#g_rR$4R
zRg0Nu9#?sryJ6?m;Yngi1Kb4y@UtV2IUmHOO8JwMU1FAZl7o+JPkVROdlrZe4Ayx*
zwOtgB;7^h#&8gS_32v#k92kN320F^e38-abjXOJQDQt;ZPYB#S=-sd}+Rm5H=U}<<
z`BpjCV8MJxTv|Wcbxt>y(!RObg-{=P9bf45A|fZAz(DM=3@jbt^m*LB#@^|E>80u|
zK=<wF%H{Ca^8bo2!tX{&cLLjTr%7&ehKFgna8uJ`F57@NV-aaIROJTU>I|&+qsqfE
z<vD17&MT)RL3~C;@z<+~hDY;Zj4a7_11e|#pNu0+7?80!sGEF`v^HmEYRvfo-ODuP
zG)T==0|^L;a1YHJs;$*wIzOII+(5$*({#$2g5sZ_VB!-=OjP9<rYrG<ec#d}%h%1V
z-G3HU<|%1D*~}s7%`%*&?B8=TOfq%3AD8Y6vXQvpY4-(|51~|dgMb3gbTQC>$U@{e
zJ(-z(_<*NlwMbl!+%ir1UIvw`QB8>zFt-n=zA8ENj7^^g{`tbc=6*S1!xHY5aVFHI
z(8r=1LwHr3)c-(a_C)l`KoEe|g?h{u<9ffo>{#-?^%ow1`$0uIO8zSK#PUU}h=C#R
zM+AZ1;dYB96x8*j@>YpE#!qfjKf7fSuu(EHeo0h`PV}N(bLpJ^$lP%M)aeSmv<C#Z
zFtWG)mxumeij&S_163Nleo+DD=XC3Kn999-6`{n@JXcKl-M<7bS<<|#o8>H4R%LB-
z)Bi7~8%(_^O7ipb({emGJx+zK5{XnmY*O>yzO8s?j+>%({`lAKVMw-v4saj+7xNjN
zcc?|7T;BJ$6AQDmubc<&D==^`TZ%x;QNk0n?%0MZEfS}+)m!CND&Av2;*xBCT8hBG
zkcH+$#{CYOQ}+%Q`xAA!scSIXn>ji<9&9hkPq^#<*=KB--&9I^<2an@MI8*AC^U$a
z72<bJ5sskIUr(lRl3YQ_fra{6xd~K|YdKJ~vElB&{qx~Tk!Q0Szj;E@VEHHx2OEju
zzV#Qf);Ny58X6kXCjo#iXZmJ=`VA!Z)q$rn&rM@<r-uUGQmTtEq5x`j<ze*Y#@^mX
zZ&(1C{7X(eQrzc~8ZweCwO-9Mz2Myzte=j=GEx>u-Txxur<EOlxh)!lQ9cc(a#u~m
zTZ`xt^TZOjVsW|j6_J}IBU0`uG3eOJb?{K@yZ|MO3X)xfed-lj%fRT%yt4B&roI&S
zX4Ymk5()1cHkA4=zt(y^MJ1)4lPe?5O-E)`@1%&VhN*(AAgO&SHU$9fhx(f3>Naow
E2ZGTrmH+?%

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Date-picker.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Date-picker.png
new file mode 100644
index 0000000000000000000000000000000000000000..13d01431842d22cebe5972e036d0d487c5621b51
GIT binary patch
literal 19015
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Dialog.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Dialog.png
new file mode 100644
index 0000000000000000000000000000000000000000..cde57d965910158b60a9e594ad3dc5d90a7a9178
GIT binary patch
literal 20270
zcmeF2_di?j|Nq-pU#%{*)mEudwW(2Ctg1~>Rg@4_)C{#ZZ56fm7At}xcA`jlwPvD%
z*ioZ)5GsP2{T%QA;rrY7hum^Y&bY4gJlDCNkH`Ibp6KTWTJ%?0ubw-1j$TJw{l&R+
z=f47<dzUW(|A>w)SOH&G-f5eAojZ4z_v~|C=LOGi;Lr13FSMSXt0u6Kfgk@msOqbp
zJ6D%@?bznxxpM{`I_jz~{m)ZiR~qd#eD>F+y@!9$fBZ3c_43CD4<4T9mMa!66!@$w
zb<dV>$6iB!<kOZhmvaUmR}8Cz`Hh!xk9FDLpWhct;CTMIDq$G&M0Wa#+VDwRYvRk+
z$>aU%3a_o)>c6uVThm_76DSwb(My=uR<?G!r6-OzcFe*B*<n@#2^s9{?1Y3Dc7?ZV
zMBjLNIUAI5{nYK=ADA9p!Ag|{YK?~7p9#{@?~Z=)@q;Z`@ttd!q`dqANj*yQGM8N>
zi(G3eUBc#{5Aas5XDb?t^>2b!{;R`2jzTug1Uhxl%Wfz$KYEq4+@G6ynd?*1mp8R8
zS*BI5hE7Dl=tt9Ge@|TIFC}bV2-<93$;Ds>zu_vNa~Ohd`()&^`|cPIQt(dy@bSS8
z6W6C362?`Q%@WfAD=;TA5h1@C`GF}|#-d-T`x|}U6y(Cn-qN>UZ#*2Q+*+X)U*Fk0
z{B+~#+iUZyZkX-vP05pP9M*eoQFPRaV`+|t*EfZN-I{ruxUO)0`k{Mi{}&P3G@X$l
zW-VHlXpTdAyz?A@&ixQ&VH2Hs9Zpa5or3<a`;!TB&06S3T{sG?px&}UF_li2$UT)Z
z<=UWs*4*+xVAnd0P))mS?zSp8_?uF_bO4rZt8v&MI1AX^oA)%o9&>s~h{vU78YUs}
zZWl9^@_+ily|{s^8&8Vj>WaD&ei6LCi;mXX#7=YbTVihlccikHDSaFggk%#<Hu<S|
za3CU|D&{`i{J%|~8JVnQ3Xhz0CW{rd35(3SXHjmBquSH;=jP?5aT*w`S2Y;?uX7UX
zHSMAMf^GVy?_!tirhUfs&-!HfmVz25M8$S}^KrjCCzf$G1lF%_VwXBJXwJY6-M2t;
zPcL)XUSVeg&RqA2Aptn()l)hx;O;*v3P0<4#^5)gFD!bib3o&9yx#Br|6%{{LbB+G
z|E6zXP^vt#xGvn9{-vtJ8=uW!;XUev4MzGD=s`!ni|-V<PchtA$rVK5%6q22Cg^o;
zrG@8aW%)n5x8^EUs~i5*F7r~!r+pSn0qgij?ACBjyh8`{zJ-#al}q0}K4s^!6owXv
zV_xAq5wkGOr6Tm&a3~}g3U1nquC{jK&{*I}>`?aNb*{98d|^Nr=u(F~=+W+2P!KeI
zy=1{<3XiVi-}n1~8h+HB`%F3@X}d!DcD`h7J<3v^uoC!stx>zWx<K}v3*WhlCVlIx
zYAyb+*az+EnO;T(c~a}fBa;~pCnUf3I{NQwdit=XRBkV3&|(S65F|CZA?JEr0F+e>
zvR^jF<vdU>YQ$-71yu=J7<sX<>dbx-Z#|VUl&48~!P<~N?SyLZiZG|lImaba?u~qt
z4oB3up(GS9#9b;h8|ZyP50-V8m>3vC$Hc)`?2Jg-Duxb*z6EF@ma9BX17GV89<m?;
zmu+j1jlu5Kg$JWe%5XPfg}vl$&82{yD+nzw)QBl>ka2~vQ=7&P9XYcjDbB;kH5+K~
zlf{auZLM=$+G*UScIGWBkE!E)4^5xXcwzm*6s~Q)3lf(;zW@gWE{dm_mhDpmLQIBD
zA^!d8UTN(krrLk+vdqY#wzWltdit1_v_R;4o+UwoHD(OX!izLa-OGv~oQK7U^Wl&D
zp!y^ZQv<u5q!2YvJtsY1U$jE6e4R%0C6qF=1)n(*?wI{b+Ow+4F=af1*~s>j?(QCO
z;*SNl$^EzMmJ**KZLCSDHSA`P*+BaVMc!=G(#S|Nn$h{Y-pSCz;TH;~;1!S9ZFeVO
z;f9*)Vpjbcnl7gTmOTN?2_YLp&%_rPv+X)w48KbL@S6`J#RZ+5DXeu$dQ4kPqq#l~
zM5bOKTj6axOlu(YJL{mJdaO84UumLU2Hqvx9}y}{CZ}_bBJ7WgY2~Lz;D8o%qp>c<
z7F9|>G!7~D**0i2X`hPwpA3<<q!-%Ut>EIf9bmc4GY*gRnH%0-j557HbIZc-owwW2
z_KYuojM{;{r$(PwiCTZUQ><lWrJqj(3H5dke#cVE#^_Y>j|<w**)-2oCS|-{e}ZHR
zmneaNH4X;-wGQ-J)WHVY{3CZw^JU%OGM|YL*`Jdf+4kAhLIj`+D^iC)^`eNcia}$W
zasfLM^&eWU8`iL94|m0ZzOr_hOI(*u{fTeTG$~Vca*4Cdfb$3HFu%;t900wR3fQ;<
zl^VoeS;UEw7jNoURMnIjk2HzcXAslb>_<!?p<>Xq8P=z{W5Z_qSU;nA`LbIwhA(|_
z*&`*}%O$dRy*Z{X1uCmg?5PG$Y_IeqgE!KRJJf9|TX`hcf^zvPa;sCz3Lu|W4TatL
z@^ZzI3=H%S#HxIsYQk2!GUN26?s;d8nixvG<diy()q(n;Qhy514jUK1#ivb;rZIc9
zpeecaKYI40JF5L9Na<%5oa=VrsjD|xW|g7#J!zwYE#=hi`~<ZY?hseb!oVO3lwJrQ
zP7=yFGL?1Tc);!h0VkMQyEBZ8+(c=Om<C>VV(ERWslKDm8MN?y?HBpYO3kGReP-je
zIoB@CLf)7{&11fDMIKop;k8dXJpt-AzUK<5&ish7SZLW@+uQn`+FQ2-#8Q^X<Rxb3
z?vG_&Ql-TbdeEhtxJQUDkH10!YvKf~oi;}Z?E-Bj;h8giiE-l2!eZ@8z?lA>Q#ZGi
zNUOY}#vCK<+jmWE=f;w7JmdP$L4Vj4epv(qgB5##nTWiVOId)K)X<%XbR*Ad0ewNy
zt73=-rn?{3EF?bdtqlp!R+^F59!oruP8Gl}j8@tcopd8>OMwZXh91fR8-Syb#U|%<
zS8yXf8a)u}wB<~~0?J%!`T19dzIs~l?{X_uE*QMNtRCr_*K}t+-n<0-Ma31unA>DG
z<zknRBIxlB{VS=cF8qZp-RF#473{a4&T>^hi9-1Mj|7xr#1LXQw=2Uwng#i7-!TC@
z91G6}?LPClN|B8Y<7ADHqS|6&R)W{bOE$ynv9W9gQ#Dcs&V9ANKm<v&yjzy9leA{)
zhlN_F;)O8@A9-GOixobh8ib)9G`Yj22Q}L9!Z!0ppdz<CB2)uZ=pAy@%xFA6r)V3)
zmM`rl5A%Bz_U0L_PDWfF6VdzMn$(awjZY8f4-W>xy6}%!zAH0L4ePAGCl)ozB=$S-
ze^su294uhaN5$7mD6)g&U+agsk_19V_>wnRtz3M>aBOI#6qAyusV>=NJ>omqXW#qD
z0hlCIHnbQkFfjA*r1)`J$CBaVis3=SekF3#cgDOK{d4Sa-v+<+jclkew^7z#DVzr*
zbug;@WM45HC>m8pZ%EgVn>#*PlB;2G{76>py|@1j^zYQAng6JE8kd^VdaenxWTZTf
z!MlG$n~X4MTj##LO)>U#m0l3<;kM$w!2AmrOB^fRr|m2w#tAYIrd@p(e|>h(Y{-QA
zuQv!D!zge7YT;fySG-&!3Q)-X4yUoTU_`!hxk^-B&`oZycj)B7_pY$x151S_lS)&c
z0^;v$cOUuxFwN<YrDf}uuH#G6iK8XrMqf#Ld>!Rkn?P={Nz*EKs%!&|lvECRr9mgP
z23~+sYZFaKi($qoUqo|co=5*zYI$=l(Z2BA%T0W`@UR-AQrZ~gsLAbN&DtQQF3nY>
zejlFycbIw`VRn-}f$cRU;__r2ZbkDxH0`daWfq{jp0Nv?R%ruL-Q6MAUe%~oH!g3~
z8`7DuQPz^w5tH%vfJp>~x~`g+CnwWfTnH%6B(kb2a^h#Op7us9YUeX?^W$^|tOAA-
zoGSj|$j>~@RLfu#wj7y`kbvC>PS5$qYv~l+CS3wmvPiPS9F;oS*xJX(Bv;Q#kmSiK
zL5YOWo@?^oH|9z_b|K<`R3xjS`FGVq4h?O$_KTvRo?rV_?o@tFmY1t^ZQRWohA(|l
z-e*k)#3Ze_NkA#rmC_X7AgtmpEi0ti!V`n$)-#;+uWZ76gr@?1%|4GLVMcQa3rgR<
z4EqOYej5~)TP)Ev9G<uzmuz`b2*~)PY*jHS-B_k?N1N=r>q{&dMP~0r41_r0{GvPj
zG5ml|^_m#H*TTLe@-FESjDUxk2+N%hschpz^0hoHY&dHKPU~!SXxAe!L?jYt5<9;Y
zVNKotn#>wkI$b_mWH`H~i%P0wCHX{UxJkCv?RZZ*cf0+$!BZEve~%h@Dyl+~cod!j
zV!7c$qw|jGYXsO>2D^6$PAX+v<FItPvUc(;Q%MYJ=(z+~CrLfKKFU0A;MW_!PHv6W
zUO!3FSxkmY8MTmTfP5}xY}JUqE5BNl+H1qrs$6mB=O8#OIa9Om)mG5WnR=Np&(;*c
z-Y{&PTIjc}hO&FUg<Jf%j{2yk3!mk5ak_kxod~|41_XEY34wn4qY#o<EEb+=N3*eG
z%=Vv6e&Qi*_Rn54J4hB#`|{4N5`m?~-8MzARwMDW@XBe0_}gg4)WPhVPkT4MPwB*d
zAFAsDUrfN$U0<5xySjC}{oMu4-uw{=+2j?AFGaSwcSRgA!SKS&aABnz#T~j+Ndi{=
zL_ZnNBT7@5^(i$IFqYjn8=t6NOD09=EHZ1ViqS=J9I5ZmJv4OdfaVwl{gEWdabwr5
zwgN|nv&<|#Gy<olX2!57A-CDWj<?C3Ooq>Z8wkq_JtQXv5G@J3!M7LrCzZg^;SA*=
zHU8Bm!6?M!xAY9e!PM%(L~%h?oT*#y5dDsKzloVudfN%bUB&rEZ_K)$^&zpB?dRDu
zc7ahb3Ggr=^RScMVI6*0V|N>Fg<p9)x^X6O9brVQ7iPYB@}$8G!kNR)b~r6wl6KnY
zfxxRLxCz}nV7Br$Iy_!cDF{6rE~vhe*%TeN-#V*b2J^LGu7)k5#vw;pwCvW+mdaR#
zqm2fI75<-I14?9SpO~TFY>40C;dpyKNAT}&>X*4Xego%Gfubkhl1GdUDG=R2DvrNQ
zX>WoXJ9kk`8~%MNl%^~x?ao~8lZTX&ms_83o?*KoVzc7`MMU|$BW{~nhxjz*q_%_I
zu|E2Faw3y&g4e;bIik&rDYTWa(-rbH>pxGK{Wj`)O8*`Y{C&1k5Ecre_HqxO{qp{0
zeSkM3>OrU}G^BfoFm{1`YZa|1xso5`7C00ONfX8V{_g$#3cokC(<sLHD7O7iEUjf6
zD;lyaS#W0m;ywZMvm&&iUj~Lu9sq(W9v_37gXEsls1v{AX0{s&DSf7aVM9~kX!8}5
z9eel1&MG#W39)lCfRQJs*90%+cwuj)-pP`ylN?Z#gkpEc$P1i*{a4<17U8h12Rkce
z2))eGqs`VDFN-LSK*yD@381xdLUZ&EXrs0RWInIWJKzG@$)Syhos3UAQ{G=-&>pw)
zvtkyj{K^>ir^BfrWKRbeJXbsOaS6oKg5yPkDeeFhz#U-oEXtt+1!FF@ZhG2oLY_`+
z@PtpRBs$ZXtrt4)Oa{4-CJQSs1cf&+0<6Fu1Q=-|$>nb;i8_b7Kl3|s^G|86+nREs
z-27*0vg~Z|j$6d;P-18!7$IWOC@>8$1E*nqS<0m(x$2Pp>84?8wmGJPKb@kp_4a)&
zWr8XvWW%z7kWDYE3BFv{6o5U<u=kCQ5)`)bfMI#NR|B;nM*+|QIba|Na!BxNOI1F=
z8J3Q>pYA##QDeFt^OTlR(4#9%4!OhW96YMZh=G5~NZ$gclA8xN3X7q712^|PlHhOQ
z@iJ?mC#D|rz5lY@n=fBnrT}pY^D)zO58cUamGels#w_}*{cyBqtoQ3ef&!62VPkM9
zHMceFPgK|ha$e%TYprSv6))WS$LKof>E)Z$gu$)9r(1q2^NasB|2HP%cn?F--0I1o
zG_U-Njk@X6($?yaZ4$s{j*Pm=YEES&cjOA?Q`5>ydXzRjrhVZ*6;kQceJAZR8`rB_
zeWwy<kC$azP4W~UP#epXkX|3_dqVJnW!{WQpSjaa3gy1i%l;H+_w40@8K<Sg^7_WU
zP0gO}0nZIwlZ~|5x^<c*-VBq_)kRP4ToXz7(wOCJgKR(UYgaU2uv4fmeVu6G@M-1<
z{<lieoCQw>=fzcJ+1(joo@D(Qw1wr|mA*6y3htK7ACiCMp$kOE=BD`vrFHWG-6?33
zRp57~{3KB<jpzn8B5nZDnf5J_lN;JvQTZD{0@zh6ZT_}>?vu@CT*Y%L&a_mqzwu;m
z%5Mp8O3n}3#F?;h+3_fzZYM_ldb6YXK{2TIO;?QDimq?VqF7DahR~15A}@Bg9gPuC
zv-MwKM$icZqT-XUj-J&m>`_5+KV?i?4RSaPy>CHrGCz35mRprn;?Z>lTGw?Km{5CZ
zT+F9>8IQ<!S?Yy(nO7#cmgvlrIx0Qf1dt*B@ffeqEeZzM*r}kaV7b#?@j|z7G*iF-
zr53wby}c<fP2Q<3X!zb_v8(4h?Z-z_b_@+p627~U#0QfQRv?KPC;E6IE^5;-5q^o#
z+Xni>#~SX2=eN3F<F=hv?oB72Q7a%Xi^y!qyrH1qP(F6;2#UllMwBJ*?-8I`D<fY6
z&vu}b7dpBy;Fw!y*XqJ%Wu4O`AUy+d)!|BGv|{l;I1?^nLvK2~>_iMT17nMAHckiI
zHRR8?eT}*ewJIfzo<XO{52yhWW8t)%7z2*@Y+Xst%CXW<gD{k8v+u1{$E*iDE^-@B
zyGidFg&nqik2gME32|siFPd3JrZ-GPX=3i=DQnW3HbkB6xb}oGYxS#uwIIFjRNzz}
ze0=<0XH26B(F?*WFQ9Uk;(Ho?&3xw}C5+fO4%sy+mmLSaL+$rtawC1sV~Ow1Qg;L6
z7S}EI#5|Mu)Ez40`h^O1%f+7?YtP!vpM;GGxP;}#B><4@Eh8%S#`@0<Lk}l&c@A88
zz^!5Uz8c@&#8Cv(ddWk3_$ZrDIB*+(7B*hU+BS_aK1|Y~Nm?Z@3>iLMQ-pxLYYfWH
zsOO3L-b@48=oK<#|E`g=)NJ^0U!UW8-BRVhLmm7w^k>4S$a?_E+s-Vj3!Xi`%^Ubm
zoe9~tVf^?eicpua)R$QX(ABb_nw#G&Lv}~Wr$<{+9#lS0cK(xxHG^4|z1N_e{&OF+
zBCLY9yAlt`McGddRk>>faa&ClOGQx}Ycn!iyZl@sy}pX=9LVM9z+BlFt<$1Ly?c*S
zW{cG;TZjWSg-8DR$40-a{jkCzYsLj@5X$MMUwiB1>u3D)&#FSlExq(xmNLM^m((t?
z(7GUb7tOeZ#IWOq%~vx9p<CGf>S(5wcK`w=Os1nSVr$E}?wfh<F}0?D694{5+?)<a
zYR~pg{nYAOQQmLXg3X2=Q4&1@F9$sSz2E-#Wb@C*Yogj`GGn-|hhxfW;--YqAcaSr
zjJ|zXor^_85K)6PP4~q-SGKEaN7aYA@}$^w+W_*HV;mSQ`}1ALNEDETgkiQpKuXIV
zv+|p!&Hg=^o!*A|&14gRY2Ph^-<?G8Y26(I4}ZLPtwnZX#-oSbDhuPi+d6yVW`TA!
zCplLlLHs<L)-w{K1T9*h*x%M)k@s7e8)MF=(^53!<__0u3JA(a8=_c@h~@m^)e|k1
zLn8;vrHGH5$8&VU;f%@?WNrz>&&1$GZdg%@EUmhM0D^J6DO|E_XR%z{fo%ns4O`8a
zhAza*mhKP~#Lff*%ymfbddrC6+JoH_oM9+YeiWEeMU^N{hU+uxqM!4I4OOr~;mswJ
zHc{-v2xiCxF1;n%%`+GvzNKCSd44E>#$67z4)yT2)P$FG*_U2*XRnG;sMxKL8a*+n
z7cd9<_}pSifh_8@#wNTll+O%J_0&L@q${T$;-}*5yB;3u-e0TBJ5t4GstD?l)Jc#8
zAU)Oi8Cb6Eb#R`FQ(D%m$;GjvYxs0#g&1y?g*eF;3~`J&JO4+6Ihi|{np&{223&U7
z?yH+8Xdq>3#XFb_>ITKm%(EffOE~MRB{-Ih4|S-^=({0^#L(a2oZhx-B%`&E<!lFE
zTO-pE&ZCK*meZ8bU_giEpGlrZKq>6!%YM2X@H1BFhx=~E<8|yLSVhEXVMs~(zSsdR
z_9fWNBjCdz=A+tF8Y^XFa1UWJ25KO`y14<!HZpVj9}PeI<NSRL|5^5has64AZExm_
zzgGl|iNBPD+5NVC#F-*dIciYRGxYz?1PcFystFN+g`FOdiF#rbV(_XOr$qxhkI$d~
z=#&TLw}%ZBkdno3s=9D7Hca8Xk(5g76X&KB|1*ip^2+1Qn|oc~K5yT$Ex6esc**Sg
z=<F$F);B=|4Mya}-D{P_{GxYCRN7n3`?M-pdHylxh2hYzt<%k|mJi&ZXwespkIUb<
zcGbFcmg8RoK{9xw4XnJZyGcK~aN1CC;_C39q5M)>^|SbUZ<-4yfG1~I<+wwo#69e2
z3Ko9)ow;pLemv|TGfXFzS<GN7?C+66$0LcZ8+z<^=^{(IRvP04CmRm1V?WFSyVdb_
z59e%z-sFo&%j=l!c=wH&Jy9ycU9y?;6o?HLJfv-2TqEaZekYpE$?OZ9RzUkAr!%B_
zcx-sOXb6hpI^lr|8b~z_e<{l+rHce;Xts&>E@-h8SCx0xIh3$>ChG?2aYn1%I<b4I
z8+0`VvL?8&BUy0pOt#zZ(J8G=g|hZw!DLPN5W6JePG&1<%%o+?&FITcH&$kjXs{L0
zShzZFDLH=LP_~Gl#6bLU10xc&@qZhi3K&F9(islo3BvAK_7xh}WA2?ZkH`Fu5ZkCG
z0fr#6dUEC_gjUS#Bg|>;M8WJ3V3Pi$m5@<H2*t&Es!QW=v;FU>73*WUdJ4aAQaA&s
z91M;AkXpHe@$p_v)+*&!BJ03h&4;4DrFcEI_;~NBdHQFYRFl|y63tJU*?F<|%vDXH
zZ{oTx>#;tLoEPsZ$1CxxvURl`ZB8K}UB7V7RG*q4s})Oihj=+nLD?GdGlknYpnT*l
zTplOK<<a=U%-qJ2LHW-dZINH4*~{}q_jx+DLHV0QT6v%EL7grP8F^>kfu-@ce3tA#
z;c;rCA;f$FN<?@mUimwDw4W==O|6%|o*u4`S9Nx6FQ=#f4r<>In(m6Ve4zd3j+y1q
zQr`(r3$9>Q6v`LE6&MqKvy3mKtxvSI1OO4<{idaw-Zy&=JNcFC*3073_<e3n+xcWB
z*LNPo!gn|KDZm0DnPtFV)2y^APjdE8w=76YfcedfjH<;w!1Yuc+9~!r8<Mzd?kzoB
z&azF=`E*^+yQW{%bOV0UOK6hAIyKWpq3=uPH|^fu;dr)<SEC=Ld;DYm#v&w7?tU{h
z1Nm6>dI{ulwAalJUMEJC<KLSVudb&)FdM6%Pcg}`)QJ6s+L!PA8U{=Oo7ZzzMa+K9
z3)u5+ubH)jPQGy-pC5TVZnRnUis#w&x-?#Lr&IKYesJ0w@!6x9eP7|1f?8-`S#SO`
ztyC5(7&6aP@XA;$enc;>v{8R1rhg(755B}Icy#tmg0%bqYu0g`qPcP>N|0bqOEIae
z@-|T1?j$7lIv<?r^gzIQk&tekpJO3s@>;<P(N=FI@VS9$<<Hk1rE0I!hg$`w<O0x2
zW^!modS-9NUQ+Bmj|VLVt8KZfqLl?e%&QbK(HVDg<V58OmDO?STp@qW!gkGI;iJ9x
z{+!vl&4*fcdh+wn5C+ujb>3dNVQ}n=urIkI#w4evX<zWL12OEOo<hIMAzbBSh^Dr1
zazo5!jYh(CrJA7@l5m|b^eGl~Z(6d_=(^SUk(rM5Sl8iR->e6fd70P^dsss%lyfrS
z)&jLB?6@Zp&uy@3{dd>86*IqKm;Ml({N^Pu(p3-k?)#PL3NH5*`%XE0dZVRztZJr+
zaPwM*2@x>TBP`C3@uc@lP+^bf^$~pb%SSo@2e9^=eQtVnAnbHUL8<c>_D`1>#JGAy
zl`S$aHvA485XoT}$<pH3s-K;|uD+?#SjlWZUV`nU$|Tp*WOC&aFi?JQLqJ4^eQ#Nn
zy1LlosuyoHy_4<~8i@I%Ub~>f&+uw<T8AZy%~N}Yt?MR-?}W|t)t6`%d;5o#&F&%V
z;OU4+ps^nx=r|@={N*!!Z)5Ed0w==4%kV_yKz*eWPP=1mmENo7=xD^u{3D)tT6`4`
z;!$$4*j;spArrg4KR4*8F=m)zmkS=Np0oP%C5j#v^`pWRn3>_jEjZ_iqpWF3f#m#1
zr<2|!ae2PBGdY&c$yW8yiW&n?_25e|SpM7?PfK@ok8Q}fCe|#MRQG_{<xF<82I8(7
ziat;;`=+$F`7|!c=*INNdZ*{0b*)CP)Y!*qGk8~<H{!oq@+6w|)PqV7>V}T9J3NDF
z{A7&R<M}sVchXy)ts12^^=^z-yKYBw;lUOkUFmd5KYzdZqi*Qoi~1awGIX=q7lr7s
z>v{kxl={dZmd;NR2{ScKU@A^OC)99hNROm%7keE@;4(c+z8UXW=$hk~zA*~wagdUO
zUTy`iD73y~;Xk<Kf9(ZYPR9K^X`Aa%JHM)uUyVwJ>KW$e>HS^BwCLLhnffx@vEg5(
zqK7=~A1#`A=1ZoyXCc|2N_oy&`ik29#3}yp8d7%r$N^Ff1G#s1FBww&oO>F6LT*%u
zq|7Mn?!BbM^tokEc*9$g<sS83#+hcgg7H}Sc%R!yO?KRq2hE@#UgZMTUldvF@{P+q
z?uL*auwbjMvpejj27xoJLj%Sy)mvo_F_cB5ocacT7DYeexezaWJAr5);F-)jwHlxY
zUXIhR>G{~UTI9tI=Me*KtX;E#WvAPky>%RYJG@uqbkSi*Sn4QxvuIM$7nNalOWvxD
zHC@>BAh+TU;6-k5nt#J7IZWyf?4Jz9&?A>WIqpW9LP3e|*=*Ezt{O0>)aBnrXzdRb
z*9N<q1p;>KErUyx3nzo>!G_TDf*?k&z3mJ7hDOCoFSb4~t%pFBd8T5umd+O4If^x|
z)KAaU@q>?;8z;y?3YGY8<U1yP`2ti-d68m3J`*qC213&EvfjHHjmnj#ggNdi<OtD4
znL;5Kb@QjD@Qq6vQ$=S@-W~856@B)+Wi`~2GY~6UCL>buy8kZE7O+g;yMgdw9*7*>
z#M8G1jj#L22O3JfI5#a`)fMz40&pWgZcQ!|CGU)hrE!?DMM6~2d3U~8DO+g0(skz)
zJnMkh#E}bA#MXbK8+)UmhBn5m%O`C`_ircUS2PA89k1P5;{Nmly6CX65o^C9M3wZ|
zqw9*G<9L-W`t^4;t-&RO{<>LC`lDCkVw9$>QeeiCF$j4wt3UkfGA+%%e~pkjyrP=A
zy!CBVS?*TEcp6+KYI_cFI9z`Pz8-h4S<c2MbLJ%#RHTUU_qk^~6M%`7>{Y-yea*cr
zW=Hg^Fm_45wUpiOXQ5fBU8Yho{{qF0gDM=7$5MO{^zL9H60Vym6ir+U3U*XTyCET)
zG%kP(y4GW}i5K(h-THuMYy^w820P_kdt`n3uH`s}_Y32m!r<ybtfR);0?hv49%uTr
zE-GA&pdU3}z0v5kP!X53{WeeZ8MdVgqU5*n$~tv@GGuEn4ZYo~Y995a1I3-Ux_#oJ
zzZLaN0<rbfKjDYaMu4BPjt<}=!#7+Ndm=VlH9V=0Nyvt!XOm*ttKSF5-cXni>+^Dg
zrTfeQ8$Nukeno(xYuy_adL9}zMr_m|2fQ#8^o}D2^+@mUT;}p(3Q+4!H-k)`=#Qpm
z00fehBa0aL*QG`&89njFh7?#C;S^5KarA7qSYv0ny45x7t-{Pl_-?drY{=Ndi}ueB
z?($MghCHPMv;LjdrcnV@do5rWUkTZ*@Lu~;=IgH2eujl!K5$paWX2P2C(Z`LXbFE?
zgFy3$Da69*tT9oNabm-0JJ+qA@Sy*@)Rf?~SHr}#a%25)n7n>}HRPJUHPdg78$+`H
z=;7Bw#!204t$%edXTyGa_K8g6*C>D%&FR@(a=A#2^bN>8Fw$Zl#U5?npZ%lRvQghh
z<OteGW{_V@qD>Bj%1i?VLF6xnA<iJ$pjs<4Q(r4L;3GNxwi?rzJMgW2>Vz?XgO*|%
z29#U%TD$IoOU{59`TI4oX8<eFIRk?h7=I7anGgo(Q9eO#A+8bdQ+_t^`44v(%NRoz
zb3PDqOPCe?V!d}n_RIQZ!2FcjlS6WSUuMbCmUX(!w6|&?wfa6n|E|crdziH9*3bZw
z%YZ)7u=<t6A8^iI&|#_7vA*nV0RePm<}_Od%^9=MGyP1Jn2YvaGTAR}-3%0G4<1|?
zMr6*UW<0XWF8#+l$hr8JQvgq8T3FV_fkDRX%QO8?4eMAPmZm@PeEJd6$wH~`6D6<0
z6AjK(ON+RNFBR5&COfC`>v>)Tow7Vn-Ia+m2So!M_G2rrera-T2g7>8fWj7r;Bls7
z^#%gR8i>HrZ3L$?0j;C3`PFv+<6@lRvY2o;=jrdL>5SEbm4X80zXt<;2`|_vIR1j4
z@?(i18@7poxyJ&pYWFOhwy<{*7xu#}TYhyPfqM3+nb6GY_Frv{{bTEhkiAK}+7xgS
z<ZvE3ELIK9-@7kYqf}5YU=>8Er&XA34C4HMe;XzLXb8<_2$;!mT8LlvbK0A68TLM6
z7rr!AuwHtyKP3gY(qmd)IA?*W;#Z;goRrk3g<UsDk?OI$u-Q_lqQHwQ$R8WFFlluO
zSI~*hWfsQH=sZA>kmqB?3;<m4cS62UxcX~x?z*SD+pq5tWIB~Us)0B?h{U^dN8SO-
zyI%|u+zE0I0TT>y`g^j!#g_i=_cyvSfZWx9VYszTfa>aMaRk^g?*j}&0SVNcovdo9
z=$>)=raOm#cdLjEB6#JeGRV!n7loj8x@<N9o9k4GMC-!UA(mK*%sN6(3``7}v_K1r
z{l%qt<6a|Be<efLKe@M_eDEF}-7f{Z1wF9xqEKn6sySwySUIS~yHLYvFQXilS4a`d
zucj7ZC$m|U9m3z;*B4t9rxjiyPx}8(%8P*a-nF<UIdsL0I*s@<bO-%IJYqeEcY#@j
z4mXMVS+vouh{$u(ne5y-pT@WZ6l2jf&4vc86x!YQ0P4LcZMQ`emLkN0Z4T$?RI*M_
zxBj+G38evAlh+);={L1__qRG(a6-=q_uhQ_coBw)6>SlK0r1FbB3^bTOZ4m9N4E$8
z4;GJ#??6f3FyJmXXs7$_?O>yXoI8w2UF(xWC^>57B(UFa+4MZ;;^bFK6WF~L(fk0m
z7jd66{p~KdM5xk4PMQd=gJGHv7O*Tf?ET_M`aKB)hy0NG`_ha?Ml@;j+RZAqG<6@j
zeToy4Xg36rOTL|y9Sy6}v5%bm4~TPf9%%c`QkKNR0`~d$mlA-1?1tJc3p*@>G2PPQ
zU7_Rff8E5}3;-uz361W^`)*kYDyM(k`i$5LUET2+WpcH)iArd%!dxiYoCMVUaqOmo
z&p>>uh*2}6tZs%#n4Fd8Hatv8-PBo_<2c^0CFC9E^(n@CUx^V>010qs_T7Dbr^%bF
zc7b0mTNLwWleXiMftdE2lEW^qvJ)9Yy~khc`S|R&W~T6Yk>?;Y$}alPCb6>W6u%iM
zU(^cJWVzANXX1P3+$A@DX>0oQ+M|kI<CTHYM9Vi5{BONMI&c+A-SMTojpRPtP6_d)
zZb>e?J#NO7UTni;f?^u=7h~90Fc*i{kH>DHI<@(C_QEfB^7kQ=P!Ymy>YY!vkeyCo
z9+)11LNzfPzoD(|rX^zbv1aH5`>xhKl8ayH6ExGVSuZu<^tN}fa?>^lM!&xBv$|!i
zV$-Yqj%Bpton;Xl?EO>>qt@l@t9D1moBvbn242ZPZWRwXic^RoKwnOzGe4Yi4^a_W
z8FeZpRm+CyKY603vzTRJH)&GDCwmJ9@b8gcH6gF;t%4wj98nBE8<tN0dFVRr(Gc2R
zxZj$liJze8x?dY!t_%8lFahCO710Ayo}?P>^<~l<fP=pY=@Nj3q=u^rOAQ1peJy{=
zvAWD_=Kkr2$YSL=YVY5#586L}Y~$uv>5?{^aIW+*<{V7jSv5_Wj%YZ*M8s!Av)Nnc
zw9z@ZA1^JiZ7r!4b`N<RoKM%j1cbBRaj1CnW>|oCST*;aHhN43Si$M(WIrrM4zoAa
zXsfjQPF98ZBw&WXZU43n%;c8X)G}0gC-z4c@pC6LH3l5Mpv>{{;Z?AsLLDI8Rw<4B
z6(AX32q3w&QqXz}gbc9gv%gyt)5NWRdRdAbcs7KpmX%@qqvvzmBbG(*mgS}B-@Q6T
zP#oJ#ljj+izqHO+3`9fYZPOz--Myp1V{lsY;3_6E=YI59?l2C}Za-dFM3cQyGE=FN
z8}p^(#%U;UdNMbS^<SfwfwOwd!zbWqkZ3XO^_%q_wwqYA0Q6O3Sw+Xji^jJ;-TZ=A
zxa{6W=VhPvZ6_n$0!sf;8k~5F0+wuNz6?+PUd^|n`0@j>y&)l4Xkw;ssZK%j1)i(R
zSZ=zaKI_s;_GW8IH1%{|&8z(1qOl_99Hleech$M+VKV0zgww@L75;11%lD<vYF2xH
z+*CS#j1PJ{<HZpY@?`jGb>r>$O?XjyUgmh9>q+eB+4XV;wToEHt%9E)26^sfUtKqI
zJ+7r4=DgSHXA(!`Cd$x<Ic5W5HiP((x5aPyL-5DbH%-c0dc$`SD<<5Gt_4|D2b;O4
zKW5W1ccM5$<<81sA*R)q<eBiDS^|E)E1rmxu9>sgY%RKDj$~sO3!?@e0Bb(`M(sv`
z{IYYtnHw}4vhO1!2eAIM&^InEzKemg;XC<xRlC0fBi?3~TNuoA^v4Uk&n~H*l@II!
z)zHrI{V4Y>&1+e#N1TY7NnY2YeI>a8!O>;hilZKr$t$)z3}47(y*(M=y<5u7Ilv0Y
z5I5Sy_lH{xxpdRmwdUBKKeKM{e#Dgcme#I_fV*(NJ8dsCrSItA&K9mO=jxgwm7o4m
zZ%}q8Zb@R}n$b=`2DF{@x^K_Bu7`;!G34mO=<u>$sS>Tus%tD*hXWUj|NNWic)|y>
zhHozh>~0fB*Gz?54b6?3WiV*h8Zqa?89a`Rk-P1_OMwGqre2Aq18q{NSc7~H){+4C
z#1Y_iON-*U1G#@^e#Yi$Ihi2*x+D%&mE{Qr&o&$(uN+q**DS(A5<0wMkY0+#xNlAx
zx(p(mTB#4phGDLB>IRkjVO}8exdSyO_Vic+k|4uI|7>x!K{@~YaHYPKzZWKRcKF-a
zbOy8jqe`X}_|hor)q&UkyW5LvifBUqwg4`HrsXrf^bnh5QxARZ$GY*V&Z8Wu>oe%|
zP&d+eASxx_F=67Jdt4zEj;?Q+I+ih5k61>?a)PJuYsJI<&^zfS&ced8q#wNr&aUm`
zbaR5()^;C*fr2b-Ce^(IN=gZZOf?c0=aSB=rGA&xHqCIjXSA~1*kaQV-d9hx=D_S(
z4tnejb2QzH4bJa-!oGou-Bg6We9mHgo(NAHTQfI~d_8rIg)^5?-t4xlZj!QZl_o);
z;zEj9ZcoM?7GHMG{x0oM`mu5gtOZFZM$5K5t?Z>K63eRTo>n@>QP_sIUmbmw0fm{|
z&ZJZ%G2c2c%)5_YvFU+a8M!1=Ae-RqI8!`wae0B2|E<Eyvbq30CTrP7?>HaN=7xH&
zR0A~+Q^UoLN2b;#E*v~)1GHrtGYbz)OoC0@?2G$Ih5#Wq*ut&44E7!!tl&iH-0e<a
z7^bkGlvr)^B}LQaAE9TTgSpg7r-a;bL6pSrm_z>r(VW<!KTqrfZHr20s}!Zs*i+OB
z+*vqrtj<`nS~1&v)^Wp`u4E-EUKqBb!cr+uP=1x73QA8Hk}tL!w{V1f3t+lERBR{3
zh4DYhgk}4@Bso5yi{$&9pap%sTL--r0gkd=PhY@ZaZMCS9@-~zUod7Zk!B*URWCr5
zz@)2)-ELdufz-QQqo2~*>b3fhKVOe>6HXg&sT2?q8jsZ4Y4zO<TKG@6wN!uCnYSta
zQoIh>bn){>U76WPwRC;*k8(z&t5Vn?ruLTrLj;_k7wfCKTd%(G?`WS(SvizDa5|i+
zD!le;fHrIE(rtu>{bFtOmDwWo{miPOQ71}aoqhV+D+#HCd${OJhS!D)op9r_N~~W6
zX2qdPh|#pTch?}ZBXI}HORGCMX!QWSda%#-{6j5A6_@3p%1~rvt-bPy9Mz)HDu&e8
zSLuWAVY&zy@j&hB5D;-Ke3=K-1VR;tbd)cfpu#K7L%AIs6gsObs+eN0x9dCX_R(|4
zr^P!!MguPVE3fG86NTR;{TrdNOZ9e{epAJAZ$`H)vFfuC>-~@}3pi8G&!KxR=W!g7
ztkcD@S88UfEQ=8IN(VsoqV?kYq&Dfp)!-1S^R(+xp<?n+i;Wm2oGQp);yH+7_dH8k
zOTwEiC0?0Qx5-RTDtfY%7~@PQTV?dbvtF|Pm#<00@4SmS6JuA#S+9u<gLG;Zl2q%c
z#aEzoHL@S{2u3TTpuhk<(3C_{f`I!7hc-isi@m?*cS(ctX*kHvT)T&)h(I@b96r4?
z&98Y#!a%^2jmgSJty(P;hZ)_4{ke&hF=>3+RF48WaLVI3yi(TiIoO<C&)=(~HA$Fk
zzaBa7!+La~cTYCV=m;(~H1Xt6lR+78EqV7QmP10-#%Lw5`)A||A^y@=*&7sH`gEpW
z>0ju=KFNwd%m&R2KW3dk{K>hp_NyxZv>K>!p&s>2Dmuwy=pgxVgOlcvskD#F7x!6o
zJ=9vaU;xS)P{8{T3tlUSS$>Ht&l5nhSIWfuo#!d^FcE6{7te_b({JadvrD|V6}5rf
zQDdkpt(Jj~?12*Xr^cJFV7I>6)9~8D@+_9kYvM3b&xejl<X}?mn4FYwpG+H8LYO6&
zxW;YlHLDY)KWh6MsIa9L%ha7j+o@ObtM`X9S!g;@X$W7o#^Ra@BTFba-J5z?JTU4V
zZ8OEs8Z_j4B7pDpK*P!cEm6y=%s5}sV)<L_L1d(oy4MVT&?8?-03`^ZjOE$q`*TTZ
zUs&Gr*2HCOg50kt-K<Z2LeP^fw&Jn~@d6F>PL#DOa_1!?Ib@Wh0yKMvajB`pBn%o^
zd@Y?AB3_vaWgJ;qeRu)o@&%c+-LN}u|F8;jw+4v`9?Ba$z#^qb#(;Y4lQ#=+%*?BL
zCsgRcL~7L9+nvTn6Mc60?{antbPcv8eIt^+iA8F_`S7;<t;P4xTaKN~Y-MJIJMh%c
zwBN+>gb35f7CN(>%MeRklK-Vay+nLn>R>l_heMwxdE;@;zrE)kOz!;*qRBd|xZlt^
zELMf>Y9!i#dt8^yCmo*#{SpxSj@BY;DpWA0L=En0E(oMhMy>jOdkgFu0yQOruXaT*
zKhK`=kLwm}c@RwvIEf*>>Z?8EHc!4loi~~qBmHxm8RZ~VN|{hyVC@Q8;woE$t-o_|
zakZfFdZx|d>ko@0TvgIVLB*%P9WB0TL}+QgiW-$`6oB$@l5P3vJc*$A(L4H&+#kXh
zh<55sSRU(j<Z#*(hQ5q&f>Aa?ZopB)2g>r_(5G=TpddQe)OI-CJN`PH*(`PZg1q=`
zGhnbMJS^i_YOqye<pg0yG>6n48z~f{WAOC>Seb3224Q5)nG&Z2I7gx-Y7b9(d{Q<%
z;r&^FFzk?ZaO2>^Ej8qv_q{;skkF>j@5PdKMWmB<03uvJcPWrTx`%6euxxCY172^G
z?U)4r;MDg-LXYzCNy{E?metHSlpK2BIkpXIBH_)uP`ogBZ{K@oam-*Y`s0V4WyhB@
z>aPXh&Bo4|IkmS$Y=y46i`<_~7O;YHjuF}&F=HflN-eFKxvZ{Tk0sr~e(86{<Bx2h
z`i_v*U77Riib=l`sVfV4<E(UPj76|YSmVqVbD-y;LD~xk|42r%t55djI0a8axv~IZ
zZ8IIw!9A({R!R_wdDhQOEWaLvavPpJ3<#M=AdzK0{;Tu7V>;^z-cJGx-wBVq{LMiV
zeN-ii(ZBN^rWg~?M`+o~M~%{gbV_Bnl;np9msz!>eKeNVPm#^q)%3$2=&hlwn0e@l
z5r;y)Hw<$Obn&*ml(`W|ifeFx7IU@OU!mMJP--q|X6C&Ji>;kE_X2Tc$U)5V{+GK8
z*~1U{b3RhBwB)$*xR>T)X{HMFJn)fHBa8c)Qxzq~`s~h!s5F8eSmJWX8Yk{E0qp%n
zKJh!e_Qh-lHHap?F-9O8dKWFG$1dMF9NFp2Z5>j)H5j7Q*rFCl3I?^GqHe`ING8SC
zAjYTuO;Y<^9p{zTwQl(`fuYHunn$>2T~kCUux4RH?8xQBn_VenP?uglG-Ly(aTt)Q
zwa!8|7Sj8@Hiyz;*y#?>EM3;o2G45$&GCwlSKDpyQHMsX0om0EJZV@`!>^LEfQ#)e
z*IyyuB9B(2j=P6URgCaU@0A;Z0~Sh`_oXOxqekQAnf5F3qQ;pEAw&0ZRHBC6bdr~v
z%z0D*rzTbA1Dk^aA1lq`t<(D=nkk*jAMdR9q1z7%!15NMr+54fRi++0dcK;bH7lWa
z0n|)+Gj&U8EP({hEK*T&nA3-dVNcQ-Lh_ah%l;-kGUTj5ZUoS>nx&tXCqB=XsTvb3
z#H@ZXaXDAj1~CU&rOlM~QA(!1rDhI~D7Ga6#XKEG?8X{kr{)&r-a`0cI$qTaB^Bk9
zh2$2Jz1k%6V+>c?RAAu{R5f4}3IKiorO^ovmniIBdC~qgL*zqw#g>26x;b&Xc2mJ)
z_k!YYl3(}jv)y{yw*zp}<ezNg#01CZlOU(&UPqEwkl~N9$3lJgnaYEwHbK`%ub?gp
zO)Zb^KBX3;8!t`d){b5Fr@9_Z?4b|gfh6CiK$2%wzLA3YLc*Hu(GUF7g{xiZ%NL#9
zTj$GtK&GKiKm8Xx{`oPjoynGf-=9x<R1>^~=@y-6{sI(9mBh;W=?0Qo7}h5w)Uf*J
z^xv`92%7wObH8HjzbV`t44jSL=ru0}6$a-wB-UPFl=n*ONv)~b8!Q~#?tPtpsj5s*
z5IcGin~kNx9t7=jvb?O+A{Q5yVzK@&qa2U5s7d*}Fx_9;24C{Zk<N=j)aM8J7=Z#<
zP+;5yX6UOxJapiuQ%LbFK2G%YLx-vb?h_+r9<3)+DKmBSJ4FA(2h+Ns#P7IW-*=9M
zOYgQS+BGuRpY>i|J4Oc!-v_j<o4p3?#;BH|jQ19PSUTsOG_-uD2;Ha7%#j?Ly_)}!
zScXP!nAXbH89`21P)<^s8zqUPLUeVqM~rC2bA^%B7sJe`g_=^N^OOQnwP&=X&STX^
zLZQb9{D2+Kp9{?z{lWumEmr=loZQx|$TJ)CymNV|K!(xT#jxO|W7GAVz77eRyOA?S
zS3Ue3;?Bn7nAl4i-KAf$ucMecg)iX7o#0|M7TFL7xCE3friMjo=n3j@T?(OE?bFaR
z^nQ=@A~QDsE-dT6giz00VK$`Pq!7LwGhZhn{I|B@OE(>U_v0do=it#jkC6gL(J46v
zMwh9&t|uAYf$?l5eFCHk&A+|hg1oLpXl)~!pDTpvLWdmk)9(ew5+z;b<GX#^l=p}a
zF<W|M%&IPKn5$hyG>W_G*;WOin~UG_X^rDU?q5c>i_TxN{d?b$<kDnY+QX@%kaw%%
zN}5K2?$mTV&0F26_!!l=%0jjZ?B%;!$r2kVnoeBvGW3m4-8R+f_{bqT6bSb^i57@w
z5fiIdk+-6B<zOAR*@_9WkBw$3)B~QkYbe9*MH|IO?%F#&2!PGY{|ojQnG}FZ6?)5q
z+B3`=3~Lr12FO>NilvQv5oFplBmE%osQ1;iSQ@0DP<fBa#lA7IZKq+M-krw}Unc+e
zBD?&$yTY?tsM{`e-Zf_o{lrEDc)M@OX61T?VgD-)sQm&Q9ka%g?%ubZKhg+I#8U@P
zKCd|}z{L&y*jLCgM00tFMH*pPK1Kd&B&j&=5~FT7QOm<3Qb}unp~_=4ypy%c@ku7%
zCDxJ8874*aiNvw%?;Qt6Xt{)NK2?2=`_)rpAKUm|v&SdwFOvLg!Z0<WBO@L6#em#<
z#ocG;NhA;Je*OpQbyiOTnp2lBx)$j@>Z1`DDDh~BZHJ^=z>Vc&TL9-&_MTr0MtTjd
z!KY^Sr16=FMy)|D#b2YNsiw;U+pg-Ik!^HQpo+yR*C?&Xsn+j!7==X!X7)Q{Tf5C*
zh5mQ%m7+i{c<TBGJ1v;2&(qxmK0eQ@EtZCKjnZ+~OGWywC6cbP*o|-oDo#iYjW){S
zk~w+>9%PqWIfsT`L+R*)C*|A~wRZRBF;whhu%sqdhDL<%Xt&YtFS@ka97*KR8BOv!
zY@sfAmgkE!kf|PDtSCQs*K8;s%nU~E<|}Kv8(Om~3-Qa=Gv~ie`c*+cd?0yHW`&V(
z4g4fxw!Z08IG&BbO-guxsk`)Q;bWyPk2PmXs@UU@J_++lqBH4^@u85@9A&jjw-K@5
zi=|Ld6NMR9D`-w{(b_ShWo!hy%Vq=*-#6#(h%`SkW-S<-Xi9KUYP%s~J9@3bRwZX2
z0=S5lhdpi!S~%^3;@i4c$DXl;<R>PFKf;Y)=o5ycRKe8ME8;@g$inkv<X!&oQP=om
zn_YE^_#F!S(w4D|M6eOb@t9sx6W%yu`J0+Xdh?ImHH8F4cIWOpLJd50WVs)fV&upK
z7b1Tl=l3J~TZX<m{IpJc<uNF$Jnn^+9!S&4d9hJ~W}IfuGGY`$FSsTipYZ`yCAM1e
zW6e_HwP}0sX4m8&)&NLOm9<VJ5>BWYo|58i4k>pMu3UJjU^!(f65vd#cv}yblD=fQ
z59X1)s%Ed@l$@VmWuayU&hU%tCUo9le!lv!dp$NKc!VQ_q@cSHA60$=-+9y%t5&e*
zUje=Hh6f;)sXtm@2-AzFHN7+)5tnCR*$+;@f05Tb@O(w{dS3o)WZMYi@E#m@i8Tww
z%#!@G{I4^0e2tRs#Q8~J*GE5Fy0P(24u1$<U{|oX3x@^;Cbk{uL2r}Im?D=e;<X63
za51Dh_g6U0!sBLrs@Zu@_M-{8#+XK5j>%OL-JAMnJPx<7qcoi8v&$ZM2KTP6(gfUJ
zqGjdkuNy|))%vol>S6SX^1eErbN9(T&1&{S>29VEhjlVxX*D%JzI3BUYnd?aU^4K!
zoD!4zj*4d}?|mZ$I=wwEA=`V3tqYSH-$0T_yBA%&`17t=Nx46_phd3@elI6^uGU;x
zwH?55tt?4%us#_od|L0xG2riiX&_hK@twwn>$rldpKYH7<mc|1i=^Q-dXRvGLs#zE
zWZ``)1QizI=}w%)E_wYF=zb!_=Wsz98nN7Dus-d@nhudsT+1X1x9HkyGKbBWxq2UF
zlnEFG3J(zU4BcxO0^<yq<k%+F_#AN-Eu=5$F73D8<JEsjKe+Iw?+#|`Z((4d4T!<V
zU%xeg0o52-O`nL5$<yzzQBLztBz5LKl7>d&t8{G5&VexQ`Q`f9Mo5r9bR&H$ewVZt
z>pe<!KI$Yqt~r%HoInHb`bpG_T9l&f%bywE)m>2%{|LP7C@j5FF5<lWdhuTr#PR3I
z7*|Y9b|y0J$G7zBSci#-9G&n*E_3PlMV6N(LGi9)e>*$XN7DlZF_8j>u`|3ZMnMm3
ze<4r@n6`3Qr*^1QO8ReF4Rk#RErf{ge$AO3(jBdDEA~`T9z{SPI6j(%j?5zJ=1`;J
zUS+)TD{+_ro8bUYBXAMzFqEChFC=?Na}5~lkG+3~+v8nt9dIK*Kw2K|6VvRt*)eyx
zh<bg4fsO}`?<`o1zlmRBLv5Gish9qglPXO8?2aRS0z=AK93Ze#z444||Jo@U<z#G|
z2pKP&fcm{r+^kypGh_KE0+*O!#v~Q{H3f4_mhWM8AR~n3$zyw8?0FcfM?N?{Dg5w?
zx>x=fi!m)A+U@>E8x<dS_@<1Z-hLmyw@FMlhsq;I&?a99j>rB^a7Ae+u+JC4rbuN<
z?4i$XkV`g7_;XvUAcz8Vs>`P7Bb(kAdfh`>_D;T~7*vpu;VyQs_`ufZX}#_NUy$XE
z^n1Yaw5Qa})d87&%Kue!Cf;nNZyfJw&$OLRnK7*@MXggqRU3^Zw5Sk+imgF{j;)BK
zv4kd;F(zscwYMfxOH)+EQp<>Fn^Gidr$khXL<p%}E2aHiGk?YJ4|w16+<WeM&+|U_
z^ZoeO9?$FIa3*Na9dLrYU+N2HYL4D>$gW=-Ueal_Neaxnhk@(q=%BN-6a`xnx9;zU
z{NB7RAz-saLiUKzU^<C7_v`R?g0%~b!QIN=mhzMP)pxv$nUb;w@jtp_tR?kYDlox_
z9_uP)AeESe+Tw7^IJ{YUI!iysY!)NP=cK00)@*G5;V_uAXoUO9-PA<spI47RODQ&z
z3G(I54JW1zFEko>3oT#3-B1P~CXIb&>_&2o88kh^L99_1hPZt-Yw|!7DWAN#o}u-m
zws^G?vtlUIzMYcMYUtqjP1U%khZjwB+oP5??4?h>6p`@#5Q1=er4bp2;o7)u2KQ!2
zEL!BXM`E<T%O_Ec0M;widHVBPMqXELU$t2_c1@I(vYgc?<f`fXNVd{5%bDTE4H%X*
zE6A#UtD*<_mPkLObh_=*@ZR38kHvVL8fpibl-Uw64sj1z7}Tf=bI!K7hD|tJYG@Qm
z>>&hlEA5q%IjfVl-64bd<pn5^&9rEI<j`JF!x&cWVgYr;oZ-IHl=OPZWpl1Sjz1Y)
z67IP7^mY_xDYRNnWOn)SpgXR(mtpGF-Sa@zmNBtQb%H(Y$<CW6M}E~roxDrzrn*2S
zDtk<PQ}~yQ&PRmA8RVhzIVNjK%7(}C=0e^?`4*sZhI~`(NYg*)(CV=+CdSw=Z}XPq
zj}EZa-`zV=2Wn6FD1U6=vs%Snk*v>F=6ZCryRl~Z47S4>Vm-6&A^DpBc7VrTom2(c
zgR$UCL(S_J0+^hp!se0zBNmszUB?s^)nf${5jZ*_c=@g~pPwxa4hX`$Ul<skNRxCH
zn8{|uraPM}m5dOkO+oiP3cf-EU}VvC6<s-bRXE~(ozqWJqeV=uy^CAAO{nW0ahtf-
zlHlxj=Wu6@YoyEaiL3!fD*?IT1(MU!4JINpOduC%TdyQ<%8}@KHSL!9g8>b`Hx}4d
zCNkbAqF|JNR#yFe*~vk3ZLa{Xbc%mj<{F)jXDXc@(*AkT?HDZBF&3+gyTSLmsAB9y
za1~A_xIKARSmAoBs^*t7&8CjebNYv@+^dSqf$Iw~SdH6ceNd2v*DZ#D^l9~8wkOyb
zA~#-(*3?oVo86$FB57={Vb(dD#R!M4pfswZOrgQxpi9nvcdYyJjEoY;@6#G3rl8|-
z6hxoKNPsATI@d0)EDE<<+aBq4aXCE97TwHA<>zy(cQEk<>(FknV7$5IG0h9jdA4=F
zsn+mq1jS7`XDoVp@&!1~FpYW2L=V+fMz)OT&%9BKfm4N0WZh0V!y3xS%d|6)B^MT?
zQ>*+Z6)BDkwE070Z<2zH)Jv^6Y1kof#g?*j4>9EMZ+#l6bdB-^zg~+Ouur8}-Kz{T
z>Gvq+@?v}QHK-d;a}S-7HLmPUtSo-I>oa+bZ5d6>lf2C|#97TYCG;nYY6c>|PKKfo
zn+M2`Z)LbUnk>M-gge%L1wM#OtMEa^EM@m=J`mF<F?~!J(N@k99C!JKeKpB4e?y@y
z@`E+e^c+InB<&MjB{I1%Bjr!(^WKt`&IJg!0aIK<SAfF@R$=h*($uV3wGP=PS<YPC
z&7)(y?LdC$z2iIwr1d8Fz`)=_EaDF8xn|KBr}oRVn-o|BUa2Ot((9i7lLv5RDqVN(
z2>JVgDuSQF-bZb;+=>pUl3s~<^bq?)jN;v~M=(FV9Gb;ki{>}i{pi1p@sT+C2oImj
zl1=I-aje#C&g%63J?i8cY_(7fTT~~NE^(2!T&=N?ke62+d1E4_MQ6}`gZRZKra)G8
z?u2~JbNF0-e@I9BI{rmTGg@4&_1vmLi#clG-KrJ8*_4~}w5Z;-sCS#`{|UXW!qr{R
zR<hoze30(K%77T*U!OLX(>q_j0h3aQOq6P2KuK-$98D0RNmAaRhUQC=@|BDay`!FB
z-TjUeA{g~vE0mxrEOzXOD08_`TG&LziiB^qQ5&@k-6&a^Naqv$-sn{06P&g6=Gd!<
zF-@4k8|L!JJb3T4mwV|Y)$XQ<Fh*5O5+N-GazIxsGjyz1=Na6uJeIaGY1Gz-u)TT0
z3?nHp1&asIT@Pt>ViassIP3|~E#z=xPZp5&@2Bn3Hf3}-bc)_L&42}Cndy|MJU_z8
zz3K63j|XpCxp)`jz$71QCC@~mBc_~}sn}eft%$2@^qf(RbBgU#HhR)hVKQ9vC=eJ%
zkQ-{sAfu;AK^Y~W5D|C0&T22P!!DQ!nOF}&R4c3~%SfP-(p6`QAvFZ?%*pdQYB98p
zl*k$GGMz-wgLQC}LJ^-FI2vex^Y&8Rv5CS{1bv#fc9lJK!CmI&hN;+Y6~B8~L#L|t
zGW?+^4b7*qD~e(vjD#zDHNkDZCO*v;^AH8Y+eeQL?4Wr{O`17EfyFv7#q~Ru?`2Cm
zj>X2Kgfir?m}Rn(Mu)Px(t14>&O;y^M&WTlTYRS9PWT$;*V*jXw>uc7RXhH%$06v7
zsmUyDd~_m*+xgUswe?#6qVWaWm16a>?@8-1ho;WF%$`d-+#Wa;UNoF951N3qe;rx8
z(vB%QiVr{@ygpos#VVt`UC+YxYHRK-S9&wvt1FrAAPTN*A6L-sp05#q31SxFvB4_~
zzTG1%5w3T<yK=f&(e=mTs8^l`tTzrUI*Qzi9|KcsqBm-wwUgq(YWkDzzFCnuvRH0P
zW9qt@AgIcTHicTnfu7m1xY?K;w7K+X?vU?4*_Sf?d7=FCjtm74?<<nV8#Niu@kn_a
z;CS3Thc>HD9@7iAH<*gBK_1aK#D)b-tj&`5oK2#|0$TbctJj5bn#`#OF+o33FX;La
z=$8tlFU(2#$9U#eM7<j8fi8xegNc8CntgK^=&M6Kzy$1#VLjxp&>g!l-9^-711{b=
ztVsY{L~o)OKl$LRN~3OXRYg=$!3}6JEaVFFvkzYWT-WXNa7Fn~7Dl$#?+}=nYx5WW
zZ?#EK#i^f--P@xh|FcY0BWgIwcAczuDli>4IuP3i98>eGBWK?v8>W!j>@xxC?l}<O
zOneit?*WT*u($Vw;8s^K#vVY9>c1_xg;LGh0}l*8-;sPEu=hT_AHdoITu8*JHJ{mD
z<(W+)@EgCy)IU6pvTp<X*IJhDf7W2)fvHC<>JvC&tlBN!{A%F^uP3-c01Hr!IOx%y
z`s0biCb`|cfx-`msUMSA-KpUKN@%#Da|oz#{`l;(eNR|y^sM?-fK}gA)-bxg8b%_p
z0Jcc|-z^dVtPpHw8QuY?z5K|e+&zv(=QGWO^BcEY1*hoz{RcvJ!v0PD?yL*Kwfn`~
zEK|4POFsJhy0w_TzYSM<Ngb~@gadGs<vPn8I8c{=v&#EBxp(g)TLCxO6yPTN#jz_P
z7jUeF2TDoH_3m_?!BGG#B?1EEZdLWuj4l(AAT!6DKib0ESdWWW6OU7-$`W!-Zijw0
zG{ykIX}kTb?!NmBdFNf^h|1Od!d>oSEUyBr<hxod8}Ud&{X4X5Dq@6}Q<VDGGP4L+
zOR(R6>9-0#w(-`t3>wiRCzU*{5qMHo$C3VzA6P<{5nQvLoaTPHqMwqZI{17(?a;S~
i%w0)Ai|@1Dcwx+hFsC3@9njky_|3`zO278|U;hIy>SmDu

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Divider.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Divider.png
new file mode 100644
index 0000000000000000000000000000000000000000..eacff73016ee374afba6d53e947ec27c810de383
GIT binary patch
literal 2111
zcmeHI{ZkTl82`dhQ**VoYYA$*hPT_oy7^Y2Vs<(uPb)8Ds6d|LE8t5G%a^pV<+|qC
zi^|LyxiVKNXvT{#7@ke14A4+GMMwjc<R#34)X>qNv0XoW?zzwBx#ySX^W5jTbUZ%V
z!wv2R0Pw)ZL?!?L5je1Gi?c)7r_d4{#Wg<$e+Gb^zV89SCLk>i5ppIW`Uqf4y<Rv7
zEHff50)WmM_jjpI0JuzGBO^|pg_zU?+R13>#knPC2K84X!u?5&{;D9u;<k%^rR{Wv
zO9Ou3iuX_6$h})aV!pr7REnI2qL8E~_0{AKV|=1K4h=g(+g^?dt4U{}?OGKsu~k~Y
zc^B8%*qFO0ZCYP48jVDbvNxFopI~vJfF&c^Jr!okq*g1J%cBtpL}|t1W#O^%TNkOv
z2d$E<z_nwa1cLq!c<;+xeSdp1Vq<<0V;xE#vTnk8oAIP%B5@ycKgnnJ{uIISHT!u;
zrL2Vwuh(j|%d&xih(l;}iH+!?E-p6DtUep=Ump;0@yXT7WAi5ebUcCJXD}GZsj1CC
z#4Ic<OrRGRi#IklUbm!H&)T<17B)T;!1=vFv~b1TEhp1ZHG*7F&<R9+S<Nbq#%H%!
z^>;bpOMcLLLpY2^Ur=OFaU3FdtE(vGzH)9<DvduB8cJ!cxG^GhPw8DamBzzYG3x5-
z3Re~+P_V*|qCHHX+Qa`=O<tvyD1vKiM;_|l7?kdyXrOK{?rv$M^Y!}b>dgG>EhDYe
zvUMx95exLSJn^d+@`9mhskq`%%joh}T2dcf9XA8?H+Y^8gWB%x;4Pb|!VxZ?q`EYP
z0E9{UNzA!dcRXy<DE2d-$CJ`&iR!uYVI21&w?0uD9n13_Ej6`;HN!v;<u2K_c6<EK
zu!G$xeP=ttVJ4xcD7%b8%?%Jlgy55sz5!$8MH!3rv5Q~6c60meC0|fP5L$!1+4tb!
zD(vIR7^ur(<b{vExF&*Z$IgOZkoh3;(}Q4-tJjD2e|jxXSN*@D)9G$NU2K}>`fvNk
zVQ%1o0KvJhF~IXZ`QY^b@WOL0sB#%yU0qN>pqG@Oz0F*ahf1&0-El;N@VvbQ?Zp$>
zpMJ+73g0Kg@bIuUjiXd8DM{h{>kJ0NF&0e46YiJIa31?iE^Efeuab`f^n;)_F6H@&
zinO%bRR7iHCX?B`6X^fQ9$XsL+1jaE6-+9X_U8`U?e;16A~5DkwJP9>iMo+IRe_fv
zsV6lol%ma)-RvfVN@<p4TBEsn6Z3nZ$%YUbTzn=5I}$DPVx|-5nf>eX=khS*AXYr2
zabmaQ6bH=wZI7}wD~mFT4*Ztfej+3!WZq)wXyOUfEaP5JgK+a_iA2(CKfgJQ_Cldh
zwaI*19UWGAZrog)yQ8zAL8T0$C3mr2l<O}C6*A!6tfl-hDGrAdudVfrK`c?+TU_-u
zxrgt(twCk6%d8k{bdFAuqw|@VJ0MrqGnwMi(WCg36jW?%Y)d~0%$~^>U&+(-d4^LT
z_(e%)78Ris<xB?CH}ef<ncv#g?efFhmry`byw#ZKrK+k7Y8S>+a4-1wgDOsraU-#2
z6P3r@uXF=t7{9E+@vKLQ>nnn=azk1G&t`X?dR=uYwjdzS@$UgPDn62Z<n)jK0?G6+
A<^TWy

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Dropdown.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Dropdown.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce5dc4f13ddba1f5182ca3246f3dc8446c4ab050
GIT binary patch
literal 14451
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
Wf<O5m?7(*f5#(i5q{}1?{r?XgQS*ra

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Field.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Field.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecd1d6ef794cb5bf23d82620c3aab9c700624dca
GIT binary patch
literal 7874
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
Vn2$mdjFK~8pkwl&T-zb?{{YSR6czvg

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Infotip.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Infotip.png
new file mode 100644
index 0000000000000000000000000000000000000000..66a22ead106ca6c4fa52a69e41cd3d96a1e49553
GIT binary patch
literal 9042
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Input.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Input.png
new file mode 100644
index 0000000000000000000000000000000000000000..a696901a273362da5cb667aa257e002c25512501
GIT binary patch
literal 4564
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Label.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Label.png
new file mode 100644
index 0000000000000000000000000000000000000000..7eba6a9d38dc81827841566b30eba2d01009aa3a
GIT binary patch
literal 3466
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Link.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Link.png
index 9229981a5ee5edef089f61daf323597fc1e15a4f..5ed12e263780e9ac192a8227d59e36953ae4a621 100644
GIT binary patch
literal 3025
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

literal 1483
zcmeAS@N?(olHy`uVBq!ia0vp^(}6gEgAGWE6g@8mQjEnx?oJHr&dIz4a#+$GeH|GX
zHuiJ>Nn{1`ISV`@iy0XB4ude`@%$Aj3=FIZo-U3d6>)FxI(o>2%dmY|zxU~t=2&sh
z4;!kYb|-wC;(XU*stk|QBgK^Hh1yfo`kho%6Q!dvJ0t{(ZnkuAwM~^VF)?Xfv?!Z@
zp}@)wrT%9frn7C@Xt|70|LyFV=8xZ;JNN3;zhtR>@;sIK&)=STSABoq_ha7oZr{E8
zSKNi^-u3@NrZR_JlO*(n4i`+6XzM;=5TnxeP|1)-yfbl!2M_h6dU?Y$1y{aM*;cZ(
zr&O=?=%jV;m*4xw`yuJ8;-TyEk6YKVSN)VY9KY^SXLMc1(&^V`vS}oo+B+|DU;oP7
z*Dk*P@9rM|@Jjm4nk+MQ!M!`pf0ednvv-Rx?r{6-{_0>~p0I*VhmT_O!3_{&FZ_AQ
z;1%w-DDpc0l9wuJ%h(Ind0v;+>bm&yv&7pASO3qnIxKqV!CNLS*3vb-%6%%E(jsMN
zZdSb8c0z6QbED<%>0!moPIjplKX*KJ|Jdq9f3Nx84U@f^ep1)R>biDz^1gM`uKRwj
z`c<>_x8}7?73%}S%%;!Y5H;(Nqxby$&XA{XL;ub@we(cnv#hxFK2L>Kp1S?a_KWG4
z^sg7cf7f507C$9F`b^#2J6ldWCJWhw-Lw0i-_CN#wEIZZ{d;fBijVKl4|>@B|4#Ru
zd0)AvTYc?(bw+=>!?iqV6Yo4d=Fh*XUhUiQtM~an%O&rb?nk~quVgv7z<SHFuQqi*
zf7p0sWuA&>2rB2>Ab<G&i~nnnR{3Wx5{>u~+P=7D>FdgbEBoRym0INWUkAwD$X-&%
zkT>J~{Jw|TUw_sx8Zp~_<(k=PHU07e!<7}btKAO$dpIk4$&tAE;=eZ7m}KvF7v`8A
zr8Spd?44VFIp4APva6*^O+VTi(|7HfACS%R<MGO0R;DGriEF&4ul@aMlWO0`eD<r0
z@?N>zH%Ji4jyqeX^^7l|IGy9~F?)?$SEcNZEIz-uY@=qA@x<#tKJV1Z|KBGP^>L>0
zgKIm(HQrfQSIRm+(@yu7II6z9;ZN~<{p$y=JXK0s+<t>OOjcNQ!S2l-eHOLLtJbS`
z-U+^%Rm_*!^O$@2`Oy7+XVpt@s%_TU<&=?q-BrJMvmL(*)3RWB(K&ZsiXJ)pO<bJW
z=~?ZK4&}WIf$6OxI%fK-3tt$Mc2yK4ZdrBmbn1%6^65uQm+;8$an8!MT;{#ao!j-!
zhd&Chf|7mG+UL}Twp&_T+JE_GW?piYqkT1-s6@7v>HdI(gl{e9($;(nJ5f`uW*ku{
zp?pqc?%|4?XTDAgV9wX=oVR$Qf74&_q!S{a+y75?xoQ}=`QNO|>woQ7o4%>*YRdAA
z7n9z;IP^5*gwRi(V{S4Ng?B~WI^fki^R-9GmXQ0(rXj-TVmlSLZIBb#@VKMoeA3OE
z`K$hhB)LuBd&iJ-;ct@(`@)_czkjv;iJMgMyL+YF#o@)fa;#?+RL)nc4!f}1Y+2Zw
zgj9cRXNPM)pYAyG)vl?eKd<;~z}yx7drcQfgi8PUGi9^Rs>cfT8`jRQm0!{DbH19h
zgpB7q-QrgVwO4<eKdr&gFuW(H`qsTkFAmp91l6vSo5NFnGR7_b=)CU#&1}E|V@tHX
z=!d^Sao6whPG_?+F#9lZ-QG%IQDXUv*LLq_+7~kDrIx@0dwyQsiR;``J%I%<gQu&X
J%Q~loCIA8=!F~V$

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu-button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..c55792f6058e07bcca613229bbf1545084bd6e2a
GIT binary patch
literal 3731
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu.png
index 9a9ee7030575cd8f57a8384ba042a710adb81aee..bfd29050d16db3b3141680023106af735b727c94 100644
GIT binary patch
literal 21692
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%0DsPde>(eN<C@}J?k$Rb<pw{;JwPU~w
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

literal 6788
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
Ia^~Ov2NQZW4*&oF

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/MessageBar.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/MessageBar.png
new file mode 100644
index 0000000000000000000000000000000000000000..d180476302727723e7c30114136293798a549a6f
GIT binary patch
literal 26012
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Persona.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Persona.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0388bc88b5ed807274192047593adfb3b133a08
GIT binary patch
literal 15841
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Placeholder.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Placeholder.png
new file mode 100644
index 0000000000000000000000000000000000000000..3400bb3389eea0e8675206b27483776ca7fc3f34
GIT binary patch
literal 3329
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Popover.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Popover.png
new file mode 100644
index 0000000000000000000000000000000000000000..8384bcee167081dcc0bea1fd0910ffb56a6b6745
GIT binary patch
literal 15220
zcmb8WXH-+o_cn|T6{L9EAT$*lAgJ_?ih`m95JHeDDjfnL6d^!Fno1KPAYDZgNFboJ
z6p#|>QbP^B6H1T{LdbjY_y7E^^?b<6O3s|wdv?8M_MUf!U|k+A5Elmr2hYO?_nvTY
z93TQ8fn%J&KQcWNR>0SBj|Wc?92{pa?|%+Fd~)dz@aF-<6WzNUgjQh&@Z+$<9sN5T
z9N%NPcWsYwaHt)Bc<+wMs{@Pa^95G*e#5<EU#@@ricf{8pbr<ljjQ1qH*<>ak}%ZO
zzj2#i{J7!g+Z|uG`8tDm_<u2M_)!w=?hGtOx?R961#@Sh%Pp7=HhRdzb@=Te;}4ey
zK3<L^8=h{Yrfbv(%tr8K`u1olIk%0kit}y`yR-yO2aY5^l`HbW@c8X*&xrL84Y9&f
zmE41Z92{ok<{zEwLB&445XxWE2zO%n!rgqW%}_yh?(R#?ZJIj^+4}0t-zsK8rQ9ym
zjb?oJToOj0nE&oEF<F-vo2f3^oAWN(zTf8wWVp+(4HsaHfyd$?2|?4<`rE;3iw&3*
zr{x-BF~A#R-^|)TU}%B$5F0s@?u(Iv5(a;kDSA~dGYn9FGfji?gI%&pOP2qJFm`Ak
zXjDEeb&cg;r)Y=x)Nh9EQ#{*SV3TQ$Vy!b)rkaUfaJR#mh%6H2#2}p*Xzw-{gk-JX
zm2))EVy$^i|4x<&<-gl^HsuSFk)5=mg<TRN*;opZ&h@p3aK`Au+`2ZFV^Qj~55U4p
zKdvK)jBcn+`f%Xp(8ekuZqV&eZw4tpx_@=P;9P5_mX^lqZ#m;*7eWgc<;8tnntlk9
z9KJWLZ2ZZSzLpHrf26tIWxW6R=0O9^?MppxEs1u`8~tL{Ln$e{_B(rx20^ls5APnk
zaN@p&-FAyRGxdAv%F2z>+$PpZ;p^5&=Glp}caPc1)1NokQ$h0w2KF{e(=FPDhn=-#
z{kef@CEe~%Dg9iI-dKMkRGaQx?_Of#w(1jQ0gyCuQq1fBp|GR-s8ph<t;}XI^dlfE
z+m{WAfqPxfCC*2$8t`dujh+UmNB!33(<o;5yIKfUTRCdAW@xDG%T*llcg-oFqW#3+
zp3p(h=MRBNJDzGGslB?-yMec^e-t1BqarVH$^bTU@m(;$P~n5;qyLYO)DGjjomG#=
zh!4i=4Mf~&ZpLgI`96}22>H?Cr}eIQy+-{(K!lr1{ryQcIOZbzJSX$)Q6~X4H8q;;
zC*v9r(-!1%!!1iNI3xjqXx>(F6<Jq4Zby2@4(S=VvodUav3^KX-asb6QccD$k4ciX
zE34QNXK#jQHE6vJR^vFzFj6kAnU-uHayT-YFnXtxn0s679OB?~XZtCC?0MYHSaFn$
zH2UMPi89_xM8}D8Q|VSX+H*Dx-%Gk~nLM$BaSJ*{^-37lnDL|CjHQQPWN%vUElC~n
z{b2p{a@x^F5wQf7122xeUh4Mdi5;3ah0?g(JMXkP`1=b(<*gXYI!pz7bLNwaT!p;w
zr5I{yOB2h|3if0gd;#iYr_E>@4D<eU^3jdolI{>c<z$8+n%Xsg=iRRRv~DG|mkE&R
zyRc+w-~e_a4liC=hJox0%H~0Y>FBT*@z!0KobwQ#zn7v64Fp~2G2*TI^w*RT<FyFE
zp%zkqag5Ttfs#sU*M$h<5|(rE*FF57nU};B>=@a<*N0j2Zg<3D`{?G-=_w4?gRq+I
z?(l{)v;IE_)$kilwFAZ`so(HiS#yjQg&$4nsVhczR2_v86;Ee$ka>{U!Q*ISQ}FDN
zw`j%MAXM)#^OJrwxFD^o9qRpg(U3a4=D%bPQA`=0qx8IszY*<V7nN#UETaYcWt=TC
z=B%oa*1)caXV)<pnlA_r$iCrFmjpsm@p1aKK`dpda~$;PuU#4XrYVmZtEG0nCPOMR
z1McB8>NT#vo_g&-l1(Ubb-IPpG!!<`NpSMs#Q$K{_Hr8(s7$rNraMP#5KSqxZWp#j
znamA>o2p`dYSW1A<gg$%<8kZB?M)b;Bs=<k^yqX#OPUb$A^jTeecow)sU($6Py`n*
zyXU6Vn3t`S0O9fHE|tvdX2i<e|2ovqyY^mFfnh%>@Wo7v*74Lec8{dh)Vqh)j;*gi
zyH7^odsSd9SFtt&=)|PvLo;WXcvZ(tVbQWfEm9*hUdv1Rofx|w<8s2#S7|bt$|5NX
zz(&v)djH7h4-VsG-|l8c?S_o$dYJz~C|7qJTnICkh|$3(V2(i!kh#WRDY%B_HZ@Px
zLS&Uh-OdvtOxH18(pcjH5@%#F{=<@MpG&B1?n)ILIt7_(n}Rk!p<%}0f0c)=hkl?$
zt$v&&H2D&kl9w$7wPh@dEi7MDnxB2Z$5iX@Q0?+UsFF_L$vN~JNka8YyKu{fL(O<8
zU+G7_`f5+&*o$#&fUT6L_Tb#_hRRb_XJ{@QxSR6ogetw)@<9-DoU*btBx)gpR>e%a
zJ8Ja)Z@0WkHm0}BihG3Q&0}^3d+MeBDWUgG>CNXtYqCZ5&VX-VZC0z`jKHX`{_8Dp
zhHnMNJ9j;MjN<9*`Ppugeu?d*uKwTnipMshS2>?>YV0NUFMf{nk!?L-#NyZnJR^4Z
z#<*bGS>D;>36$8oouY!97t?MR^1HYvAZroPg}AC|6p+FQ;R~QRm(#P^rgn9Vo|WWN
zyBi`-G|?1HZ1df)uu6pTpDbIaA^6o0>Kr<b>tsaMdNp%Bg<R|I;Hm)Lu!tT{`;j+(
z*nEV}tH7G8lvPfVfpUUkTsAE;9;7}}vcb=t?KO*Y?sv47&m^#%1FH&};!CyAD0D;v
zyRlhIpr;CMiwJHd4Nd-Z>GPOL;B9B{j!wrTojSOT*>j21DW`LjjS>gku7MN@)zT~Q
zziSLN|7z9ylZS~Zn4E<C#Nfnit~}5+{aDPMX6>+S$q?uFwP9I$CfEX#<-!qX9KYVd
zAO+Eu_);Z(yreuhf>O_UnDJ|U+TGW8li)LtS+F9few;kXPoWhX+!uuEB+>F$7)`_{
ze?S@BVolbp!hwvR?{~#wcSA1lq)EnSQ0mfd!NY#<S+x;Z-*3y|ektdLZ`6VE_+f)Y
zxY|NDPAhEEKk3hiW_qE@1dqJTG3m}%tiRqu_GnGQA=oFvu9wV^1ZdLW$UXFVY;G-W
z<@J`N?S#J}anR(gGHjANNdCGvUc+35TZS+F!fl~()hD&NF!_KD?6M2lOvh{OYp+6J
zn){x~i`PDwsn8Mg8FM~@u)>YqdWNol-z$pj7&-XIjO=~YF1|8dk>x6@N%q#Hm}^Ba
zLdW6ML{HA3ia2I03l0zdVvDa@lf*nZFPX!0?fJE1p<|%fx)6`^hR3jD80FDep_It1
zZR3y@C#Y>s4Sah>-Z|N^t=s#GJR2mYnR>hU50ElL2Bv<mN2q^EBMSFNW8zRnwl2#~
zWV0{dcQ7}VHByeYBuN?_D}Ph&s0mU{r*bvvSAIV@^#k%^iGFx+_W1#6ZL8f5x!=O)
zu*T6}V=gN2SjHR+iO&1#merju=?lGLzG<nGhHYRkH){3yAA$;&%~4*QDx((#-_kyk
zHQx8^%bg!p&%cd^LRPbkkLy2E9%=Q!J=<8xKj?)sd-b_Oc2N)!KnO0n_+%=_Z)Ro6
zb8;Bhe6*=f@Dpbg_h$Li#=?tapT(4Dyt9ks=M=HY>@d8zkF*jrsU;J{OE?-pW@sw#
zruZyMK;K(6H%yT}ezAVKayn6xl!0nVGXC~Tky;m7DK26eq}rJumD^);DC=VANIc3g
zdNkej-d-$pPbkvt<yZ8G;gKoB;E6H0%^uN!Kh-R)Mg4F9cWM4)ExIqEc<n~}3`wF{
z8>c~Z<5~qJT+J~altXJ;KYJh5h(@a7@Sx#?iax3*W*DFC2LYs2$>vu9V8*BG;E?%2
z<oe@KT@Qhd<p$|G=}`VU`@RT07=+iOZFp@=rr@J%@yOx<&z*FqM*h13nYKKZCC-sh
zhP>BPg@R(|KYDo^z8eeu01T|zy1wFeu)N`LUE~<!;m?T6cmVX(IT&%a3Kls_#+RLZ
z=KO;-)eoSl>mm6{9<UH;Ej44Mxfs4V*FWK=L$55{?(yuiYvDdRIINWM=H)9!C5Vu*
z>`6oKPh|gAqRDxZb1O$ggU-3xT?sqoQBMQFr$Caefvgj;sDH~kOEsiTusRCBOtvZ~
zZoR?ln7V%6N^6*Va3gB;S%b&$OL1`kW0{?$=6~%v^$_I$#)}%=x25`Xe$5_0V|F*w
zf+viGg61XIfAd<be5Gz7m)>vz9G#`Ahai?tkI!#0&&F|RevKTORg2ySdTlp%M*9jG
zl;OS)3gWdlrV!$aR*-iyo=;!?clTJcZBC%aF2$UuG4jFd)R;+w(A4N*0MiMFr^O@i
zmxd(ueA{I;yKe(}G&`#;(p_6QWN~P%L0V(`9#-iN=BoBFTfY-(_Zus>Mclh@Sud1+
zX<M}H+n0o0U!aFS^P8G{zeW-*{!w3G>2W~%o&s~%^)UWz7T)h4mVEt4Z94`4$wVsu
z&S=^fTt+rYqG5QJcW)m~M&^rFL-1llMa5_p^`}^w144E7gLFBf0O^0Ml>QEnwu#Jw
zfx7z>cogk#!c^S^0g<|f`&;q0JJ|2)2`iW^np>!U<!l#e7v2}PYe_I7Qqy0jQ6rVs
zJ8HtMH~19|fY}MzHAW3HN80!E4+P(jMm2z+Mi2K>?IY#0p(Bf!x&o!k$%t$F3*C<`
z?z|p#+_3&kq<fm$aC4Z@KFQMIs&&&xb88n*d_wZ}a>o}$04#D+-PWdOT$$UTk(rTQ
zrqcQ;V5r}Tb;SdUrmFN#{UOzSM!V8~FAtylr-icPL?!sD^FvY6^0b@M8){%i&u`o2
zf0}su@`*@E?W~?&&;}+#y2zGVGBh-_Z_2U)&*P4x6bDxohqy*H{SN1}&3cUQLw38H
z3p(x!&;I_PHQgk~ohOXdV*gn=Ue|;C>6?;1WB3w>7Jhu8iL`k5pRPV#XvV!_3u*e%
z<5<Kq31pJmz>$CKBKkbNQ;wgF`lC_B{cy19(UvbQ`JbH=d#7egUxzba&=wC6XTb7f
z$mFjlE`(0q{B_z+Avy<tK?rub&f=)Ddf7+Wf2=ZdWOnNiO1@v;1^Grui3^t<yS(p>
zu8YSAWq-2FdzMaEYx98EtpkSv!pW}r!88r$ErRhovUgQ<-Bxm%W+d&t1VB2m+QY$U
zygwP4bvujxJD--q6e##VXHs~Xdp4vH?wnOPx6tGq+7p$YVf8<oFnc+EHb&lyos#kL
ztHqH)uPdfd`(Qv)|Ew(c4o=72e?;(J`rKrt^Zk7<gZDch!s11xlz4^*rlXQUs-j~I
zJmQ}>@kc&ZR8YTZy2Zp?^}c_ZV7CTr*P5RbqlX2)s8DNR0>1R)HqAOqfC-3F-FC-M
zg4$0C79>t0$pT@zu;dItNOrf<f)U&XKEA$>lz7x%Ozhlp1r+UCx)+A!vAQ&F?Ke@%
z_e>Q5K$e*KmeDa#gTxi!`SsGEGucdU+EVw|lYusA!-yHPeXr!Ta2g%dRNM?w8U@Q3
zi8t8(*>px(0c-f)uXhL<-Sax86c-N${pD5mslTDua?5Ies&M3=NmB#z4vea_`=>Y?
zb^#b)cp_XC_h@X!vHZ!8z~^>$-aeNNjA{Zg5`gKexUw$BhYMMeBy=|i^;xsYXn|V0
z_kdy(Yds2@b20y|x7+z<@|oIu{DMYV0&<N2Vki0F6TW9Xaj8f-4$7hiviY>#{sY_L
z*+q<0|A%$nr#`8_)*A}0%O2ks$?uD&cI^+<S#Z3Xi(}=E(TqOJh5j>I7arl*);|8_
z;gY8Fr2IoSpQ)y3TdLrs_KEj6uRGuWhP2K7nx!I=|2@w2<v*>)UI>@&MkrrD3pb9P
zgJPxE%k_NrJvAVF;L2wQ-MLQoTvSuWa?_Q6TGE!5?U;de%PH(mw~_LX?Aur^|J7vW
zXWzCU%4Cnwq3=SzCQwtuaQ>PfeSc4;34Qrq-Pv)D$*?F__$^Qh=s?kerQ^Oi&9UG|
zWeuOST;Q~I{SOL=bh-cUxr~FGQ9M%Dye}MI@}uSI4cTC?W&#PpjMIW$LkkC$W_)?h
zX7<UXr~G=$U(gGP0?<SMQRw1RT1Se7^4IXTz_!(Y`2b)u_Y+bOr{?~I$J|>|519X!
z;Pbe~!3Lc9nf|E3;o)HsTgb9Wq{+UWHu5ip&}z@CiZtdJc|}}<avSak)rkDeuU>!y
ztd@lnawesZ_*;$e%tQft355%8T#Dz6?ey|D()BC9l{Rt}n^glu$L42mCG-O3o_-|T
zy;gedF5C1%_6?A)?QZ=#oh=8OBODOV4hLtBFc9RZ;eQe1)_oP<&bMlD-^zGyW2INg
zY5R_#?Yh>J%_d?B%Ey#WROQ1~rf0m(LJz+9)I0qzDNKi9VVSAO_}d{o0-AUY@0L;9
zv3CPc0Q$C%!#igyqDPoF?J=r3f|dB*`TcYn|E2Y-$)QQ!Cw0D6;ZabFn$OE?FEglN
z`x)kW>TLyCgt$!Er_jx2hLn#-1=kIL$|oRv)9zm^zx>+ZJUr`0kPbAz@b@eLB@!EZ
zmO@-+@oqQ=I4tF(!OgJ|fs$&&>2!~OuA+i_q!hS{4Z(_RKad#&a&MH-u=+k{0f3&c
zx}JbBK!^ThC=z|KU!HwGUeoZul-2`Mwlb?}`(1eONoE`4>fmZICT3DO<A0&bb)DNF
z+4<yK3rMa5c*W`RU!1T5kYa#j-4iqFA0AmSuOa%KaqUAav$KqQEn@~anh}V#RrH@Q
zwh1&A`Fvt64BJ`&_5=JMz&e;~LaOPrV8xC_js=5FN_D=>UBHZPYHDAXwO!jz)`W%#
z@z$q5%9WD)?tOkg7WdIlS}LTBLlOe?Gjrj}e;2^i5X%3>(Cwg4&fho(i&Xc#b{GKA
zzXgys<E6T;`B-oaHazAL(H!!+RDk<U*~c$WPZV{e^2B9;zv3mfi@vn=tQ}4uIsFEN
zGjZ#ert(h=atKu3cev6@ncVbb$?o*ORHq!xEaf699acsy)Ni**Hto-E!6pl*t9BU)
z#WoFMU_<BXIis<X+kQYK30)Q(_f~<4rOKK4FC>Cr)I{$wN<;Q3$aOuu@>w?EwXTm8
zVpjGiW&U4s=+O$9aIo)wU++xeaOb;irtW-b*Ru;4-~5b7P24tynyg%mn|mcQs^jLz
z`H!ClNCNXxd^q82*NjI%+hTn4|MYhgI2m-|Nhf!82vUqfa>OeZP=MV}-HNg=088bz
zX1zphc`bdM$Uk<=3osMmQtK>AtvJj*Ej8R^^QL2Y&ZQe_08q4({UxdQS?cPx8;7bD
z<HUKf;;8w)$)Sda`w?9@oPM;vj#vDKzz<RjUG*ciBpk{83Rv@ZLFc&R#uXPnmz{YQ
zzq)T202r0`fQc&!UA`Y3kL<x@DF(RfcmNx_m|Q@B$0mwOj1#)I<5lUN1BV8GDykRI
zI#O4G<=F<5c2+^eW%meD;^|}aB8+TUk=Q=us^xcIBjjvQmlYIZ%9W28C){*Zf(?G!
z4-z5!A)439hv?wj+RhM66s!i^>W6?{R+|W|TkhpwE)hk0*U5h)$6CMUVPv++%y;-<
z&}Z?Qf3bY(=H%0at(Hul;Y|$f18n^px#fSMe@xMz;&jh<_6OM3G(x6`t$((3-<Lzi
zcr9SF+y?Oc=qj8N?=0L>{dx0h*?!!xa2v(741Id<)z<kZcjmF8@^xYI@6?JH0QLXj
zxwif-lKG)5#dObKSfLJ5^w>WXVs~p2_kPaLvP28alVtI>v*G`&OzZwrx4}C1pwek;
z>n838lG+i-r}qJb&}@qzIf^xof9$>SjSQh;+UQ-5`?;0VLhH>$8)s~v|53@!(o-hl
z<b6Z3oj;d6E2_BJ$Q;TjodY@Q$hD39a|Z8^$2GSD-C<uEEd^AYT-t_LcK5?eZI6q$
zZ(gFD4)fQ4Ke4uC8u(u*zK~JPP{;s#%{(IKJ{m-X-{gJ_%;I<Adq=8)ywjh7gIlj;
zwmP(vwlhS@zd3J&{|_khWeiG)Bk&izyEy%I1O7Ruwn*uMsdi1Y49M1>+lamiphF4)
zfS>}YUwADD8I25+E0}BBRd$;_2X+@17w!CkynVLL5P*{3X}u$VzBK<;*XJ=W!R_NT
z0H23pyWbL2y`J)<fbDQ`zpwqHYnplg_+SlxSyFU#3iuK1$LCAf<bT8M&s?6s2y9!s
z7b(RKd%SrUvj8maUl<!4k8>tz*-U8tY|Y$_;&ngQ&H_9I*dn>;dcd?xWv)5>p$ztU
zES`2h^;#^OZm@5ykHgLG=gtl*TT<oZ6<+VU5>i^D_Rp9Bg$^7}8>3zWM~i8_puHe@
zngIFrdeVgxX)t<E^dL`J;O$Hj=_ClO(Kzq9uMF3GQ(s*#1ut4DB5TaVf*WL}-#Eba
zk2ljBvT$OBvubxAcf`=j+Z+E7=hGA3A0NJe(G-QG)ltUOFh+xV$iBbJ{+3e?XwA=i
z84{)egLPjPs@_lxo)g>$ShobHFP$o@&zJStEe8)#!X$QAx`dQq`{k252cm@D9y4ZY
z-0i?zEWB-+{(#wpmf9~1EDPGd|Ka<i(HT++xy^!Nlb;oD?(HlY{Cn%Il0PN)p~5SF
z&*L`rIWbCa=6epQM^Jng>1!JU?*GQv&u>;UI?Q>7i%bK59Po<N=KwZFli*BEjf&M)
zHQG_Jfc*lAK+*+X3;Ub@xy%Z2Y>7sE$*Pdl{JA-_6y!?|*j@n&0Je`y|At{Jqz?cn
zP00fxz%)6nLAr;P8*pTHW<T1|VScX{9T4kJS3%hC?=CsD%R7XKj3(#hca-p4y`cHm
zp!?;Az1`j2*}jOK=~Q>7yI8w+D*V^EPFkvBcbLp#LG2f(ItRHzVV^83m*V0-SA4*f
zNSmb=^f^t7zg|V<k1AzGtCt<jr&BaJ?Q)OWyI3K}BIZ|NCD%I}Dy>A$tIH_0##<0g
zrb3#dsZJvnGsj2Pw>{Ci#Rjb*k&l{f)WXdb2?(>sbSdtn7#yqWMh(p~#DZY#_5$Ki
z))e0yF+W?w(~B;(Ni>RRR+?#SgzujZRo?o=ZLpkL;Bwh{y8pw0mVhPIr7tdLwyO^D
z{RZ9gu^F0p)&5K>Wt=8ky`J&a?ep>lYsj?}&10vNM8<u`#90B+YA486+N;&k>1Pro
zA6?z`FqUw+4)WA_H!&@HTeDweC48e}k6&icMc}3;v*oNSM~QXc)~v-e1pax!ii9Ay
z!&KZKh$ZADX3n2?Ozrr4Xm{lqQJeBaI~=)St(HNDw|hAvN9P~#C27@Dxdi-d{hn7^
zUbXxgkU25hdXzd=x)jHbk7t*fc~s_Mr0b6-<4v%S)1HlMLQBtn+<5!Bi#Rq{bH>e(
zFy8(_K0~sNVDw!G_DnKh@b%|n^N__bpt{oZP^fr5_{S*xRqIU?o)jd4*`RQZD=J9d
za`Gw9+i7j|xtVvgH%A_{n&FJPJSVrzI>;`NPjsKtT}u9&mWsQ-$zjy@+>RAaf>qJR
z@6qK>dqkPO_KR%~3c_jQPO#-h+Y2^^t#m&lYHPY!>(!>n2`|n!&DAA-p~fY*t`_M{
zvS(K+*EwT^lC+N;fI)7N>KZcV&gFcpRyfOP`q@#~W63{@zYvGzViSxm*f^ix7Tvs8
zvM`u)e>KmpF*>1HzxgS3JYYFTmqpHy6FQzR788LiOH%?Lt$A4snR<$xO;b|jZ{TCX
z4U$%?x#DO`q2{!q*RpTKGK|{)+}?>fnJOjJQq~iOcWG4`(f(^DLGH*6f^HJ5yWcto
zxSk$6w`nz?lQ#R=W1zd7yhOi33R18E+o)tmdqT3swzV|3-Cfs@fzc@M%p-4>mdjxZ
zm3Y0J-YVN~U748Uw%<QaWIQN{Q#;bods?Zig-16!$LEA{!9pVX?es&G%QpO{<)^d_
zpZt_Pc$4J>REz0buxq4C?~y-o=Hj<QToGz2GAG<DgzXE0##&2WB%vTx^s~jji=Ej{
zG<AwKaw=(JoD5Y;<I`6YlD!%aA{c){%l3HSJv-D@wP)snQS)BXokH7MD%)cAXR<+}
zOz9s;#cRarLGkNnOwaPCzv<wjiK?~Nil>S8Hq88lzW=45TqkkS?GO4HWeeN5xhKz?
zfOdIp*_v`LEbI<zPGcQ9RlsGyBCi!$KnXHDxCbH?^SEM@eiza7mB}?HRh8@KFqn>#
zJ7}?WW0onqsyjKJjZ4Qp@m^j73LMPN!gp#8$8al4fw8+Ii@xAJ_oQn1W0tSYJ<y|n
zGS9x<$*<s!iNzXsWpas!_o};nq1`&#SoRkl{Q~Uw<0EaUf+)`$s5mx0n~mkF)GHD?
z1AmGe@A2;>@>?rRDM2~WmDaD0=DNp3Y6-@;$OK4hsVn6UI(>pXC9h1c7%6E;)($<&
zbU7q!x-={-qfs$0%$Kozp(P@BheQ--r#7>1Mm`47DIOX}_ZBox`&4}5#H4s#zQmP?
zlvX$R-8Nx(i>Y$KBl<S-HhmyvwT*Tr&1a?n)bA)bmVy+`g?qL|Q@yhUl>WA_nHs-`
zefyksjMs)%&uHH&zFzX!kFGm0zD73kKU0=EJ}x`HhDg3}T|X=Qi+8nK@<7E#l){2@
zO6I&l^Fa6U2z(Gxy;#~QMP=Cev~^=#JX^196tv^r>-8(ougj-(&)ZyK1tq_I6gYUa
zJVKl~#^a_uXx4`+xHDh)ldE3e&2wx66w1tmN8d%7$+*vrNO1gII(;dEN6S)_SP=ai
zjeTT%CaGEXj11dHIeV<8SGHqESZwoH`fGBrv%0?(3Q<9l_egg3Gxg5(OEvC<P<lPv
z%gg5TPtDFbGE>6wi#^dY#V68tDJ!WiauDTXk1E?r@Osl-vo7j%pgJk0zgK-zoT$fv
zvkuufxbD9$1iu)-LB+vUUd(E$h>**lE<rgB!#H4l8b1+zf0~zTDua4mgfYg3-LnV8
zN3H#pd5<o&bf`P4cqV&j4jy~VLIi*arQ$r1LvT?)=P+oSr<DiNo}Ff6Np;`zV&t^@
zLuwhS&*=8V{FPDxY3;3U2o=<3sc}Jumo^ni?cSZcS}J71EDlf}BCt#u9*dx5wTnQq
zI=y|An)Y(s|0v;P)#zACkh1|MWzXovH=3OJEj76cZ;`PJ=>)h(?7P)(;?Tt-E>9T^
zpWi>Cy(@Pv$e;5gTLU_260w_Ay&@SU%$tN#Sg|c5EaPk1!3oANI`U<iaO`SZ8;dwh
z5?Os4*K9~zIQ`zmnC@fwQ_!s~P4t?e!>1B#!Bm!a)l{7y!mrb((W$%Gk##7#UQmg*
z(itivwiTL}a{($ivxQ9m*ud_XV*3PPq;+}1<iM(5or{q~rcTgqqb*e|qBcmy3Ph;u
z2g!lBBC_;!&{w4_cBj2a#gt;wE_^HR6)8>1);6rwZ#2A~>#@+)O~aBrQov~VY8wh%
zD2XCGmcJeyF*cKju7WbW?ArXM%L^|~6c$IXYRc*#8mU*vA9z2_yNDig*5z1C9tcT1
znrZmeu4cV%CySqRhR12V_|Mh)EKfXlxg{%CbMz)&dEMO3;}4}%sDfuCjy(~_uHzRc
zlA2r{W6hCQc$l`;(gtd+wRnwqogLQRjuN(jJvKng3|gIAYr^+p%7)3`QA-`V1_lPK
zc3q4ZtJwkDw$~j?AO2|U>Rdjw7QAr+FM37EK038IFA2K%>`y}2e6Y(B4K2Za44Z^<
z$s!z1qkR^4+auV0W{mxj3@%W;?OcrWavmHsUDu?*n=<F?x~D9E;u&|qMd8gAFr_!+
zyDot$6JOtRF{VVzOZ9o6^G%H^N#7+O^3t+xR&&OP^2=Vr5qLe76_kVj_NLJ!yOeUy
zCIGHAX%IMPOnXawGZy|Ub5}i#<#}0E2_!nGus6%DRAS*#Ec(y5`Q<)(A1l3by<rU+
zH2#HhnA)<fc7#Xr2wpp=<?5iy<w2JZl6ilv&WLb}5)dTk*jOs9cx|PY*<DcAw(OKl
zmUp2;l8Lfie+G+=p0)H@I^AVSx3Ylce95E7N<GSVfn4W>I&ei;2<q-J=@)mU2%5ya
zVjfdQZ?Q=)(#g}QM}1wD3k05Id#teOE(MD=Le8nL<?PQ8&UHxL3ozBITmQB<lw_0n
zb4BZhe(IlTf0IoM_6Bk%6Se8C<*!@29AXCXK^IcEe2q0L%3WS{2d1CJcaHCR5+R^|
zY3_qN42gyec&8W9%PDPcBO$qITzOk`F0T0=lH__x#UMqrB{ESCdmsHx^6cnbA!ykX
zX>w#b;lv2d3nAzz00Z^aQm0y$W$6T*lWe}y9^iGrRy#8>KRgSFg&){JIjl)bz&`HX
zSxW=k*Xbf7MO}Aa+CC{G)>mx#Ecv3AkU~OA)0^z(Y{p!7_u8t>tA&^uZgsnmS0|H@
z0?pg)IyG<Vw%a);Prt?7VTtob^NlD(6A3)2Mzs<09z=63Nw2g-W9%-~i#Msc23>LL
z(&Aw!iW3a-6nfVTtr1b+-MBa?;kno1)INfXD&E79ea2P}o?g#dERxl{{sICrQ7myI
z%TCKq%{%8<(k;t(E!(2WxHY)7)OOT<`JV4PU#kM>?8RNvGV|PuT#lH?0>q(Ec0nL(
zWer)$p7t`^t7ntdS%3I4lY<s?#mM5kd#!$Ojhtcc*3`svTBCMdVgv|JDfY0{;NO95
z+p+~PGDmg&+xwWIoI*UmN?4PV(F<C0rSXbzBBta?!-8(6E=fL5HC=0yBI#byN|e9b
zq5L9b4OcT&SPTOI6o91RwnY{SqYJ2bpJ??_QD4vXP@YywsfE6;-D`!+I5rh1R0BJ}
zsEyDL4w1aRwF{Rbj+Sw4CeTMvf7{$2YXq$np<wJ)7u1#yW4dgwWu6wh+oVlPmJ1xa
zm!hC0lTIjOt|%+<Wb?cgLf6?GPm&yUHjhLhG$rp-mt9^!gFl`6+EnGZO_bjtIPF0=
zx^1!xNj%E7K24d_j$P%c?+=5N^(*4AJ440~)atIO)xKSV-OE{gO!amP(|tZy2D(!+
zuUgBX7h>83QHqacDujb3QDmtbsZFRCIgkWGwetPW+gWB0W1-l)qjfE;`O~HocpHj*
z#q#vJY`)fZe*_k_#izN)D(tDOv=$(-&`Io>MFy5#m*xA7k9hLfOfnn>d6jn1mJR6>
z)-<TheZ7VWP}Y~>g+`z+*87S^i(7%0oz*q6tpx>I3lh1rf~=B>e=Jkv0~8xle3+wf
zKbKTbTW9i`=&qwO`U!1Eb$v3bBMm-bWPAo2G-r~AkGDon>@rM`0F~91)=!Qql$B1|
z*!}z&AylnWjq}fm#@$v>ml3vFuPfiuUD9W*vCivbxoVI6T*fXLv<2>cA7FU#=&v?A
z`8GX5zcD_B{<vh-yLcM+dU_oGsKZLb<h{-i{DxVWHZ5XA#vK>nRYV}`rh#ptZPS*N
z$t{1q2UNRCx(_l-U%?e8k6(GV37|+A;l#9#hsMOj390(Ugp1fLa@(T*d>yHy(7zJt
zcA!^Y3kd0G)XhmFD}RybkW5GwkBx6M*+IasIAX`W!Y@B{xPXw^wzy-%-l6x7Fv)Jn
zX@0Dt0A}tEB1qD1Ome7}(Ih}r_0ap+%x(L|c~5wxJM+|euv!uiwn*|&Op$qTwq4ft
zlHi&ANWEL0>S%aQLPp}D`ri3;7k?!8rLG3$5Ukze%1l(g%ee)eCCbV@3;5JzRF=yG
zq&}?qQ8P|<mpE<zx@(lQMgr1L7GTKJg?7^XEM6rrhna*^?Rnwe+x<6wR_-=+JMjvT
zRE8}Lyj5+Dry4dtShp5%d3I+#@da^G?LO;OXY<i+<Gv|WfD{K^R2&6b&76qf2SXaY
z@%K{Ukw-@fpdlyg;(+O>Q0_<6kQI-`;uM(|qo|TOgLGBDyP&Sm8%^0y%FQ{=>lS(i
z9}dOO)>!2S%xF_Py&!d@C%Y-<6dcoZpc#bg03JyU!_0hM(OOUp4mZ9Skj`?-F8tBH
zGl*~hqd1nyqF>!)?arNJzwF5mUj((Kec*6YCR|VsHp;HvMBWV>xt`~bD#2kviW1PR
ziSi$J3pz16cW5<Ji%}s`x|-Ero&=bS0;L7ht9c8&nT8i1B$0a+^Y^v|6YHMl>+}@o
zSn#wp{)ZhAL|x6KTN}n$a!R%h?)7Cx8kDhe#tJ&W`8_d})3Ibh$Pq*L_xNPk&l(&&
zZgWR*-wo3adnfcdHQdpo;2=yCwHwTcRwDS)w!YVE{V<x+SnW!t`0Enji2JJAOw7H(
zKuhBTV-dyXU{KN{@d*M%!^sk_`kzdTq+!JoZDHS?{Q5JbA3A*?&LlhZ*>ybg6<584
zDC8%u$}CvEc#xPjGZ#+l8jT;A*==o6btEmFu6x4=_E`M!<UK*W#(SP#*b^-C$-|8v
zZQk`dm$!ph!gG^;U;=3R(~U>n>>4<1il-pMnWARN87GxI4Iv!d9J}hQuKuTopb`R8
z-%BoZL5<dSA$ONL30%L?VUp+cLx48JpT@1Y2Khaa7l!g$-R|p4QEw5@u>5TgJtG>n
zspRT2aEH@V=ZHtm@8)wQkxGki<u7XdU1&+)&UqgK*BdU8LQA)Z1yM6$F*9e{VK1v;
z{4oQ2S?Qn{_fyFerB!h91|4rR!+USf0K6xp9X;xQWNeTuYED%!8FCrlEv?ykq_xt%
zHqJ&O6`A^5%VKJ%B+qW;^p8`@eOtJX3lgAnZFg426GX<xl)dMgHMGaqAO|6W5=r1Q
z%0H)dm}$c*6WL4^Hy$O~9C|*U*7S<l5jy>j>cK$R;VOKS6qODd)-E;Or+SJHWXO6i
za&O|5m3apD6h>rVFj~c$3(%d45IOm)pK^9v%NhX9ur*W5I?_S^3b1$NJmCXs4iT$g
zxk@R}hY}XhPEIrWV0>=##C(SZcXM{_dfhhV)MJsb@sz#kUFR&%sc<h+9a&c6%1j#?
z-*a@P$oUueyGhe+bR}j4fICww5Q!A)J)DHDw3t4^fTS{ILh4<acqJ*=p`MG%SE{Jn
zQ>jehOESf7VZN3tM1y`}ES5;6_1o<+N1Bu4wPcKA9z~}-g8pj(I$;NtP#Obg3`Am9
zHL$0PHzV63TGKOv7-AY4tX0%<r^&KZ<==Xmu-0Y~YA=S%-mbyv5ag$d77?o9GQI@9
zbKwN+(_3wHaiX0z@;5|9o2Z;78R*OpBG}4xYhY(R(pRl(3!Glsc6$&{m~9gS$ZZ)1
zdekAzlJc~RlRGd~Jk)e9gNoR}{AqN1M;o8Rz1Q^)mITY7OxuZ=sc+tsO-54?v{yE2
zI>8U%cuMU0^Y=fTPwWm!Nc9$tBIm^JuAFMqRAv1h32^^gz+ObsY`1FKG*wt#Hps5J
z$R+wfxCOC8CwhLdOeO_hLD6$mxqkJxe`Ygxv?*=w1jkH~F4|yk@}@!h3KE|7^~D_>
z^EK;|h>xo_Q;}y5Cxu{!hM<=r*%8#yk-XdTya6*imUZBM&jF*UDNH4<w5myeNyTsS
zm1HeWgj*p4t>*AqAb-_avc1Fs{S+M1<I;_}$c{)t-CR38g`=fbd;4HbZG<xSrspMp
zq1a2TFvej25JPLXehGYZ%pqf^Z!Ihnxx#DPy+-Ep()&<=P*rGo52g@z2zS(u<W*GY
z-Ga9n(3T9V$IEjr`o1@!{mz7O86Fvy0711{&E^otu<Gyv+0Xv@NuuC*sZ2?5OC;z>
zFW8ITEYZQ$OHc^(Z>!Ck`o?(SD@-Wmi8dG_`<P0+#JYAL!&&GX0PsNEN*B$p^Ds_`
z&Uoe$oGT{tCu4;X*6$dE+T+%e*I5336pLc3jU@lv)M1ClBW8ShjZ@nmw*^g)Q9wGi
zSL*25ZO6H!Caf*dh7daf><r|t<;GliSjZ}#S#o`P#n1?CaRwu`W4sd8mQ9o3%I9l+
zftE2Huei^X#u<I6sV4efS2`$g(71Lep44=Ws8~WX+9im8*`Ahn+Rp8SyclJw96Ijx
z4KtPPH$Ly2Cv}mno5Z%oUQ2E|28lk}i_h+*i*pd3XqII-yQ0`Tcz1pFW>_;#$lW^C
zI%u24Lb_dOlrzX2vhmyQ)!N+JOFbkxR-ni~QD*vcBjJOlLPp*Rc^2Ug2ex=Cg-Z?#
zp~Byjo_Nsv#tdjrG}yWHx0refW1p;TpZDnbBMdLS)>`A^q&f?UThL0d5%Ka?fEBht
zez8H^X2!#R@s}W%%!^)Y`5S3A;6o9#LGmJphNR$JqgJeW*A{81Lft79H>b9LR3Ya7
z{s;69k;(O2f=2;HxFu^|<#vB^2Bra}2FiFTJQFS;_vT9V@{dB1AJa;$|4LQ&tia!!
z(METPJG+e22!mI_NXm_f=AiYbp^vhR!L5!?fn-k)Cx(Qtv>3QZE)o6Q@N#32a)o)4
zOq)#XTo6HBQNqGO883Sfq6Xg{^CBT3EK<43W@~11L1OZM+ggI#l~!kI&y>SDC^2_)
zB>P#W_p4Dd0fY~xaKvhj`IiNI@EzienoI=~Sr8z(34TSQRl&S6gnN}Ol}e~>-pV2s
zfA4PPT~p!dwjaZ3nE3Vnm|22(JrTSTqa9{L?Uw%%ReYlOx@DhmkHl(T=n^9EyBInc
z7qEu3Gf{Az>7D8zO_6<NjZ1Ev%Us3VjjmKrh5J-9dJ4taS8uSN&1R8LFWxb^n-~3_
z1+7rp%kvk5sQT$eOjNmB-NM2t3{D?xboG?cnF=W=_PX-0e&^>mV@;8?@9zp-UJ+a+
z$6opp0`Riq^K%8}y!lS!UM_-8mV^p&F?n9N)Hnuw!0{6psD^*c;#{fH4P+Ew-K9J|
z0p*j)tWfPPUHa)Fxa{pSB2)nZdJpRS3g#-DkEReB*ke<bK)=esz2lA-pqt9-z32P#
znFjE?1Y3`kWrjZs#was3NwGO|(eykF*PQLf^f!35PJWcsnfl)L0xps2LQcD>7ToDM
zwKY_9hF5oWF5wwkROVEGuQ4_aDy`)pFE67%U`gqfm&1h?OCvxk(jcJz?O<qW(XHw+
zHtTC;7BWvLS1ypLyl#+Ir^o5<R{0Ty{q?`pzHkf%S$l%3@s931UZ5x&bB;$BX)>3H
zf-;^F??S%knf^RC>(TT^h@6<27{aB-#21<X84tg*a5}uXDBMQkqC>-|PIGK?@8UU6
zy@4qspiO#|E-^zzzxxZd%U>+O6-h?>i`jm^c%PV>N5tD-kq;{SPT>L$0d551My)_;
z*PV9|oNsA)D{Zz4M0HDKJG#^|W~&w0|A|@e2~lNa;b9A0_qh)^eo-x>3#8q46gRnG
z{H2HMb~YsI$a>Mc=cC0GQHQD0rZN}h>%R!WaD&HT56+~WdM^n;cNr8xx)62s(`$6p
z#ua!v6*1-lN)zL4J6@LfE*w%K5uLgkMzjowG9G67+gX-~c<j<lgsfvCGP7DG<YKT%
zzDce6lbHi);rUL4HQ?}KxKT?07T0KWXKcl0ihwh*xAQk665hwLKF{RUeWZ5kIoNg1
z$2n<_|54tPG%z>aO{L-XW)d_aup`U;o!MDjkU5R6e2o4ojoSeEYfiVBC@ChxSAnrJ
z?$)4884$He@E{e<mdLu9PCR2`%jApG(%$(oYUOmKk=+daW8%~7yczlh)J!3g;b~_h
zF#>e_$FW(SDa=E~a7c8qtRv#?XWN<z#pgev61vzbFZvs#jt92l`dLme-%R9?DUZPs
zGiv_ss)C{Z1^AX(&SxI;)tSRKXUZOB4fi5ppwRiq=8)AKCxqKW6lJ4!+cp@Aa(&6K
z6-4nOy|N5|fVP!pjL_DQ4Vm8=)xJ|z%G({_w~vH`c%{WP>_V2{LbUQi8-iRSs#^#s
zvH+W%-GRf!=ZkMGYg`>fY)WZ?lIC-rl+${wWA6!>bvGzjLwqU<OTLqfJ^JupXRN3C
zCAuU7SglN}@{}v*9MGt9Kk?k>B771ohttLjq9PORZY;^TV&4k%>R4{2WmuC;rkI}|
zRZ`mEq#wRhGb=Mqxz49#c2&xR*+xy(VU4~2%d)%2U<7`p;IOAs_$QjX@0KcbrcQqi
zUp(z}0|mY&b$@iF12Hk~-PHXhNQKvjwyK0JM^5E!;^iqT#+#7-w&Tfv#|pO%3J?Mn
zUaP(=tL*OD=C#fyn7_A;V4WmiUZJI*NqE&%Jv!M1fljrqa4JV5-MEQow=2t5_?Q$2
zk0@gqa}S92Oif;B`w#+c7^X1;&RrQxNNILBQ*g@Ax1x7;J?Qe_ZXozL^i4rfNruVE
z-^WkwEY|i@OpgZ|1d}|hDq3rex~*=o&=<XJS2M%adMVI}9v5xl*l?@vN|#<ROhE+1
z#LfP8R2ATrT0yx_i4FF0!cK+tP|BQYonO)W(tp6;e|0{e`VBn+xnBS$0@x(ic5`-}
zUqyqkOj&`CsbzIjFaRFG=n$TR@3?{NvmGt_A@EJQ0i>suPYBoa%#-Zz{dC)x$!n}5
zla^tLLqP}xt6*zC-8}>Az3M=R(dkeUImj$~dfYU4<Zy2v^8EoOuF&#D&Y<ZSq{cA&
z#i{IH8jT^K*pNi+8+lnExpNrfv^o2D7p7{G2y-=OLYZC!@`JS@_IS;cQWI)z=@G`W
zG1h%Y(LynNnQ<twUU)M*kfc9KWE>~XdyATk;%_R!m9AE$N|LSlKC%klTmSr<`x9Yy
zw7T|tV})d%{^8B@#NoL#AxlJ7u>Ra!&f@PcIx$+YZ{~;GJL9z;q_1Fuw73XCmgRA5
z<PG-b)afbswd>PFbc5o!4hMpVw%z}0$Vl0_ZAY24UXx;crPW}a@_yo5pZsn}!&AF<
z#bsYZu=!q64xbL1z0+AW#K+07{@|%DnD~Scu^5&q?^IS#JvQ~q=Ei=5UZLgx^DQr+
zeE$D?H!LNX()Dw&+z$a1nE7?=-QD?YZYUh`{T@gOV*UN!9W|hu{kq^>YB2J9Aabc<
z69cqg*uErKSCHAHqN3HB+;tSYg7s?u0^z?W&zgIT(Kae2drQspOGyMv(nqKL?igyP
zt67m<+15&~LuO#9wCr}$V()xGr6y1(KPG-qs5B#ax5a*7qwF}q%&HQ7W~w=9`@nvM
z|K?%0wH{Zq7aDTg^NWa)s(k68+V%P*`eu?%kctH-&`oecyXfhSinafOf*6VVJJmW%
zB_THmS~7}KTj@&y4*wQ5iiTQOgFZ%<x%O+8@mQu7SdP3Rs5nx~-2>+>1RDV+`pi?J
z{nxvpSl^MrGL~!IBFSQ2Z=>IcuT6`+>i|wyT^|6h9*Vvi4Q8Cm-1^m}2{Z(Sx_w#n
zbvbkkL}HE8i4|2apS1dtI7*?SC#rDI{|hT<Yb*kLHRILA{l1Z!2t7GRw~|X|6CP^`
zkgQC~)F9_w#5Wu04S{ghdJ_EKCC%;C8LXT`>tlzujP#yOEFhb)Z;rGNy#%WPEjPUW
z{Z7rYx+J=sQbyuSAN!g*M`q-F0sGbd5;ZM1HeqFpZm_Pp-yr379k2OV8#5saa6NNx
zYmLQd*4@|6*rX%p;<$5(zpWeUXD4_Br{mg`c|hyHg(jV-v_0UGEXTw9;CqC-&))oh
D!zJXy

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/ProgressBar.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/ProgressBar.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bbde50a8117d7ebcf095147b01db2ef5577f28c
GIT binary patch
literal 2167
zcmeHJjaQOq6n|bnGoxB=TI%deYh`LH5l=PEGC$_jER%%Lw9G_B4Fy6JW+zwks4H8V
z&Sb}|B|%2=iXWKRMlD5InFyF-hT;(XNU==k-u{g3bkB3oJ@<Fdd7g9bxzF!+FCPvI
zL@l>p4gf#}2l*cX01_g;c9{i&xc3edkYJS_6io)e*5#u^!AG1Y5fCCD2|NIJU5;Z&
zVwUI^>IcAsV(W!Ca{!jD2=@1jq(S;up`=I!ls|OzA`1SRk8d}zT3z&encA70H@({s
z<9F3hQh9H~%*yf%i?Ms`2tI42^`-I7D|P0_gPcxwNOpO{<gf@050JD_``nASL7HsR
zOSkZ!Xjxs08TT1%jYji+cVZVKmqw#C%XP16)7*OH42V^n_^>r9nHu%CQH<DPO-+q-
z)%*B~9Lt_Mx8Ay(^O>15A2yu@jCeF<ut%12>|n$Eg(sCW;&h3z)E@RN9H_W)W1F4(
ziM1)+H^0HpFXkdw*6{4Fi$o%Ea&~s}xWVAWj5;_sE3LpRF`iQg*9pCnIaBkzmYDn<
zWHLD+F7DUw!oqC9yGY~QT!%ywpinC9MFQMr+9=^+V}l8Hn8K0hReMgP_%+jKi8sp2
zw}W(Cy^PD{qF_zdo7Ug1;Me(%ESX?@$jJ}kj#3YNzL`3*c68|3{5)NuP$V^{N#7Ki
z%DWn0mbuA?UXPEbG*a|9i1mVZh$K9%*wo<J^lX|&?{)ub+v9{kU9r5+fi^Fs)V+}R
zS+paZa&qSd2lr4P;;;jTBrG#yg(YF5edwM~k2g<GZ%w^>4k>?ezmjT$0Zq3FD-`y<
zJyt5U5gwTASG|Q#87=l>1+LrI`!M?QD^hLcX~l!YZ2d@ThAEqadyMO-6<52c)@byw
z{N`a3K=A72s}`%PtBvY6=M4Rg2txU1;k_6ZaHVQnRoBc+Cd6{DC@Wiwvcsz_m>b({
zLV&i3Zb<d~1&aootQ^4=vz4qM6U+V1-<xi@+6Ju-R)b5<>A-)D_owoIx-GXZ|D|5V
zT%bbg(^WZM5xF09jnf5HQriK_)ayUam6wSj279!73IESj_vl5^YH!y1IJ%NqK^Tf%
zt~Lz~pY2G?MPs%3!{l`42VJ){xV7`brwRFA{ft|-LaCSczI{7@EWy&!vU=!@bwANT
zKQUnkwER+!*rI%nTl!K`wVg){LUH_$6b;LD+!<XlQ&6eb>p$`jF`7`zklpt+$frgO
z242FqU=Ig<PmrR`WhN!vC7hm~gBu<^hyd(@02IfyWUwAak!+AR7n)KVU|13^gZ6K&
zSKyP6AH{BYL{#~yiDOZ^kr)Tx+=V_jQ;->u+^bY7&(00hB@GU039E#742PSCXooA1
znTJ>Td`URS-;<(f%TO!n35)8mz3kApH}{>7-(uNz_ocm{wKax9p(sfOs>-1(7gG`D
zQC&+5gEKh6#Q#uGQc|LspVif*LhAanbIpRweSMw!0{e!ar%ur)=Hm<dkweWA_8CV<
zMxM2|=gFYSU;$geaS61$c5Nb&#7T2f?Hw!ac`B7ZeZ_t35jY|3?7W6Z$SySc*zG%a
zLKa&<+mq+lH^z$SXqqw#|D$7bH@6W{mO_t^BAsZIT6~5~)lE{(fe%+KQt6E_RjQPT
zFzK691F)DXdEX+R#KgsT#CF+%cQl+Vs<@~qipX@Tzmrz!c`EzG63Ai|#aZ$VHprd;
Nf)9oH^A4QM`xglZO!oi)

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Radio.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Radio.png
new file mode 100644
index 0000000000000000000000000000000000000000..d557ec4c49683f573a36887d4dd7509b7bdc1a14
GIT binary patch
literal 4152
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
P=mT~(4%S$!`%nKD3?mv>

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Skeleton.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Skeleton.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ad0b9989014e7f5e98597e7444052cb62f748a1
GIT binary patch
literal 7419
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Slider.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Slider.png
new file mode 100644
index 0000000000000000000000000000000000000000..c396b36a61220379eab432a0dc6fc360028354c8
GIT binary patch
literal 3752
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
L4YR7YM8^Cdq^Htz

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/SpinButton.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/SpinButton.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a8a188ff339b098b406a410893acfd34f0e257c
GIT binary patch
literal 5039
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
A2mk;8

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Spinner.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Spinner.png
new file mode 100644
index 0000000000000000000000000000000000000000..10e5927b6d3283ce337e5018bee16ef83c3eb7cd
GIT binary patch
literal 4785
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Split-button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Split-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..a6cb607353468169eac0415fe7dfcaa63f062329
GIT binary patch
literal 4508
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Switch.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Switch.png
new file mode 100644
index 0000000000000000000000000000000000000000..bccb704428adc51624c19b7beed8e858ea559c7c
GIT binary patch
literal 4628
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Table.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Table.png
new file mode 100644
index 0000000000000000000000000000000000000000..37ed71327f5a6b8403b68f681e02fca12351c97f
GIT binary patch
literal 20320
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png
new file mode 100644
index 0000000000000000000000000000000000000000..d09bf16d0d3304de4738448c8937e70a8a22c62c
GIT binary patch
literal 4619
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Tag.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Tag.png
new file mode 100644
index 0000000000000000000000000000000000000000..31b3394359cab950e895d82838b904121e86d456
GIT binary patch
literal 7743
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/TextArea.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/TextArea.png
new file mode 100644
index 0000000000000000000000000000000000000000..6802a5a1e823890fa682a528fd406c523f03159c
GIT binary patch
literal 4786
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
A_y7O^

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Toast.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Toast.png
new file mode 100644
index 0000000000000000000000000000000000000000..44ee4c7b08a41ae2880795f2c82b1218ccc1def1
GIT binary patch
literal 20308
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Tooltip.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Tooltip.png
index b1982d83bcb697f196b4019d677ae561bb117e8b..bb585e7298f1d00ab50adddefdd9f72c19db3759 100644
GIT binary patch
literal 15406
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
Uf;V(v+Iz9ol(ZE~70kc<5A&XB$N&HU

literal 3676
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

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Video.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Video.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea82245ea369f14394aed0ac9502be8521ef22e3
GIT binary patch
literal 122945
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%0Ax`
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
KMNUMnLSTaVI*>U4

literal 0
HcmV?d00001


From d5bd244618f9c4557abc9c8a0d2fa8d88081650f Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Mon, 6 Jan 2025 13:04:36 +0100
Subject: [PATCH 090/111] import rest of missing component picture, preview

---
 .../{Infotip.png => InfoLabel.png}                  | Bin
 .../{Menu-button.png => MenuButton.png}             | Bin
 .../{Split-button.png => SplitButton.png}           | Bin
 .../ComponentSelector/components-images/index.ts    |   7 +++++++
 4 files changed, 7 insertions(+)
 rename packages/react-components/react-components/stories/ComponentSelector/components-images/{Infotip.png => InfoLabel.png} (100%)
 rename packages/react-components/react-components/stories/ComponentSelector/components-images/{Menu-button.png => MenuButton.png} (100%)
 rename packages/react-components/react-components/stories/ComponentSelector/components-images/{Split-button.png => SplitButton.png} (100%)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Infotip.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/InfoLabel.png
similarity index 100%
rename from packages/react-components/react-components/stories/ComponentSelector/components-images/Infotip.png
rename to packages/react-components/react-components/stories/ComponentSelector/components-images/InfoLabel.png
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Menu-button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/MenuButton.png
similarity index 100%
rename from packages/react-components/react-components/stories/ComponentSelector/components-images/Menu-button.png
rename to packages/react-components/react-components/stories/ComponentSelector/components-images/MenuButton.png
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Split-button.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/SplitButton.png
similarity index 100%
rename from packages/react-components/react-components/stories/ComponentSelector/components-images/Split-button.png
rename to packages/react-components/react-components/stories/ComponentSelector/components-images/SplitButton.png
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts b/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts
index 9a9a761694a0bd..96712d56238ebc 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-images/index.ts
@@ -2,3 +2,10 @@ export { default as AccordionImg } from './Accordion.png';
 export { default as ButtonImg } from './Button.png';
 export { default as LinkImg } from './Link.png';
 export { default as MenuImg } from './Menu.png';
+export { default as CheckboxImg } from './Checkbox.png';
+export { default as MenuButtonImg } from './MenuButton.png';
+export { default as SplitButtonImg } from './SplitButton.png';
+export { default as TabListImg } from './TabList.png';
+export { default as TableImg } from './Table.png';
+export { default as TooltipImg } from './Tooltip.png';
+export { default as InfoLabelImg } from './InfoLabel.png';

From 6f088f232407de19860d940ba8aaf462fdba3cef Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 6 Jan 2025 15:24:37 +0100
Subject: [PATCH 091/111] Fix TabList.png file name

---
 .../ComponentSelector/Selector.stories.tsx        | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 55967cc9955615..f3e2dcd6be629d 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -90,10 +90,6 @@ interface ComponentCategory {
   cards?: React.ReactNode[];
 }
 const categories: ComponentCategory[] = importedCategories;
-const savedSelectedBehaviours = {
-  byComponents: [],
-  byBehaviors: [],
-};
 
 export const Selector = () => {
   const classes = useStyles();
@@ -106,9 +102,10 @@ export const Selector = () => {
 
   const onModeTabSelect = (event, data) => {
     const newMode = data.value;
-    savedSelectedBehaviours[mode] = [...selectedBehaviours];
-    setSelectedBehaviours(savedSelectedBehaviours[newMode]);
-    setMode(newMode);
+
+    // Reset selected behaviors on mode change
+    setSelectedBehaviours([]);
+    setMode(data.value);
   };
 
   React.useEffect(() => {
@@ -275,8 +272,8 @@ export const Selector = () => {
     }
     setSelectedBehaviours(previousBehaviors => {
       // remove previous radio item value and add new one
-      const behaviorsWithoutPerviousItem = previousBehaviors.filter(item => item !== previousName);
-      return [...behaviorsWithoutPerviousItem, currentName];
+      const behaviorsWithoutPreviousItem = previousBehaviors.filter(item => item !== previousName);
+      return [...behaviorsWithoutPreviousItem, currentName];
     });
   };
 

From 15b703cff6bb3d020b16144ee7e8cd5800b50549 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 6 Jan 2025 16:22:50 +0100
Subject: [PATCH 092/111] Reset form when mode changes

---
 .../ComponentSelector/Selector.stories.tsx    | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index f3e2dcd6be629d..2495a6ba752b92 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -95,6 +95,7 @@ export const Selector = () => {
   const classes = useStyles();
 
   const [mode, setMode] = React.useState('byComponents');
+  const [filterText, setFilterText] = React.useState('');
   const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
@@ -103,30 +104,30 @@ export const Selector = () => {
   const onModeTabSelect = (event, data) => {
     const newMode = data.value;
 
-    // Reset selected behaviors on mode change
+    // Reset filter, selected components and selected behaviors on mode change
+    if (newMode === 'byComponents') {
+      setFilterText('');
+      setSelectedComponents([]);
+    }
     setSelectedBehaviours([]);
-    setMode(data.value);
+    setMode(newMode);
   };
 
-  React.useEffect(() => {
-    console.log(`UseEffect: Selector`);
-  }, []);
+  const onFilterChange = (event, data) => {
+    setFilterText(data.value);
+  };
 
   React.useEffect(() => {
-    setFilteredComponentsDefinitions(componentsDefinitions.current);
-  }, [setFilteredComponentsDefinitions]);
-
-  const onFilterChange = (event, data) => {
     setFilteredComponentsDefinitions(
       componentsDefinitions.current.filter(definition => {
-        const isMatchInName = definition.component.toLowerCase().includes(data.value.toLowerCase());
+        const isMatchInName = definition.component.toLowerCase().includes(filterText.toLowerCase());
         const isMatchInStory = definition.story
-          ? definition.story.toLowerCase().includes(data.value.toLowerCase())
+          ? definition.story.toLowerCase().includes(filterText.toLowerCase())
           : false;
         return isMatchInName || isMatchInStory;
       }),
     );
-  };
+  }, [setFilteredComponentsDefinitions, filterText]);
 
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
@@ -289,7 +290,7 @@ export const Selector = () => {
       {mode === 'byComponents' && (
         <>
           <Field label="Filter components">
-            <Input onChange={onFilterChange} />
+            <Input value={filterText} onChange={onFilterChange} />
           </Field>
           <h2>Choose Component</h2>
           <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>

From aa2d92c5259937fb084e28be76d316ff2b552ea1 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Mon, 6 Jan 2025 19:21:18 +0100
Subject: [PATCH 093/111] Fix some filtering bugs

---
 .../ComponentSelector/SelectionCard.tsx       | 12 +++---
 .../ComponentSelector/Selector.stories.tsx    | 43 +++++++++++++------
 2 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 71976b958820f3..92fd2e3c16960c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -59,15 +59,13 @@ const useStyles = makeStyles({
 
 export const SelectionCard = props => {
   const styles = useStyles();
-  const { name, displayName, image, addComponent } = props;
+  const { name, displayName, addComponent } = props;
   const [selected, setSelected] = React.useState(false);
   const [hovered, setHovered] = React.useState(false);
 
-  const linkRef = React.useRef<HTMLAnchorElement>(null);
-
   const setCheckboxState = React.useCallback(({ selected, checked }, setFn) => setFn(!!(selected || checked)), []);
 
-  const onSelectedCardChange = React.useCallback(
+  const onSelectionChange = React.useCallback(
     (_, state) => {
       setCheckboxState(state, setSelected);
       console.log('------- onchange called');
@@ -92,16 +90,16 @@ export const SelectionCard = props => {
     } else {
       return undefined;
     }
-  }, [name, displayName, image]);
+  }, [name, displayName]);
 
   return (
     <div className={styles.main}>
       <Card
         className={styles.card}
         {...props}
-        floatingAction={<Checkbox aria-label={displayName} onChange={onSelectedCardChange} checked={selected} />}
+        floatingAction={<Checkbox aria-label={displayName} onChange={onSelectionChange} checked={selected} />}
         selected={selected}
-        onSelectionChange={onSelectedCardChange}
+        onSelectionChange={onSelectionChange}
         // onMouseOver={() => setHovered(true)}
         // onMouseOut={() => setHovered(false)}
       >
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 2495a6ba752b92..600a4500cfa549 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -8,6 +8,8 @@ import {
   Input,
   Tab,
   TabList,
+  Tag,
+  TagGroup,
   Text,
   makeStyles,
   tokens,
@@ -114,9 +116,21 @@ export const Selector = () => {
   };
 
   const onFilterChange = (event, data) => {
+    // setSelectedComponents([]);
+    // setSelectedBehaviours([]);
     setFilterText(data.value);
   };
 
+  React.useEffect(() => {
+    if (componentsDefinitions.current.length === 0) {
+      Object.entries(importedComponentsDefinitions).forEach(([key, value]) => {
+        componentsDefinitions.current.push(value);
+      });
+      mergeBaseObjects();
+      cleanUpBaseObjects();
+    }
+  }, []);
+
   React.useEffect(() => {
     setFilteredComponentsDefinitions(
       componentsDefinitions.current.filter(definition => {
@@ -163,16 +177,6 @@ export const Selector = () => {
     });
   };
 
-  React.useEffect(() => {
-    if (componentsDefinitions.current.length === 0) {
-      Object.entries(importedComponentsDefinitions).forEach(([key, value]) => {
-        componentsDefinitions.current.push(value);
-      });
-      mergeBaseObjects();
-      cleanUpBaseObjects();
-    }
-  }, []);
-
   const updateBehaviorDecision = (name, checked) => {
     if (checked) {
       setSelectedBehaviours([...selectedBehaviours, name]);
@@ -247,9 +251,9 @@ export const Selector = () => {
           const card = (
             <>
               <SelectionCard
-                displayName={definition.displayName}
+                key={definition.name}
                 name={definition.name}
-                image={definition.img}
+                displayName={definition.displayName}
                 addComponent={addComponent}
               />
             </>
@@ -293,6 +297,21 @@ export const Selector = () => {
             <Input value={filterText} onChange={onFilterChange} />
           </Field>
           <h2>Choose Component</h2>
+          {selectedComponents.length > 0 && (
+            <>
+              <Text>Selected components:</Text>
+              <TagGroup aria-label="Selected components">
+                {selectedComponents.map(componentName => (
+                  <Tag
+                    key={componentName}
+                    value={componentName}
+                    dismissible
+                    dismissIcon={{ 'aria-label': `Remove ${componentName}` }}
+                  />
+                ))}
+              </TagGroup>
+            </>
+          )}
           <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
           <Accordion multiple>
             {categorizedComponents.map(category => (

From 462f2acad4e9bfdb410628600103fe7ac3a13667 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 00:43:33 +0100
Subject: [PATCH 094/111] Fix component selection but still bugs with component
 removal

---
 .../ComponentSelector/SelectionCard.tsx       | 15 +----
 .../ComponentSelector/Selector.stories.tsx    | 61 ++++++++++++++-----
 .../stories/ComponentSelector/utils.tsx       |  2 +-
 3 files changed, 49 insertions(+), 29 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 92fd2e3c16960c..1905c3b1c92f37 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -59,23 +59,14 @@ const useStyles = makeStyles({
 
 export const SelectionCard = props => {
   const styles = useStyles();
-  const { name, displayName, addComponent } = props;
-  const [selected, setSelected] = React.useState(false);
+  const { name, displayName, selected, updateComponentSelection } = props;
   const [hovered, setHovered] = React.useState(false);
 
-  const setCheckboxState = React.useCallback(({ selected, checked }, setFn) => setFn(!!(selected || checked)), []);
-
   const onSelectionChange = React.useCallback(
     (_, state) => {
-      setCheckboxState(state, setSelected);
-      console.log('------- onchange called');
-      state && state.checked && console.log('card state', state.checked);
-
-      if (state?.checked === true || state?.selected === true) {
-        addComponent(name);
-      }
+      updateComponentSelection(name, state.checked);
     },
-    [setCheckboxState, addComponent, name],
+    [updateComponentSelection, name],
   );
 
   const componentImage = React.useMemo(() => {
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 600a4500cfa549..93d7d2c3cd2c39 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -93,12 +93,17 @@ interface ComponentCategory {
 }
 const categories: ComponentCategory[] = importedCategories;
 
+interface SelectedComponent {
+  name: string;
+  displayName: string;
+}
+
 export const Selector = () => {
   const classes = useStyles();
 
   const [mode, setMode] = React.useState('byComponents');
   const [filterText, setFilterText] = React.useState('');
-  const [selectedComponents, setSelectedComponents] = React.useState<string[]>([]);
+  const [selectedComponents, setSelectedComponents] = React.useState<SelectedComponent[]>([]);
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
@@ -116,8 +121,6 @@ export const Selector = () => {
   };
 
   const onFilterChange = (event, data) => {
-    // setSelectedComponents([]);
-    // setSelectedBehaviours([]);
     setFilterText(data.value);
   };
 
@@ -197,8 +200,8 @@ export const Selector = () => {
     console.log(`selectedComponents: ${selectedComponents}`);
 
     if (mode === 'byComponents') {
-      selectedComponents.forEach(componentName => {
-        const definition = getComponentDefinitionByName(componentName);
+      selectedComponents.forEach(component => {
+        const definition = getComponentDefinitionByName(component.name);
         if (definition) {
           suitableComponents.push(definition);
         }
@@ -227,11 +230,37 @@ export const Selector = () => {
     return suitableComponents;
   };
 
-  const addComponent = React.useCallback(
-    name => {
-      console.log(`addComponent: ${name}`);
-      console.log(`selectedComponents: ${selectedComponents}`);
-      setSelectedComponents(prevArray => [...prevArray, name]);
+  const updateComponentSelection = React.useCallback(
+    (name, checked) => {
+      if (checked) {
+        // Find the definition and add the component based on the definition
+        const definition = componentsDefinitions.current.find(definition => definition.name === name);
+        if (!definition) {
+          return;
+        }
+        const displayName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
+        const newSelectedComponent = {
+          name,
+          displayName,
+        };
+        setSelectedComponents(prevSelectedComponents => {
+          const exists = prevSelectedComponents.find(component => component.name === name);
+          if (exists) {
+            return prevSelectedComponents;
+          }
+          const result = [...prevSelectedComponents, newSelectedComponent];
+          result.sort((a, b) => (a.name > b.name ? 1 : -1));
+          return result;
+        });
+      } else {
+        // Find and remove the component
+        setSelectedComponents(prevSelectedComponents => {
+          const newSelectedComponents = [...prevSelectedComponents];
+          const index = newSelectedComponents.findIndex(component => component.name === name);
+          newSelectedComponents.splice(index, 1);
+          return newSelectedComponents;
+        });
+      }
     },
     [selectedComponents],
   );
@@ -254,7 +283,7 @@ export const Selector = () => {
                 key={definition.name}
                 name={definition.name}
                 displayName={definition.displayName}
-                addComponent={addComponent}
+                updateComponentSelection={updateComponentSelection}
               />
             </>
           );
@@ -264,7 +293,7 @@ export const Selector = () => {
       return category;
     });
     return result;
-  }, [filteredComponentsDefinitions, addComponent]);
+  }, [filteredComponentsDefinitions, updateComponentSelection]);
 
   const updateDecisionForQuestion = (currentName, previousName) => {
     if (currentName === previousName) {
@@ -301,12 +330,12 @@ export const Selector = () => {
             <>
               <Text>Selected components:</Text>
               <TagGroup aria-label="Selected components">
-                {selectedComponents.map(componentName => (
+                {selectedComponents.map(component => (
                   <Tag
-                    key={componentName}
-                    value={componentName}
+                    key={component.name}
+                    value={component.displayName}
                     dismissible
-                    dismissIcon={{ 'aria-label': `Remove ${componentName}` }}
+                    dismissIcon={{ 'aria-label': `Remove ${component.displayName}` }}
                   />
                 ))}
               </TagGroup>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
index adcb7916651c64..a06cd2bc1d4743 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/utils.tsx
@@ -77,7 +77,7 @@ const getQuestionsIDs = (name: string) => {
 export const getAllQuestions = (selectedComponents, questions) => {
   let allQuestionsIDs: string[] = [];
   selectedComponents.forEach(component => {
-    getQuestionsIDs(component).forEach(id => {
+    getQuestionsIDs(component.name).forEach(id => {
       allQuestionsIDs.includes(id) ? null : allQuestionsIDs.push(id);
     });
   });

From f1c2b8065df0ed2175fe19bcdbc4ad7aa0d129fc Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 12:22:30 +0100
Subject: [PATCH 095/111] Fix updating matching components after deselecting
 components

---
 .../stories/ComponentSelector/Selector.stories.tsx  | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 93d7d2c3cd2c39..ff21f503158d3e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -180,12 +180,12 @@ export const Selector = () => {
     });
   };
 
-  const updateBehaviorDecision = (name, checked) => {
-    if (checked) {
+  const updateBehaviorDecision = (name, selected) => {
+    if (selected) {
       setSelectedBehaviours([...selectedBehaviours, name]);
     } else {
-      const newBehaviors = selectedBehaviours.filter(behavior => behavior !== name);
-      setSelectedBehaviours(newBehaviors);
+      const newSelectedBehaviors = selectedBehaviours.filter(behavior => behavior !== name);
+      setSelectedBehaviours(newSelectedBehaviors);
     }
   };
 
@@ -231,8 +231,9 @@ export const Selector = () => {
   };
 
   const updateComponentSelection = React.useCallback(
-    (name, checked) => {
-      if (checked) {
+    (name, selected) => {
+      setSelectedBehaviours([]);
+      if (selected) {
         // Find the definition and add the component based on the definition
         const definition = componentsDefinitions.current.find(definition => definition.name === name);
         if (!definition) {

From 4dab3e39807deed39b4d54caba0d227eadd18dae Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Tue, 7 Jan 2025 12:55:04 +0100
Subject: [PATCH 096/111] sending as welll state selected

---
 .../stories/ComponentSelector/SelectionCard.tsx                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index 1905c3b1c92f37..fb9024e9eeaf33 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -64,7 +64,7 @@ export const SelectionCard = props => {
 
   const onSelectionChange = React.useCallback(
     (_, state) => {
-      updateComponentSelection(name, state.checked);
+      updateComponentSelection(name, state.checked || state.selected);
     },
     [updateComponentSelection, name],
   );

From 71ebb030b9b41599a03707e194766d952e553dcb Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 13:00:51 +0100
Subject: [PATCH 097/111] Fix Tag display

---
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index ff21f503158d3e..9f1d4ecc54068c 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -146,6 +146,8 @@ export const Selector = () => {
     );
   }, [setFilteredComponentsDefinitions, filterText]);
 
+  const onSelectedComponentsDismiss = () => {};
+
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
@@ -330,14 +332,16 @@ export const Selector = () => {
           {selectedComponents.length > 0 && (
             <>
               <Text>Selected components:</Text>
-              <TagGroup aria-label="Selected components">
+              <TagGroup onDismiss={onSelectedComponentsDismiss} aria-label="Selected components">
                 {selectedComponents.map(component => (
                   <Tag
                     key={component.name}
-                    value={component.displayName}
+                    value={component.name}
                     dismissible
                     dismissIcon={{ 'aria-label': `Remove ${component.displayName}` }}
-                  />
+                  >
+                    {component.displayName}
+                  </Tag>
                 ))}
               </TagGroup>
             </>

From d5020c6c32991c1a9b90e88d5a1bec7c0b3da581 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 13:19:59 +0100
Subject: [PATCH 098/111] Fix cards selected state display and small
 refactoring

---
 .../stories/ComponentSelector/SelectionCard.tsx        |  6 +++---
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 ++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
index fb9024e9eeaf33..81cb1c4e9987bb 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/SelectionCard.tsx
@@ -63,8 +63,8 @@ export const SelectionCard = props => {
   const [hovered, setHovered] = React.useState(false);
 
   const onSelectionChange = React.useCallback(
-    (_, state) => {
-      updateComponentSelection(name, state.checked || state.selected);
+    (_, data) => {
+      updateComponentSelection(name, data.checked || data.selected);
     },
     [updateComponentSelection, name],
   );
@@ -87,12 +87,12 @@ export const SelectionCard = props => {
     <div className={styles.main}>
       <Card
         className={styles.card}
-        {...props}
         floatingAction={<Checkbox aria-label={displayName} onChange={onSelectionChange} checked={selected} />}
         selected={selected}
         onSelectionChange={onSelectionChange}
         // onMouseOver={() => setHovered(true)}
         // onMouseOut={() => setHovered(false)}
+        {...props}
       >
         <CardHeader description={<Caption1 className={styles.caption}>{displayName}</Caption1>} />
         <CardPreview className={styles.grayBackground}>
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 9f1d4ecc54068c..92b75c6a4409a1 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -108,7 +108,7 @@ export const Selector = () => {
   const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
 
-  const onModeTabSelect = (event, data) => {
+  const onModeTabSelect = (_, data) => {
     const newMode = data.value;
 
     // Reset filter, selected components and selected behaviors on mode change
@@ -120,7 +120,7 @@ export const Selector = () => {
     setMode(newMode);
   };
 
-  const onFilterChange = (event, data) => {
+  const onFilterChange = (_, data) => {
     setFilterText(data.value);
   };
 
@@ -270,8 +270,8 @@ export const Selector = () => {
 
   const categorizedComponents = React.useMemo(() => {
     const definitionsWithDisplayName = filteredComponentsDefinitions.map(definition => {
-      const componentName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
-      definition.displayName = componentName;
+      const displayName = definition.story ? `${definition.component} : ${definition.story}` : definition.name;
+      definition.displayName = displayName;
       return definition;
     });
     definitionsWithDisplayName.sort((a, b) => (a.displayName > b.displayName ? 1 : -1));
@@ -280,12 +280,14 @@ export const Selector = () => {
       category.cards = [];
       definitionsWithDisplayName.forEach(definition => {
         if (category.components.includes(definition.component)) {
+          const selected = !!selectedComponents.find(component => definition.name === component.name);
           const card = (
             <>
               <SelectionCard
                 key={definition.name}
                 name={definition.name}
                 displayName={definition.displayName}
+                selected={selected}
                 updateComponentSelection={updateComponentSelection}
               />
             </>

From 01b2f81024be00fe10d337ab499879850f7d2efe Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 13:38:50 +0100
Subject: [PATCH 099/111] Selected components tags now work and added remove
 all components button

---
 .../ComponentSelector/Selector.stories.tsx    | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 92b75c6a4409a1..118fdb76c1659b 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -4,6 +4,7 @@ import {
   AccordionHeader,
   AccordionItem,
   AccordionPanel,
+  Button,
   Field,
   Input,
   Tab,
@@ -146,7 +147,13 @@ export const Selector = () => {
     );
   }, [setFilteredComponentsDefinitions, filterText]);
 
-  const onSelectedComponentsDismiss = () => {};
+  const onSelectedComponentDismiss = (_, data) => {
+    updateComponentSelection(data.value, false);
+  };
+
+  const onRemoveAllComponentsClick = () => {
+    setSelectedComponents([]);
+  };
 
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
@@ -334,18 +341,14 @@ export const Selector = () => {
           {selectedComponents.length > 0 && (
             <>
               <Text>Selected components:</Text>
-              <TagGroup onDismiss={onSelectedComponentsDismiss} aria-label="Selected components">
+              <TagGroup onDismiss={onSelectedComponentDismiss} aria-label="Selected components">
                 {selectedComponents.map(component => (
-                  <Tag
-                    key={component.name}
-                    value={component.name}
-                    dismissible
-                    dismissIcon={{ 'aria-label': `Remove ${component.displayName}` }}
-                  >
+                  <Tag key={component.name} value={component.name} dismissible dismissIcon={{ 'aria-label': 'Remove' }}>
                     {component.displayName}
                   </Tag>
                 ))}
               </TagGroup>
+              <Button onClick={onRemoveAllComponentsClick}>Remove all components</Button>
             </>
           )}
           <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>

From ae4bedc632d9e4a6cd6cc6a7a3e9fa05ac905b3c Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 13:59:50 +0100
Subject: [PATCH 100/111] Add link to skip to questions section

---
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 118fdb76c1659b..6564a9d51f4c0a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -7,6 +7,7 @@ import {
   Button,
   Field,
   Input,
+  Link,
   Tab,
   TabList,
   Tag,
@@ -348,9 +349,10 @@ export const Selector = () => {
                   </Tag>
                 ))}
               </TagGroup>
-              <Button onClick={onRemoveAllComponentsClick}>Remove all components</Button>
+              <Button onClick={onRemoveAllComponentsClick}>Clear components selection</Button>
             </>
           )}
+          {allQuestions.length > 0 && <Link href="#questions">Next: Component choice checklist</Link>}
           <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
           <Accordion multiple>
             {categorizedComponents.map(category => (
@@ -362,7 +364,11 @@ export const Selector = () => {
               </AccordionItem>
             ))}
           </Accordion>
-          {allQuestions.length > 0 && <h2 className={classes.heading}>Questions</h2>}
+          {allQuestions.length > 0 && (
+            <h2 className={classes.heading} id="questions">
+              Questions
+            </h2>
+          )}
           {allQuestions.map((question, index) => (
             <Question
               key={question.id}

From 764906031d0bfe08d4ca28f8f0b6cefab58d9250 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 15:07:32 +0100
Subject: [PATCH 101/111] Focus first accordion button on last tag removal

---
 .../ComponentSelector/Selector.stories.tsx    | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 6564a9d51f4c0a..3b39bdc6eef3c0 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -108,6 +108,8 @@ export const Selector = () => {
   const [selectedComponents, setSelectedComponents] = React.useState<SelectedComponent[]>([]);
   const [selectedBehaviours, setSelectedBehaviours] = React.useState<string[]>([]);
   const [filteredComponentsDefinitions, setFilteredComponentsDefinitions] = React.useState<Record<string, any>[]>([]);
+
+  const firstAccordionItemRef = React.useRef<Button>(null);
   const componentsDefinitions = React.useRef<Record<string, any>[]>([]);
 
   const onModeTabSelect = (_, data) => {
@@ -126,6 +128,18 @@ export const Selector = () => {
     setFilterText(data.value);
   };
 
+  const onSelectedComponentDismiss = (_, data) => {
+    if (selectedComponents.length === 1) {
+      firstAccordionItemRef.current?.focus();
+    }
+    updateComponentSelection(data.value, false);
+  };
+
+  const onRemoveAllComponentsClick = () => {
+    firstAccordionItemRef.current?.focus();
+    setSelectedComponents([]);
+  };
+
   React.useEffect(() => {
     if (componentsDefinitions.current.length === 0) {
       Object.entries(importedComponentsDefinitions).forEach(([key, value]) => {
@@ -148,14 +162,6 @@ export const Selector = () => {
     );
   }, [setFilteredComponentsDefinitions, filterText]);
 
-  const onSelectedComponentDismiss = (_, data) => {
-    updateComponentSelection(data.value, false);
-  };
-
-  const onRemoveAllComponentsClick = () => {
-    setSelectedComponents([]);
-  };
-
   const mergeBaseObjects = () => {
     componentsDefinitions.current.forEach(definition => {
       for (const key in definition) {
@@ -354,10 +360,12 @@ export const Selector = () => {
           )}
           {allQuestions.length > 0 && <Link href="#questions">Next: Component choice checklist</Link>}
           <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
-          <Accordion multiple>
-            {categorizedComponents.map(category => (
+          <Accordion collapsible multiple>
+            {categorizedComponents.map((category, index) => (
               <AccordionItem key={category.id} value={category.id}>
-                <AccordionHeader as="h3">{category.title}</AccordionHeader>
+                <AccordionHeader as="h3" button={{ ref: index === 0 ? firstAccordionItemRef : undefined }}>
+                  {category.title}
+                </AccordionHeader>
                 <AccordionPanel>
                   <div className={classes.root}>{category.cards}</div>
                 </AccordionPanel>

From 73b1871f720851c32fac23f5dead2a89e41ea557 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 7 Jan 2025 15:25:22 +0100
Subject: [PATCH 102/111] Refactor matching components into useMemo

---
 .../stories/ComponentSelector/Selector.stories.tsx          | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 3b39bdc6eef3c0..986d4e716a4909 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -209,7 +209,7 @@ export const Selector = () => {
     return componentsDefinitions.current.find(definition => definition.name === name);
   };
 
-  const getMatchingComponents = () => {
+  const matchingComponents = React.useMemo(() => {
     console.log(`--------- get matching components called`);
     const suitableComponents: any[] = [];
 
@@ -244,7 +244,7 @@ export const Selector = () => {
       });
     }
     return suitableComponents;
-  };
+  }, [mode, selectedComponents, selectedBehaviours]);
 
   const updateComponentSelection = React.useCallback(
     (name, selected) => {
@@ -392,7 +392,7 @@ export const Selector = () => {
           <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
         </>
       )}
-      <MatchingComponents components={getMatchingComponents()} />
+      <MatchingComponents components={matchingComponents} />
     </>
   );
 };

From 94431829f4d9948e6ce1de8bcf8f929994b7df5b Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Wed, 8 Jan 2025 12:38:24 +0100
Subject: [PATCH 103/111] removing tablist png

---
 .../components-images/Tablist.png                | Bin 4619 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/Tablist.png
deleted file mode 100644
index d09bf16d0d3304de4738448c8937e70a8a22c62c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4619
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


From 864f71458bd28a5f147b9c2b60631625b4e1a0ac Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Wed, 8 Jan 2025 12:41:34 +0100
Subject: [PATCH 104/111] adding tabList png

---
 .../components-images/TabList.png                | Bin 0 -> 4619 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-images/TabList.png

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-images/TabList.png b/packages/react-components/react-components/stories/ComponentSelector/components-images/TabList.png
new file mode 100644
index 0000000000000000000000000000000000000000..d09bf16d0d3304de4738448c8937e70a8a22c62c
GIT binary patch
literal 4619
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

literal 0
HcmV?d00001


From 021f0d91ffbdb7042c9f25ed51975a1b9bcd66c8 Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Wed, 8 Jan 2025 13:45:57 +0100
Subject: [PATCH 105/111] Matching components heading and message changes

---
 .../stories/ComponentSelector/MatchingComponents.tsx   | 10 ----------
 .../stories/ComponentSelector/Selector.stories.tsx     | 10 +++++++++-
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
index 04b0f9720111e4..33d2adce2e63c2 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/MatchingComponents.tsx
@@ -3,19 +3,9 @@ import { Divider, Link, Text, makeStyles } from '@fluentui/react-components';
 
 import { getComponentStoryUrl } from './utils';
 
-const useStyles = makeStyles({
-  heading: { margin: '30px 0 10px 0' },
-  foundMessage: { 'margin-bottom': '10px' },
-});
-
 export const MatchingComponents = ({ components }) => {
-  const classes = useStyles();
-
   return (
     <>
-      <h2 id="matching-heading" className={classes.heading}>
-        Matching Components {components.length}
-      </h2>
       <div role="group" aria-labelledby="matching-heading">
         {components.map((component, index) => {
           return (
diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 986d4e716a4909..5504c5d4968891 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -392,7 +392,15 @@ export const Selector = () => {
           <BehaviorSelection updateBehaviorDecision={updateBehaviorDecision} />
         </>
       )}
-      <MatchingComponents components={matchingComponents} />
+      {(matchingComponents.length > 0 || (matchingComponents.length === 0 && selectedBehaviours.length > 0)) && (
+        <h2 id="matching-heading" className={classes.heading}>
+          Matching Components {matchingComponents.length}
+        </h2>
+      )}
+      {matchingComponents.length === 0 && selectedBehaviours.length > 0 && (
+        <Text>No components match the given answers.</Text>
+      )}
+      {matchingComponents.length > 0 && <MatchingComponents components={matchingComponents} />}
     </>
   );
 };

From 6b1adc1e064a8109142202b6b5ca73c3ca8c0e1f Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Wed, 8 Jan 2025 21:28:01 +0100
Subject: [PATCH 106/111] adjust UI

---
 .../ComponentSelector/Selector.stories.tsx    | 64 +++++++++++++++----
 1 file changed, 53 insertions(+), 11 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 986d4e716a4909..df838eeb2ee542 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -16,7 +16,9 @@ import {
   makeStyles,
   tokens,
   useId,
+  Subtitle2,
 } from '@fluentui/react-components';
+import { ArrowDownRegular } from '@fluentui/react-icons';
 
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
 import questions from './selection-logic/Questions.json';
@@ -85,6 +87,21 @@ const useStyles = makeStyles({
   radioItem: {
     display: 'flex',
   },
+  selectedItemTag: {
+    color: 'white',
+    backgroundColor: '#5b5fc7',
+  },
+  selectedItemsContainer: {
+    marginLeft: '10px',
+  },
+  selectedComponentTitle: {
+    marginBottom: '10px',
+  },
+  selectedItemsAndNextButtonContainer: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    paddingRight: '50px',
+  },
 });
 
 interface ComponentCategory {
@@ -344,22 +361,47 @@ export const Selector = () => {
           <Field label="Filter components">
             <Input value={filterText} onChange={onFilterChange} />
           </Field>
+          <div>
+            <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
+          </div>
           <h2>Choose Component</h2>
           {selectedComponents.length > 0 && (
             <>
-              <Text>Selected components:</Text>
-              <TagGroup onDismiss={onSelectedComponentDismiss} aria-label="Selected components">
-                {selectedComponents.map(component => (
-                  <Tag key={component.name} value={component.name} dismissible dismissIcon={{ 'aria-label': 'Remove' }}>
-                    {component.displayName}
-                  </Tag>
-                ))}
-              </TagGroup>
-              <Button onClick={onRemoveAllComponentsClick}>Clear components selection</Button>
+              <div className={classes.selectedComponentTitle}>
+                <Subtitle2>Selected components</Subtitle2>
+              </div>
+              <div className={classes.selectedItemsAndNextButtonContainer}>
+                <div>
+                  <Button shape="circular" onClick={onRemoveAllComponentsClick}>
+                    Clear selection
+                  </Button>
+                  <TagGroup
+                    onDismiss={onSelectedComponentDismiss}
+                    aria-label="Selected components"
+                    className={classes.selectedItemsContainer}
+                  >
+                    {selectedComponents.map(component => (
+                      <Tag
+                        className={classes.selectedItemTag}
+                        key={component.name}
+                        value={component.name}
+                        shape="circular"
+                        dismissible
+                        dismissIcon={{ 'aria-label': 'Remove' }}
+                      >
+                        {component.displayName}
+                      </Tag>
+                    ))}
+                  </TagGroup>
+                </div>
+                {allQuestions.length > 0 && (
+                  <div>
+                    <ArrowDownRegular /> <Link href="#questions">Fill out the checklist below</Link>{' '}
+                  </div>
+                )}
+              </div>
             </>
           )}
-          {allQuestions.length > 0 && <Link href="#questions">Next: Component choice checklist</Link>}
-          <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
           <Accordion collapsible multiple>
             {categorizedComponents.map((category, index) => (
               <AccordionItem key={category.id} value={category.id}>

From 9bb6e0d9696af98f38f307732022ce5f65d72df8 Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Thu, 30 Jan 2025 21:19:24 +0100
Subject: [PATCH 107/111] adding rest of components

---
 .../components-definitions/Avatar.json        |  5 ++
 .../components-definitions/AvatarGroup.json   |  5 ++
 .../components-definitions/Badge.json         |  5 ++
 .../components-definitions/BadgeCounter.json  |  5 ++
 .../components-definitions/BadgePresence.json |  5 ++
 .../components-definitions/Breadcrumb.json    |  5 ++
 .../ButtonCompound.json                       |  5 ++
 .../components-definitions/Calendar.json      |  5 ++
 .../components-definitions/Card.json          |  5 ++
 .../components-definitions/CardFooter.json    |  5 ++
 .../components-definitions/CardHeader.json    |  5 ++
 .../components-definitions/CardPreview.json   |  5 ++
 .../components-definitions/Carousel.json      |  5 ++
 .../components-definitions/CarouselNav.json   |  5 ++
 .../components-definitions/ColorPicker.json   |  5 ++
 .../components-definitions/Combobox.json      |  5 ++
 .../components-definitions/DataGrid.json      |  5 ++
 .../components-definitions/DatePicker.json    |  5 ++
 .../components-definitions/Dialog.json        |  5 ++
 .../components-definitions/Divider.json       |  5 ++
 .../components-definitions/Drawer.json        |  5 ++
 .../components-definitions/Dropdown.json      |  5 ++
 .../components-definitions/Example.json       |  5 ++
 .../components-definitions/Field.json         |  5 ++
 .../FluentProvider.json                       |  5 ++
 .../components-definitions/Image.json         |  5 ++
 .../components-definitions/Overflow.json      |  5 ++
 .../components-definitions/Persona.json       |  5 ++
 .../components-definitions/Popover.json       |  5 ++
 .../components-definitions/Portal.json        |  5 ++
 .../components-definitions/ProgressBar.json   |  5 ++
 .../components-definitions/RadioGroup.json    |  5 ++
 .../components-definitions/Rating.json        |  5 ++
 .../components-definitions/RatingDisplay.json |  5 ++
 .../components-definitions/SearchBox.json     |  5 ++
 .../components-definitions/Select.json        |  5 ++
 .../components-definitions/Skeleton.json      |  5 ++
 .../components-definitions/Slider.json        |  5 ++
 .../components-definitions/SpinButton.json    |  5 ++
 .../components-definitions/Spinner.json       |  5 ++
 .../components-definitions/SwatchPicker.json  |  5 ++
 .../components-definitions/Switch.json        |  5 ++
 .../components-definitions/Tag.json           |  5 ++
 .../TagInteractionTag.json                    |  5 ++
 .../components-definitions/TagPicker.json     |  5 ++
 .../components-definitions/TagTagGroup.json   |  5 ++
 .../components-definitions/index.ts           | 87 ++++++++++++++-----
 47 files changed, 295 insertions(+), 22 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Avatar.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/AvatarGroup.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Badge.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgeCounter.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgePresence.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Breadcrumb.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonCompound.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Calendar.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Card.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardFooter.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardHeader.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardPreview.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Carousel.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/CarouselNav.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ColorPicker.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Combobox.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/DatePicker.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dialog.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Divider.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Drawer.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dropdown.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Example.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Field.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/FluentProvider.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Image.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Overflow.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Persona.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Popover.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Portal.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/ProgressBar.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/RadioGroup.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Rating.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/RatingDisplay.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/SearchBox.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Select.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Skeleton.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Slider.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/SpinButton.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Spinner.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/SwatchPicker.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Switch.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tag.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagInteractionTag.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagPicker.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagTagGroup.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Avatar.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Avatar.json
new file mode 100644
index 00000000000000..5efd38967322f6
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Avatar.json
@@ -0,0 +1,5 @@
+{
+  "name": "Avatar",
+  "component": "Avatar",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/AvatarGroup.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/AvatarGroup.json
new file mode 100644
index 00000000000000..102740bcd541e0
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/AvatarGroup.json
@@ -0,0 +1,5 @@
+{
+  "name": "AvatarGroup",
+  "component": "AvatarGroup",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Badge.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Badge.json
new file mode 100644
index 00000000000000..a3b510cdbc86ae
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Badge.json
@@ -0,0 +1,5 @@
+{
+  "name": "Badge",
+  "component": "Badge",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgeCounter.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgeCounter.json
new file mode 100644
index 00000000000000..a30d7b3f34e134
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgeCounter.json
@@ -0,0 +1,5 @@
+{
+  "name": "BadgeCounter",
+  "component": "BadgeCounter",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgePresence.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgePresence.json
new file mode 100644
index 00000000000000..bb35b56851581a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/BadgePresence.json
@@ -0,0 +1,5 @@
+{
+  "name": "BadgePresence",
+  "component": "BadgePresence",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Breadcrumb.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Breadcrumb.json
new file mode 100644
index 00000000000000..2f52047d8b815d
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Breadcrumb.json
@@ -0,0 +1,5 @@
+{
+  "name": "Breadcrumb",
+  "component": "Breadcrumb",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonCompound.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonCompound.json
new file mode 100644
index 00000000000000..058d8176830f76
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ButtonCompound.json
@@ -0,0 +1,5 @@
+{
+  "name": "ButtonCompound",
+  "component": "ButtonCompound",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Calendar.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Calendar.json
new file mode 100644
index 00000000000000..8d3f74b7b3281c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Calendar.json
@@ -0,0 +1,5 @@
+{
+  "name": "Calendar",
+  "component": "Calendar",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Card.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Card.json
new file mode 100644
index 00000000000000..3d5c7137e1fa90
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Card.json
@@ -0,0 +1,5 @@
+{
+  "name": "Card",
+  "component": "Card",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardFooter.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardFooter.json
new file mode 100644
index 00000000000000..c42a7f064e2ddf
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardFooter.json
@@ -0,0 +1,5 @@
+{
+  "name": "CardFooter",
+  "component": "CardFooter",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardHeader.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardHeader.json
new file mode 100644
index 00000000000000..a29761d7bb3be7
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardHeader.json
@@ -0,0 +1,5 @@
+{
+  "name": "CardHeader",
+  "component": "CardHeader",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardPreview.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardPreview.json
new file mode 100644
index 00000000000000..ba56ad192904b2
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CardPreview.json
@@ -0,0 +1,5 @@
+{
+  "name": "CardPreview",
+  "component": "CardPreview",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Carousel.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Carousel.json
new file mode 100644
index 00000000000000..01517960f6fc25
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Carousel.json
@@ -0,0 +1,5 @@
+{
+  "name": "Carousel",
+  "component": "Carousel",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CarouselNav.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CarouselNav.json
new file mode 100644
index 00000000000000..6e6109da55aa4c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/CarouselNav.json
@@ -0,0 +1,5 @@
+{
+  "name": "CarouselNav",
+  "component": "CarouselNav",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ColorPicker.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ColorPicker.json
new file mode 100644
index 00000000000000..dda80e844e37cc
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ColorPicker.json
@@ -0,0 +1,5 @@
+{
+  "name": "ColorPicker",
+  "component": "ColorPicker",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Combobox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Combobox.json
new file mode 100644
index 00000000000000..485ca6fd6f2038
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Combobox.json
@@ -0,0 +1,5 @@
+{
+  "name": "Combobox",
+  "component": "Combobox",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
new file mode 100644
index 00000000000000..7d24ad57d70c1b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DataGrid.json
@@ -0,0 +1,5 @@
+{
+  "name": "DataGrid",
+  "component": "DataGrid",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DatePicker.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DatePicker.json
new file mode 100644
index 00000000000000..5939302a597f14
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/DatePicker.json
@@ -0,0 +1,5 @@
+{
+  "name": "DatePicker",
+  "component": "DatePicker",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dialog.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dialog.json
new file mode 100644
index 00000000000000..9a1b65c53dadba
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dialog.json
@@ -0,0 +1,5 @@
+{
+  "name": "Dialog",
+  "component": "Dialog",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Divider.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Divider.json
new file mode 100644
index 00000000000000..0dc523dbe7a404
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Divider.json
@@ -0,0 +1,5 @@
+{
+  "name": "Divider",
+  "component": "Divider",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Drawer.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Drawer.json
new file mode 100644
index 00000000000000..4efd0bf1f2e775
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Drawer.json
@@ -0,0 +1,5 @@
+{
+  "name": "Drawer",
+  "component": "Drawer",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dropdown.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dropdown.json
new file mode 100644
index 00000000000000..8a06c5a4115207
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Dropdown.json
@@ -0,0 +1,5 @@
+{
+  "name": "Dropdown",
+  "component": "Dropdown",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Example.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Example.json
new file mode 100644
index 00000000000000..6006c180a888a4
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Accordion",
+  "component": "Accordion",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Field.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Field.json
new file mode 100644
index 00000000000000..7828041bda16a8
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Field.json
@@ -0,0 +1,5 @@
+{
+  "name": "Field",
+  "component": "Field",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/FluentProvider.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/FluentProvider.json
new file mode 100644
index 00000000000000..a52d701d987d69
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/FluentProvider.json
@@ -0,0 +1,5 @@
+{
+  "name": "FluentProvider",
+  "component": "FluentProvider",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Image.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Image.json
new file mode 100644
index 00000000000000..999338f8f9d82c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Image.json
@@ -0,0 +1,5 @@
+{
+  "name": "Image",
+  "component": "Image",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Overflow.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Overflow.json
new file mode 100644
index 00000000000000..a9d8dad7486c06
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Overflow.json
@@ -0,0 +1,5 @@
+{
+  "name": "Overflow",
+  "component": "Overflow",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Persona.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Persona.json
new file mode 100644
index 00000000000000..31a1e3c7c1ec67
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Persona.json
@@ -0,0 +1,5 @@
+{
+  "name": "Persona",
+  "component": "Persona",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Popover.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Popover.json
new file mode 100644
index 00000000000000..310029777be286
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Popover.json
@@ -0,0 +1,5 @@
+{
+  "name": "Popover",
+  "component": "Popover",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Portal.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Portal.json
new file mode 100644
index 00000000000000..278ecd52c08f8a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Portal.json
@@ -0,0 +1,5 @@
+{
+  "name": "Portal",
+  "component": "Portal",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ProgressBar.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ProgressBar.json
new file mode 100644
index 00000000000000..05cc231737267c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/ProgressBar.json
@@ -0,0 +1,5 @@
+{
+  "name": "ProgressBar",
+  "component": "ProgressBar",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RadioGroup.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RadioGroup.json
new file mode 100644
index 00000000000000..a87d209b232e70
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RadioGroup.json
@@ -0,0 +1,5 @@
+{
+  "name": "RadioGroup",
+  "component": "RadioGroup",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Rating.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Rating.json
new file mode 100644
index 00000000000000..04f7a4e391485c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Rating.json
@@ -0,0 +1,5 @@
+{
+  "name": "Rating",
+  "component": "Rating",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RatingDisplay.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RatingDisplay.json
new file mode 100644
index 00000000000000..4fada935db8140
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/RatingDisplay.json
@@ -0,0 +1,5 @@
+{
+  "name": "RatingDisplay",
+  "component": "RatingDisplay",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SearchBox.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SearchBox.json
new file mode 100644
index 00000000000000..bc6bb436c1b0f0
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SearchBox.json
@@ -0,0 +1,5 @@
+{
+  "name": "SearchBox",
+  "component": "SearchBox",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Select.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Select.json
new file mode 100644
index 00000000000000..4baa8da5f8be78
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Select.json
@@ -0,0 +1,5 @@
+{
+  "name": "Select",
+  "component": "Select",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Skeleton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Skeleton.json
new file mode 100644
index 00000000000000..c815816c76bf1a
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Skeleton.json
@@ -0,0 +1,5 @@
+{
+  "name": "Skeleton",
+  "component": "Skeleton",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Slider.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Slider.json
new file mode 100644
index 00000000000000..08cf647304c2a1
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Slider.json
@@ -0,0 +1,5 @@
+{
+  "name": "Slider",
+  "component": "Slider",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SpinButton.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SpinButton.json
new file mode 100644
index 00000000000000..d471c478e9d24b
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SpinButton.json
@@ -0,0 +1,5 @@
+{
+  "name": "SpinButton",
+  "component": "SpinButton",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Spinner.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Spinner.json
new file mode 100644
index 00000000000000..54a672a29f303f
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Spinner.json
@@ -0,0 +1,5 @@
+{
+  "name": "Spinner",
+  "component": "Spinner",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SwatchPicker.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SwatchPicker.json
new file mode 100644
index 00000000000000..012f36bdf09fe3
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/SwatchPicker.json
@@ -0,0 +1,5 @@
+{
+  "name": "SwatchPicker",
+  "component": "SwatchPicker",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Switch.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Switch.json
new file mode 100644
index 00000000000000..c9875f166d8024
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Switch.json
@@ -0,0 +1,5 @@
+{
+  "name": "Switch",
+  "component": "Switch",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tag.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tag.json
new file mode 100644
index 00000000000000..e309c843b16eca
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Tag.json
@@ -0,0 +1,5 @@
+{
+  "name": "Tag",
+  "component": "Tag",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagInteractionTag.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagInteractionTag.json
new file mode 100644
index 00000000000000..4d6195986d5911
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagInteractionTag.json
@@ -0,0 +1,5 @@
+{
+  "name": "TagInteractionTag",
+  "component": "TagInteractionTag",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagPicker.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagPicker.json
new file mode 100644
index 00000000000000..a2cc1a14fbd432
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagPicker.json
@@ -0,0 +1,5 @@
+{
+  "name": "TagPicker",
+  "component": "TagPicker",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagTagGroup.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagTagGroup.json
new file mode 100644
index 00000000000000..d94be9841f4321
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TagTagGroup.json
@@ -0,0 +1,5 @@
+{
+  "name": "TagTagGroup",
+  "component": "TagTagGroup",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
index a2cd62410cca7e..ab7c1a16bb1a6a 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
@@ -1,34 +1,77 @@
 export { default as AccordionDef } from './Accordion.json';
-export { default as TextDef } from './Text.json';
-export { default as LinkDef } from './Link.json';
+export { default as AvatarDef } from './Avatar.json';
+export { default as AvatarGroupDef } from './AvatarGroup.json';
+export { default as BadgeDef } from './Badge.json';
+export { default as BadgeCounterDef } from './BadgeCounter.json';
+export { default as BadgePresenceDef } from './BadgePresence.json';
+export { default as BreadcrumbDef } from './Breadcrumb.json';
+export { default as ButtonBaseDef } from './ButtonBase.json';
+export { default as ButtonCompoundDef } from './ButtonCompound.json';
+export { default as ButtonDef } from './Button.json';
+export { default as CalendarDef } from './Calendar.json';
+export { default as CardDef } from './Card.json';
+export { default as CardFooterDef } from './CardFooter.json';
+export { default as CardHeaderDef } from './CardHeader.json';
+export { default as CardPreviewDef } from './CardPreview.json';
+export { default as CarouselDef } from './Carousel.json';
+export { default as CarouselNavDef } from './CarouselNav.json';
 export { default as CheckboxDef } from './Checkbox.json';
-
-export { default as TableBaseDef } from './TableBase.json';
-export { default as TableDef } from './Table.json';
-export { default as TableCellActionsDef } from './TableCellActions.json';
-export { default as TableCellNavigationDef } from './TableCellNavigation.json';
-
+export { default as ColorPickerDef } from './ColorPicker.json';
+export { default as ComboboxDef } from './Combobox.json';
+export { default as DataGridDef } from './DataGrid.json';
+export { default as DatePickerDef } from './DatePicker.json';
+export { default as DialogDef } from './Dialog.json';
+export { default as DividerDef } from './Divider.json';
+export { default as DrawerDef } from './Drawer.json';
+export { default as DropdownDef } from './Dropdown.json';
+export { default as FieldDef } from './Field.json';
+export { default as FluentProviderDef } from './FluentProvider.json';
+export { default as ImageDef } from './Image.json';
+export { default as InfoLabelDef } from './InfoLabel.json';
+// export { default as InputDef } from './Input.json';
+// export { default as LabelDef } from './Label.json';
+export { default as LinkDef } from './Link.json';
+export { default as ListBaseDef } from './ListBase.json';
+export { default as ListDef } from './List.json';
+export { default as ListSingleActionDef } from './ListSingleAction.json';
 export { default as MenuBaseDef } from './MenuBase.json';
+export { default as MenuButtonDef } from './MenuButton.json';
 export { default as MenuDef } from './Menu.json';
 export { default as MenuItemCheckboxDef } from './MenuItemCheckbox.json';
 export { default as MenuItemRadioDef } from './MenuItemRadio.json';
+// export { default as MenuListDef } from './MenuList.json';
 export { default as MenuSubmenuDef } from './MenuSubmenu.json';
-
-export { default as ButtonBaseDef } from './ButtonBase.json';
-export { default as ButtonDef } from './Button.json';
+// export { default as MessageBarDef } from './MessageBar.json';
+export { default as OverflowDef } from './Overflow.json';
+export { default as PersonaDef } from './Persona.json';
+export { default as PopoverDef } from './Popover.json';
+export { default as PortalDef } from './Portal.json';
+export { default as ProgressBarDef } from './ProgressBar.json';
+export { default as RadioGroupDef } from './RadioGroup.json';
+export { default as RatingDef } from './Rating.json';
+export { default as RatingDisplayDef } from './RatingDisplay.json';
+export { default as SearchBoxDef } from './SearchBox.json';
+export { default as SelectDef } from './Select.json';
+export { default as SkeletonDef } from './Skeleton.json';
+export { default as SliderDef } from './Slider.json';
+export { default as SpinButtonDef } from './SpinButton.json';
+export { default as SpinnerDef } from './Spinner.json';
 export { default as SplitButtonDef } from './SplitButton.json';
+export { default as SwatchPickerDef } from './SwatchPicker.json';
+export { default as SwitchDef } from './Switch.json';
+export { default as TabListDef } from './TabList.json';
+export { default as TagDef } from './Tag.json';
+export { default as TagInteractionTagDef } from './TagInteractionTag.json';
+export { default as TagPickerDef } from './TagPicker.json';
+export { default as TagTagGroupDef } from './TagTagGroup.json';
+// export { default as TeachingPopoverDef } from './TeachingPopover.json';
+// export { default as TextareaDef } from './Textarea.json';
+export { default as TextDef } from './Text.json';
+// export { default as TimePickerDef } from './TimePicker.json';
+// export { default as ToastDef } from './Toast.json';
 export { default as ToggleButtonDef } from './ToggleButton.json';
-export { default as MenuButtonDef } from './MenuButton.json';
-
-export { default as ListBaseDef } from './ListBase.json';
-export { default as ListDef } from './List.json';
-export { default as ListSingleActionDef } from './ListSingleAction.json';
-
+// export { default as ToolbarDef } from './Toolbar.json';
+export { default as TooltipDef } from './Tooltip.json';
 export { default as TreeBaseDef } from './TreeBase.json';
 export { default as TreeDef } from './Tree.json';
 export { default as TreeSelectionDef } from './TreeSelection.json';
-
-export { default as TabListDef } from './TabList.json';
-
-export { default as TooltipDef } from './Tooltip.json';
-export { default as InfoLabelDef } from './InfoLabel.json';

From ae01ee17c0a48669cd4c7c4d2d420d17f9567b05 Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Thu, 30 Jan 2025 21:24:39 +0100
Subject: [PATCH 108/111] UI changes, moved search to right corner, clean up UI

---
 .../ComponentSelector/Selector.stories.tsx    | 36 ++++++++++++-------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index 07d7d9015b09d5..d1beae638b1eaa 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -18,7 +18,7 @@ import {
   useId,
   Subtitle2,
 } from '@fluentui/react-components';
-import { ArrowDownRegular } from '@fluentui/react-icons';
+import { ArrowDownRegular, SearchRegular } from '@fluentui/react-icons';
 
 import { removeFromArray, getComponentStoryUrl, getAllQuestions } from './utils';
 import questions from './selection-logic/Questions.json';
@@ -102,6 +102,11 @@ const useStyles = makeStyles({
     justifyContent: 'space-between',
     paddingRight: '50px',
   },
+  topTabsAndSearchWrapper: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    paddingRight: '50px',
+  },
 });
 
 interface ComponentCategory {
@@ -351,20 +356,27 @@ export const Selector = () => {
 
   return (
     <>
-      <Text id="selectorMode-text">Selector mode:</Text>
-      <TabList selectedValue={mode} onTabSelect={onModeTabSelect} aria-labelledby="selectorMode-text">
-        <Tab value="byComponents">By components</Tab>
-        <Tab value="byBehaviors">By behaviors</Tab>
-      </TabList>
+      <div className={classes.topTabsAndSearchWrapper}>
+        <TabList selectedValue={mode} onTabSelect={onModeTabSelect} aria-labelledby="selectorMode-text">
+          <Tab value="byComponents">By components</Tab>
+          <Tab value="byBehaviors">By behaviors</Tab>
+        </TabList>
+        <Input
+          contentBefore={<SearchRegular />}
+          size="small"
+          placeholder="Filter"
+          aria-label="Filter"
+          value={filterText}
+          onChange={onFilterChange}
+        />
+      </div>
       {mode === 'byComponents' && (
         <>
-          <Field label="Filter components">
-            <Input value={filterText} onChange={onFilterChange} />
-          </Field>
-          <div>
+          {/* // TODO make aria-live region which is hidden and announce the number of components available */}
+          {/* <div>
             <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
-          </div>
-          <h2>Choose Component</h2>
+          </div> */}
+          <h2>Choose Component ({filteredComponentsDefinitions.length})</h2>
           {selectedComponents.length > 0 && (
             <>
               <div className={classes.selectedComponentTitle}>

From af2db5f2a1a46a771da90697db0d3096b8087caa Mon Sep 17 00:00:00 2001
From: mituron <mituron@microsoft.com>
Date: Thu, 30 Jan 2025 21:31:31 +0100
Subject: [PATCH 109/111] adding rest of components JSON

---
 .../components-definitions/Input.json           |  5 +++++
 .../components-definitions/Label.json           |  5 +++++
 .../components-definitions/MenuList.json        |  5 +++++
 .../components-definitions/MessageBar.json      |  5 +++++
 .../components-definitions/TeachingPopover.json |  5 +++++
 .../components-definitions/TimePicker.json      |  5 +++++
 .../components-definitions/Toast.json           |  5 +++++
 .../components-definitions/Toolbar.json         |  5 +++++
 .../components-definitions/index.ts             | 17 ++++++++---------
 9 files changed, 48 insertions(+), 9 deletions(-)
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Input.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Label.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuList.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/MessageBar.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TeachingPopover.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/TimePicker.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toast.json
 create mode 100644 packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toolbar.json

diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Input.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Input.json
new file mode 100644
index 00000000000000..a2a5baa93165c9
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Input.json
@@ -0,0 +1,5 @@
+{
+  "name": "Input",
+  "component": "Input",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Label.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Label.json
new file mode 100644
index 00000000000000..6050536efb8bd9
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Label.json
@@ -0,0 +1,5 @@
+{
+  "name": "Label",
+  "component": "Label",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuList.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuList.json
new file mode 100644
index 00000000000000..732dd9318d6ef9
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MenuList.json
@@ -0,0 +1,5 @@
+{
+  "name": "MenuList",
+  "component": "MenuList",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MessageBar.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MessageBar.json
new file mode 100644
index 00000000000000..d001620450b402
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/MessageBar.json
@@ -0,0 +1,5 @@
+{
+  "name": "MessageBar",
+  "component": "MessageBar",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TeachingPopover.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TeachingPopover.json
new file mode 100644
index 00000000000000..72b4cfd9696021
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TeachingPopover.json
@@ -0,0 +1,5 @@
+{
+  "name": "TeachingPopover",
+  "component": "TeachingPopover",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TimePicker.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TimePicker.json
new file mode 100644
index 00000000000000..718ac88861f051
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/TimePicker.json
@@ -0,0 +1,5 @@
+{
+  "name": "TimePicker",
+  "component": "TimePicker",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toast.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toast.json
new file mode 100644
index 00000000000000..3f5669332c04bb
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toast.json
@@ -0,0 +1,5 @@
+{
+  "name": "Toast",
+  "component": "Toast",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toolbar.json b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toolbar.json
new file mode 100644
index 00000000000000..4eedaddf4ecf6c
--- /dev/null
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/Toolbar.json
@@ -0,0 +1,5 @@
+{
+  "name": "Toolbar",
+  "component": "Toolbar",
+  "attributes": []
+}
diff --git a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
index ab7c1a16bb1a6a..f705a093f6267e 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
+++ b/packages/react-components/react-components/stories/ComponentSelector/components-definitions/index.ts
@@ -28,8 +28,8 @@ export { default as FieldDef } from './Field.json';
 export { default as FluentProviderDef } from './FluentProvider.json';
 export { default as ImageDef } from './Image.json';
 export { default as InfoLabelDef } from './InfoLabel.json';
-// export { default as InputDef } from './Input.json';
-// export { default as LabelDef } from './Label.json';
+export { default as InputDef } from './Input.json';
+export { default as LabelDef } from './Label.json';
 export { default as LinkDef } from './Link.json';
 export { default as ListBaseDef } from './ListBase.json';
 export { default as ListDef } from './List.json';
@@ -39,9 +39,9 @@ export { default as MenuButtonDef } from './MenuButton.json';
 export { default as MenuDef } from './Menu.json';
 export { default as MenuItemCheckboxDef } from './MenuItemCheckbox.json';
 export { default as MenuItemRadioDef } from './MenuItemRadio.json';
-// export { default as MenuListDef } from './MenuList.json';
+export { default as MenuListDef } from './MenuList.json';
 export { default as MenuSubmenuDef } from './MenuSubmenu.json';
-// export { default as MessageBarDef } from './MessageBar.json';
+export { default as MessageBarDef } from './MessageBar.json';
 export { default as OverflowDef } from './Overflow.json';
 export { default as PersonaDef } from './Persona.json';
 export { default as PopoverDef } from './Popover.json';
@@ -64,13 +64,12 @@ export { default as TagDef } from './Tag.json';
 export { default as TagInteractionTagDef } from './TagInteractionTag.json';
 export { default as TagPickerDef } from './TagPicker.json';
 export { default as TagTagGroupDef } from './TagTagGroup.json';
-// export { default as TeachingPopoverDef } from './TeachingPopover.json';
-// export { default as TextareaDef } from './Textarea.json';
+export { default as TeachingPopoverDef } from './TeachingPopover.json';
 export { default as TextDef } from './Text.json';
-// export { default as TimePickerDef } from './TimePicker.json';
-// export { default as ToastDef } from './Toast.json';
+export { default as TimePickerDef } from './TimePicker.json';
+export { default as ToastDef } from './Toast.json';
 export { default as ToggleButtonDef } from './ToggleButton.json';
-// export { default as ToolbarDef } from './Toolbar.json';
+export { default as ToolbarDef } from './Toolbar.json';
 export { default as TooltipDef } from './Tooltip.json';
 export { default as TreeBaseDef } from './TreeBase.json';
 export { default as TreeDef } from './Tree.json';

From 05a5717968430553cb35f00b1507f05dd47814cf Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 11 Feb 2025 13:46:41 +0100
Subject: [PATCH 110/111] Categorize all components

---
 .../selection-logic/Categories.json           | 111 ++++++++++++++++--
 1 file changed, 98 insertions(+), 13 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
index 731df1a8688d24..31c5ed0f3a22a6 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
+++ b/packages/react-components/react-components/stories/ComponentSelector/selection-logic/Categories.json
@@ -1,36 +1,121 @@
 [
+  {
+    "id": "uncategorized",
+    "title": "Uncategorized",
+    "components": [
+      "Accordion",
+      "Avatar",
+      "AvatarGroup",
+      "Badge",
+      "BadgeCounter",
+      "BadgePresence",
+      "Carousel",
+      "CarouselNav",
+      "DataGrid",
+      "Divider",
+      "Drawer",
+      "Example",
+      "FluentProvider",
+      "Image",
+      "MessageBar",
+      "Overflow",
+      "Portal",
+      "Rating",
+      "RatingDisplay",
+      "Skeleton",
+      "Table",
+      "TableCellActions",
+      "TableCellNavigation",
+      "TabList",
+      "Tag",
+      "TagInteractionTag",
+      "TagPicker",
+      "TagTagGroup",
+      "Text",
+      "Toast"
+    ]
+  },
   {
     "id": "basicInputs",
     "title": "Basic Inputs",
     "components": [
-      "Accordion",
       "Button",
+      "ButtonCompound",
       "Checkbox",
-      "InfoLabel",
+      "Combobox",
+      "Dropdown",
+      "Field",
+      "Input",
+      "Label",
       "link",
+      "RadioGroup",
+      "SearchBox",
+      "Select",
+      "Slider",
+      "SpinButton",
+      "SplitButton",
+      "Switch",
+      "ToggleButton",
+      "Toolbar"
+    ]
+  },
+  {
+    "id": "galleriesAndPickers",
+    "title": "Galleries and Pickers",
+    "components": ["Calendar", "ColorPicker", "DatePicker", "SwatchPicker", "TimePicker"]
+  },
+  {
+    "id": "itemsAndLists",
+    "title": "Items and Lists",
+    "components": [
+      "Card",
+      "CardFooter",
+      "CardHeader",
+      "CardPreview",
       "List",
+      "ListSingleAction",
+      "Persona",
+      "Tree",
+      "TreeSelection"
+    ]
+  },
+  {
+    "id": "commandsMenusAndNavs",
+    "title": "Commands, Menus and Navs",
+    "components": [
+      "Breadcrumb",
       "Menu",
       "MenuButton",
       "MenuItemCheckbox",
       "MenuItemRadio",
+      "MenuList",
       "MenuSubmenu",
-      "SplitButton",
-      "Table",
-      "TabList",
-      "Text",
-      "ToggleButton",
-      "Tooltip",
-      "Tree"
+      "Overflow"
     ]
   },
   {
-    "id": "commandsMenusAndNavs",
-    "title": "Commands, Menus and Navs",
+    "id": "notificationAndEngagement",
+    "title": "Notification and Engagement",
     "components": []
   },
   {
-    "id": "galleriesAndPickers",
-    "title": "Galleries and Pickers",
+    "id": "progress",
+    "title": "Progress",
+    "components": ["ProgressBar", "Spinner"]
+  },
+  {
+    "id": "surfaces",
+    "title": "Surfaces",
+    "components": ["Dialog", "InfoLabel", "Popover", "TeachingPopover", "Tooltip"]
+  },
+  {
+    "id": "charts",
+    "title": "Charts",
+    "components": []
+  },
+  {
+    "id": "utilities",
+    "title": "Utilities",
     "components": []
   }
 ]

From 346ce60b8c8e1e98a1a71a68435b05c9e03ff29d Mon Sep 17 00:00:00 2001
From: Adam Samec <asamec@microsoft.com>
Date: Tue, 11 Feb 2025 15:17:48 +0100
Subject: [PATCH 111/111] Add visually hidden components count live region

---
 .../stories/ComponentSelector/Selector.stories.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
index d1beae638b1eaa..29d8fb3c1c1e23 100644
--- a/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
+++ b/packages/react-components/react-components/stories/ComponentSelector/Selector.stories.tsx
@@ -31,6 +31,15 @@ import { BehaviorSelection } from './BehaviorSelection';
 import { MatchingComponents } from './MatchingComponents';
 
 const useStyles = makeStyles({
+  visuallyHidden: {
+    clip: 'rect(0px, 0px, 0px, 0px)',
+    height: '1px',
+    width: '1px',
+    margin: '-1px',
+    padding: '0px',
+    overflow: 'hidden',
+    position: 'absolute',
+  },
   secondLevel: { 'margin-left': '30px' },
   thirdLevel: { 'margin-left': '60px' },
   forthLevel: { 'margin-left': '90px' },
@@ -372,10 +381,9 @@ export const Selector = () => {
       </div>
       {mode === 'byComponents' && (
         <>
-          {/* // TODO make aria-live region which is hidden and announce the number of components available */}
-          {/* <div>
+          <div className={classes.visuallyHidden}>
             <Text role="status">{filteredComponentsDefinitions.length} components available.</Text>
-          </div> */}
+          </div>
           <h2>Choose Component ({filteredComponentsDefinitions.length})</h2>
           {selectedComponents.length > 0 && (
             <>