@oliasoft-open-source/react-ui-library 5.0.5 → 5.0.7-beta-1

package/dist/global.css

@@ -9143,80 +9143,80 @@ button:active .remirror-menu-pane-shortcut,
   width: 8px;
   height: 14px;
 }
-._inputInTable_9c21g_1 {
+._inputInTable_dw6a5_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_9c21g_1:not(:hover):not([data-error]):not([data-warning]) {
+._inputInTable_dw6a5_1:not(:hover):not([data-error]):not([data-warning]) {
   border-color: transparent;
 }
-._inputInTable_9c21g_1:not(:focus) {
+._inputInTable_dw6a5_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_9c21g_13 {
+._inputHover_dw6a5_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_9c21g_18 {
+._inputFocus_dw6a5_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_9c21g_25,
-._inputWarning_9c21g_26 {
+._inputError_dw6a5_25,
+._inputWarning_dw6a5_26 {
   position: relative;
 }
-._inputError_9c21g_25 {
+._inputError_dw6a5_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_9c21g_25:hover {
+._inputError_dw6a5_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_9c21g_25:focus {
+._inputError_dw6a5_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_9c21g_26 {
+._inputWarning_dw6a5_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_9c21g_26:hover {
+._inputWarning_dw6a5_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_9c21g_26:focus {
+._inputWarning_dw6a5_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_9c21g_61 {
+._inputDisabled_dw6a5_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_9c21g_67 {
+._hideScrollbars_dw6a5_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_9c21g_67::-webkit-scrollbar {
+._hideScrollbars_dw6a5_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -9227,7 +9227,7 @@ html[data-theme='dark'] {
   --color-background-table-header: var(--color-neutral-800);
   --color-background-table-row-tinted: var(--color-neutral-800);
 }
-._wrapper_9c21g_85 {
+._wrapper_dw6a5_85 {
   border-radius: inherit;
   max-height: 100%;
   max-width: 100%;
@@ -9235,23 +9235,23 @@ html[data-theme='dark'] {
   flex-direction: column;
   overflow: hidden;
 }
-._wrapper_9c21g_85._bordered_9c21g_93 {
+._wrapper_dw6a5_85._bordered_dw6a5_93 {
   border-radius: var(--border-radius);
   border: 1px solid var(--color-border);
   box-shadow: var(--shadow-card);
 }
-._scroll_9c21g_98 {
+._scroll_dw6a5_98 {
   background: var(--color-background);
   overflow-y: auto;
   border-radius: inherit;
   flex: 1;
   min-height: 0;
 }
-._scroll_9c21g_98:not(:first-child) {
+._scroll_dw6a5_98:not(:first-child) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._table_9c21g_109 {
+._table_dw6a5_109 {
   color: var(--color-text);
   border-collapse: separate;
   border-spacing: 0;
@@ -9259,35 +9259,35 @@ html[data-theme='dark'] {
   width: 100%;
   font-variant-numeric: tabular-nums;
 }
-._table_9c21g_109 > :first-child {
+._table_dw6a5_109 > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_9c21g_109 > :first-child > :first-child {
+._table_dw6a5_109 > :first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._table_9c21g_109 > :first-child > :first-child > :first-child {
+._table_dw6a5_109 > :first-child > :first-child > :first-child {
   border-top-left-radius: inherit;
 }
-._table_9c21g_109 > :first-child > :first-child > :last-child {
+._table_dw6a5_109 > :first-child > :first-child > :last-child {
   border-top-right-radius: inherit;
 }
-._table_9c21g_109 > :last-child {
+._table_dw6a5_109 > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_9c21g_109 > :last-child > :last-child {
+._table_dw6a5_109 > :last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
-._table_9c21g_109 > :last-child > :last-child > :first-child {
+._table_dw6a5_109 > :last-child > :last-child > :first-child {
   border-bottom-left-radius: inherit;
 }
-._table_9c21g_109 > :last-child > :last-child > :last-child {
+._table_dw6a5_109 > :last-child > :last-child > :last-child {
   border-bottom-right-radius: inherit;
 }
-._dragOverlay_9c21g_145 {
+._dragOverlay_dw6a5_145 {
   box-shadow: var(--shadow-layer);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -9306,10 +9306,10 @@ th:not(:first-child),
 td:not(:first-child) {
   border-left-width: 1px;
 }
-._table_9c21g_109 > *:not(:last-child) > tr th,
-._table_9c21g_109 > *:not(:last-child) > tr td,
-._table_9c21g_109 > *:last-child > tr:not(:last-child) th,
-._table_9c21g_109 > *:last-child > tr:not(:last-child) td {
+._table_dw6a5_109 > *:not(:last-child) > tr th,
+._table_dw6a5_109 > *:not(:last-child) > tr td,
+._table_dw6a5_109 > *:last-child > tr:not(:last-child) th,
+._table_dw6a5_109 > *:last-child > tr:not(:last-child) td {
   border-bottom-width: 1px;
 }
 @-moz-document url-prefix() {
@@ -9318,6 +9318,10 @@ td:not(:first-child) {
   }
   td,
   th {
+    height: 100%;
+  }
+  ._virtualScroll_dw6a5_178 td,
+  ._virtualScroll_dw6a5_178 th {
     height: auto;
   }
 }
@@ -9336,7 +9340,7 @@ tbody {
 tbody tr {
   background-color: var(--color-background-raised);
 }
-._striped_9c21g_194 tbody [data-even='true'] {
+._striped_dw6a5_198 tbody [data-even='true'] {
   background-color: var(--color-background-table-row-tinted);
 }
 tbody:before {

package/dist/index.js

@@ -9431,7 +9431,11 @@ const Input$1 = forwardRef(
     const handleFocus = (e2) => {
       onFocus(e2);
       if (selectOnFocus) {
-        setTimeout(() => e2.target.select(), 0);
+        setTimeout(() => {
+          if (e2.target === document.activeElement) {
+            e2.target.select();
+          }
+        }, 0);
       }
     };
     return /* @__PURE__ */ jsx("div", { style: { width }, className: order, children: /* @__PURE__ */ jsx(
@@ -168411,18 +168415,20 @@ const Spacer = ({
     }
   }
 );
-const wrapper = "_wrapper_9c21g_85";
-const bordered = "_bordered_9c21g_93";
-const scroll = "_scroll_9c21g_98";
-const table = "_table_9c21g_109";
-const dragOverlay = "_dragOverlay_9c21g_145";
-const striped = "_striped_9c21g_194";
+const wrapper = "_wrapper_dw6a5_85";
+const bordered = "_bordered_dw6a5_93";
+const scroll = "_scroll_dw6a5_98";
+const table = "_table_dw6a5_109";
+const dragOverlay = "_dragOverlay_dw6a5_145";
+const virtualScroll = "_virtualScroll_dw6a5_178";
+const striped = "_striped_dw6a5_198";
 const styles$c = {
   wrapper,
   bordered,
   scroll,
   table,
   dragOverlay,
+  virtualScroll,
   striped
 };
 const title$1 = "_title_zn5s7_1";
@@ -169478,7 +169484,15 @@ const TableVirtualScrollWrapper = ({
       height: totalHeight
     };
   };
-  return /* @__PURE__ */ jsx("div", { id: "scrollWrapper", className: styles$c.scroll, ref: containerRef, children: children({ virtualizer, tableStyle: getVirtualTableStyle() }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: "scrollWrapper",
+      className: cx$2(styles$c.scroll, styles$c.virtualScroll),
+      ref: containerRef,
+      children: children({ virtualizer, tableStyle: getVirtualTableStyle() })
+    }
+  );
 };
 const TableScrollWrapper = ({
   table: table2,