@oliasoft-open-source/react-ui-library 4.0.0-beta-51 → 4.0.0-beta-53

package/dist/assets/{index-43280041.js → index-b6a2aa40.js}

@@ -18214,32 +18214,32 @@ lodash.exports;
   }).call(commonjsGlobal$1);
 })(lodash, lodash.exports);
 var lodashExports = lodash.exports;
-const inputInTable$b = "_inputInTable_p7a3o_1";
-const inputHover$b = "_inputHover_p7a3o_13";
-const inputFocus$b = "_inputFocus_p7a3o_18";
-const inputError$b = "_inputError_p7a3o_25";
-const inputWarning$b = "_inputWarning_p7a3o_26";
-const inputDisabled$b = "_inputDisabled_p7a3o_61";
-const hideScrollbars$b = "_hideScrollbars_p7a3o_67";
-const button$3 = "_button_p7a3o_99";
-const active$8 = "_active_p7a3o_135";
-const green$1 = "_green_p7a3o_135";
-const red$1 = "_red_p7a3o_135";
-const orange$1 = "_orange_p7a3o_135";
-const icon$5 = "_icon_p7a3o_147";
-const iconOnly = "_iconOnly_p7a3o_153";
-const basic = "_basic_p7a3o_163";
-const muted$2 = "_muted_p7a3o_169";
-const disabled$8 = "_disabled_p7a3o_188";
-const small$c = "_small_p7a3o_198";
-const pill = "_pill_p7a3o_203";
-const round = "_round_p7a3o_204";
-const error$q = "_error_p7a3o_276";
-const warning$8 = "_warning_p7a3o_293";
-const inverted$1 = "_inverted_p7a3o_310";
-const groupOrderFirst$4 = "_groupOrderFirst_p7a3o_340";
-const groupOrderMiddle$4 = "_groupOrderMiddle_p7a3o_341";
-const groupOrderLast$4 = "_groupOrderLast_p7a3o_342";
+const inputInTable$b = "_inputInTable_vvyhs_1";
+const inputHover$b = "_inputHover_vvyhs_13";
+const inputFocus$b = "_inputFocus_vvyhs_18";
+const inputError$b = "_inputError_vvyhs_25";
+const inputWarning$b = "_inputWarning_vvyhs_26";
+const inputDisabled$b = "_inputDisabled_vvyhs_61";
+const hideScrollbars$b = "_hideScrollbars_vvyhs_67";
+const button$3 = "_button_vvyhs_101";
+const active$8 = "_active_vvyhs_137";
+const green$1 = "_green_vvyhs_137";
+const red$1 = "_red_vvyhs_137";
+const orange$1 = "_orange_vvyhs_137";
+const icon$5 = "_icon_vvyhs_149";
+const iconOnly = "_iconOnly_vvyhs_155";
+const basic = "_basic_vvyhs_165";
+const muted$2 = "_muted_vvyhs_171";
+const disabled$8 = "_disabled_vvyhs_190";
+const small$c = "_small_vvyhs_200";
+const pill = "_pill_vvyhs_205";
+const round = "_round_vvyhs_206";
+const error$q = "_error_vvyhs_278";
+const warning$8 = "_warning_vvyhs_295";
+const inverted$1 = "_inverted_vvyhs_312";
+const groupOrderFirst$4 = "_groupOrderFirst_vvyhs_342";
+const groupOrderMiddle$4 = "_groupOrderMiddle_vvyhs_343";
+const groupOrderLast$4 = "_groupOrderLast_vvyhs_344";
 const buttonStyles = {
   inputInTable: inputInTable$b,
   inputHover: inputHover$b,
@@ -18411,34 +18411,34 @@ const styles$N = {
   actionComponentContainer,
   active: active$7
 };
-const wrapper$4 = "_wrapper_zibyd_1";
-const layer$1 = "_layer_zibyd_5";
-const layerContainer$1 = "_layerContainer_zibyd_8";
-const nested = "_nested_zibyd_23";
-const fileInput$1 = "_fileInput_zibyd_35";
-const trigger$2 = "_trigger_zibyd_41";
-const middleAlignedInline = "_middleAlignedInline_zibyd_50";
-const heading$5 = "_heading_zibyd_56";
-const headingIcon = "_headingIcon_zibyd_62";
-const option$1 = "_option_zibyd_74";
-const active$6 = "_active_zibyd_92";
-const selected$1 = "_selected_zibyd_97";
-const optionContent$1 = "_optionContent_zibyd_103";
-const inline$4 = "_inline_zibyd_108";
-const icon$4 = "_icon_zibyd_113";
-const check$1 = "_check_zibyd_114";
-const text$3 = "_text_zibyd_136";
-const label$a = "_label_zibyd_141";
-const description$2 = "_description_zibyd_152";
-const arrow$1 = "_arrow_zibyd_156";
-const divider$1 = "_divider_zibyd_160";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_zibyd_164";
-const disabled$7 = "_disabled_zibyd_168";
-const buttonLabel = "_buttonLabel_zibyd_173";
-const buttonCaret = "_buttonCaret_zibyd_179";
-const component = "_component_zibyd_183";
-const right$7 = "_right_zibyd_189";
-const actions$1 = "_actions_zibyd_194";
+const wrapper$4 = "_wrapper_4axhn_1";
+const layer$1 = "_layer_4axhn_5";
+const layerContainer$1 = "_layerContainer_4axhn_8";
+const nested = "_nested_4axhn_23";
+const fileInput$1 = "_fileInput_4axhn_35";
+const trigger$2 = "_trigger_4axhn_40";
+const middleAlignedInline = "_middleAlignedInline_4axhn_49";
+const heading$5 = "_heading_4axhn_55";
+const headingIcon = "_headingIcon_4axhn_61";
+const option$1 = "_option_4axhn_73";
+const active$6 = "_active_4axhn_92";
+const selected$1 = "_selected_4axhn_97";
+const optionContent$1 = "_optionContent_4axhn_103";
+const inline$4 = "_inline_4axhn_107";
+const icon$4 = "_icon_4axhn_112";
+const check$1 = "_check_4axhn_113";
+const text$3 = "_text_4axhn_135";
+const label$a = "_label_4axhn_140";
+const description$2 = "_description_4axhn_151";
+const arrow$1 = "_arrow_4axhn_155";
+const divider$1 = "_divider_4axhn_159";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4axhn_163";
+const disabled$7 = "_disabled_4axhn_167";
+const buttonLabel = "_buttonLabel_4axhn_172";
+const buttonCaret = "_buttonCaret_4axhn_178";
+const component = "_component_4axhn_182";
+const right$7 = "_right_4axhn_188";
+const actions$1 = "_actions_4axhn_193";
 const styles$M = {
   wrapper: wrapper$4,
   layer: layer$1,
@@ -18501,10 +18501,12 @@ const Option = ({
 }) => {
   const handleClick2 = (evt) => {
     evt.stopPropagation();
-    if (disabled2 || upload) {
+    if (disabled2) {
       evt.preventDefault();
       return;
     }
+    if (upload)
+      return;
     if (closeOnOptionClick) {
       close2 == null ? void 0 : close2();
     }
@@ -20438,22 +20440,22 @@ st$1.div`
   display: flex;
   flex-direction: column;
   min-width: 0;
-  flex-basis: ${(p2) => p2.width || "auto"};
-  flex-grow: ${(p2) => !p2.width && p2.flex ? "1" : "0"};
-  flex-shrink: ${(p2) => p2.width || !p2.flex ? "0" : "1"};
-  overflow: ${(p2) => p2.scroll ? "auto" : "initial"};
-  background: ${(p2) => p2.background};
-  border-left: ${(p2) => p2.borderLeft === true ? "1px solid var(--color-border)" : p2.borderLeft};
-  border-right: ${(p2) => p2.borderRight === true ? "1px solid var(--color-border)" : p2.borderRight};
-  padding: ${(p2) => p2.spacing ? `0 calc(${p2.spacing} / 2)` : "0"};
-  ${(p2) => !p2.showScrollbar && noScrollbars}
+  flex-basis: ${(p2) => p2.$width || "auto"};
+  flex-grow: ${(p2) => !p2.$width && p2.$flex ? "1" : "0"};
+  flex-shrink: ${(p2) => p2.$width || !p2.$flex ? "0" : "1"};
+  overflow: ${(p2) => p2.$scroll ? "auto" : "initial"};
+  background: ${(p2) => p2.$background};
+  border-left: ${(p2) => p2.$borderLeft === true ? "1px solid var(--color-border)" : p2.$borderLeft};
+  border-right: ${(p2) => p2.$borderRight === true ? "1px solid var(--color-border)" : p2.$borderRight};
+  padding: ${(p2) => p2.$spacing ? `0 calc(${p2.$spacing} / 2)` : "0"};
+  ${(p2) => !p2.$showScrollbar && noScrollbars}
 
   @media (max-width: 992px) {
-    ${(p2) => p2.widthTablet && `flex-basis: ${p2.widthTablet};`}
+    ${(p2) => p2.$widthTablet && `flex-basis: ${p2.$widthTablet};`}
   }
 
   @media (max-width: 575px) {
-    ${(p2) => p2.widthMobile && `flex-basis: ${p2.widthMobile};`}
+    ${(p2) => p2.$widthMobile && `flex-basis: ${p2.$widthMobile};`}
   }
 
   > .inner {
@@ -20461,9 +20463,9 @@ st$1.div`
     position: relative;
     z-index: 0;
     min-height: 0;
-    display: ${(p2) => p2.flexbox && !p2.scroll ? "flex" : "block"};
-    ${(p2) => p2.flexbox && `flex-direction: column;`}
-    padding: ${(p2) => p2.padding === true ? "var(--padding)" : p2.padding};
+    display: ${(p2) => p2.$flexbox && !p2.$scroll ? "flex" : "block"};
+    ${(p2) => p2.$flexbox && `flex-direction: column;`}
+    padding: ${(p2) => p2.$padding === true ? "var(--padding)" : p2.$padding};
   }
 `;
 const divider = "_divider_2bfzh_1";
@@ -68696,22 +68698,22 @@ const styles$5 = {
   disabled,
   noMargin
 };
-const topbar = "_topbar_11jto_11";
-const fixed = "_fixed_11jto_21";
-const appSwitcher = "_appSwitcher_11jto_29";
-const title = "_title_11jto_73";
-const logo = "_logo_11jto_89";
-const label = "_label_11jto_92";
-const brand = "_brand_11jto_97";
-const version = "_version_11jto_102";
-const left = "_left_11jto_109";
-const right = "_right_11jto_110";
-const item = "_item_11jto_124";
-const link$1 = "_link_11jto_125";
-const button = "_button_11jto_137";
-const menu = "_menu_11jto_138";
-const active = "_active_11jto_166";
-const alert = "_alert_11jto_191";
+const topbar = "_topbar_hoilu_11";
+const fixed = "_fixed_hoilu_21";
+const appSwitcher = "_appSwitcher_hoilu_29";
+const title = "_title_hoilu_75";
+const logo = "_logo_hoilu_91";
+const label = "_label_hoilu_94";
+const brand = "_brand_hoilu_99";
+const version = "_version_hoilu_104";
+const left = "_left_hoilu_111";
+const right = "_right_hoilu_112";
+const item = "_item_hoilu_126";
+const link$1 = "_link_hoilu_127";
+const button = "_button_hoilu_139";
+const menu = "_menu_hoilu_140";
+const active = "_active_hoilu_168";
+const alert = "_alert_hoilu_193";
 const styles$4 = {
   topbar,
   fixed,