@oliasoft-open-source/react-ui-library 4.3.0 → 4.3.1

package/dist/global.css

@@ -2745,123 +2745,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_1qlur_1 {
+._inputInTable_j55lv_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1qlur_1:not(:hover) {
+._inputInTable_j55lv_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1qlur_1:not(:focus) {
+._inputInTable_j55lv_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1qlur_13 {
+._inputHover_j55lv_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1qlur_18 {
+._inputFocus_j55lv_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1qlur_25,
-._inputWarning_1qlur_26 {
+._inputError_j55lv_25,
+._inputWarning_j55lv_26 {
   position: relative;
 }
-._inputError_1qlur_25 {
+._inputError_j55lv_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1qlur_25:hover {
+._inputError_j55lv_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1qlur_25:focus {
+._inputError_j55lv_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1qlur_26 {
+._inputWarning_j55lv_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1qlur_26:hover {
+._inputWarning_j55lv_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1qlur_26:focus {
+._inputWarning_j55lv_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1qlur_61 {
+._inputDisabled_j55lv_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1qlur_67 {
+._hideScrollbars_j55lv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1qlur_67::-webkit-scrollbar {
+._hideScrollbars_j55lv_67::-webkit-scrollbar {
   display: none;
 }
-._header_1qlur_77 ._headerTitle_1qlur_77,
-._heading_1qlur_78 ._itemHeader_1qlur_78 {
+._header_j55lv_77 ._headerTitle_j55lv_77,
+._heading_j55lv_78 ._itemHeader_j55lv_78 {
   transition: opacity 0.3s;
 }
-._narrow_1qlur_81 ._header_1qlur_77 ._headerTitle_1qlur_77,
-._narrow_1qlur_81 ._heading_1qlur_78 ._itemHeader_1qlur_78 {
+._narrow_j55lv_81 ._header_j55lv_77 ._headerTitle_j55lv_77,
+._narrow_j55lv_81 ._heading_j55lv_78 ._itemHeader_j55lv_78 {
   opacity: 0;
 }
-._stickyHeader_1qlur_85 {
+._stickyHeader_j55lv_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_1qlur_78 {
+._itemHeader_j55lv_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_1qlur_78 ._title_1qlur_96 {
+._itemHeader_j55lv_78 ._title_j55lv_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_1qlur_78 ._name_1qlur_102 {
+._itemHeader_j55lv_78 ._name_j55lv_102 {
   font-weight: 400;
 }
-._itemHeader_1qlur_78 ._iconTooltipMargin_1qlur_105 {
+._itemHeader_j55lv_78 ._iconTooltipMargin_j55lv_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_1qlur_78 ._bold_1qlur_108 {
+._itemHeader_j55lv_78 ._bold_j55lv_108 {
   font-weight: bold;
 }
-._header_1qlur_77 {
+._header_j55lv_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_1qlur_117 {
+._toggleNarrow_j55lv_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2870,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_1qlur_117:hover {
+._toggleNarrow_j55lv_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_1qlur_117:active {
+._toggleNarrow_j55lv_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_1qlur_81 ._toggleNarrow_1qlur_117 {
+._narrow_j55lv_81 ._toggleNarrow_j55lv_117 {
   transform: scaleX(-1);
 }
-._drag_1qlur_135 {
+._drag_j55lv_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2893,28 +2893,28 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_1qlur_135:hover {
+._drag_j55lv_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_1qlur_135:active {
+._drag_j55lv_135:active {
   color: var(--color-text-primary-active);
 }
-._list_1qlur_155 {
+._list_j55lv_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_1qlur_155._bordered_1qlur_159:first-child,
-._list_1qlur_155._bordered_1qlur_159:first-child > :first-child {
+._list_j55lv_155._bordered_j55lv_159:first-child,
+._list_j55lv_155._bordered_j55lv_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_1qlur_155._bordered_1qlur_159:last-child,
-._list_1qlur_155._bordered_1qlur_159:last-child > :last-child {
+._list_j55lv_155._bordered_j55lv_159:last-child,
+._list_j55lv_155._bordered_j55lv_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_1qlur_78 {
+._item_j55lv_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2925,7 +2925,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_1qlur_78:not(._heading_1qlur_78):after {
+._item_j55lv_78:not(._heading_j55lv_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2936,41 +2936,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_1qlur_78._action_1qlur_192 {
+._item_j55lv_78._action_j55lv_192 {
   cursor: pointer;
 }
-._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover {
+._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_1qlur_78._action_1qlur_192:not(._active_1qlur_195):hover:after {
+._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1qlur_78._indented_1qlur_202:after {
+._item_j55lv_78._indented_j55lv_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_1qlur_78._active_1qlur_195 {
+._item_j55lv_78._active_j55lv_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_1qlur_78._active_1qlur_195:after {
+._item_j55lv_78._active_j55lv_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_1qlur_78._disabled_1qlur_215 {
+._item_j55lv_78._disabled_j55lv_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_1qlur_78._heading_1qlur_78 {
+._item_j55lv_78._heading_j55lv_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_1qlur_78._heading_1qlur_78._action_1qlur_192:hover {
+._item_j55lv_78._heading_j55lv_78._action_j55lv_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_1qlur_78 ._label_1qlur_226 {
+._item_j55lv_78 ._label_j55lv_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2981,38 +2981,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_1qlur_78 ._details_1qlur_237,
-._item_1qlur_78 ._metadata_1qlur_238 {
+._item_j55lv_78 ._details_j55lv_237,
+._item_j55lv_78 ._metadata_j55lv_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_1qlur_78 ._metadata_1qlur_238 {
+._item_j55lv_78 ._metadata_j55lv_238 {
   color: var(--color-text-muted);
 }
-._item_1qlur_78 ._itemContent_1qlur_246 {
+._item_j55lv_78 ._itemContent_j55lv_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_1qlur_78 ._itemContent_1qlur_246:empty {
+._item_j55lv_78 ._itemContent_j55lv_246:empty {
   padding: inherit;
 }
-._indentIcon_1qlur_253 {
+._indentIcon_j55lv_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_1qlur_258 {
+._expandIcon_j55lv_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_1qlur_258._expanded_1qlur_265 svg {
+._expandIcon_j55lv_258._expanded_j55lv_265 svg {
   transform: rotate(90deg);
 }
-._right_1qlur_268 {
+._right_j55lv_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3020,24 +3020,27 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_1qlur_276 {
+._actions_j55lv_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_1qlur_281 {
+._scrollableList_j55lv_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._hideScrollbar_1qlur_67 {
+._infiniteScrollContainer_j55lv_286 {
+  overflow: hidden !important;
+}
+._hideScrollbar_j55lv_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_1qlur_67::-webkit-scrollbar {
+._hideScrollbar_j55lv_67::-webkit-scrollbar {
   display: none;
 }
 ._loader_477i5_1 {

package/dist/index.html

@@ -1 +1 @@
-<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-326366e3.js"></script><link rel="stylesheet" href="/react-ui-library/assets/index-2b7aaa8d.css"></head><body><div id="content"></div></body>
+<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-pNLRgTGq.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-1SRgv0eL.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -18785,43 +18785,44 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_1qlur_1";
-const inputHover$8 = "_inputHover_1qlur_13";
-const inputFocus$8 = "_inputFocus_1qlur_18";
-const inputError$8 = "_inputError_1qlur_25";
-const inputWarning$8 = "_inputWarning_1qlur_26";
-const inputDisabled$8 = "_inputDisabled_1qlur_61";
-const hideScrollbars$8 = "_hideScrollbars_1qlur_67";
-const header$1 = "_header_1qlur_77";
-const headerTitle = "_headerTitle_1qlur_77";
-const heading$3 = "_heading_1qlur_78";
-const itemHeader = "_itemHeader_1qlur_78";
-const narrow = "_narrow_1qlur_81";
-const stickyHeader = "_stickyHeader_1qlur_85";
-const title$3 = "_title_1qlur_96";
-const name = "_name_1qlur_102";
-const iconTooltipMargin = "_iconTooltipMargin_1qlur_105";
-const bold = "_bold_1qlur_108";
-const toggleNarrow = "_toggleNarrow_1qlur_117";
-const drag$1 = "_drag_1qlur_135";
-const list$1 = "_list_1qlur_155";
-const bordered$1 = "_bordered_1qlur_159";
-const item$4 = "_item_1qlur_78";
-const action = "_action_1qlur_192";
-const active$3 = "_active_1qlur_195";
-const indented = "_indented_1qlur_202";
-const disabled$5 = "_disabled_1qlur_215";
-const label$6 = "_label_1qlur_226";
-const details$2 = "_details_1qlur_237";
-const metadata = "_metadata_1qlur_238";
-const itemContent = "_itemContent_1qlur_246";
-const indentIcon = "_indentIcon_1qlur_253";
-const expandIcon = "_expandIcon_1qlur_258";
-const expanded = "_expanded_1qlur_265";
-const right$4 = "_right_1qlur_268";
-const actions = "_actions_1qlur_276";
-const scrollableList = "_scrollableList_1qlur_281";
-const hideScrollbar = "_hideScrollbar_1qlur_67";
+const inputInTable$8 = "_inputInTable_j55lv_1";
+const inputHover$8 = "_inputHover_j55lv_13";
+const inputFocus$8 = "_inputFocus_j55lv_18";
+const inputError$8 = "_inputError_j55lv_25";
+const inputWarning$8 = "_inputWarning_j55lv_26";
+const inputDisabled$8 = "_inputDisabled_j55lv_61";
+const hideScrollbars$8 = "_hideScrollbars_j55lv_67";
+const header$1 = "_header_j55lv_77";
+const headerTitle = "_headerTitle_j55lv_77";
+const heading$3 = "_heading_j55lv_78";
+const itemHeader = "_itemHeader_j55lv_78";
+const narrow = "_narrow_j55lv_81";
+const stickyHeader = "_stickyHeader_j55lv_85";
+const title$3 = "_title_j55lv_96";
+const name = "_name_j55lv_102";
+const iconTooltipMargin = "_iconTooltipMargin_j55lv_105";
+const bold = "_bold_j55lv_108";
+const toggleNarrow = "_toggleNarrow_j55lv_117";
+const drag$1 = "_drag_j55lv_135";
+const list$1 = "_list_j55lv_155";
+const bordered$1 = "_bordered_j55lv_159";
+const item$4 = "_item_j55lv_78";
+const action = "_action_j55lv_192";
+const active$3 = "_active_j55lv_195";
+const indented = "_indented_j55lv_202";
+const disabled$5 = "_disabled_j55lv_215";
+const label$6 = "_label_j55lv_226";
+const details$2 = "_details_j55lv_237";
+const metadata = "_metadata_j55lv_238";
+const itemContent = "_itemContent_j55lv_246";
+const indentIcon = "_indentIcon_j55lv_253";
+const expandIcon = "_expandIcon_j55lv_258";
+const expanded = "_expanded_j55lv_265";
+const right$4 = "_right_j55lv_268";
+const actions = "_actions_j55lv_276";
+const scrollableList = "_scrollableList_j55lv_281";
+const infiniteScrollContainer = "_infiniteScrollContainer_j55lv_286";
+const hideScrollbar = "_hideScrollbar_j55lv_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -18859,6 +18860,7 @@ const listStyles = {
   right: right$4,
   actions,
   scrollableList,
+  infiniteScrollContainer,
   hideScrollbar
 };
 const ToggleNarrow = ({
@@ -19274,6 +19276,7 @@ const List = ({
                           hasMore,
                           scrollableTarget: infiniteScrollTarget || "scrollableDiv",
                           loader: /* @__PURE__ */ jsx(Loader, {}),
+                          className: listStyles.infiniteScrollContainer,
                           children: /* @__PURE__ */ jsx(
                             ListRow,
                             {