Merge pull request #31 from scheduleonce/pythons/storybook-fix

fix: Single Select dropdown fix in storybook
scheduleonce · Jul 17, 2024 · 5b644e5 · 5b644e5
2 parents 788aa2a + 0b3ff3b
commit 5b644e5
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 26 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@oncehub/ui-react",
   "private": false,
-  "version": "1.4.13",
+  "version": "1.4.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/scheduleonce/once-ui-react"

diff --git a/src/lib/components/select/select.stories.tsx b/src/lib/components/select/select.stories.tsx
@@ -53,31 +53,30 @@ const options: IOption[] = [
 
 const handleSelectionChange = () => {};
 
-const children = () => {
-  return (
-    <SelectOptions setQuery={() => {}}>
-      {options.map((option) => (
-        <SelectOption
-          disable={false}
-          key={option.value}
-          className={({ active }: { active: boolean }) =>
-            `tw-relative tw-cursor-default tw-select-none tw-py-2 tw-pl-4 tw-pr-4 ${
-              active ? 'tw-bg-[#EEEEEE] tw-text-[#333333]' : ''
-            }`
-          }
-          value={option}
-        >
-          {({ selected, active }: { selected: boolean; active: boolean }) => (
-            <div className="tw-flex tw-items-center">
-              <span className={`tw-block ${selected ? 'tw-font-medium' : 'tw-font-normal'}`}>{option.label}</span>
-            </div>
-          )}
-        </SelectOption>
-      ))}
-    </SelectOptions>
-  );
-};
-
+const children = (
+  <SelectOptions setQuery={() => {}}>
+    {options.map((option) => (
+      <SelectOption
+        disable={false}
+        key={option.value}
+        className={({ active }: { active: boolean }) =>
+          `tw-relative tw-cursor-default tw-select-none tw-py-2 tw-pl-4 tw-pr-4 ${
+            active ? 'tw-bg-[#EEEEEE] tw-text-[#333333]' : ''
+          }`
+        }
+        value={option}
+      >
+        {({ selected, active }: { selected: boolean; active: boolean }) => (
+          <div className="tw-flex tw-items-center">
+            <span className={`tw-block tw-truncate ${selected ? 'tw-font-medium' : 'tw-font-normal'}`}>
+              {option.label}
+            </span>
+          </div>
+        )}
+      </SelectOption>
+    ))}
+  </SelectOptions>
+);
 export const WithoutTheme: Story = {
   args: {
     selected: options[2],