rebuild storybook files

Author: based-ghost

docs/asset-manifest.json

@@ -1,6 +1,6 @@
 {
   "files": {
-    "main.js": "./main.644d968d.iframe.bundle.js",
+    "main.js": "./main.2b2021dd.iframe.bundle.js",
     "runtime~main.js": "./runtime~main.f398e60b.iframe.bundle.js",
     "vendors~main.js": "./vendors~main.dacc63da.iframe.bundle.js",
     "vendors~main.js.map": "./vendors~main.dacc63da.iframe.bundle.js.map",
@@ -10,6 +10,6 @@
   "entrypoints": [
     "runtime~main.f398e60b.iframe.bundle.js",
     "vendors~main.dacc63da.iframe.bundle.js",
-    "main.644d968d.iframe.bundle.js"
+    "main.2b2021dd.iframe.bundle.js"
   ]
 }

docs/iframe.html

@@ -130,4 +130,4 @@
 
 
 
-              window['FRAMEWORK_OPTIONS'] = {};</script><script src="runtime~main.f398e60b.iframe.bundle.js"></script><script src="vendors~main.dacc63da.iframe.bundle.js"></script><script src="main.644d968d.iframe.bundle.js"></script></body></html>
+              window['FRAMEWORK_OPTIONS'] = {};</script><script src="runtime~main.f398e60b.iframe.bundle.js"></script><script src="vendors~main.dacc63da.iframe.bundle.js"></script><script src="main.2b2021dd.iframe.bundle.js"></script></body></html>

docs/main.2b2021dd.iframe.bundle.js

@@ -342,11 +342,11 @@ const Select = forwardRef<SelectRef, SelectProps>((
       ? menuOptions.findIndex((x) => x.isSelected)
       : -1;
 
-    const index = (selectedIndex > -1)
+    const index = selectedIndex > -1
       ? selectedIndex
-      : (position === OptionIndexEnum.FIRST)
-      ? 0
-      : (menuOptions.length - 1);
+      : position === OptionIndexEnum.FIRST
+        ? 0
+        : menuOptions.length - 1;
 
     !menuOpenRef.current && setMenuOpen(true);
     setFocusedOption({ index, ...menuOptions[index] });
@@ -366,7 +366,9 @@ const Select = forwardRef<SelectRef, SelectProps>((
     }
 
     // Use 'blurInputOnSelect' if defined, otherwise evaluate to true if current device is touch-device
-    const blurControl = isBoolean(blurInputOnSelect) ? blurInputOnSelect : IS_TOUCH_DEVICE;
+    const blurControl = isBoolean(blurInputOnSelect)
+      ? blurInputOnSelect
+      : IS_TOUCH_DEVICE;
 
     if (blurControl) {
       blurInput();
@@ -533,6 +535,13 @@ const Select = forwardRef<SelectRef, SelectProps>((
     scrollToItemIndex(index);
   };
 
+  const handleVerticalKeySubRoutine = (key: string): void => {
+    const downKey = key === 'ArrowDown';
+    const downUpIndex = downKey ? OptionIndexEnum.DOWN : OptionIndexEnum.UP;
+    const posIndex = downKey ? OptionIndexEnum.FIRST : OptionIndexEnum.LAST;
+    menuOpen ? focusOptionOnArrowKey(downUpIndex) : openMenuAndFocusOption(posIndex);
+  };
+
   const handleOnKeyDown = (e: KeyboardEvent<HTMLDivElement>): void => {
     if (isDisabled) return;
 
@@ -544,25 +553,22 @@ const Select = forwardRef<SelectRef, SelectProps>((
     switch (e.key) {
       case 'ArrowDown':
       case 'ArrowUp': {
-        const downKey = e.key === 'ArrowDown';
-        menuOpen
-          ? focusOptionOnArrowKey(downKey ? OptionIndexEnum.DOWN : OptionIndexEnum.UP)
-          : openMenuAndFocusOption(downKey ? OptionIndexEnum.FIRST : OptionIndexEnum.LAST);
-
+        handleVerticalKeySubRoutine(e.key);
         break;
       }
       case 'ArrowLeft':
       case 'ArrowRight': {
         if (!isMulti || inputValue || renderMultiOptions) return;
-        focusValueOnArrowKey(e.key === 'ArrowLeft' ? ValueIndexEnum.PREVIOUS : ValueIndexEnum.NEXT);
 
+        const leftRightIndex = e.key === 'ArrowLeft' ? ValueIndexEnum.PREVIOUS : ValueIndexEnum.NEXT;
+        focusValueOnArrowKey(leftRightIndex);
         break;
       }
       // Handle spacebar keydown events
       case ' ': {
-        if (inputValue) {
-          return;
-        } else if (!menuOpen) {
+        if (inputValue) return;
+
+        if (!menuOpen) {
           openMenuAndFocusOption(OptionIndexEnum.FIRST);
         } else if (!focusedOption.data) {
           return;
@@ -605,14 +611,13 @@ const Select = forwardRef<SelectRef, SelectProps>((
           setFocusedMultiValue(nexFocusedMultiValue);
         } else {
           if (!backspaceClearsValue) return;
+          if (!isArrayWithLength(selectedOption)) break;
 
-          if (isArrayWithLength(selectedOption)) {
-            if (isMulti && !renderMultiOptions) {
-              const { value } = selectedOption[selectedOption.length - 1];
-              removeSelectedOption(value);
-            } else if (isClearable) {
-              setSelectedOption(EMPTY_ARRAY);
-            }
+          if (isMulti && !renderMultiOptions) {
+            const { value } = selectedOption[selectedOption.length - 1];
+            removeSelectedOption(value);
+          } else if (isClearable) {
+            setSelectedOption(EMPTY_ARRAY);
           }
         }
 

docs/main.644d968d.iframe.bundle.js

@@ -42,8 +42,7 @@ const _overflowRegExp = /(auto|scroll)/;
  * @private
  */
 function isScrollableStyle({overflow, overflowX, overflowY}: CSSStyleDeclaration): boolean {
-  const overflowTestStr = overflow + overflowX + overflowY;
-
+  const overflowTestStr = `${overflow}${overflowX}${overflowY}`;
   return _overflowRegExp.test(overflowTestStr);
 }
 

src/Select.tsx

@@ -103,7 +103,11 @@ export const normalizeValue = (
   getOptionValue: (data: OptionData) => ReactText,
   getOptionLabel: (data: OptionData) => ReactText
 ): SelectedOption[] => {
-  const initialValues = Array.isArray(value) ? value : isPlainObject(value) ? [value] : EMPTY_ARRAY;
+  const initialValues = Array.isArray(value)
+    ? value
+    : isPlainObject(value)
+      ? [value]
+      : EMPTY_ARRAY;
 
   if (!isArrayWithLength(initialValues)) {
     return initialValues;