@oliasoft-open-source/react-ui-library 4.0.0-beta-68 → 4.0.0-beta-70

package/dist/index.js

@@ -11414,23 +11414,16 @@ const spinner = "_spinner_156m4_1";
 const styles$M = {
   spinner
 };
-const Spinner$1 = ({ small: small2, colored: colored2, dark: dark2, tiny }) => {
-  const color2 = colored2 ? "var(--color-primary)" : dark2 ? "var(--color-text-muted)" : "white";
+const Spinner$1 = ({
+  small: small2 = false,
+  colored: colored2 = false,
+  dark: dark2 = false,
+  tiny = false
+}) => {
+  const color2 = colored2 ? "var(--color-text-primary)" : dark2 ? "var(--color-text-muted)" : "white";
   const fontSize = small2 ? "var(--font-size)" : tiny ? "var(--font-size-xs)" : "var(--size)";
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$M.spinner, style: { color: color2, fontSize } });
 };
-Spinner$1.defaultProps = {
-  colored: false,
-  dark: false,
-  small: false,
-  tiny: false
-};
-Spinner$1.propTypes = {
-  colored: PropTypes.bool,
-  dark: PropTypes.bool,
-  small: PropTypes.bool,
-  tiny: PropTypes.bool
-};
 var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["SUBMIT"] = "submit";
   ButtonType2["BUTTON"] = "button";
@@ -26105,43 +26098,43 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_327v8_1";
-const inputHover$8 = "_inputHover_327v8_13";
-const inputFocus$8 = "_inputFocus_327v8_18";
-const inputError$8 = "_inputError_327v8_25";
-const inputWarning$8 = "_inputWarning_327v8_26";
-const inputDisabled$8 = "_inputDisabled_327v8_61";
-const hideScrollbars$8 = "_hideScrollbars_327v8_67";
-const header$1 = "_header_327v8_77";
-const headerTitle = "_headerTitle_327v8_77";
-const heading$3 = "_heading_327v8_78";
-const itemHeader = "_itemHeader_327v8_78";
-const narrow = "_narrow_327v8_81";
-const stickyHeader = "_stickyHeader_327v8_85";
-const title$3 = "_title_327v8_96";
-const name = "_name_327v8_102";
-const iconTooltipMargin = "_iconTooltipMargin_327v8_105";
-const bold = "_bold_327v8_108";
-const toggleNarrow = "_toggleNarrow_327v8_117";
-const drag$1 = "_drag_327v8_135";
-const list$1 = "_list_327v8_152";
-const bordered$1 = "_bordered_327v8_156";
-const item$4 = "_item_327v8_78";
-const action = "_action_327v8_189";
-const active$3 = "_active_327v8_192";
-const indented = "_indented_327v8_199";
-const disabled$5 = "_disabled_327v8_212";
-const label$6 = "_label_327v8_223";
-const details$2 = "_details_327v8_234";
-const metadata = "_metadata_327v8_235";
-const itemContent = "_itemContent_327v8_243";
-const indentIcon = "_indentIcon_327v8_250";
-const expandIcon = "_expandIcon_327v8_255";
-const expanded = "_expanded_327v8_262";
-const right$4 = "_right_327v8_265";
-const actions = "_actions_327v8_273";
-const scrollableList = "_scrollableList_327v8_278";
-const hideScrollbar = "_hideScrollbar_327v8_67";
+const inputInTable$8 = "_inputInTable_1jod2_1";
+const inputHover$8 = "_inputHover_1jod2_13";
+const inputFocus$8 = "_inputFocus_1jod2_18";
+const inputError$8 = "_inputError_1jod2_25";
+const inputWarning$8 = "_inputWarning_1jod2_26";
+const inputDisabled$8 = "_inputDisabled_1jod2_61";
+const hideScrollbars$8 = "_hideScrollbars_1jod2_67";
+const header$1 = "_header_1jod2_77";
+const headerTitle = "_headerTitle_1jod2_77";
+const heading$3 = "_heading_1jod2_78";
+const itemHeader = "_itemHeader_1jod2_78";
+const narrow = "_narrow_1jod2_81";
+const stickyHeader = "_stickyHeader_1jod2_85";
+const title$3 = "_title_1jod2_96";
+const name = "_name_1jod2_102";
+const iconTooltipMargin = "_iconTooltipMargin_1jod2_105";
+const bold = "_bold_1jod2_108";
+const toggleNarrow = "_toggleNarrow_1jod2_117";
+const drag$1 = "_drag_1jod2_135";
+const list$1 = "_list_1jod2_154";
+const bordered$1 = "_bordered_1jod2_158";
+const item$4 = "_item_1jod2_78";
+const action = "_action_1jod2_191";
+const active$3 = "_active_1jod2_194";
+const indented = "_indented_1jod2_201";
+const disabled$5 = "_disabled_1jod2_214";
+const label$6 = "_label_1jod2_225";
+const details$2 = "_details_1jod2_236";
+const metadata = "_metadata_1jod2_237";
+const itemContent = "_itemContent_1jod2_245";
+const indentIcon = "_indentIcon_1jod2_252";
+const expandIcon = "_expandIcon_1jod2_257";
+const expanded = "_expanded_1jod2_264";
+const right$4 = "_right_1jod2_267";
+const actions = "_actions_1jod2_275";
+const scrollableList = "_scrollableList_1jod2_280";
+const hideScrollbar = "_hideScrollbar_1jod2_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -26632,27 +26625,27 @@ const List = ({
     }
   );
 };
-const inputInTable$7 = "_inputInTable_iuvy3_1";
-const inputHover$7 = "_inputHover_iuvy3_13";
-const inputFocus$7 = "_inputFocus_iuvy3_18";
-const inputError$7 = "_inputError_iuvy3_25";
-const inputWarning$7 = "_inputWarning_iuvy3_26";
-const inputDisabled$7 = "_inputDisabled_iuvy3_61";
-const hideScrollbars$7 = "_hideScrollbars_iuvy3_67";
-const container$1 = "_container_iuvy3_83";
-const block$1 = "_block_iuvy3_102";
-const info = "_info_iuvy3_105";
-const success = "_success_iuvy3_109";
-const warning$6 = "_warning_iuvy3_113";
-const error$4 = "_error_iuvy3_117";
-const content$1 = "_content_iuvy3_121";
-const heading$2 = "_heading_iuvy3_125";
-const icon$3 = "_icon_iuvy3_132";
-const dismiss$1 = "_dismiss_iuvy3_140";
-const absolute = "_absolute_iuvy3_144";
-const legendToggle = "_legendToggle_iuvy3_156";
-const detailsText = "_detailsText_iuvy3_166";
-const footer$1 = "_footer_iuvy3_170";
+const inputInTable$7 = "_inputInTable_s49vk_1";
+const inputHover$7 = "_inputHover_s49vk_13";
+const inputFocus$7 = "_inputFocus_s49vk_18";
+const inputError$7 = "_inputError_s49vk_25";
+const inputWarning$7 = "_inputWarning_s49vk_26";
+const inputDisabled$7 = "_inputDisabled_s49vk_61";
+const hideScrollbars$7 = "_hideScrollbars_s49vk_67";
+const container$1 = "_container_s49vk_83";
+const block$1 = "_block_s49vk_101";
+const info = "_info_s49vk_104";
+const success = "_success_s49vk_108";
+const warning$6 = "_warning_s49vk_112";
+const error$4 = "_error_s49vk_116";
+const content$1 = "_content_s49vk_120";
+const heading$2 = "_heading_s49vk_124";
+const icon$3 = "_icon_s49vk_131";
+const dismiss$1 = "_dismiss_s49vk_139";
+const absolute = "_absolute_s49vk_143";
+const legendToggle = "_legendToggle_s49vk_155";
+const detailsText = "_detailsText_s49vk_165";
+const footer$1 = "_footer_s49vk_169";
 const styles$r = {
   inputInTable: inputInTable$7,
   inputHover: inputHover$7,
@@ -26676,63 +26669,67 @@ const styles$r = {
   detailsText,
   footer: footer$1
 };
-const Dismiss = ({ onClose, isInToast }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$r.dismiss, isInToast ? styles$r.absolute : ""), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button$1,
+var MessageType = /* @__PURE__ */ ((MessageType2) => {
+  MessageType2["INFO"] = "Info";
+  MessageType2["SUCCESS"] = "Success";
+  MessageType2["WARNING"] = "Warning";
+  MessageType2["ERROR"] = "Error";
+  return MessageType2;
+})(MessageType || {});
+var MessageToggle = /* @__PURE__ */ ((MessageToggle2) => {
+  MessageToggle2["TOGGLE_DETAILS"] = "TOGGLE_DETAILS";
+  return MessageToggle2;
+})(MessageToggle || {});
+const Dismiss = ({ type, onClose, isInToast }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
     {
-      small: true,
-      round: true,
-      basic: true,
-      colored: "muted",
-      icon: "close",
-      onClick: onClose
+      className: cx$2(
+        styles$r.dismiss,
+        isInToast ? styles$r.absolute : "",
+        type === MessageType.INFO ? styles$r.info : type === MessageType.SUCCESS ? styles$r.success : type === MessageType.WARNING ? styles$r.warning : type === MessageType.ERROR ? styles$r.error : null
+      ),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.CLOSE, onClick: onClose })
     }
-  ) });
+  );
 };
 const initialState$4 = {
   detailsVisible: false
 };
 const reducer$1 = (state, action2) => {
   switch (action2.type) {
-    case "TOGGLE_DETAILS": {
+    case MessageToggle.TOGGLE_DETAILS:
       return {
         ...state,
         detailsVisible: !state.detailsVisible
       };
-    }
     default:
       return state;
   }
 };
 const Details = ({ details: details2, visible, dispatch }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: cx$2(styles$r.legendToggle),
-        onClick: () => dispatch({ type: "TOGGLE_DETAILS" }),
-        children: visible ? "Hide details" : "Show details"
-      }
-    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx$2(styles$r.legendToggle), onClick: dispatch, children: visible ? "Hide details" : "Show details" }),
     visible ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$r.detailsText, children: details2 }) : null
   ] });
 };
 const DialogIcon = ({ type }) => {
+  const size2 = 16;
   switch (type) {
-    case "Success":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "success" });
-    case "Warning":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "warning" });
-    case "Error":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "error" });
+    case MessageType.SUCCESS:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.SUCCESS, size: size2 });
+    case MessageType.WARNING:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.WARNING, size: size2 });
+    case MessageType.ERROR:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.ERROR, size: size2 });
     default:
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "info" });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: IconType.INFO, size: size2 });
   }
 };
 const Message = ({ message: message2 }) => {
   const {
     visible,
-    type,
+    type = MessageType.INFO,
     icon: icon2,
     heading: heading2,
     content: content2,
@@ -26750,7 +26747,7 @@ const Message = ({ message: message2 }) => {
       className: cx$2(
         styles$r.container,
         width2 ? styles$r.block : null,
-        type === "Success" ? styles$r.success : type === "Warning" ? styles$r.warning : type === "Error" ? styles$r.error : styles$r.info
+        type === MessageType.SUCCESS ? styles$r.success : type === MessageType.WARNING ? styles$r.warning : type === MessageType.ERROR ? styles$r.error : styles$r.info
       ),
       style: { width: width2, maxHeight },
       children: [
@@ -26763,7 +26760,7 @@ const Message = ({ message: message2 }) => {
             {
               details: details2,
               visible: state.detailsVisible,
-              dispatch: () => dispatch({ type: "TOGGLE_DETAILS" })
+              dispatch: () => dispatch({ type: MessageToggle.TOGGLE_DETAILS })
             }
           ) : null,
           !!footer2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$r.footer, children: footer2 })
@@ -26773,30 +26770,6 @@ const Message = ({ message: message2 }) => {
     }
   ) : null });
 };
-const messageShape = PropTypes.shape({
-  visible: PropTypes.bool,
-  type: PropTypes.oneOf(["Info", "Success", "Warning", "Error"]),
-  icon: PropTypes.bool,
-  heading: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  content: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.node
-  ]),
-  details: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.node
-  ]),
-  footer: PropTypes.node,
-  withDismiss: PropTypes.bool,
-  onClose: PropTypes.func,
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-});
-Message.propTypes = {
-  message: messageShape.isRequired
-};
 const Portal = ({ id: id2, children }) => {
   const parent = document.querySelector(`#${id2}`);
   const [mounted, setMounted] = useState(false);
@@ -59834,20 +59807,19 @@ const styles$d = {
   row
 };
 const Row$1 = ({
-  alignItems,
-  justifyContent,
-  children,
-  flex,
-  height: height2,
-  marginBottom,
-  marginTop,
-  spacing: spacingProp,
-  wrap: wrap2,
-  testId
+  alignItems = "initial",
+  justifyContent = "initial",
+  children = null,
+  flex = false,
+  height: height2 = "auto",
+  marginBottom = "0",
+  marginTop = "0",
+  spacing = "var(--padding)",
+  wrap: wrap2 = false,
+  testId = null
 }) => {
-  const spacing = typeof spacingProp === "number" ? `${spacingProp}px` : spacingProp;
-  const childElements = children === null || children === false ? [] : children instanceof Array ? children.filter((c2) => isValidElement(c2)) : [children];
-  const columns = childElements.map((item2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Fragment$1, { children: React__default.cloneElement(item2, { spacing }) }, index2));
+  const childElements = children === null || children === false ? [] : Array.isArray(children) ? children.filter((c2) => isValidElement(c2)) : [children];
+  const columns = childElements.map((item2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: React__default.cloneElement(item2, { spacing }) }, index2));
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -59859,8 +59831,8 @@ const Row$1 = ({
         flexShrink: flex ? 1 : 0,
         flexWrap: wrap2 ? "wrap" : "nowrap",
         height: height2,
-        marginLeft: `calc(${spacing} / -2)`,
-        marginRight: `calc(${spacing} / -2)`,
+        marginLeft: Number(spacing) * -0.5,
+        marginRight: Number(spacing) * -0.5,
         marginBottom,
         marginTop
       },
@@ -59869,30 +59841,6 @@ const Row$1 = ({
     }
   );
 };
-Row$1.defaultProps = {
-  alignItems: "initial",
-  justifyContent: "initial",
-  children: null,
-  flex: false,
-  height: "auto",
-  marginBottom: "0",
-  marginTop: "0",
-  spacing: "var(--padding)",
-  wrap: false,
-  testId: null
-};
-Row$1.propTypes = {
-  alignItems: PropTypes.string,
-  justifyContent: PropTypes.string,
-  children: PropTypes.node,
-  flex: PropTypes.bool,
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  spacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  wrap: PropTypes.bool,
-  testId: PropTypes.string
-};
 var hasElementType = typeof Element !== "undefined";
 var hasMap = typeof Map === "function";
 var hasSet = typeof Set === "function";
@@ -65194,13 +65142,6 @@ eventManager.on(
   }
 );
 const toaster = "";
-var MessageType = /* @__PURE__ */ ((MessageType2) => {
-  MessageType2["INFO"] = "Info";
-  MessageType2["SUCCESS"] = "Success";
-  MessageType2["WARNING"] = "Warning";
-  MessageType2["ERROR"] = "Error";
-  return MessageType2;
-})(MessageType || {});
 const toast = ({
   id: id2,
   message: message2 = { type: MessageType.INFO, content: "" },
@@ -65257,11 +65198,11 @@ const toast = ({
     type: toastType
   });
 };
-const toggle$1 = "_toggle_3ujcm_9";
-const small = "_small_3ujcm_25";
-const disabled = "_disabled_3ujcm_101";
-const noMargin = "_noMargin_3ujcm_112";
-const helpIconEnabled = "_helpIconEnabled_3ujcm_115";
+const toggle$1 = "_toggle_1mo1i_9";
+const small = "_small_1mo1i_25";
+const disabled = "_disabled_1mo1i_102";
+const noMargin = "_noMargin_1mo1i_113";
+const helpIconEnabled = "_helpIconEnabled_1mo1i_116";
 const styles$3 = {
   toggle: toggle$1,
   small,