@oliasoft-open-source/react-ui-library 4.0.0-beta-25 → 4.0.0-beta-27

package/dist/index.js

@@ -11714,6 +11714,16 @@ Spinner$1.propTypes = {
   small: propTypes$1.exports.bool,
   tiny: propTypes$1.exports.bool
 };
+const ButtonTooltipWrapper = ({ children, tooltip: tooltip2 }) => {
+  if (!tooltip2) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+    text: tooltip2,
+    display: "inline-flex",
+    children
+  });
+};
 const Button$1 = ({
   active: active2,
   basic: basic2,
@@ -11731,6 +11741,7 @@ const Button$1 = ({
   small: small2,
   width,
   title: title2,
+  tooltip: tooltip2,
   type,
   styles: styles2,
   error: error2,
@@ -11768,47 +11779,50 @@ const Button$1 = ({
     }
     return "";
   })();
-  return /* @__PURE__ */ jsxRuntime.exports.jsxs("button", {
-    type: type === "submit" ? "submit" : "button",
-    className: cx$2(
-      buttonStyles.button,
-      active2 ? buttonStyles.active : "",
-      basic2 ? buttonStyles.basic : "",
-      color2,
-      disabled2 || disabledContext ? buttonStyles.disabled : "",
-      (icon2 || loading) && !label2 ? buttonStyles.iconOnly : "",
-      inverted2 ? buttonStyles.inverted : "",
-      order2,
-      pill2 ? buttonStyles.pill : "",
-      round2 ? buttonStyles.round : "",
-      small2 ? buttonStyles.small : "",
-      error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
-      styles2
-    ),
-    disabled: disabled2 || disabledContext,
-    name: name2,
-    onClick,
-    ...title2 ? { title: title2 } : {},
-    style: { width },
-    "data-testid": testId,
-    children: [
-      icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-        className: buttonStyles.icon,
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-          icon: icon2
-        })
-      }),
-      loading && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
-        className: buttonStyles.icon,
-        children: /* @__PURE__ */ jsxRuntime.exports.jsx(Spinner$1, {
-          small: !small2,
-          tiny: small2,
-          dark: !colored2 && !basic2,
-          colored: basic2
-        })
-      }),
-      label2
-    ]
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(ButtonTooltipWrapper, {
+    tooltip: tooltip2,
+    children: /* @__PURE__ */ jsxRuntime.exports.jsxs("button", {
+      type: type === "submit" ? "submit" : "button",
+      className: cx$2(
+        buttonStyles.button,
+        active2 ? buttonStyles.active : "",
+        basic2 ? buttonStyles.basic : "",
+        color2,
+        disabled2 || disabledContext ? buttonStyles.disabled : "",
+        (icon2 || loading) && !label2 ? buttonStyles.iconOnly : "",
+        inverted2 ? buttonStyles.inverted : "",
+        order2,
+        pill2 ? buttonStyles.pill : "",
+        round2 ? buttonStyles.round : "",
+        small2 ? buttonStyles.small : "",
+        error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
+        styles2
+      ),
+      disabled: disabled2 || disabledContext,
+      name: name2,
+      onClick,
+      ...title2 ? { title: title2 } : {},
+      style: { width },
+      "data-testid": testId,
+      children: [
+        icon2 && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          className: buttonStyles.icon,
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+            icon: icon2
+          })
+        }),
+        loading && /* @__PURE__ */ jsxRuntime.exports.jsx("span", {
+          className: buttonStyles.icon,
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx(Spinner$1, {
+            small: !small2,
+            tiny: small2,
+            dark: !colored2 && !basic2,
+            colored: basic2
+          })
+        }),
+        label2
+      ]
+    })
   });
 };
 Button$1.defaultProps = {
@@ -11833,6 +11847,7 @@ Button$1.defaultProps = {
   error: void 0,
   warning: void 0,
   testId: void 0,
+  tooltip: void 0,
   inverted: false
 };
 Button$1.propTypes = {
@@ -11840,10 +11855,7 @@ Button$1.propTypes = {
   basic: propTypes$1.exports.bool,
   colored: propTypes$1.exports.oneOfType([propTypes$1.exports.bool, propTypes$1.exports.string]),
   disabled: propTypes$1.exports.bool,
-  icon: propTypes$1.exports.oneOfType([
-    propTypes$1.exports.node,
-    propTypes$1.exports.string
-  ]),
+  icon: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   groupOrder: propTypes$1.exports.string,
   label: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   title: propTypes$1.exports.string,
@@ -11857,6 +11869,7 @@ Button$1.propTypes = {
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
   error: propTypes$1.exports.string,
   warning: propTypes$1.exports.string,
+  tooltip: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   testId: propTypes$1.exports.string,
   pill: propTypes$1.exports.bool,
   inverted: propTypes$1.exports.bool
@@ -12042,6 +12055,7 @@ const actionShape = propTypes$1.exports.shape({
   disabled: propTypes$1.exports.bool,
   primary: propTypes$1.exports.bool,
   hidden: propTypes$1.exports.bool,
+  tooltip: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string]),
   testId: propTypes$1.exports.string
 });
 const subActionShape = propTypes$1.exports.shape({
@@ -12378,14 +12392,15 @@ const styles$J = {
   active: active$6
 };
 const SubmenuActions = (props) => {
-  const { actions: actions2, subMenuIcon, primary: primary2, testId } = props;
+  const { actions: actions2, subMenuIcon, primary: primary2, testId, tooltip: tooltip2 } = props;
   const menuButton = /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
     colored: primary2 ? true : "muted",
     basic: !primary2,
     round: true,
     small: true,
     icon: subMenuIcon != null ? subMenuIcon : "menu",
-    testId
+    testId,
+    tooltip: tooltip2
   });
   if (actions2.length) {
     const subMenu = {
@@ -12433,7 +12448,8 @@ const Actions = (props) => {
             primary: action2.primary,
             subMenuIcon: action2.icon,
             testId: action2.testId,
-            right: right2
+            right: right2,
+            tooltip: action2.tooltip
           }, index2);
         } else {
           return /* @__PURE__ */ jsxRuntime.exports.jsx(Button$1, {
@@ -12454,7 +12470,8 @@ const Actions = (props) => {
                 action2.onClick(evt);
               }
             },
-            testId: action2.testId
+            testId: action2.testId,
+            tooltip: action2.tooltip
           }, index2);
         }
       }
@@ -17138,17 +17155,17 @@ Label$2.propTypes = {
   }),
   labelLeft: propTypes$1.exports.bool
 };
-const field = "_field_2ll8c_1";
-const labelLeft = "_labelLeft_2ll8c_5";
-const fieldInput = "_fieldInput_2ll8c_9";
-const formRow$1 = "_formRow_2ll8c_12";
-const button$2 = "_button_2ll8c_22";
+const field = "_field_1byxq_1";
+const labelLeft = "_labelLeft_1byxq_5";
+const fieldInput = "_fieldInput_1byxq_9";
+const formRow$1 = "_formRow_1byxq_12";
+const button$2 = "_button_1byxq_22";
 const styles$v = {
   field,
   labelLeft,
   fieldInput,
   formRow: formRow$1,
-  "form-row": "_form-row_2ll8c_13",
+  "form-row": "_form-row_1byxq_13",
   button: button$2
 };
 const Field = ({
@@ -59610,36 +59627,35 @@ Footer.propTypes = {
   pagination: paginationShape,
   content: propTypes$1.exports.object
 };
-const inputInTable$1 = "_inputInTable_hyzeo_1";
-const inputHover$1 = "_inputHover_hyzeo_13";
-const inputFocus$1 = "_inputFocus_hyzeo_18";
-const inputError$1 = "_inputError_hyzeo_25";
-const inputWarning$1 = "_inputWarning_hyzeo_26";
-const inputDisabled$1 = "_inputDisabled_hyzeo_61";
-const hideScrollbars$1 = "_hideScrollbars_hyzeo_67";
-const cell = "_cell_hyzeo_77";
-const disabledLink = "_disabledLink_hyzeo_87";
-const inputWrapper = "_inputWrapper_hyzeo_91";
-const breakWord = "_breakWord_hyzeo_106";
-const inputCell = "_inputCell_hyzeo_109";
-const sliderCell = "_sliderCell_hyzeo_112";
-const staticCell = "_staticCell_hyzeo_116";
-const staticCellContent = "_staticCellContent_hyzeo_119";
-const error$1 = "_error_hyzeo_132";
-const warning$2 = "_warning_hyzeo_133";
-const unit = "_unit_hyzeo_142";
-const sortingCell = "_sortingCell_hyzeo_145";
-const sortingCellIcon = "_sortingCellIcon_hyzeo_156";
-const icon = "_icon_hyzeo_167";
-const checkBoxCell = "_checkBoxCell_hyzeo_171";
-const iconCell = "_iconCell_hyzeo_175";
-const iconWrapper = "_iconWrapper_hyzeo_180";
-const actionsCell = "_actionsCell_hyzeo_184";
-const rightAligned = "_rightAligned_hyzeo_192";
-const centerAligned = "_centerAligned_hyzeo_198";
-const leftAligned = "_leftAligned_hyzeo_204";
-const popover = "_popover_hyzeo_207";
-const disabledPointerEvents = "_disabledPointerEvents_hyzeo_210";
+const inputInTable$1 = "_inputInTable_sgjeo_1";
+const inputHover$1 = "_inputHover_sgjeo_13";
+const inputFocus$1 = "_inputFocus_sgjeo_18";
+const inputError$1 = "_inputError_sgjeo_25";
+const inputWarning$1 = "_inputWarning_sgjeo_26";
+const inputDisabled$1 = "_inputDisabled_sgjeo_61";
+const hideScrollbars$1 = "_hideScrollbars_sgjeo_67";
+const cell = "_cell_sgjeo_77";
+const disabledLink = "_disabledLink_sgjeo_87";
+const inputWrapper = "_inputWrapper_sgjeo_91";
+const breakWord = "_breakWord_sgjeo_106";
+const inputCell = "_inputCell_sgjeo_109";
+const sliderCell = "_sliderCell_sgjeo_112";
+const staticCell = "_staticCell_sgjeo_116";
+const staticCellContent = "_staticCellContent_sgjeo_119";
+const error$1 = "_error_sgjeo_132";
+const warning$2 = "_warning_sgjeo_133";
+const unit = "_unit_sgjeo_142";
+const sortingCell = "_sortingCell_sgjeo_145";
+const sortingCellIcon = "_sortingCellIcon_sgjeo_156";
+const icon = "_icon_sgjeo_167";
+const checkBoxCell = "_checkBoxCell_sgjeo_171";
+const iconCellWrapper = "_iconCellWrapper_sgjeo_175";
+const actionsCell = "_actionsCell_sgjeo_179";
+const rightAligned = "_rightAligned_sgjeo_187";
+const centerAligned = "_centerAligned_sgjeo_193";
+const leftAligned = "_leftAligned_sgjeo_199";
+const popover = "_popover_sgjeo_202";
+const disabledPointerEvents = "_disabledPointerEvents_sgjeo_205";
 const styles$7 = {
   inputInTable: inputInTable$1,
   inputHover: inputHover$1,
@@ -59663,8 +59679,7 @@ const styles$7 = {
   sortingCellIcon,
   icon,
   checkBoxCell,
-  iconCell,
-  iconWrapper,
+  iconCellWrapper,
   actionsCell,
   rightAligned,
   centerAligned,
@@ -60018,10 +60033,17 @@ const CellLibraryIcon = (props) => {
 };
 const IconCell = (props) => {
   const { cell: cell2 } = props;
+  const { tooltip: tooltip2, icon: icon2 } = cell2;
   return /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-    className: styles$7.iconWrapper,
-    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
-      icon: cell2.icon
+    className: styles$7.iconCellWrapper,
+    children: /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+      text: tooltip2,
+      enabled: tooltip2 && isStringNumberOrNode(tooltip2),
+      display: "flex",
+      placement: "top-center",
+      children: /* @__PURE__ */ jsxRuntime.exports.jsx(Icon, {
+        icon: icon2
+      })
     })
   });
 };
@@ -60927,16 +60949,16 @@ Table.propTypes = {
   }).isRequired,
   onListReorder: propTypes$1.exports.func
 };
-const tabs = "_tabs_bpi2q_1";
-const padding = "_padding_bpi2q_7";
-const margin = "_margin_bpi2q_11";
-const contentPadding = "_contentPadding_bpi2q_14";
-const item$1 = "_item_bpi2q_17";
-const active$1 = "_active_bpi2q_38";
-const hidden = "_hidden_bpi2q_57";
-const disabled$1 = "_disabled_bpi2q_60";
-const left$1 = "_left_bpi2q_64";
-const right$1 = "_right_bpi2q_64";
+const tabs = "_tabs_eqy95_1";
+const padding = "_padding_eqy95_7";
+const margin = "_margin_eqy95_11";
+const contentPadding = "_contentPadding_eqy95_14";
+const item$1 = "_item_eqy95_17";
+const active$1 = "_active_eqy95_38";
+const hidden = "_hidden_eqy95_57";
+const disabled$1 = "_disabled_eqy95_60";
+const left$1 = "_left_eqy95_64";
+const right$1 = "_right_eqy95_64";
 const styles$5 = {
   tabs,
   padding,
@@ -62450,22 +62472,22 @@ Toggle.propTypes = {
   helpText: propTypes$1.exports.string,
   onClickHelp: propTypes$1.exports.func
 };
-const topbar = "_topbar_uzfj5_8";
-const fixed = "_fixed_uzfj5_17";
-const appSwitcher = "_appSwitcher_uzfj5_25";
-const title = "_title_uzfj5_49";
-const logo = "_logo_uzfj5_65";
-const label = "_label_uzfj5_68";
-const brand = "_brand_uzfj5_73";
-const version = "_version_uzfj5_78";
-const left = "_left_uzfj5_85";
-const right = "_right_uzfj5_86";
-const item = "_item_uzfj5_100";
-const link = "_link_uzfj5_101";
-const button = "_button_uzfj5_113";
-const menu = "_menu_uzfj5_114";
-const active = "_active_uzfj5_142";
-const alert = "_alert_uzfj5_167";
+const topbar = "_topbar_ki10t_8";
+const fixed = "_fixed_ki10t_17";
+const appSwitcher = "_appSwitcher_ki10t_25";
+const title = "_title_ki10t_49";
+const logo = "_logo_ki10t_65";
+const label = "_label_ki10t_68";
+const brand = "_brand_ki10t_73";
+const version = "_version_ki10t_78";
+const left = "_left_ki10t_85";
+const right = "_right_ki10t_86";
+const item = "_item_ki10t_100";
+const link = "_link_ki10t_101";
+const button = "_button_ki10t_113";
+const menu = "_menu_ki10t_114";
+const active = "_active_ki10t_142";
+const alert = "_alert_ki10t_167";
 const styles$2 = {
   topbar,
   fixed,
@@ -74495,10 +74517,13 @@ const TreeItem = ({
           item: data
         }),
         /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
-          className: listStyles.actions,
-          children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
-            actions: actions2,
-            right: true
+          className: listStyles.right,
+          children: /* @__PURE__ */ jsxRuntime.exports.jsx("div", {
+            className: listStyles.actions,
+            children: /* @__PURE__ */ jsxRuntime.exports.jsx(Actions, {
+              actions: actions2,
+              right: true
+            })
           })
         })
       ]