@oliasoft-open-source/react-ui-library 3.9.18 → 3.9.20

package/dist/global.css

@@ -11056,116 +11056,116 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._inputInTable_3suk5_333 {
+._inputInTable_17npu_333 {
   background-color: transparent;
   border-radius: inherit !important;
   height: 38px;
   min-height: 100%;
 }
-._inputHover_3suk5_339 {
+._inputHover_17npu_339 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_3suk5_344 {
+._inputFocus_17npu_344 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_3suk5_351,
-._inputWarning_3suk5_352 {
+._inputError_17npu_351,
+._inputWarning_17npu_352 {
   position: relative;
 }
-._inputError_3suk5_351 {
+._inputError_17npu_351 {
   z-index: 2;
   border-color: var(--color-border-error) !important;
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_3suk5_351:hover {
+._inputError_17npu_351:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_3suk5_351:focus {
+._inputError_17npu_351:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_3suk5_352 {
+._inputWarning_17npu_352 {
   z-index: 1;
   border-color: var(--color-border-warning) !important;
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_3suk5_352:hover {
+._inputWarning_17npu_352:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_3suk5_352:focus {
+._inputWarning_17npu_352:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_3suk5_387 {
+._inputDisabled_17npu_387 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
 }
-._hideScrollbars_3suk5_392 {
+._hideScrollbars_17npu_392 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_3suk5_392::-webkit-scrollbar {
+._hideScrollbars_17npu_392::-webkit-scrollbar {
   display: none;
 }
-._header_3suk5_402 ._headerTitle_3suk5_402,
-._heading_3suk5_403 ._itemHeader_3suk5_403 {
+._header_17npu_402 ._headerTitle_17npu_402,
+._heading_17npu_403 ._itemHeader_17npu_403 {
   transition: opacity 0.3s;
 }
-._narrow_3suk5_406 ._header_3suk5_402 ._headerTitle_3suk5_402,
-._narrow_3suk5_406 ._heading_3suk5_403 ._itemHeader_3suk5_403 {
+._narrow_17npu_406 ._header_17npu_402 ._headerTitle_17npu_402,
+._narrow_17npu_406 ._heading_17npu_403 ._itemHeader_17npu_403 {
   opacity: 0;
 }
-._stickyHeader_3suk5_410 {
+._stickyHeader_17npu_410 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_3suk5_403 {
+._itemHeader_17npu_403 {
   padding: 12px 20px;
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_3suk5_403 ._title_3suk5_421 {
+._itemHeader_17npu_403 ._title_17npu_421 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_3suk5_403 ._name_3suk5_427 {
+._itemHeader_17npu_403 ._name_17npu_427 {
   font-weight: 400;
 }
-._itemHeader_3suk5_403 ._iconTooltipMargin_3suk5_430 {
+._itemHeader_17npu_403 ._iconTooltipMargin_17npu_430 {
   margin-left: 10px;
 }
-._itemHeader_3suk5_403 ._bold_3suk5_433 {
+._itemHeader_17npu_403 ._bold_17npu_433 {
   font-weight: 900;
 }
-._header_3suk5_402 {
+._header_17npu_402 {
   padding: 16px 20px;
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_3suk5_442 {
+._toggleNarrow_17npu_442 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -11174,16 +11174,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_3suk5_442:hover {
+._toggleNarrow_17npu_442:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_3suk5_442:active {
+._toggleNarrow_17npu_442:active {
   color: var(--color-text-primary-active);
 }
-._narrow_3suk5_406 ._toggleNarrow_3suk5_442 {
+._narrow_17npu_406 ._toggleNarrow_17npu_442 {
   transform: scaleX(-1);
 }
-._drag_3suk5_460 {
+._drag_17npu_460 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -11194,31 +11194,31 @@ html[data-theme='dark'] {
   height: 19px;
   width: 19px;
 }
-._drag_3suk5_460 path {
+._drag_17npu_460 path {
   stroke: var(--color-text-faint);
 }
-._drag_3suk5_460:hover path {
+._drag_17npu_460:hover path {
   stroke: var(--color-text-primary-hover);
 }
-._drag_3suk5_460:active path {
+._drag_17npu_460:active path {
   stroke: var(--color-text-primary-active);
 }
-._list_3suk5_480 {
+._list_17npu_480 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_3suk5_480._bordered_3suk5_484:first-child,
-._list_3suk5_480._bordered_3suk5_484:first-child > :first-child {
+._list_17npu_480._bordered_17npu_484:first-child,
+._list_17npu_480._bordered_17npu_484:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_3suk5_480._bordered_3suk5_484:last-child,
-._list_3suk5_480._bordered_3suk5_484:last-child > :last-child {
+._list_17npu_480._bordered_17npu_484:last-child,
+._list_17npu_480._bordered_17npu_484:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_3suk5_403 {
+._item_17npu_403 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -11229,7 +11229,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_3suk5_403:not(._heading_3suk5_403):after {
+._item_17npu_403:not(._heading_17npu_403):after {
   content: '';
   position: absolute;
   left: 0;
@@ -11240,94 +11240,97 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s;
 }
-._item_3suk5_403._action_3suk5_517 {
+._item_17npu_403._action_17npu_517 {
   cursor: pointer;
 }
-._item_3suk5_403._action_3suk5_517:not(._active_3suk5_520):hover {
+._item_17npu_403._action_17npu_517:not(._active_17npu_520):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_3suk5_403._action_3suk5_517:not(._active_3suk5_520):hover:after {
+._item_17npu_403._action_17npu_517:not(._active_17npu_520):hover:after {
   background: rgba(0, 0, 0, 0.1);
 }
-._item_3suk5_403._active_3suk5_520 {
+._item_17npu_403._active_17npu_520 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_3suk5_403._active_3suk5_520:after {
+._item_17npu_403._active_17npu_520:after {
   background: var(--color-background-primary) !important;
 }
-._item_3suk5_403._disabled_3suk5_535 {
+._item_17npu_403._disabled_17npu_535 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_3suk5_403._heading_3suk5_403 {
+._item_17npu_403._heading_17npu_403 {
   color: var(--color-text-muted);
   background-color: transparent;
 }
-._item_3suk5_403._heading_3suk5_403._action_3suk5_517:hover {
+._item_17npu_403._heading_17npu_403._action_17npu_517:hover {
   color: var(--color-text-primary-hover);
 }
-._item_3suk5_403 ._label_3suk5_546 {
+._item_17npu_403 ._label_17npu_546 {
   margin-right: 15px;
   margin-left: -5px;
   margin-top: -2px;
   margin-bottom: -2px;
   flex-shrink: 0;
 }
-._item_3suk5_403 ._details_3suk5_553,
-._item_3suk5_403 ._metadata_3suk5_554 {
+._item_17npu_403 ._details_17npu_553,
+._item_17npu_403 ._metadata_17npu_554 {
   display: block;
   width: 100%;
   font-weight: normal;
   margin-top: 3px;
 }
-._item_3suk5_403 ._metadata_3suk5_554 {
+._item_17npu_403 ._metadata_17npu_554 {
   color: var(--color-text-muted);
 }
-._item_3suk5_403 ._itemContent_3suk5_563 {
+._item_17npu_403 ._itemContent_17npu_563 {
   padding: 0 20px 12px;
   cursor: auto;
 }
-._indentIcon_3suk5_567 {
+._item_17npu_403 ._itemContent_17npu_563:empty {
+  padding: inherit;
+}
+._indentIcon_17npu_570 {
   width: 20px;
   flex-shrink: 0;
 }
-._expandIcon_3suk5_571 {
+._expandIcon_17npu_574 {
   width: 20px;
   flex-shrink: 0;
   position: relative;
   margin-top: 1px;
 }
-._expandIcon_3suk5_571._expanded_3suk5_577 svg {
+._expandIcon_17npu_574._expanded_17npu_580 svg {
   transform: rotate(90deg);
 }
-._right_3suk5_580 {
+._right_17npu_583 {
   margin-left: auto;
   display: flex;
   align-items: center;
   margin-top: -2px;
   margin-bottom: -2px;
 }
-._actions_3suk5_587 {
+._actions_17npu_590 {
   margin-left: 8px;
   display: flex;
   align-items: center;
 }
-._scrollableList_3suk5_592 {
+._scrollableList_17npu_595 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_3suk5_392 {
+._hideScrollbar_17npu_392 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_3suk5_392::-webkit-scrollbar {
+._hideScrollbar_17npu_392::-webkit-scrollbar {
   display: none;
 }
 /*

package/dist/index.js

@@ -13948,6 +13948,15 @@ const styles$B = {
   tabsContent,
   resizeHandle
 };
+const TabBadge = ({ badge: badge2, children }) => {
+  if (!badge2)
+    return children;
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Badge, {
+    small: true,
+    title: badge2,
+    children
+  });
+};
 const DrawerTabs = ({
   tabs: tabs2,
   activeTab,
@@ -13969,7 +13978,10 @@ const DrawerTabs = ({
           style: { background: background2 },
           onClick: () => handleTabClick(index2),
           "data-testid": testId && `${testId}-icon-${index2}`,
-          children: tab2.icon
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(TabBadge, {
+            badge: tab2.badge,
+            children: tab2.icon
+          })
         }, index2))
       }),
       tabs2.map((tab2, index2) => {
@@ -16224,7 +16236,8 @@ Drawer.propTypes = {
   tabs: propTypes$1.exports.arrayOf(
     propTypes$1.exports.shape({
       icon: propTypes$1.exports.node,
-      content: propTypes$1.exports.node
+      content: propTypes$1.exports.node,
+      badge: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
     })
   ),
   testId: propTypes$1.exports.string,
@@ -25880,42 +25893,42 @@ var InfiniteScroll = function(_super) {
   };
   return InfiniteScroll2;
 }(Component$1);
-const inputInTable$8 = "_inputInTable_3suk5_333";
-const inputHover$8 = "_inputHover_3suk5_339";
-const inputFocus$8 = "_inputFocus_3suk5_344";
-const inputError$8 = "_inputError_3suk5_351";
-const inputWarning$8 = "_inputWarning_3suk5_352";
-const inputDisabled$8 = "_inputDisabled_3suk5_387";
-const hideScrollbars$8 = "_hideScrollbars_3suk5_392";
-const header$1 = "_header_3suk5_402";
-const headerTitle = "_headerTitle_3suk5_402";
-const heading$3 = "_heading_3suk5_403";
-const itemHeader = "_itemHeader_3suk5_403";
-const narrow = "_narrow_3suk5_406";
-const stickyHeader = "_stickyHeader_3suk5_410";
-const title$4 = "_title_3suk5_421";
-const name = "_name_3suk5_427";
-const iconTooltipMargin = "_iconTooltipMargin_3suk5_430";
-const bold = "_bold_3suk5_433";
-const toggleNarrow = "_toggleNarrow_3suk5_442";
-const drag$1 = "_drag_3suk5_460";
-const list$1 = "_list_3suk5_480";
-const bordered$1 = "_bordered_3suk5_484";
-const item$4 = "_item_3suk5_403";
-const action = "_action_3suk5_517";
-const active$3 = "_active_3suk5_520";
-const disabled$6 = "_disabled_3suk5_535";
-const label$6 = "_label_3suk5_546";
-const details$2 = "_details_3suk5_553";
-const metadata = "_metadata_3suk5_554";
-const itemContent = "_itemContent_3suk5_563";
-const indentIcon = "_indentIcon_3suk5_567";
-const expandIcon = "_expandIcon_3suk5_571";
-const expanded = "_expanded_3suk5_577";
-const right$4 = "_right_3suk5_580";
-const actions = "_actions_3suk5_587";
-const scrollableList = "_scrollableList_3suk5_592";
-const hideScrollbar = "_hideScrollbar_3suk5_392";
+const inputInTable$8 = "_inputInTable_17npu_333";
+const inputHover$8 = "_inputHover_17npu_339";
+const inputFocus$8 = "_inputFocus_17npu_344";
+const inputError$8 = "_inputError_17npu_351";
+const inputWarning$8 = "_inputWarning_17npu_352";
+const inputDisabled$8 = "_inputDisabled_17npu_387";
+const hideScrollbars$8 = "_hideScrollbars_17npu_392";
+const header$1 = "_header_17npu_402";
+const headerTitle = "_headerTitle_17npu_402";
+const heading$3 = "_heading_17npu_403";
+const itemHeader = "_itemHeader_17npu_403";
+const narrow = "_narrow_17npu_406";
+const stickyHeader = "_stickyHeader_17npu_410";
+const title$4 = "_title_17npu_421";
+const name = "_name_17npu_427";
+const iconTooltipMargin = "_iconTooltipMargin_17npu_430";
+const bold = "_bold_17npu_433";
+const toggleNarrow = "_toggleNarrow_17npu_442";
+const drag$1 = "_drag_17npu_460";
+const list$1 = "_list_17npu_480";
+const bordered$1 = "_bordered_17npu_484";
+const item$4 = "_item_17npu_403";
+const action = "_action_17npu_517";
+const active$3 = "_active_17npu_520";
+const disabled$6 = "_disabled_17npu_535";
+const label$6 = "_label_17npu_546";
+const details$2 = "_details_17npu_553";
+const metadata = "_metadata_17npu_554";
+const itemContent = "_itemContent_17npu_563";
+const indentIcon = "_indentIcon_17npu_570";
+const expandIcon = "_expandIcon_17npu_574";
+const expanded = "_expanded_17npu_580";
+const right$4 = "_right_17npu_583";
+const actions = "_actions_17npu_590";
+const scrollableList = "_scrollableList_17npu_595";
+const hideScrollbar = "_hideScrollbar_17npu_392";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,