@superdispatch/ui 0.21.8 → 0.21.14

package/dist-node/index.js

@@ -1660,6 +1660,53 @@ var InfoCard = /*#__PURE__*/React.forwardRef((_ref, _ref2) => {
 });
 if (process.env.NODE_ENV !== "production") InfoCard.displayName = "InfoCard";
 
+var _excluded$h = ["children", "iconButtonProps", "fontSize", "TextProps", "title", "isOpen", "onClick", "onClose"];
+var Root = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "InfoTooltip__Root",
+  componentId: "SD__sc-1emqpa9-0"
+})(["display:flex;align-items:center;"]);
+var InfoTooltip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var {
+    children,
+    iconButtonProps,
+    fontSize = 'small',
+    TextProps,
+    title,
+    isOpen,
+    onClick,
+    onClose
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$h);
+
+  var tooltip = /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, _objectSpread(_objectSpread({
+    open: isOpen,
+    title: title,
+    placement: "top",
+    onClose: onClose,
+    disableFocusListener: true,
+    disableTouchListener: true,
+    onClick: onClick,
+    ref: ref
+  }, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(core.IconButton, _objectSpread(_objectSpread({}, iconButtonProps), {}, {
+      size: "small",
+      onMouseOver: onClick,
+      children: /*#__PURE__*/jsxRuntime.jsx(icons.Info, {
+        color: "action",
+        fontSize: fontSize
+      })
+    }))
+  }));
+
+  if (!children) return tooltip;
+  return /*#__PURE__*/jsxRuntime.jsxs(Root, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(core.Typography, _objectSpread(_objectSpread({}, TextProps), {}, {
+      children: children
+    })), tooltip]
+  });
+});
+if (process.env.NODE_ENV !== "production") InfoTooltip.displayName = "InfoTooltip";
+
 function inlineRootMixin(spaceProp, noWrap, verticalAlign, horizontalAlign) {
   var space = parseSpaceProp(spaceProp);
   return styled.css(["&:before{margin-top:", "px;}& > div{display:flex;margin-left:-", "px;flex-wrap:", ";align-items:", ";justify-content:", ";& > div{&:empty{display:none;}min-width:0;flex-shrink:0;max-width:100%;margin-top:", "px;margin-left:", "px;}}"], -space - 1, space, noWrap ? 'nowrap' : 'wrap', parseAlignProp(verticalAlign), parseAlignProp(horizontalAlign), space, space);
@@ -1709,7 +1756,7 @@ var Inline = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Inline.displayName = "Inline";
 
-var _excluded$h = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
+var _excluded$i = ["value", "inputRef", "onChange", "isNumericString", "thousandSeparator", "disableValueParsing"],
     _excluded2$3 = ["id", "InputProps"];
 
 function NumberInputComponent(_ref) {
@@ -1721,7 +1768,7 @@ function NumberInputComponent(_ref) {
     thousandSeparator = true,
     disableValueParsing
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$h);
+      props = _objectWithoutProperties(_ref, _excluded$i);
 
   return /*#__PURE__*/jsxRuntime.jsx(NumberFormat, _objectSpread(_objectSpread({}, props), {}, {
     value: value !== null && value !== void 0 ? value : '',
@@ -1761,7 +1808,7 @@ var NumberField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
 if (process.env.NODE_ENV !== "production") NumberField.displayName = "NumberField";
 NumberField.displayName = 'NumberField';
 
-var _excluded$i = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
+var _excluded$j = ["label", "error", "checked", "onBlur", "onChange", "helperText", "FormControlLabelProps"];
 var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
     label,
@@ -1772,7 +1819,7 @@ var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     helperText,
     FormControlLabelProps: formControlLabelProps
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$j);
 
   return /*#__PURE__*/jsxRuntime.jsxs(core.FormControl, {
     error: error,
@@ -1792,7 +1839,7 @@ var RadioField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") RadioField.displayName = "RadioField";
 
-var _excluded$j = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
+var _excluded$k = ["name", "value", "onChange", "RadioGroupProps", "label", "FormLabelProps", "helperText", "FormHelperTextProps", "children"];
 var RadioGroupField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
     name,
@@ -1805,7 +1852,7 @@ var RadioGroupField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     FormHelperTextProps: formHelperTextProps,
     children
   } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded$j);
+      formControlProps = _objectWithoutProperties(_ref, _excluded$k);
 
   return /*#__PURE__*/jsxRuntime.jsxs(core.FormControl, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
@@ -1855,7 +1902,7 @@ function useMinBreakpoint(minBreakpoint) {
   return minBreakpointIDX < breakpointIDX;
 }
 
-var _excluded$k = ["action", "children", "onClose", "className", "classes", "variant"],
+var _excluded$l = ["action", "children", "onClose", "className", "classes", "variant"],
     _excluded2$4 = ["icon", "closeButton", "variantError", "variantSuccess"];
 var useStyles$b = /*#__PURE__*/styles.makeStyles(theme => ({
   root: {
@@ -1900,7 +1947,7 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     classes,
     variant = 'default'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$k);
+      props = _objectWithoutProperties(_ref, _excluded$l);
 
   var _useStyles = useStyles$b({
     classes
@@ -1950,7 +1997,7 @@ var SnackbarContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SnackbarContent.displayName = "SnackbarContent";
 
-var _excluded$l = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
+var _excluded$m = ["open", "action", "variant", "onClose", "children", "ContentProps", "hasCloseButton", "TransitionComponent"];
 
 function SlideTransition(props) {
   return /*#__PURE__*/jsxRuntime.jsx(core.Slide, _objectSpread(_objectSpread({}, props), {}, {
@@ -1969,7 +2016,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     hasCloseButton = onClose != null,
     TransitionComponent = SlideTransition
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$l);
+      props = _objectWithoutProperties(_ref, _excluded$m);
 
   function handleClose(reason) {
     if (reason !== 'clickaway') {
@@ -1998,7 +2045,7 @@ var Snackbar = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Snackbar.displayName = "Snackbar";
 
-var _excluded$m = ["onClose", "variant", "key", "id", "autoHideDuration"];
+var _excluded$n = ["onClose", "variant", "key", "id", "autoHideDuration"];
 
 function warnContext() {
   // eslint-disable-next-line no-console
@@ -2044,7 +2091,7 @@ function SnackbarStackProvider(_ref2) {
       id = String(key),
       autoHideDuration = 5000
     } = _ref3,
-        props = _objectWithoutProperties(_ref3, _excluded$m);
+        props = _objectWithoutProperties(_ref3, _excluded$n);
 
     function removeSnackbar() {
       setStack(prev => {
@@ -2141,7 +2188,7 @@ var Stack = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
 });
 if (process.env.NODE_ENV !== "production") Stack.displayName = "Stack";
 
-var _excluded$n = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
+var _excluded$o = ["color", "variant", "children", "classes", "className", "noWrap", "fontWeight", "component"];
 var useStyles$c = /*#__PURE__*/styles.makeStyles(theme => ({
   root: {
     maxWidth: '100%',
@@ -2225,7 +2272,7 @@ var Tag = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     fontWeight = 'bold',
     component = 'div'
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$n);
+      props = _objectWithoutProperties(_ref, _excluded$o);
 
   var styles = useStyles$c({
     classes
@@ -3771,6 +3818,7 @@ exports.DropdownButton = DropdownButton;
 exports.ExitTransitionPlaceholder = ExitTransitionPlaceholder;
 exports.GridStack = GridStack;
 exports.InfoCard = InfoCard;
+exports.InfoTooltip = InfoTooltip;
 exports.Inline = Inline;
 exports.InlineGrid = InlineGrid;
 exports.NumberField = NumberField;