@oliasoft-open-source/react-ui-library 4.20.0 → 4.20.2

package/dist/global.css

@@ -1411,17 +1411,17 @@ html[data-theme='dark'] {
 ._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_nnkvb_1 {
+._wrapper_gg13i_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_nnkvb_5 ._wrapper_nnkvb_1 {
+._layer_gg13i_5 ._wrapper_gg13i_1 {
   width: 100%;
 }
-._layerContainer_nnkvb_8 {
+._layerContainer_gg13i_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_nnkvb_5 {
+._layer_gg13i_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1434,101 +1434,102 @@ html[data-theme='dark'] {
   overflow-y: auto;
   max-height: 40vh;
 }
-._layer_nnkvb_5._nested_nnkvb_24 {
+._layer_gg13i_5._nested_gg13i_24 {
   margin: -1px 2px;
 }
-._layer_nnkvb_5 ul {
+._layer_gg13i_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_nnkvb_5 ul li {
+._layer_gg13i_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_nnkvb_36 {
+._fileInput_gg13i_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_nnkvb_41 {
+._trigger_gg13i_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_nnkvb_5 ._trigger_nnkvb_41 {
+._layer_gg13i_5 ._trigger_gg13i_41 {
   width: 100%;
 }
-._middleAlignedInline_nnkvb_50 {
+._middleAlignedInline_gg13i_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_nnkvb_56 {
+._heading_gg13i_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_nnkvb_56 ._headingIcon_nnkvb_62 {
+._heading_gg13i_56 ._headingIcon_gg13i_62 {
   float: right;
 }
-._heading_nnkvb_56 ._headingIcon_nnkvb_62 svg {
+._heading_gg13i_56 ._headingIcon_gg13i_62 svg {
   color: var(--color-text-faint);
 }
-._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover {
+._heading_gg13i_56 ._headingIcon_gg13i_62:hover {
   cursor: pointer;
 }
-._heading_nnkvb_56 ._headingIcon_nnkvb_62:hover svg {
+._heading_gg13i_56 ._headingIcon_gg13i_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_nnkvb_74 {
+._option_gg13i_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._option_nnkvb_74._disabled_nnkvb_79 {
-  opacity: 0.2;
-}
-._heading_nnkvb_56,
-._option_nnkvb_74,
-._layer_nnkvb_5 ._trigger_nnkvb_41 {
+._heading_gg13i_56,
+._option_gg13i_74,
+._layer_gg13i_5 ._trigger_gg13i_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_nnkvb_74,
-._layer_nnkvb_5 ._trigger_nnkvb_41 {
+._option_gg13i_74,
+._layer_gg13i_5 ._trigger_gg13i_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_nnkvb_74:hover,
-._layer_nnkvb_5 ._trigger_nnkvb_41:hover,
-._option_nnkvb_74._active_nnkvb_96,
-._layer_nnkvb_5 ._trigger_nnkvb_41._active_nnkvb_96 {
+._option_gg13i_74:hover,
+._layer_gg13i_5 ._trigger_gg13i_41:hover,
+._option_gg13i_74._active_gg13i_93,
+._layer_gg13i_5 ._trigger_gg13i_41._active_gg13i_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_nnkvb_74._selected_nnkvb_101,
-._layer_nnkvb_5 ._trigger_nnkvb_41._selected_nnkvb_101 {
+._option_gg13i_74._disabled_gg13i_98,
+._layer_gg13i_5 ._trigger_gg13i_41._disabled_gg13i_98 {
+  opacity: 0.2;
+}
+._option_gg13i_74._selected_gg13i_102,
+._layer_gg13i_5 ._trigger_gg13i_41._selected_gg13i_102 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_nnkvb_5 ._trigger_nnkvb_41 {
+._layer_gg13i_5 ._trigger_gg13i_41 {
   align-items: center;
 }
-._optionContent_nnkvb_108 {
+._optionContent_gg13i_109 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_nnkvb_112 ._optionContent_nnkvb_108 {
+._inline_gg13i_113 ._optionContent_gg13i_109 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_nnkvb_117,
-._check_nnkvb_118 {
+._icon_gg13i_118,
+._check_gg13i_119 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1536,82 +1537,82 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_nnkvb_117 {
+._icon_gg13i_118 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
   font-size: var(--size-xs);
 }
-._icon_nnkvb_117:empty {
+._icon_gg13i_118:empty {
   display: none;
 }
-._icon_nnkvb_117 img {
+._icon_gg13i_118 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_nnkvb_118 {
+._check_gg13i_119 {
   margin-left: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._text_nnkvb_144 {
+._text_gg13i_145 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_nnkvb_149 {
+._label_gg13i_150 {
   margin-right: auto;
 }
-._label_nnkvb_149,
-._heading_nnkvb_56 {
+._label_gg13i_150,
+._heading_gg13i_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_nnkvb_160 {
+._description_gg13i_161 {
   color: #999;
   display: block;
 }
-._arrow_nnkvb_164 {
+._arrow_gg13i_165 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_nnkvb_168 {
+._divider_gg13i_169 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_nnkvb_172 {
+._deprecatedSemanticIcon_gg13i_173 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_nnkvb_79 {
+._disabled_gg13i_98 {
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_nnkvb_180 {
+._buttonLabel_gg13i_181 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_nnkvb_186 {
+._buttonCaret_gg13i_187 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_nnkvb_190 {
+._component_gg13i_191 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_nnkvb_196 {
+._right_gg13i_197 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_nnkvb_201 {
+._actions_gg13i_202 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;

package/dist/index.js

@@ -4190,34 +4190,34 @@ const styles$N = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_nnkvb_1";
-const layer$1 = "_layer_nnkvb_5";
-const layerContainer$1 = "_layerContainer_nnkvb_8";
-const nested = "_nested_nnkvb_24";
-const fileInput$1 = "_fileInput_nnkvb_36";
-const trigger$2 = "_trigger_nnkvb_41";
-const middleAlignedInline = "_middleAlignedInline_nnkvb_50";
-const heading$5 = "_heading_nnkvb_56";
-const headingIcon = "_headingIcon_nnkvb_62";
-const option$1 = "_option_nnkvb_74";
-const disabled$8 = "_disabled_nnkvb_79";
-const active$6 = "_active_nnkvb_96";
-const selected$1 = "_selected_nnkvb_101";
-const optionContent$1 = "_optionContent_nnkvb_108";
-const inline$4 = "_inline_nnkvb_112";
-const icon$4 = "_icon_nnkvb_117";
-const check$1 = "_check_nnkvb_118";
-const text$3 = "_text_nnkvb_144";
-const label$a = "_label_nnkvb_149";
-const description = "_description_nnkvb_160";
-const arrow$1 = "_arrow_nnkvb_164";
-const divider$1 = "_divider_nnkvb_168";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_nnkvb_172";
-const buttonLabel = "_buttonLabel_nnkvb_180";
-const buttonCaret = "_buttonCaret_nnkvb_186";
-const component = "_component_nnkvb_190";
-const right$7 = "_right_nnkvb_196";
-const actions$1 = "_actions_nnkvb_201";
+const wrapper$4 = "_wrapper_gg13i_1";
+const layer$1 = "_layer_gg13i_5";
+const layerContainer$1 = "_layerContainer_gg13i_8";
+const nested = "_nested_gg13i_24";
+const fileInput$1 = "_fileInput_gg13i_36";
+const trigger$2 = "_trigger_gg13i_41";
+const middleAlignedInline = "_middleAlignedInline_gg13i_50";
+const heading$5 = "_heading_gg13i_56";
+const headingIcon = "_headingIcon_gg13i_62";
+const option$1 = "_option_gg13i_74";
+const active$6 = "_active_gg13i_93";
+const disabled$8 = "_disabled_gg13i_98";
+const selected$1 = "_selected_gg13i_102";
+const optionContent$1 = "_optionContent_gg13i_109";
+const inline$4 = "_inline_gg13i_113";
+const icon$4 = "_icon_gg13i_118";
+const check$1 = "_check_gg13i_119";
+const text$3 = "_text_gg13i_145";
+const label$a = "_label_gg13i_150";
+const description = "_description_gg13i_161";
+const arrow$1 = "_arrow_gg13i_165";
+const divider$1 = "_divider_gg13i_169";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_gg13i_173";
+const buttonLabel = "_buttonLabel_gg13i_181";
+const buttonCaret = "_buttonCaret_gg13i_187";
+const component = "_component_gg13i_191";
+const right$7 = "_right_gg13i_197";
+const actions$1 = "_actions_gg13i_202";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -4229,8 +4229,8 @@ const styles$M = {
   heading: heading$5,
   headingIcon,
   option: option$1,
-  disabled: disabled$8,
   active: active$6,
+  disabled: disabled$8,
   selected: selected$1,
   optionContent: optionContent$1,
   inline: inline$4,
@@ -17060,6 +17060,7 @@ const useCustomSelectLogic = ({
       closeLayer();
       return;
     }
+    setTriggerFocus();
     dispatch({
       type: ActionTypes$1.RESET_LAYER_FOCUS,
       options,
@@ -17169,6 +17170,10 @@ const useCustomSelectLogic = ({
         closeLayer();
         break;
       }
+      case EventKey.TAB: {
+        dispatch({ type: ActionTypes$1.CLOSE_LAYER });
+        break;
+      }
     }
   };
   return {