@oliasoft-open-source/react-ui-library 3.11.0-beta-10 → 3.11.0-beta-12

package/dist/index.js

@@ -59110,19 +59110,19 @@ Spacer.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   flex: propTypes$1.exports.bool
 };
-const inputInTable$2 = "_inputInTable_j46wi_337";
-const inputHover$2 = "_inputHover_j46wi_346";
-const inputFocus$2 = "_inputFocus_j46wi_351";
-const inputError$2 = "_inputError_j46wi_358";
-const inputWarning$2 = "_inputWarning_j46wi_359";
-const inputDisabled$2 = "_inputDisabled_j46wi_394";
-const hideScrollbars$2 = "_hideScrollbars_j46wi_399";
-const scrollbars$2 = "_scrollbars_j46wi_409";
-const wrapper = "_wrapper_j46wi_446";
-const bordered = "_bordered_j46wi_453";
-const scroll2 = "_scroll_j46wi_409";
-const table = "_table_j46wi_467";
-const striped = "_striped_j46wi_547";
+const inputInTable$2 = "_inputInTable_gwun7_337";
+const inputHover$2 = "_inputHover_gwun7_346";
+const inputFocus$2 = "_inputFocus_gwun7_351";
+const inputError$2 = "_inputError_gwun7_358";
+const inputWarning$2 = "_inputWarning_gwun7_359";
+const inputDisabled$2 = "_inputDisabled_gwun7_394";
+const hideScrollbars$2 = "_hideScrollbars_gwun7_399";
+const scrollbars$2 = "_scrollbars_gwun7_409";
+const wrapper = "_wrapper_gwun7_446";
+const bordered = "_bordered_gwun7_454";
+const scroll2 = "_scroll_gwun7_409";
+const table = "_table_gwun7_468";
+const striped = "_striped_gwun7_548";
 const styles$a = {
   inputInTable: inputInTable$2,
   inputHover: inputHover$2,
@@ -59260,37 +59260,37 @@ 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_gp6oe_337";
-const inputHover$1 = "_inputHover_gp6oe_346";
-const inputFocus$1 = "_inputFocus_gp6oe_351";
-const inputError$1 = "_inputError_gp6oe_358";
-const inputWarning$1 = "_inputWarning_gp6oe_359";
-const inputDisabled$1 = "_inputDisabled_gp6oe_394";
-const hideScrollbars$1 = "_hideScrollbars_gp6oe_399";
-const scrollbars$1 = "_scrollbars_gp6oe_409";
-const cell = "_cell_gp6oe_436";
-const disabledLink = "_disabledLink_gp6oe_446";
-const inputWrapper = "_inputWrapper_gp6oe_450";
-const breakWord = "_breakWord_gp6oe_465";
-const inputCell = "_inputCell_gp6oe_468";
-const sliderCell = "_sliderCell_gp6oe_471";
-const staticCell = "_staticCell_gp6oe_475";
-const staticCellContent = "_staticCellContent_gp6oe_478";
-const error$1 = "_error_gp6oe_491";
-const warning$2 = "_warning_gp6oe_492";
-const unit = "_unit_gp6oe_501";
-const sortingCell = "_sortingCell_gp6oe_504";
-const sortingCellIcon = "_sortingCellIcon_gp6oe_512";
-const icon = "_icon_gp6oe_519";
-const checkBoxCell = "_checkBoxCell_gp6oe_523";
-const iconCell = "_iconCell_gp6oe_527";
-const iconWrapper = "_iconWrapper_gp6oe_532";
-const actionsCell = "_actionsCell_gp6oe_536";
-const rightAligned = "_rightAligned_gp6oe_544";
-const centerAligned = "_centerAligned_gp6oe_550";
-const leftAligned = "_leftAligned_gp6oe_553";
-const popover = "_popover_gp6oe_556";
-const disabledPointerEvents = "_disabledPointerEvents_gp6oe_559";
+const inputInTable$1 = "_inputInTable_18of2_337";
+const inputHover$1 = "_inputHover_18of2_346";
+const inputFocus$1 = "_inputFocus_18of2_351";
+const inputError$1 = "_inputError_18of2_358";
+const inputWarning$1 = "_inputWarning_18of2_359";
+const inputDisabled$1 = "_inputDisabled_18of2_394";
+const hideScrollbars$1 = "_hideScrollbars_18of2_399";
+const scrollbars$1 = "_scrollbars_18of2_409";
+const cell = "_cell_18of2_436";
+const disabledLink = "_disabledLink_18of2_446";
+const inputWrapper = "_inputWrapper_18of2_450";
+const breakWord = "_breakWord_18of2_465";
+const inputCell = "_inputCell_18of2_468";
+const sliderCell = "_sliderCell_18of2_471";
+const staticCell = "_staticCell_18of2_475";
+const staticCellContent = "_staticCellContent_18of2_478";
+const error$1 = "_error_18of2_491";
+const warning$2 = "_warning_18of2_492";
+const unit = "_unit_18of2_501";
+const sortingCell = "_sortingCell_18of2_504";
+const sortingCellIcon = "_sortingCellIcon_18of2_512";
+const icon = "_icon_18of2_519";
+const checkBoxCell = "_checkBoxCell_18of2_523";
+const iconCell = "_iconCell_18of2_527";
+const iconWrapper = "_iconWrapper_18of2_532";
+const actionsCell = "_actionsCell_18of2_536";
+const rightAligned = "_rightAligned_18of2_544";
+const centerAligned = "_centerAligned_18of2_550";
+const leftAligned = "_leftAligned_18of2_556";
+const popover = "_popover_18of2_559";
+const disabledPointerEvents = "_disabledPointerEvents_18of2_562";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -59454,7 +59454,7 @@ const getCellAlignment = (alignment, styles2, isGetText = false) => {
   const left2 = "left";
   const right2 = "right";
   const center2 = "center";
-  const cellAlignment = isHeader ? headerAlignment : bodyAlignment;
+  const cellAlignment = isHeader && headerAlignment ? headerAlignment : bodyAlignment;
   switch (cellAlignment) {
     case left2: {
       return isGetText ? left2 : styles2.leftAligned;
@@ -59488,107 +59488,95 @@ const getHeaderAlignment = (alignments, isHeader, rowIndex) => {
 };
 const NumberInputCell = (props) => {
   const { cell: cell2, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInput, {
-      name: cell2.name,
-      value: cell2.value,
-      onChange: (ev) => cell2.onChange(ev),
-      placeholder: cell2.placeholder,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      isInTable: true,
-      left: cell2.left,
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0,
-      tooltip: cell2.tooltip,
-      validationCallback: cell2.validationCallback,
-      allowEmpty: cell2.allowEmpty
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInput, {
+    name: cell2.name,
+    value: cell2.value,
+    onChange: (ev) => cell2.onChange(ev),
+    placeholder: cell2.placeholder,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    isInTable: true,
+    left: cell2.left,
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0,
+    tooltip: cell2.tooltip,
+    validationCallback: cell2.validationCallback,
+    allowEmpty: cell2.allowEmpty
   });
 };
 const InputCell = (props) => {
   const { cell: cell2, columnAlignment, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Input$1, {
-      name: cell2.name,
-      value: cell2.value,
-      onChange: (ev) => cell2.onChange(ev),
-      placeholder: cell2.placeholder,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      isInTable: true,
-      maxTooltipWidth: cell2.maxTooltipWidth,
-      right: columnAlignment === "right",
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0,
-      tooltip: cell2.tooltip
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Input$1, {
+    name: cell2.name,
+    value: cell2.value,
+    onChange: (ev) => cell2.onChange(ev),
+    placeholder: cell2.placeholder,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    isInTable: true,
+    maxTooltipWidth: cell2.maxTooltipWidth,
+    right: columnAlignment === "right",
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0,
+    tooltip: cell2.tooltip
   });
 };
 const SelectCell = (props) => {
   const { cell: cell2, columnAlignment, testId } = props;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Select, {
-      name: cell2.name,
-      borderRadius: 0,
-      menu: cell2.menu,
-      options: cell2.options,
-      onChange: (ev) => cell2.onChange(ev),
-      onCreate: cell2.onCreate ? (ev) => cell2.onCreate(ev) : void 0,
-      error: cell2.error,
-      warning: cell2.warning,
-      disabled: cell2.disabled,
-      placeholder: cell2.placeholder,
-      isInTable: true,
-      value: cell2.value,
-      native: cell2.native,
-      clearable: cell2.clearable,
-      searchable: cell2.searchable,
-      deprecatedEventHandler: cell2.deprecatedEventHandler,
-      maxTooltipWidth: cell2.maxTooltipWidth,
-      width: "100%",
-      autoLayerWidth: cell2.autoLayerWidth,
-      right: columnAlignment === "right",
-      testId,
-      tabIndex: cell2.disabled ? -1 : 0
-    })
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Select, {
+    name: cell2.name,
+    borderRadius: 0,
+    menu: cell2.menu,
+    options: cell2.options,
+    onChange: (ev) => cell2.onChange(ev),
+    onCreate: cell2.onCreate ? (ev) => cell2.onCreate(ev) : void 0,
+    error: cell2.error,
+    warning: cell2.warning,
+    disabled: cell2.disabled,
+    placeholder: cell2.placeholder,
+    isInTable: true,
+    value: cell2.value,
+    native: cell2.native,
+    clearable: cell2.clearable,
+    searchable: cell2.searchable,
+    deprecatedEventHandler: cell2.deprecatedEventHandler,
+    maxTooltipWidth: cell2.maxTooltipWidth,
+    width: "100%",
+    autoLayerWidth: cell2.autoLayerWidth,
+    right: columnAlignment === "right",
+    testId,
+    tabIndex: cell2.disabled ? -1 : 0
   });
 };
 const LinkCell = (props) => {
   const disabledContext = useContext(DisabledContext);
   const { cell: cell2, testId } = props;
   const { error: error2, warning: warning2, tooltip: tooltip2, maxTooltipWidth } = cell2;
-  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.inputWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
-      error: !!error2,
-      warning: !!warning2,
-      text: tooltip2 || error2 || warning2,
-      enabled: tooltip2 && isStringNumberOrNode(tooltip2) || error2 && isStringNumberOrNode(error2) || warning2 && isStringNumberOrNode(warning2) || false,
-      maxWidth: maxTooltipWidth,
-      placement: "bottom-center",
-      children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+    error: !!error2,
+    warning: !!warning2,
+    text: tooltip2 || error2 || warning2,
+    enabled: tooltip2 && isStringNumberOrNode(tooltip2) || error2 && isStringNumberOrNode(error2) || warning2 && isStringNumberOrNode(warning2) || false,
+    maxWidth: maxTooltipWidth,
+    placement: "bottom-center",
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+      className: cx$2(
+        styles$7.staticCellContent,
+        error2 ? styles$7.error : warning2 ? styles$7.warning : ""
+      ),
+      children: /* @__PURE__ */ jsxRuntime.exports.jsx("a", {
         className: cx$2(
-          styles$7.staticCellContent,
-          error2 ? styles$7.error : warning2 ? styles$7.warning : ""
+          (cell2.disabled || disabledContext) && styles$7.disabledLink
         ),
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx("a", {
-          className: cx$2(
-            (cell2.disabled || disabledContext) && styles$7.disabledLink
-          ),
-          onClick: cell2.disabled || disabledContext ? () => {
-          } : (evt) => {
-            evt.stopPropagation();
-            cell2.onClick(evt);
-          },
-          "data-testid": testId,
-          children: cell2.value
-        })
+        onClick: cell2.disabled || disabledContext ? () => {
+        } : (evt) => {
+          evt.stopPropagation();
+          cell2.onClick(evt);
+        },
+        "data-testid": testId,
+        children: cell2.value
       })
     })
   });
@@ -59741,24 +59729,33 @@ const PopoverCell = (props) => {
     })
   });
 };
+const InputCellWrapper = (props) => {
+  const { cell: cell2, columnAlignment, testId } = props;
+  return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+    className: styles$7.inputWrapper,
+    children: cell2.type === "Input" ? /* @__PURE__ */ jsxRuntime.exports.jsx(InputCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : cell2.type === "NumberInput" ? /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInputCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : cell2.type === "Select" ? /* @__PURE__ */ jsxRuntime.exports.jsx(SelectCell, {
+      cell: cell2,
+      columnAlignment,
+      testId
+    }) : null
+  });
+};
 const CellWrapper = (props) => {
   const { cell: cell2, isHeader, columnAlignment, testId } = props;
   if (cell2) {
     switch (cell2.type) {
       case "Input":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(InputCell, {
-          cell: cell2,
-          columnAlignment,
-          testId
-        });
       case "NumberInput":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(NumberInputCell, {
-          cell: cell2,
-          columnAlignment,
-          testId
-        });
       case "Select":
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(SelectCell, {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(InputCellWrapper, {
           cell: cell2,
           columnAlignment,
           testId
@@ -60075,13 +60072,13 @@ Cell.propTypes = {
   cell: cellShape,
   testId: propTypes$1.exports.string
 };
-const clickableRow = "_clickableRow_pj6et_337";
-const hoverableRow = "_hoverableRow_pj6et_340";
-const rowActive = "_rowActive_pj6et_340";
-const expandableRow = "_expandableRow_pj6et_344";
-const flush2 = "_flush_pj6et_344";
-const dragIconCell = "_dragIconCell_pj6et_364";
-const dragIcon = "_dragIcon_pj6et_364";
+const clickableRow = "_clickableRow_1i409_337";
+const hoverableRow = "_hoverableRow_1i409_340";
+const rowActive = "_rowActive_1i409_340";
+const expandableRow = "_expandableRow_1i409_344";
+const flush2 = "_flush_1i409_344";
+const dragIconCell = "_dragIconCell_1i409_364";
+const dragIcon = "_dragIcon_1i409_364";
 const styles$6 = {
   clickableRow,
   hoverableRow,