@oliasoft-open-source/react-ui-library 3.9.13 → 3.9.14

package/dist/index.js

@@ -2768,7 +2768,7 @@ var index = function() {
   return ResizeObserver$1;
 }();
 var isProduction$3 = process.env.NODE_ENV === "production";
-function warning$d(condition, message2) {
+function warning$e(condition, message2) {
   if (!isProduction$3) {
     if (condition) {
       return;
@@ -3042,7 +3042,7 @@ function useTrackElements(_ref) {
   var enabled = _ref.enabled, onChange = _ref.onChange, environment2 = _ref.environment, ResizeObserverPolyfill = _ref.ResizeObserverPolyfill, overflowContainer = _ref.overflowContainer, triggerOption = _ref.triggerOption;
   var ResizeObserver2 = getResizeObserver(environment2, ResizeObserverPolyfill);
   useEffect(function() {
-    process.env.NODE_ENV !== "production" ? warning$d(ResizeObserver2, "This browser does not support ResizeObserver out of the box. We recommend to add a polyfill in order to utilize the full capabilities of react-laag. See: https://github.com/everweij/react-laag#resize-observer") : void 0;
+    process.env.NODE_ENV !== "production" ? warning$e(ResizeObserver2, "This browser does not support ResizeObserver out of the box. We recommend to add a polyfill in order to utilize the full capabilities of react-laag. See: https://github.com/everweij/react-laag#resize-observer") : void 0;
   }, [ResizeObserver2]);
   var arrowRef = useRef(null);
   var hasTriggerOption = Boolean(triggerOption);
@@ -3165,7 +3165,7 @@ function useTrackElements(_ref) {
       if (!closestScrollContainerHasCorrectStyling) {
         closestScrollContainer.style.position = "relative";
       }
-      process.env.NODE_ENV !== "production" ? warning$d(closestScrollContainerHasCorrectStyling, `react-laag: Set the 'position' style of the nearest scroll-container to 'relative', 'absolute' or 'fixed', or set the 'overflowContainer' prop to true. This is needed in order to position the layer properly. Currently the scroll-container is positioned: "` + position3 + '". For now, "position: relative;" is added for you, but this behavior might be removed in the future. Visit https://react-laag.com/docs/#position-relative for more info.') : void 0;
+      process.env.NODE_ENV !== "production" ? warning$e(closestScrollContainerHasCorrectStyling, `react-laag: Set the 'position' style of the nearest scroll-container to 'relative', 'absolute' or 'fixed', or set the 'overflowContainer' prop to true. This is needed in order to position the layer properly. Currently the scroll-container is positioned: "` + position3 + '". For now, "position: relative;" is added for you, but this behavior might be removed in the future. Visit https://react-laag.com/docs/#position-relative for more info.') : void 0;
     }
     return scrollContainers;
   }, [environment2, overflowContainer]);
@@ -3263,7 +3263,7 @@ function useGroup(_ref2) {
     return possibleRegisterFn({
       shouldCloseWhenClickedOutside,
       closeChild: function closeChild() {
-        process.env.NODE_ENV !== "production" ? warning$d(onParentClose, "react-laag: You are using useLayer() in a nested setting but forgot to set the 'onParentClose()' callback in the options. This could lead to unexpected behavior.") : void 0;
+        process.env.NODE_ENV !== "production" ? warning$e(onParentClose, "react-laag: You are using useLayer() in a nested setting but forgot to set the 'onParentClose()' callback in the options. This could lead to unexpected behavior.") : void 0;
         if (onParentClose) {
           onParentClose();
         }
@@ -4271,12 +4271,12 @@ function useHover(_temp) {
   }];
 }
 const tooltip = "_tooltip_63bin_333";
-const error$8 = "_error_63bin_347";
-const warning$c = "_warning_63bin_351";
+const error$9 = "_error_63bin_347";
+const warning$d = "_warning_63bin_351";
 const styles$Q = {
   tooltip,
-  error: error$8,
-  warning: warning$c
+  error: error$9,
+  warning: warning$d
 };
 const TooltipLayer = ({
   text: text2,
@@ -10894,34 +10894,34 @@ Icon.propTypes = {
   clickable: propTypes$1.exports.bool,
   testId: propTypes$1.exports.string
 };
-const wrapper$3 = "_wrapper_4b1ge_333";
-const layer$1 = "_layer_4b1ge_337";
-const layerContainer$1 = "_layerContainer_4b1ge_340";
-const nested = "_nested_4b1ge_355";
-const fileInput$1 = "_fileInput_4b1ge_367";
-const trigger$2 = "_trigger_4b1ge_373";
-const middleAlignedInline = "_middleAlignedInline_4b1ge_383";
-const heading$5 = "_heading_4b1ge_389";
-const headingIcon = "_headingIcon_4b1ge_395";
-const option$1 = "_option_4b1ge_407";
-const active$8 = "_active_4b1ge_424";
-const selected$1 = "_selected_4b1ge_429";
-const optionContent$1 = "_optionContent_4b1ge_436";
-const inline$4 = "_inline_4b1ge_441";
-const icon$5 = "_icon_4b1ge_446";
-const check$1 = "_check_4b1ge_447";
-const text$3 = "_text_4b1ge_473";
-const label$a = "_label_4b1ge_478";
-const description = "_description_4b1ge_489";
-const arrow$1 = "_arrow_4b1ge_493";
-const divider$1 = "_divider_4b1ge_497";
-const deprecatedSemanticIcon = "_deprecatedSemanticIcon_4b1ge_501";
-const disabled$9 = "_disabled_4b1ge_505";
-const buttonLabel = "_buttonLabel_4b1ge_510";
-const buttonCaret = "_buttonCaret_4b1ge_517";
-const component = "_component_4b1ge_520";
-const right$7 = "_right_4b1ge_526";
-const actions$2 = "_actions_4b1ge_531";
+const wrapper$3 = "_wrapper_b0mju_333";
+const layer$1 = "_layer_b0mju_337";
+const layerContainer$1 = "_layerContainer_b0mju_340";
+const nested = "_nested_b0mju_355";
+const fileInput$1 = "_fileInput_b0mju_367";
+const trigger$2 = "_trigger_b0mju_373";
+const middleAlignedInline = "_middleAlignedInline_b0mju_382";
+const heading$5 = "_heading_b0mju_388";
+const headingIcon = "_headingIcon_b0mju_394";
+const option$1 = "_option_b0mju_406";
+const active$8 = "_active_b0mju_423";
+const selected$1 = "_selected_b0mju_428";
+const optionContent$1 = "_optionContent_b0mju_435";
+const inline$4 = "_inline_b0mju_440";
+const icon$5 = "_icon_b0mju_445";
+const check$1 = "_check_b0mju_446";
+const text$3 = "_text_b0mju_472";
+const label$a = "_label_b0mju_477";
+const description = "_description_b0mju_488";
+const arrow$1 = "_arrow_b0mju_492";
+const divider$1 = "_divider_b0mju_496";
+const deprecatedSemanticIcon = "_deprecatedSemanticIcon_b0mju_500";
+const disabled$9 = "_disabled_b0mju_504";
+const buttonLabel = "_buttonLabel_b0mju_509";
+const buttonCaret = "_buttonCaret_b0mju_516";
+const component = "_component_b0mju_519";
+const right$7 = "_right_b0mju_525";
+const actions$2 = "_actions_b0mju_530";
 const styles$M = {
   wrapper: wrapper$3,
   layer: layer$1,
@@ -11235,24 +11235,40 @@ Badge.propTypes = {
   margin: propTypes$1.exports.string,
   small: propTypes$1.exports.bool
 };
-const button$3 = "_button_1qp1u_367";
-const active$7 = "_active_1qp1u_404";
-const green$1 = "_green_1qp1u_404";
-const red$1 = "_red_1qp1u_404";
-const orange$1 = "_orange_1qp1u_404";
-const icon$4 = "_icon_1qp1u_416";
-const iconOnly = "_iconOnly_1qp1u_423";
-const basic = "_basic_1qp1u_433";
-const muted$2 = "_muted_1qp1u_439";
-const disabled$8 = "_disabled_1qp1u_452";
-const small$c = "_small_1qp1u_462";
-const pill = "_pill_1qp1u_467";
-const round = "_round_1qp1u_468";
-const inverted$1 = "_inverted_1qp1u_545";
-const groupOrderFirst$4 = "_groupOrderFirst_1qp1u_579";
-const groupOrderMiddle$4 = "_groupOrderMiddle_1qp1u_580";
-const groupOrderLast$4 = "_groupOrderLast_1qp1u_581";
+const inputInTable$b = "_inputInTable_mz376_333";
+const inputHover$b = "_inputHover_mz376_339";
+const inputFocus$b = "_inputFocus_mz376_344";
+const inputError$b = "_inputError_mz376_351";
+const inputWarning$b = "_inputWarning_mz376_352";
+const inputDisabled$b = "_inputDisabled_mz376_387";
+const hideScrollbars$b = "_hideScrollbars_mz376_392";
+const button$3 = "_button_mz376_436";
+const active$7 = "_active_mz376_473";
+const green$1 = "_green_mz376_473";
+const red$1 = "_red_mz376_473";
+const orange$1 = "_orange_mz376_473";
+const icon$4 = "_icon_mz376_485";
+const iconOnly = "_iconOnly_mz376_492";
+const basic = "_basic_mz376_502";
+const muted$2 = "_muted_mz376_508";
+const disabled$8 = "_disabled_mz376_521";
+const small$c = "_small_mz376_531";
+const pill = "_pill_mz376_536";
+const round = "_round_mz376_537";
+const error$8 = "_error_mz376_614";
+const warning$c = "_warning_mz376_631";
+const inverted$1 = "_inverted_mz376_648";
+const groupOrderFirst$4 = "_groupOrderFirst_mz376_682";
+const groupOrderMiddle$4 = "_groupOrderMiddle_mz376_683";
+const groupOrderLast$4 = "_groupOrderLast_mz376_684";
 const buttonStyles = {
+  inputInTable: inputInTable$b,
+  inputHover: inputHover$b,
+  inputFocus: inputFocus$b,
+  inputError: inputError$b,
+  inputWarning: inputWarning$b,
+  inputDisabled: inputDisabled$b,
+  hideScrollbars: hideScrollbars$b,
   button: button$3,
   active: active$7,
   green: green$1,
@@ -11266,6 +11282,8 @@ const buttonStyles = {
   small: small$c,
   pill,
   round,
+  error: error$8,
+  warning: warning$c,
   inverted: inverted$1,
   groupOrderFirst: groupOrderFirst$4,
   groupOrderMiddle: groupOrderMiddle$4,
@@ -11331,6 +11349,8 @@ const Button$1 = ({
   title: title2,
   type,
   styles: styles2,
+  error: error2,
+  warning: warning2,
   testId
 }) => {
   const disabledContext = useContext(DisabledContext);
@@ -11378,6 +11398,7 @@ const Button$1 = ({
       pill2 ? buttonStyles.pill : "",
       round2 ? buttonStyles.round : "",
       small2 ? buttonStyles.small : "",
+      error2 ? buttonStyles.error : warning2 ? buttonStyles.warning : "",
       styles2
     ),
     disabled: disabled2 || disabledContext,
@@ -11425,6 +11446,8 @@ Button$1.defaultProps = {
   type: "button",
   onClick: () => {
   },
+  error: void 0,
+  warning: void 0,
   testId: void 0,
   inverted: false
 };
@@ -11448,6 +11471,8 @@ Button$1.propTypes = {
   styles: propTypes$1.exports.string,
   type: propTypes$1.exports.oneOf(["button", "submit"]),
   width: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  error: propTypes$1.exports.string,
+  warning: propTypes$1.exports.string,
   testId: propTypes$1.exports.string,
   pill: propTypes$1.exports.bool,
   inverted: propTypes$1.exports.bool
@@ -11460,7 +11485,9 @@ const Button = ({
   width,
   disabled: disabled2,
   groupOrder,
-  loading
+  loading,
+  error: error2,
+  warning: warning2
 }) => {
   const disabledContext = useContext(DisabledContext);
   const buttonLabel2 = trigger2 === "Button" ? label2 : trigger2 === "DropDownButton" ? /* @__PURE__ */ jsxRuntime.exports.jsxs("span", {
@@ -11490,7 +11517,9 @@ const Button = ({
       onClick: () => {
       },
       loading,
-      disabled: disabled2
+      disabled: disabled2,
+      error: error2,
+      warning: warning2
     })
   });
 };
@@ -11522,6 +11551,19 @@ const Component = ({ component: component2, disabled: disabled2, testId }) => {
     children: component2
   });
 };
+const isStringNumberOrNode = (value) => lodash.exports.isString(value) || lodash.exports.isNumber(value) || isValidElement(value);
+const TriggerTooltip = ({ tooltip: tooltip2, error: error2, warning: warning2, children }) => {
+  if (!isStringNumberOrNode(tooltip2) && !isStringNumberOrNode(error2) && !isStringNumberOrNode(warning2)) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.exports.jsx(Tooltip, {
+    error: !!error2,
+    warning: !!warning2,
+    text: tooltip2 || error2 || warning2,
+    display: "inline-block",
+    children
+  });
+};
 const Trigger$1 = React__default.forwardRef(
   ({
     isDisabled,
@@ -11541,6 +11583,9 @@ const Trigger$1 = React__default.forwardRef(
     groupOrder,
     fullHeight,
     isOpen: isOpen2,
+    error: error2,
+    warning: warning2,
+    tooltip: tooltip2,
     testId
   }, ref2) => {
     const triggerElement = trigger2 === "Button" || trigger2 === "DropDownButton" ? /* @__PURE__ */ jsxRuntime.exports.jsx(Button, {
@@ -11551,7 +11596,9 @@ const Trigger$1 = React__default.forwardRef(
       width,
       disabled: isDisabled,
       groupOrder,
-      loading
+      loading,
+      error: error2,
+      warning: warning2
     }) : trigger2 === "Text" ? /* @__PURE__ */ jsxRuntime.exports.jsx(Text$1, {
       label: label2,
       title: title2,
@@ -11583,7 +11630,12 @@ const Trigger$1 = React__default.forwardRef(
         onClickTrigger();
       },
       "data-testid": testId,
-      children: wrappedTrigger
+      children: /* @__PURE__ */ jsxRuntime.exports.jsx(TriggerTooltip, {
+        tooltip: tooltip2,
+        error: error2,
+        warning: warning2,
+        children: wrappedTrigger
+      })
     });
   }
 );
@@ -11721,7 +11773,10 @@ const DropDownMenu = ({
   maxHeight: maxHeight2,
   testId,
   open: openProp,
-  setOpen: setOpenProp
+  setOpen: setOpenProp,
+  tooltip: tooltip2,
+  error: error2,
+  warning: warning2
 }) => {
   const disabledContext = useContext(DisabledContext);
   const {
@@ -11786,6 +11841,9 @@ const DropDownMenu = ({
         component: component2,
         groupOrder,
         isOpen: isOpen2,
+        tooltip: tooltip2,
+        error: error2,
+        warning: warning2,
         testId
       }),
       isOpen2 && renderLayer(
@@ -12103,7 +12161,6 @@ const styles$H = {
   label: label$8,
   buttonGroup
 };
-const isStringNumberOrNode = (value) => lodash.exports.isString(value) || lodash.exports.isNumber(value) || isValidElement(value);
 class ButtonGroup extends React__default.PureComponent {
   constructor() {
     super(...arguments);
@@ -46007,7 +46064,7 @@ function gatherRawExtensions(config2, props) {
     return;
   }
   if (names2.includes(extension2.name)) {
-    warning$d(
+    warning$e(
       false,
       `Circular dependency encountered when loading extensions: ${names2.join(" > ")} > ${extension2.name}`
     );