@oliasoft-open-source/react-ui-library 3.1.25 → 3.1.27

package/dist/global.css

@@ -13517,75 +13517,75 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_h7304_332 {
+._inputInTable_1phe1_332 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputInTable_h7304_332:hover,
-._inputInTable_h7304_332:focus {
+._inputInTable_1phe1_332:hover,
+._inputInTable_1phe1_332:focus {
   position: relative;
 }
-._inputInTable_h7304_332:hover {
+._inputInTable_1phe1_332:hover {
   z-index: 2;
 }
-._inputInTable_h7304_332:focus {
+._inputInTable_1phe1_332:focus {
   z-index: 3;
 }
-._inputFocus_h7304_348 {
+._inputFocus_1phe1_348 {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputError_h7304_353,
-._inputWarning_h7304_354 {
+._inputError_1phe1_353,
+._inputWarning_1phe1_354 {
   position: relative;
 }
-._inputError_h7304_353 {
+._inputError_1phe1_353 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_h7304_353:hover {
+._inputError_1phe1_353:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_h7304_353:focus {
+._inputError_1phe1_353:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputWarning_h7304_354 {
+._inputWarning_1phe1_354 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_h7304_354:hover {
+._inputWarning_1phe1_354:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_h7304_354:focus {
+._inputWarning_1phe1_354:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputDisabled_h7304_385 {
+._inputDisabled_1phe1_385 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_h7304_390 {
+._hideScrollbars_1phe1_390 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_h7304_390::-webkit-scrollbar {
+._hideScrollbars_1phe1_390::-webkit-scrollbar {
   display: none;
 }
-._select_h7304_400 {
+._select_1phe1_400 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
@@ -13602,111 +13602,112 @@ html[data-theme='dark'] {
   border-radius: 0.28571429rem;
   height: 38px;
 }
-._select_h7304_400 option {
+._select_1phe1_400 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_h7304_400 option:focus {
+._select_1phe1_400 option:focus {
   background-color: var(--color-background-menuitem-active);
 }
-._select_h7304_400:-moz-focusring {
+._select_1phe1_400:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_h7304_400:hover {
+._select_1phe1_400:hover {
   border-color: var(--color-border-hover);
 }
-._select_h7304_400:focus {
+._select_1phe1_400:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._select_h7304_400._isInTable_h7304_436 {
+._select_1phe1_400._isInTable_1phe1_436 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._select_h7304_400._isInTable_h7304_436:hover,
-._select_h7304_400._isInTable_h7304_436:focus {
+._select_1phe1_400._isInTable_1phe1_436:hover,
+._select_1phe1_400._isInTable_1phe1_436:focus {
   position: relative;
 }
-._select_h7304_400._isInTable_h7304_436:hover {
+._select_1phe1_400._isInTable_1phe1_436:hover {
   z-index: 2;
 }
-._select_h7304_400._isInTable_h7304_436:focus {
+._select_1phe1_400._isInTable_1phe1_436:focus {
   z-index: 3;
 }
-._select_h7304_400._unSelected_h7304_452 {
+._select_1phe1_400._unSelected_1phe1_452 {
   color: var(--color-text-faint) !important;
 }
-._select_h7304_400._unSelected_h7304_452:-moz-focusring {
+._select_1phe1_400._unSelected_1phe1_452:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_h7304_400._error_h7304_459 {
+._select_1phe1_400._error_1phe1_459 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._select_h7304_400._error_h7304_459:hover {
+._select_1phe1_400._error_1phe1_459:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_h7304_400._error_h7304_459:focus {
+._select_1phe1_400._error_1phe1_459:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._select_h7304_400._warning_h7304_474 {
+._select_1phe1_400._warning_1phe1_474 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._select_h7304_400._warning_h7304_474:hover {
+._select_1phe1_400._warning_1phe1_474:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_h7304_400._warning_h7304_474:focus {
+._select_1phe1_400._warning_1phe1_474:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._select_h7304_400._small_h7304_489 {
+._select_1phe1_400._small_1phe1_489 {
   font-size: 12px;
   height: 24px;
   padding: 3.5px 7px;
   background-position: right 8px center !important;
   padding-right: 28px;
 }
-._select_h7304_400._right_h7304_496 {
+._select_1phe1_400._right_1phe1_496 {
   text-align: right;
   text-align-last: right;
 }
-._select_h7304_400[disabled] {
+._select_1phe1_400[disabled] {
+  opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='gray' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
 }
-._groupOrderFirst_h7304_506 ._input_h7304_332:hover,
-._groupOrderMiddle_h7304_507 ._input_h7304_332:hover,
-._groupOrderLast_h7304_508 ._input_h7304_332:hover,
-._groupOrderFirst_h7304_506 ._input_h7304_332:focus,
-._groupOrderMiddle_h7304_507 ._input_h7304_332:focus,
-._groupOrderLast_h7304_508 ._input_h7304_332:focus {
+._groupOrderFirst_1phe1_507 ._input_1phe1_332:hover,
+._groupOrderMiddle_1phe1_508 ._input_1phe1_332:hover,
+._groupOrderLast_1phe1_509 ._input_1phe1_332:hover,
+._groupOrderFirst_1phe1_507 ._input_1phe1_332:focus,
+._groupOrderMiddle_1phe1_508 ._input_1phe1_332:focus,
+._groupOrderLast_1phe1_509 ._input_1phe1_332:focus {
   z-index: 2;
 }
-._groupOrderFirst_h7304_506,
-._groupOrderMiddle_h7304_507 {
+._groupOrderFirst_1phe1_507,
+._groupOrderMiddle_1phe1_508 {
   margin-right: -1px;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_h7304_508,
-._groupOrderMiddle_h7304_507 {
+._groupOrderLast_1phe1_509,
+._groupOrderMiddle_1phe1_508 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -19066,188 +19067,193 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_1ql66_332 {
+._inputInTable_1eedc_332 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputInTable_1ql66_332:hover,
-._inputInTable_1ql66_332:focus {
+._inputInTable_1eedc_332:hover,
+._inputInTable_1eedc_332:focus {
   position: relative;
 }
-._inputInTable_1ql66_332:hover {
+._inputInTable_1eedc_332:hover {
   z-index: 2;
 }
-._inputInTable_1ql66_332:focus {
+._inputInTable_1eedc_332:focus {
   z-index: 3;
 }
-._inputFocus_1ql66_348 {
+._inputFocus_1eedc_348 {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputError_1ql66_353,
-._inputWarning_1ql66_354 {
+._inputError_1eedc_353,
+._inputWarning_1eedc_354 {
   position: relative;
 }
-._inputError_1ql66_353 {
+._inputError_1eedc_353 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1ql66_353:hover {
+._inputError_1eedc_353:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1ql66_353:focus {
+._inputError_1eedc_353:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputWarning_1ql66_354 {
+._inputWarning_1eedc_354 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1ql66_354:hover {
+._inputWarning_1eedc_354:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1ql66_354:focus {
+._inputWarning_1eedc_354:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._inputDisabled_1ql66_385 {
+._inputDisabled_1eedc_385 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_1ql66_390 {
+._hideScrollbars_1eedc_390 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1ql66_390::-webkit-scrollbar {
+._hideScrollbars_1eedc_390::-webkit-scrollbar {
   display: none;
 }
-._cellWrapperPadding_1ql66_400 {
+._cellWrapperPadding_1eedc_400 {
   padding: 9.5px 14px !important;
 }
-._flexBlock_1ql66_403 {
+._flexBlock_1eedc_403 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._cellWrapper_1ql66_400 {
+._cellWrapper_1eedc_400 {
   padding: 9.5px 14px !important;
 }
-._cellWrapper_1ql66_400 a {
+._cellWrapper_1eedc_400 a {
   cursor: pointer;
   color: var(--color-text-primary) !important;
 }
-._cellWrapper_1ql66_400 a:hover {
+._cellWrapper_1eedc_400 a:hover {
   color: var(--color-text-primary-hover) !important;
 }
-._cellWrapper_1ql66_400 a:active {
+._cellWrapper_1eedc_400 a:active {
   color: var(--color-text-primary-active) !important;
 }
-._cellWrapper_1ql66_400 a._disabledLink_1ql66_421 {
+._cellWrapper_1eedc_400 a._disabledLink_1eedc_421 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1ql66_425 {
+._inputWrapper_1eedc_425 {
   margin: -1px;
   height: calc(100% + 2px);
   border-radius: inherit;
 }
-._inputWrapper_1ql66_425 > span,
-._inputWrapper_1ql66_425 > span > span,
-._inputWrapper_1ql66_425 > span > span > div {
+._inputWrapper_1eedc_425 > span,
+._inputWrapper_1eedc_425 > span > span,
+._inputWrapper_1eedc_425 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1ql66_425 > div,
-._inputWrapper_1ql66_425 > div > span {
+._inputWrapper_1eedc_425 > div,
+._inputWrapper_1eedc_425 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1ql66_441 {
+._breakWord_1eedc_441 {
   word-break: break-word;
 }
-._inputCell_1ql66_444 {
+._inputCell_1eedc_444 {
   padding: 0 !important;
 }
-._sliderCell_1ql66_447 {
+._sliderCell_1eedc_447 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1ql66_451 {
+._staticCell_1eedc_451 {
   padding: 0 !important;
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454 {
   min-height: 100%;
   padding: 9.5px 14px !important;
   line-height: 17px;
   position: relative;
   border-radius: inherit;
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._error_1ql66_461,
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._warning_1ql66_462 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._error_1eedc_461,
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._warning_1eedc_462 {
   border: 1px solid transparent;
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._error_1ql66_461 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._error_1eedc_461 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._error_1ql66_461:hover {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._error_1eedc_461:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._error_1ql66_461:focus {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._error_1eedc_461:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._warning_1ql66_462 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._warning_1eedc_462 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._warning_1ql66_462:hover {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._warning_1eedc_462:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._warning_1ql66_462:focus {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._warning_1eedc_462:focus {
   outline: none !important;
   border: 1px solid var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
 }
-._staticCell_1ql66_451 ._staticCellContent_1ql66_454._unit_1ql66_495 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._unit_1eedc_495 {
   font-weight: normal;
 }
-._sortingCell_1ql66_498 ._staticCellContent_1ql66_454 {
+._staticCell_1eedc_451 ._staticCellContent_1eedc_454._disabled_1eedc_421 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+}
+._sortingCell_1eedc_503 ._staticCellContent_1eedc_454 {
   position: relative;
   padding-right: 45px !important;
   cursor: pointer !important;
 }
-._sortingCell_1ql66_498 ._staticCellContent_1ql66_454:hover {
+._sortingCell_1eedc_503 ._staticCellContent_1eedc_454:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-._sortingCell_1ql66_498 ._sortingCellIcon_1ql66_506 {
+._sortingCell_1eedc_503 ._sortingCellIcon_1eedc_511 {
   font-size: 20px;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
 }
-._icon_1ql66_513 {
+._icon_1eedc_518 {
   display: inline-block;
   margin-left: 8px;
   position: relative;
@@ -19255,43 +19261,43 @@ html[data-theme='dark'] {
   font-size: 13px;
   color: var(--color-text-faint);
 }
-._icon_1ql66_513:hover {
+._icon_1eedc_518:hover {
   color: var(--color-text-muted);
 }
-._icon_1ql66_513._clickable_1ql66_524:hover {
+._icon_1eedc_518._clickable_1eedc_529:hover {
   cursor: pointer;
   color: var(--color-text-primary-hover);
 }
-._checkBoxCell_1ql66_528 {
+._checkBoxCell_1eedc_533 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._iconCell_1ql66_532 {
+._iconCell_1eedc_537 {
   width: 37px;
   text-align: center;
   padding: 0 !important;
 }
-._iconCell_1ql66_532 ._iconWrapper_1ql66_537 {
+._iconCell_1eedc_537 ._iconWrapper_1eedc_542 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1ql66_541 {
+._actionsCell_1eedc_546 {
   width: 24px;
   padding: 0 6px !important;
 }
-._rightAligned_1ql66_545 {
+._rightAligned_1eedc_550 {
   text-align: right !important;
 }
-._centerAligned_1ql66_548 {
+._centerAligned_1eedc_553 {
   text-align: center !important;
 }
-._leftAligned_1ql66_551 {
+._leftAligned_1eedc_556 {
   text-align: left !important;
 }
-._popover_1ql66_554 {
+._popover_1eedc_559 {
   padding: 9.5px 14px;
 }
-._disabledPointerEvents_1ql66_557 {
+._disabledPointerEvents_1eedc_562 {
   pointer-events: none;
 }
 /*

package/dist/index.js

@@ -1381,7 +1381,7 @@ const checkbox = "_checkbox_1yglm_332";
 const noLabel = "_noLabel_1yglm_345";
 const small$e = "_small_1yglm_348";
 const checkmark = "_checkmark_1yglm_374";
-const disabled$9 = "_disabled_1yglm_395";
+const disabled$a = "_disabled_1yglm_395";
 const noMargin$2 = "_noMargin_1yglm_409";
 const isInTable$4 = "_isInTable_1yglm_412";
 const styles$O = {
@@ -1389,7 +1389,7 @@ const styles$O = {
   noLabel,
   small: small$e,
   checkmark,
-  disabled: disabled$9,
+  disabled: disabled$a,
   noMargin: noMargin$2,
   isInTable: isInTable$4
 };
@@ -9705,7 +9705,7 @@ const description = "_description_2v72m_488";
 const arrow = "_arrow_2v72m_492";
 const divider$1 = "_divider_2v72m_496";
 const deprecatedSemanticIcon = "_deprecatedSemanticIcon_2v72m_500";
-const disabled$8 = "_disabled_2v72m_504";
+const disabled$9 = "_disabled_2v72m_504";
 const buttonLabel = "_buttonLabel_2v72m_509";
 const buttonCaret = "_buttonCaret_2v72m_516";
 const component = "_component_2v72m_519";
@@ -9734,7 +9734,7 @@ const styles$L = {
   arrow,
   divider: divider$1,
   deprecatedSemanticIcon,
-  disabled: disabled$8,
+  disabled: disabled$9,
   buttonLabel,
   buttonCaret,
   component,
@@ -10023,7 +10023,7 @@ const icon$6 = "_icon_3rnm9_412";
 const iconOnly = "_iconOnly_3rnm9_419";
 const basic = "_basic_3rnm9_429";
 const muted$1 = "_muted_3rnm9_435";
-const disabled$7 = "_disabled_3rnm9_448";
+const disabled$8 = "_disabled_3rnm9_448";
 const small$c = "_small_3rnm9_458";
 const pill = "_pill_3rnm9_463";
 const round = "_round_3rnm9_464";
@@ -10041,7 +10041,7 @@ const buttonStyles = {
   iconOnly,
   basic,
   muted: muted$1,
-  disabled: disabled$7,
+  disabled: disabled$8,
   small: small$c,
   pill,
   round,
@@ -10769,14 +10769,14 @@ const breadcrumb = "_breadcrumb_14dl1_332";
 const small$a = "_small_14dl1_335";
 const labelContainer = "_labelContainer_14dl1_338";
 const active$6 = "_active_14dl1_348";
-const disabled$6 = "_disabled_14dl1_353";
+const disabled$7 = "_disabled_14dl1_353";
 const separator = "_separator_14dl1_358";
 const styles$H = {
   breadcrumb,
   small: small$a,
   labelContainer,
   active: active$6,
-  disabled: disabled$6,
+  disabled: disabled$7,
   separator
 };
 const Link$2 = ({
@@ -24655,7 +24655,7 @@ const bordered$1 = "_bordered_olz29_482";
 const item$4 = "_item_olz29_401";
 const action = "_action_olz29_515";
 const active$3 = "_active_olz29_518";
-const disabled$5 = "_disabled_olz29_533";
+const disabled$6 = "_disabled_olz29_533";
 const label$6 = "_label_olz29_544";
 const details$2 = "_details_olz29_551";
 const metadata = "_metadata_olz29_552";
@@ -24691,7 +24691,7 @@ const listStyles = {
   item: item$4,
   action,
   active: active$3,
-  disabled: disabled$5,
+  disabled: disabled$6,
   label: label$6,
   details: details$2,
   metadata,
@@ -25776,23 +25776,23 @@ Page.propTypes = {
   scroll: propTypes$1.exports.bool,
   top: propTypes$1.exports.oneOfType([propTypes$1.exports.number, propTypes$1.exports.string])
 };
-const inputInTable$5 = "_inputInTable_h7304_332";
-const inputFocus$5 = "_inputFocus_h7304_348";
-const inputError$5 = "_inputError_h7304_353";
-const inputWarning$5 = "_inputWarning_h7304_354";
-const inputDisabled$5 = "_inputDisabled_h7304_385";
-const hideScrollbars$5 = "_hideScrollbars_h7304_390";
-const select = "_select_h7304_400";
-const isInTable$2 = "_isInTable_h7304_436";
-const unSelected = "_unSelected_h7304_452";
-const error$3 = "_error_h7304_459";
-const warning$4 = "_warning_h7304_474";
-const small$6 = "_small_h7304_489";
-const right$3 = "_right_h7304_496";
-const groupOrderFirst$1 = "_groupOrderFirst_h7304_506";
-const input$1 = "_input_h7304_332";
-const groupOrderMiddle$1 = "_groupOrderMiddle_h7304_507";
-const groupOrderLast$1 = "_groupOrderLast_h7304_508";
+const inputInTable$5 = "_inputInTable_1phe1_332";
+const inputFocus$5 = "_inputFocus_1phe1_348";
+const inputError$5 = "_inputError_1phe1_353";
+const inputWarning$5 = "_inputWarning_1phe1_354";
+const inputDisabled$5 = "_inputDisabled_1phe1_385";
+const hideScrollbars$5 = "_hideScrollbars_1phe1_390";
+const select = "_select_1phe1_400";
+const isInTable$2 = "_isInTable_1phe1_436";
+const unSelected = "_unSelected_1phe1_452";
+const error$3 = "_error_1phe1_459";
+const warning$4 = "_warning_1phe1_474";
+const small$6 = "_small_1phe1_489";
+const right$3 = "_right_1phe1_496";
+const groupOrderFirst$1 = "_groupOrderFirst_1phe1_507";
+const input$1 = "_input_1phe1_332";
+const groupOrderMiddle$1 = "_groupOrderMiddle_1phe1_508";
+const groupOrderLast$1 = "_groupOrderLast_1phe1_509";
 const styles$l = {
   inputInTable: inputInTable$5,
   inputFocus: inputFocus$5,
@@ -26699,7 +26699,7 @@ const option = "_option_fwrcc_358";
 const message = "_message_fwrcc_359";
 const focused = "_focused_fwrcc_393";
 const selected = "_selected_fwrcc_397";
-const disabled$4 = "_disabled_fwrcc_404";
+const disabled$5 = "_disabled_fwrcc_404";
 const check = "_check_fwrcc_408";
 const optionContent = "_optionContent_fwrcc_422";
 const label$5 = "_label_fwrcc_427";
@@ -26714,7 +26714,7 @@ const styles$k = {
   message,
   focused,
   selected,
-  disabled: disabled$4,
+  disabled: disabled$5,
   check,
   optionContent,
   label: label$5,
@@ -26873,7 +26873,7 @@ const input = "_input_1pdad_332";
 const isOpen = "_isOpen_1pdad_438";
 const error$2 = "_error_1pdad_454";
 const warning$3 = "_warning_1pdad_469";
-const disabled$3 = "_disabled_1pdad_484";
+const disabled$4 = "_disabled_1pdad_484";
 const iconOpen = "_iconOpen_1pdad_489";
 const icons = "_icons_1pdad_492";
 const clearAll = "_clearAll_1pdad_500";
@@ -26904,7 +26904,7 @@ const styles$j = {
   isOpen,
   error: error$2,
   warning: warning$3,
-  disabled: disabled$3,
+  disabled: disabled$4,
   iconOpen,
   icons,
   clearAll,
@@ -28265,7 +28265,7 @@ const radio = "_radio_1sjyh_336";
 const labelMargin = "_labelMargin_1sjyh_339";
 const small$3 = "_small_1sjyh_355";
 const noMargin$1 = "_noMargin_1sjyh_359";
-const disabled$2 = "_disabled_1sjyh_418";
+const disabled$3 = "_disabled_1sjyh_418";
 const isInTable = "_isInTable_1sjyh_434";
 const styles$e = {
   wrapper,
@@ -28274,7 +28274,7 @@ const styles$e = {
   labelMargin,
   small: small$3,
   noMargin: noMargin$1,
-  disabled: disabled$2,
+  disabled: disabled$3,
   isInTable
 };
 const RadioInput = ({
@@ -35045,38 +35045,39 @@ function CgSortAz(props) {
 function CgSortZa(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none" }, "child": [{ "tag": "path", "attr": { "d": "M6 16C6 16.5523 6.44772 17 7 17H17C17.5523 17 18 16.5523 18 16C18 15.4477 17.5523 15 17 15H7C6.44772 15 6 15.4477 6 16Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M8 12C8 12.5523 8.44772 13 9 13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H9C8.44772 11 8 11.4477 8 12Z", "fill": "currentColor" } }, { "tag": "path", "attr": { "d": "M11 9C10.4477 9 10 8.55229 10 8C10 7.44771 10.4477 7 11 7H13C13.5523 7 14 7.44771 14 8C14 8.55229 13.5523 9 13 9H11Z", "fill": "currentColor" } }] })(props);
 }
-const inputInTable$1 = "_inputInTable_1ql66_332";
-const inputFocus$1 = "_inputFocus_1ql66_348";
-const inputError$1 = "_inputError_1ql66_353";
-const inputWarning$1 = "_inputWarning_1ql66_354";
-const inputDisabled$1 = "_inputDisabled_1ql66_385";
-const hideScrollbars$1 = "_hideScrollbars_1ql66_390";
-const cellWrapperPadding = "_cellWrapperPadding_1ql66_400";
-const flexBlock = "_flexBlock_1ql66_403";
-const cellWrapper = "_cellWrapper_1ql66_400";
-const disabledLink = "_disabledLink_1ql66_421";
-const inputWrapper = "_inputWrapper_1ql66_425";
-const breakWord = "_breakWord_1ql66_441";
-const inputCell = "_inputCell_1ql66_444";
-const sliderCell = "_sliderCell_1ql66_447";
-const staticCell = "_staticCell_1ql66_451";
-const staticCellContent = "_staticCellContent_1ql66_454";
-const error$1 = "_error_1ql66_461";
-const warning$1 = "_warning_1ql66_462";
-const unit = "_unit_1ql66_495";
-const sortingCell = "_sortingCell_1ql66_498";
-const sortingCellIcon = "_sortingCellIcon_1ql66_506";
-const icon = "_icon_1ql66_513";
-const clickable = "_clickable_1ql66_524";
-const checkBoxCell = "_checkBoxCell_1ql66_528";
-const iconCell = "_iconCell_1ql66_532";
-const iconWrapper = "_iconWrapper_1ql66_537";
-const actionsCell = "_actionsCell_1ql66_541";
-const rightAligned = "_rightAligned_1ql66_545";
-const centerAligned = "_centerAligned_1ql66_548";
-const leftAligned = "_leftAligned_1ql66_551";
-const popover = "_popover_1ql66_554";
-const disabledPointerEvents = "_disabledPointerEvents_1ql66_557";
+const inputInTable$1 = "_inputInTable_1eedc_332";
+const inputFocus$1 = "_inputFocus_1eedc_348";
+const inputError$1 = "_inputError_1eedc_353";
+const inputWarning$1 = "_inputWarning_1eedc_354";
+const inputDisabled$1 = "_inputDisabled_1eedc_385";
+const hideScrollbars$1 = "_hideScrollbars_1eedc_390";
+const cellWrapperPadding = "_cellWrapperPadding_1eedc_400";
+const flexBlock = "_flexBlock_1eedc_403";
+const cellWrapper = "_cellWrapper_1eedc_400";
+const disabledLink = "_disabledLink_1eedc_421";
+const inputWrapper = "_inputWrapper_1eedc_425";
+const breakWord = "_breakWord_1eedc_441";
+const inputCell = "_inputCell_1eedc_444";
+const sliderCell = "_sliderCell_1eedc_447";
+const staticCell = "_staticCell_1eedc_451";
+const staticCellContent = "_staticCellContent_1eedc_454";
+const error$1 = "_error_1eedc_461";
+const warning$1 = "_warning_1eedc_462";
+const unit = "_unit_1eedc_495";
+const disabled$2 = "_disabled_1eedc_421";
+const sortingCell = "_sortingCell_1eedc_503";
+const sortingCellIcon = "_sortingCellIcon_1eedc_511";
+const icon = "_icon_1eedc_518";
+const clickable = "_clickable_1eedc_529";
+const checkBoxCell = "_checkBoxCell_1eedc_533";
+const iconCell = "_iconCell_1eedc_537";
+const iconWrapper = "_iconWrapper_1eedc_542";
+const actionsCell = "_actionsCell_1eedc_546";
+const rightAligned = "_rightAligned_1eedc_550";
+const centerAligned = "_centerAligned_1eedc_553";
+const leftAligned = "_leftAligned_1eedc_556";
+const popover = "_popover_1eedc_559";
+const disabledPointerEvents = "_disabledPointerEvents_1eedc_562";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputFocus: inputFocus$1,
@@ -35097,6 +35098,7 @@ const styles$7 = {
   error: error$1,
   warning: warning$1,
   unit,
+  disabled: disabled$2,
   sortingCell,
   sortingCellIcon,
   icon,
@@ -35363,6 +35365,7 @@ const StaticCell = (props) => {
     testId
   } = props;
   const {
+    disabled: disabled2,
     error: error2,
     warning: warning2,
     tooltip: tooltip2,
@@ -35372,7 +35375,7 @@ const StaticCell = (props) => {
     type
   } = cell;
   const field2 = /* @__PURE__ */ jsxs("div", {
-    className: cx(styles$7.staticCellContent, type === "Unit" ? styles$7.unit : "", error2 ? styles$7.error : warning2 ? styles$7.warning : ""),
+    className: cx(styles$7.staticCellContent, type === "Unit" ? styles$7.unit : "", error2 ? styles$7.error : warning2 ? styles$7.warning : "", disabled2 ? styles$7.disabled : ""),
     onClick: hasSort ? (evt) => onSort(evt) : () => {
     },
     "data-testid": testId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.25",
+  "version": "3.1.27",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",
@@ -19,7 +19,7 @@
     "preview:docs": "yarn run http-server ./public -o -p 9002 -c-1",
     "preview:storybook": "yarn run http-server ./public/storybook  -o -p 9003 -c-1",
     "test": "yarn run prettier:check && yarn run lint:check && yarn run test:unit",
-    "test:unit": "vitest",
+    "test:unit": "jest",
     "test:unit:coverage": "vitest --coverage",
     "lint:check": "eslint \"**/*.{js,jsx}\"",
     "lint:fix": "eslint --fix \"**/*.{js,jsx}\"",
@@ -82,10 +82,13 @@
     "@minoru/react-dnd-treeview": "^1.6.1",
     "@storybook/addon-links": "^6.5.13",
     "@vitejs/plugin-react": "^2.1.0",
+    "babel-jest": "^29.4.1",
     "classnames": "^2.3.1",
     "core-js": "^3.17.3",
     "http-server": "^14.1.1",
     "immer": "^9.0.6",
+    "jest": "^29.4.1",
+    "jest-transform-stub": "^2.0.0",
     "jsdom": "^20.0.2",
     "less-vars-to-js": "^1.3.0",
     "lodash": "^4.17.21",