@superdispatch/ui 0.25.2 → 0.26.0

package/dist-src/snackbar/Snackbar.js

@@ -5,32 +5,28 @@ import { Portal, Slide, Snackbar as MaterialSnackbar } from '@material-ui/core';
 import { forwardRef } from 'react';
 import { SnackbarContent } from "./SnackbarContent.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function SlideTransition(props) {
   return /*#__PURE__*/_jsx(Slide, _objectSpread(_objectSpread({}, props), {}, {
     direction: "up"
   }));
 }
-
 export var Snackbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    open,
-    action,
-    variant,
-    onClose,
-    children,
-    ContentProps,
-    hasCloseButton = onClose != null,
-    TransitionComponent = SlideTransition
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      open,
+      action,
+      variant,
+      onClose,
+      children,
+      ContentProps,
+      hasCloseButton = onClose != null,
+      TransitionComponent = SlideTransition
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   function handleClose(reason) {
     if (reason !== 'clickaway') {
       onClose === null || onClose === void 0 ? void 0 : onClose(reason === 'timeout' ? 'timeout' : 'explicit');
     }
   }
-
   return /*#__PURE__*/_jsx(Portal, {
     children: /*#__PURE__*/_jsx(MaterialSnackbar, _objectSpread(_objectSpread({}, props), {}, {
       ref: ref,

package/dist-src/snackbar/SnackbarContent.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["action", "children", "onClose", "className", "classes", "variant"],
-    _excluded2 = ["icon", "closeButton", "variantError", "variantSuccess"];
+  _excluded2 = ["icon", "closeButton", "variantError", "variantSuccess"];
 import { Grid, IconButton, SnackbarContent as MuiSnackbarContent } from '@material-ui/core';
 import { CheckCircle, Close, Error } from '@material-ui/icons';
 import { makeStyles } from '@material-ui/styles';
@@ -9,9 +9,7 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var PaddedContent = /*#__PURE__*/styled.span.withConfig({
   displayName: "SnackbarContent__PaddedContent",
   componentId: "SD__sc-1jca4d5-0"
@@ -61,26 +59,24 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var SnackbarContent = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    action,
-    children,
-    onClose,
-    className,
-    classes,
-    variant = 'default'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      action,
+      children,
+      onClose,
+      className,
+      classes,
+      variant = 'default'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
-    classes
-  }),
-      {
-    icon,
-    closeButton,
-    variantError,
-    variantSuccess
-  } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded2);
-
+      classes
+    }),
+    {
+      icon,
+      closeButton,
+      variantError,
+      variantSuccess
+    } = _useStyles,
+    styles = _objectWithoutProperties(_useStyles, _excluded2);
   var Icon = variant === 'error' ? Error : variant === 'success' ? CheckCircle : undefined;
   return /*#__PURE__*/_jsx(MuiSnackbarContent, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/snackbar/SnackbarStack.js

@@ -4,14 +4,11 @@ var _excluded = ["onClose", "variant", "key", "id", "autoHideDuration"];
 import { useDeepEqualMemo } from '@superdispatch/hooks';
 import { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { Snackbar } from "./Snackbar.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function warnContext() {
   // eslint-disable-next-line no-console
   console.log('`useSnackbarStack` is used outside of `SnackbarStackProvider`.');
 }
-
 var Context = /*#__PURE__*/createContext({
   clearStack: warnContext,
   addSnackbar: () => {
@@ -43,16 +40,16 @@ export function SnackbarStackProvider(_ref2) {
   }, []);
   var addSnackbar = useCallback(function (message) {
     var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        {
-      onClose: _onClose,
-      variant,
-      key = variant !== 'error' ? // We don't want non error snackbars without key to pop back.
-      getNextTransientKey() : typeof message === 'string' ? message : Math.random(),
-      id = String(key),
-      autoHideDuration = 5000
-    } = _ref3,
-        props = _objectWithoutProperties(_ref3, _excluded);
-
+      {
+        onClose: _onClose,
+        variant,
+        key = variant !== 'error' ?
+        // We don't want non error snackbars without key to pop back.
+        getNextTransientKey() : typeof message === 'string' ? message : Math.random(),
+        id = String(key),
+        autoHideDuration = 5000
+      } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded);
     function removeSnackbar() {
       setStack(prev => {
         if (prev.has(key)) {
@@ -60,26 +57,22 @@ export function SnackbarStackProvider(_ref2) {
           next.delete(key);
           return next;
         }
-
         return prev;
       });
     }
-
     setStack(prev => {
       var next = new Map(prev);
-
       for (var prevKey of prev.keys()) {
         // Ensure that we insert value to the end of the map.
         if (Object.is(key, prevKey)) {
           next.delete(key);
-        } // Ensure that transient snackbar will not pop back.
-
+        }
 
+        // Ensure that transient snackbar will not pop back.
         if (typeof prevKey == 'string' && prevKey.startsWith(TRANSIENT_KEY)) {
           next.delete(prevKey);
         }
       }
-
       return next.set(key, _objectSpread(_objectSpread({}, props), {}, {
         id,
         key,

package/dist-src/stack/Stack.js

@@ -5,11 +5,9 @@ import { parseAlignProp } from "../props/AlignProps.js";
 import { parseResponsiveProp } from "../props/ResponsiveProp.js";
 import { parseSpaceProp } from "../props/SpaceProp.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function stackItemMixin(space, align) {
   return css(["flex-direction:column;align-items:", ";display:", ";&:empty{display:none;}&:not(:empty) ~ div{padding-top:", "px;}"], parseAlignProp(align), align === 'left' ? 'block' : 'flex', parseSpaceProp(space));
 }
-
 var StackRoot = /*#__PURE__*/styled.div.withConfig({
   displayName: "Stack__StackRoot",
   componentId: "SD__sc-qkml7c-0"

package/dist-src/tag/Tag.js

@@ -81,17 +81,16 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var Tag = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    color,
-    variant,
-    children,
-    classes,
-    className,
-    noWrap = true,
-    fontWeight = 'bold',
-    component = 'div'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      color,
+      variant,
+      children,
+      classes,
+      className,
+      noWrap = true,
+      fontWeight = 'bold',
+      component = 'div'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles({
     classes
   });

package/dist-src/theme/Color.js

@@ -1,5 +1,4 @@
 export var Color;
-
 (function (Color) {
   Color["White"] = "#fff";
   Color["White50"] = "rgba(255, 255, 255, 0.5)";
@@ -79,7 +78,6 @@ export var Color;
   Color["Yellow300"] = "#E8671C";
   Color["Yellow500"] = "#B84807";
 })(Color || (Color = {}));
-
 export function isColorProp(name) {
   return typeof name == 'string' && Object.prototype.hasOwnProperty.call(Color, name);
 }

package/dist-src/theme/ThemeProvider.js

@@ -31,9 +31,7 @@ import { overrideToolbar } from "../toolbar/ToolbarOverrides.js";
 import { overrideTooltip } from "../tooltip/TooltipOverrides.js";
 import { createTypographyOptions, overrideTypography } from "../typography/TypographyOverrides.js";
 import { Color } from "./Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function createSuperDispatchTheme() {
   var breakpoints = createBreakpoints({});
   var theme = createTheme({
@@ -89,40 +87,31 @@ function createSuperDispatchTheme() {
   overridePreloader(theme);
   return theme;
 }
-
 var generateMaterialClassName = /*#__PURE__*/createGenerateClassName();
-
 function generateClassName(rule, sheet) {
   var {
     meta,
     link
   } = (sheet === null || sheet === void 0 ? void 0 : sheet.options) || {};
-
   if (meta && rule.type === 'style') {
     if (meta.startsWith('MuiSnackbar') && sheet) {
       return "SDSnackbar-".concat(rule.key);
     }
-
     if (meta.startsWith('SD-')) {
       return "".concat(meta, "-").concat(rule.key);
     }
-
     if (meta.startsWith('Mui')) {
       var isPseudoClass = ['checked', 'disabled', 'error', 'focused', 'focusVisible', 'required', 'expanded', 'selected'].includes(rule.key);
-
       if (isPseudoClass) {
         return "Mui-".concat(rule.key);
       }
-
       if (!link) {
         return "".concat(meta, "-").concat(rule.key);
       }
     }
   }
-
   return generateMaterialClassName(rule, sheet);
 }
-
 export function ThemeProvider(_ref) {
   var {
     modifier,

package/dist-src/tiles/Tiles.js

@@ -5,7 +5,6 @@ import flattenChildren from 'react-keyed-flatten-children';
 import { useResponsivePropRecord } from "../props/ResponsiveProp.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 var PREVENT_COLLAPSE = 1;
-
 function spaceVariant(theme, space) {
   var gap = theme.spacing(space);
   return {
@@ -21,13 +20,11 @@ function spaceVariant(theme, space) {
     }
   };
 }
-
 function columnVariant(columns) {
   return {
     flex: "0 0 ".concat(100 / columns, "%")
   };
 }
-
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {
     paddingTop: PREVENT_COLLAPSE,

package/dist-src/utils/ResizeObserver.js

@@ -7,7 +7,6 @@ export function useResizeObserver(node, observer) {
     if (!node) {
       return;
     }
-
     var resizeObserver = new ResizeObserver(() => {
       handler(node);
     });

package/dist-src/utils/VisibilityObserver.js

@@ -18,7 +18,6 @@ export function useVisibilityObserver(node) {
       setState('undetermined');
       return;
     }
-
     var observer = new IntersectionObserver(_ref => {
       var [entry] = _ref;
       setState(entry !== null && entry !== void 0 && entry.isIntersecting && document.visibilityState === 'visible' ? 'visible' : 'invisible');
@@ -35,11 +34,10 @@ export function useVisibilityObserver(node) {
 }
 export function VisibilityObserver(_ref2) {
   var {
-    render,
-    onChange
-  } = _ref2,
-      options = _objectWithoutProperties(_ref2, _excluded);
-
+      render,
+      onChange
+    } = _ref2,
+    options = _objectWithoutProperties(_ref2, _excluded);
   var [node, setNode] = useState(null);
   var visibility = useVisibilityObserver(node, options);
   var children = render({

package/dist-src/utils/mergeRefs.js

@@ -2,7 +2,6 @@ export function mergeRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-
   return node => {
     refs.forEach(ref => {
       assignRef(ref, node);

package/dist-src/utils/renderChildren.js

@@ -1,8 +1,8 @@
 export function renderChildren(node) {
   if (node == null || typeof node == 'boolean') {
     return null;
-  } // Workaround for https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18051
-
+  }
 
+  // Workaround for https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18051
   return node;
 }