@oliasoft-open-source/react-ui-library 4.10.1-beta-2 → 4.10.1

package/dist/global.css

@@ -9708,125 +9708,132 @@ tbody tr {
 ._dragIcon_1ki29_34:active {
   color: var(--color-text-primary-active);
 }
-._inputInTable_1rtjr_1 {
+._inputInTable_9hq13_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1rtjr_1:not(:hover):not(._error_1rtjr_7):not(._warning_1rtjr_7) {
+._inputInTable_9hq13_1:not(:hover):not(._error_9hq13_7):not(._warning_9hq13_7) {
   border-color: transparent;
 }
-._inputInTable_1rtjr_1:not(:focus) {
+._inputInTable_9hq13_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1rtjr_13 {
+._inputHover_9hq13_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1rtjr_18 {
+._inputFocus_9hq13_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1rtjr_25,
-._inputWarning_1rtjr_26 {
+._inputError_9hq13_25,
+._inputWarning_9hq13_26 {
   position: relative;
 }
-._inputError_1rtjr_25 {
+._inputError_9hq13_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_1rtjr_25:hover {
+._inputError_9hq13_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1rtjr_25:focus {
+._inputError_9hq13_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1rtjr_26 {
+._inputWarning_9hq13_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_1rtjr_26:hover {
+._inputWarning_9hq13_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1rtjr_26:focus {
+._inputWarning_9hq13_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1rtjr_61 {
+._inputDisabled_9hq13_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1rtjr_67 {
+._hideScrollbars_9hq13_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1rtjr_67::-webkit-scrollbar {
+._hideScrollbars_9hq13_67::-webkit-scrollbar {
   display: none;
 }
-._cell_1rtjr_77 a {
+._cell_9hq13_77 a {
   cursor: pointer;
   color: var(--color-text-primary);
 }
-._cell_1rtjr_77 a:hover {
+._cell_9hq13_77 a:hover {
   color: var(--color-text-primary-hover);
 }
-._cell_1rtjr_77 a:active {
+._cell_9hq13_77 a:active {
   color: var(--color-text-primary-active);
 }
-._cell_1rtjr_77 a._disabledLink_1rtjr_87 {
+._cell_9hq13_77 a._disabledLink_9hq13_87 {
   color: var(--color-text-faint) !important;
   cursor: default !important;
 }
-._inputWrapper_1rtjr_91 {
+._inputWrapper_9hq13_91 {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1rtjr_91 > span,
-._inputWrapper_1rtjr_91 > span > span,
-._inputWrapper_1rtjr_91 > span > span > div {
+._inputWrapper_9hq13_91 > span,
+._inputWrapper_9hq13_91 > span > span,
+._inputWrapper_9hq13_91 > span > span > div {
   height: 100%;
   border-radius: inherit;
 }
-._inputWrapper_1rtjr_91 > div,
-._inputWrapper_1rtjr_91 > div > span {
+._inputWrapper_9hq13_91 > div,
+._inputWrapper_9hq13_91 > div > span {
   height: 100%;
   border-radius: inherit;
 }
-._breakWord_1rtjr_106 {
+._numberInputWrapper_9hq13_106 > span,
+._numberInputWrapper_9hq13_106 > span > div,
+._numberInputWrapper_9hq13_106 > span > div > span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+}
+._breakWord_9hq13_113 {
   word-break: break-word;
 }
-._inputCell_1rtjr_109 {
+._inputCell_9hq13_116 {
   padding: 0 !important;
 }
-._sliderCell_1rtjr_112 {
+._sliderCell_9hq13_119 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
-._staticCell_1rtjr_116 {
+._staticCell_9hq13_123 {
   padding: 0 !important;
 }
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119 {
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126 {
   line-height: 1.25;
   min-height: 100%;
   padding: var(--padding-input);
@@ -9835,34 +9842,34 @@ tbody tr {
   display: flex;
   align-items: center;
 }
-tbody ._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119 {
+tbody ._staticCell_9hq13_123 ._staticCellContent_9hq13_126 {
   color: var(--color-text-muted);
 }
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._error_1rtjr_7,
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._warning_1rtjr_7 {
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126._error_9hq13_7,
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126._warning_9hq13_7 {
   border: 1px solid transparent;
 }
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._error_1rtjr_7 {
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126._error_9hq13_7 {
   background-color: var(--color-background-error-muted);
 }
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._warning_1rtjr_7 {
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126._warning_9hq13_7 {
   background-color: var(--color-background-warning-muted);
 }
-._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119._unit_1rtjr_141 {
+._staticCell_9hq13_123 ._staticCellContent_9hq13_126._unit_9hq13_148 {
   font-weight: normal;
 }
-._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119 {
+._sortingCell_9hq13_151 ._staticCellContent_9hq13_126 {
   position: relative;
   padding-right: calc(var(--size) + var(--padding-xxs)) !important;
   cursor: pointer !important;
 }
-._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119:hover {
+._sortingCell_9hq13_151 ._staticCellContent_9hq13_126:hover {
   background-color: rgba(0, 0, 0, 0.05) !important;
 }
-[data-theme='dark'] ._sortingCell_1rtjr_144 ._staticCellContent_1rtjr_119:hover {
+[data-theme='dark'] ._sortingCell_9hq13_151 ._staticCellContent_9hq13_126:hover {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }
-._sortingCell_1rtjr_144 ._sortingCellIcon_1rtjr_155 {
+._sortingCell_9hq13_151 ._sortingCellIcon_9hq13_162 {
   font-size: var(--size-xs);
   position: absolute;
   right: var(--padding-input-x);
@@ -9870,22 +9877,22 @@ tbody ._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119 {
   transform: translateY(-50%);
   display: flex;
 }
-._sortingCell_1rtjr_144 ._sortingCellIcon_1rtjr_155 > * {
+._sortingCell_9hq13_151 ._sortingCellIcon_9hq13_162 > * {
   display: flex;
 }
-._icon_1rtjr_166 {
+._icon_9hq13_173 {
   display: inline-flex;
   margin-left: var(--padding-xxs);
 }
-._checkBoxCell_1rtjr_170 {
+._checkBoxCell_9hq13_177 {
   padding-block: 0 !important;
   width: var(--size);
 }
-._iconCellWrapper_1rtjr_174 {
+._iconCellWrapper_9hq13_181 {
   display: flex;
   justify-content: center;
 }
-._actionsCell_1rtjr_178 {
+._actionsCell_9hq13_185 {
   width: var(--size-sm);
   padding: 0 calc((var(--size) - var(--size-sm)) / 2) !important;
   position: sticky;
@@ -9893,25 +9900,25 @@ tbody ._staticCell_1rtjr_116 ._staticCellContent_1rtjr_119 {
   background: inherit;
   z-index: 4;
 }
-._rightAligned_1rtjr_186 {
+._rightAligned_9hq13_193 {
   text-align: right !important;
 }
-._rightAligned_1rtjr_186 ._staticCellContent_1rtjr_119 {
+._rightAligned_9hq13_193 ._staticCellContent_9hq13_126 {
   justify-content: flex-end;
 }
-._centerAligned_1rtjr_192 {
+._centerAligned_9hq13_199 {
   text-align: center !important;
 }
-._centerAligned_1rtjr_192 ._staticCellContent_1rtjr_119 {
+._centerAligned_9hq13_199 ._staticCellContent_9hq13_126 {
   justify-content: center;
 }
-._leftAligned_1rtjr_198 {
+._leftAligned_9hq13_205 {
   text-align: left !important;
 }
-._popover_1rtjr_201 {
+._popover_9hq13_208 {
   padding: var(--padding-input);
 }
-._disabledPointerEvents_1rtjr_204 {
+._disabledPointerEvents_9hq13_211 {
   pointer-events: none;
 }
 ._tabs_1y79t_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-CnfDrmnZ.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.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-DoFa61ar.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-BpSdrNXy.css"></head><body><div id="content"></div></body>

package/dist/index.js

@@ -55543,35 +55543,36 @@ const getHeaderAlignment = (alignments, isHeader = false, rowIndex = 0) => {
     return [];
   }
 };
-const inputInTable$1 = "_inputInTable_1rtjr_1";
-const error$1 = "_error_1rtjr_7";
-const warning$2 = "_warning_1rtjr_7";
-const inputHover$1 = "_inputHover_1rtjr_13";
-const inputFocus$1 = "_inputFocus_1rtjr_18";
-const inputError$1 = "_inputError_1rtjr_25";
-const inputWarning$1 = "_inputWarning_1rtjr_26";
-const inputDisabled$1 = "_inputDisabled_1rtjr_61";
-const hideScrollbars$1 = "_hideScrollbars_1rtjr_67";
-const cell = "_cell_1rtjr_77";
-const disabledLink = "_disabledLink_1rtjr_87";
-const inputWrapper$1 = "_inputWrapper_1rtjr_91";
-const breakWord = "_breakWord_1rtjr_106";
-const inputCell = "_inputCell_1rtjr_109";
-const sliderCell = "_sliderCell_1rtjr_112";
-const staticCell = "_staticCell_1rtjr_116";
-const staticCellContent = "_staticCellContent_1rtjr_119";
-const unit = "_unit_1rtjr_141";
-const sortingCell = "_sortingCell_1rtjr_144";
-const sortingCellIcon = "_sortingCellIcon_1rtjr_155";
-const icon = "_icon_1rtjr_166";
-const checkBoxCell = "_checkBoxCell_1rtjr_170";
-const iconCellWrapper = "_iconCellWrapper_1rtjr_174";
-const actionsCell = "_actionsCell_1rtjr_178";
-const rightAligned = "_rightAligned_1rtjr_186";
-const centerAligned = "_centerAligned_1rtjr_192";
-const leftAligned = "_leftAligned_1rtjr_198";
-const popover = "_popover_1rtjr_201";
-const disabledPointerEvents = "_disabledPointerEvents_1rtjr_204";
+const inputInTable$1 = "_inputInTable_9hq13_1";
+const error$1 = "_error_9hq13_7";
+const warning$2 = "_warning_9hq13_7";
+const inputHover$1 = "_inputHover_9hq13_13";
+const inputFocus$1 = "_inputFocus_9hq13_18";
+const inputError$1 = "_inputError_9hq13_25";
+const inputWarning$1 = "_inputWarning_9hq13_26";
+const inputDisabled$1 = "_inputDisabled_9hq13_61";
+const hideScrollbars$1 = "_hideScrollbars_9hq13_67";
+const cell = "_cell_9hq13_77";
+const disabledLink = "_disabledLink_9hq13_87";
+const inputWrapper$1 = "_inputWrapper_9hq13_91";
+const numberInputWrapper = "_numberInputWrapper_9hq13_106";
+const breakWord = "_breakWord_9hq13_113";
+const inputCell = "_inputCell_9hq13_116";
+const sliderCell = "_sliderCell_9hq13_119";
+const staticCell = "_staticCell_9hq13_123";
+const staticCellContent = "_staticCellContent_9hq13_126";
+const unit = "_unit_9hq13_148";
+const sortingCell = "_sortingCell_9hq13_151";
+const sortingCellIcon = "_sortingCellIcon_9hq13_162";
+const icon = "_icon_9hq13_173";
+const checkBoxCell = "_checkBoxCell_9hq13_177";
+const iconCellWrapper = "_iconCellWrapper_9hq13_181";
+const actionsCell = "_actionsCell_9hq13_185";
+const rightAligned = "_rightAligned_9hq13_193";
+const centerAligned = "_centerAligned_9hq13_199";
+const leftAligned = "_leftAligned_9hq13_205";
+const popover = "_popover_9hq13_208";
+const disabledPointerEvents = "_disabledPointerEvents_9hq13_211";
 const styles$7 = {
   inputInTable: inputInTable$1,
   error: error$1,
@@ -55585,6 +55586,7 @@ const styles$7 = {
   cell,
   disabledLink,
   inputWrapper: inputWrapper$1,
+  numberInputWrapper,
   breakWord,
   inputCell,
   sliderCell,
@@ -55864,21 +55866,30 @@ const InputCellWrapper = ({
   columnAlignment,
   testId
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: styles$7.inputWrapper, children: cell2.type === "Input" ? /* @__PURE__ */ jsx(
-    InputCell,
-    {
-      cell: cell2,
-      columnAlignment,
-      testId
-    }
-  ) : cell2.type === "NumberInput" ? /* @__PURE__ */ jsx(NumberInputCell, { cell: cell2, testId }) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(InputCell, { cell: cell2, testId, type: "date" }) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
-    SelectCell,
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      cell: cell2,
-      columnAlignment,
-      testId
+      className: cx$2(
+        styles$7.inputWrapper,
+        cell2.type === "NumberInput" ? styles$7.numberInputWrapper : ""
+      ),
+      children: cell2.type === "Input" ? /* @__PURE__ */ jsx(
+        InputCell,
+        {
+          cell: cell2,
+          columnAlignment,
+          testId
+        }
+      ) : cell2.type === "NumberInput" ? /* @__PURE__ */ jsx(NumberInputCell, { cell: cell2, testId }) : cell2.type === "DateInput" ? /* @__PURE__ */ jsx(InputCell, { cell: cell2, testId, type: "date" }) : cell2.type === "Select" ? /* @__PURE__ */ jsx(
+        SelectCell,
+        {
+          cell: cell2,
+          columnAlignment,
+          testId
+        }
+      ) : null
     }
-  ) : null });
+  );
 };
 const LinkCell = ({ cell: cell2, testId }) => {
   const disabledContext = useContext(DisabledContext);