@superdispatch/ui 0.13.0 → 0.16.0-alpha.0

package/dist-src/v5/typography/TypographyOverrides.js

@@ -0,0 +1,121 @@
+import '@mui/material';
+
+function createCSSVarName(component, property) {
+  return "--mui-".concat(component, "-").concat(property);
+}
+
+export var typographyVars = {
+  color: /*#__PURE__*/createCSSVarName('typography', 'color'),
+  backgroundImage: /*#__PURE__*/createCSSVarName('typography', 'backgroundImage')
+};
+export function createTypographyOptions(breakpoints) {
+  var xsOnly = breakpoints.only('xs');
+  return {
+    fontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 600,
+    fontFamily: '"Inter", sans-serif',
+    h1: {
+      fontSize: '32px',
+      lineHeight: '40px',
+      fontWeight: 700,
+      [xsOnly]: {
+        fontSize: '28px',
+        lineHeight: '36px'
+      }
+    },
+    h2: {
+      fontSize: '24px',
+      lineHeight: '28px',
+      fontWeight: 500,
+      [xsOnly]: {
+        fontSize: '22px',
+        lineHeight: '26px'
+      }
+    },
+    h3: {
+      fontSize: '20px',
+      lineHeight: '28px',
+      fontWeight: 500,
+      [xsOnly]: {
+        fontSize: '20px',
+        lineHeight: '26px'
+      }
+    },
+    h4: {
+      fontSize: '16px',
+      lineHeight: '24px',
+      fontWeight: 500,
+      [xsOnly]: {
+        fontSize: '17px',
+        lineHeight: '26px'
+      }
+    },
+    h5: {
+      fontSize: '14px',
+      lineHeight: '20px',
+      fontWeight: 600,
+      [xsOnly]: {
+        fontSize: '16px',
+        lineHeight: '24px'
+      }
+    },
+    h6: {
+      fontSize: '12px',
+      lineHeight: '16px',
+      fontWeight: 700,
+      letterSpacing: '0.1em',
+      textTransform: 'uppercase',
+      [xsOnly]: {
+        fontSize: '14px',
+        lineHeight: '20px'
+      }
+    },
+    body1: {
+      fontSize: '14px',
+      lineHeight: '20px',
+      fontWeight: 600,
+      [xsOnly]: {
+        fontSize: '16px',
+        lineHeight: '24px'
+      }
+    },
+    body2: {
+      fontSize: '14px',
+      lineHeight: '20px',
+      fontWeight: 400,
+      [xsOnly]: {
+        fontSize: '16px',
+        lineHeight: '24px'
+      }
+    },
+    caption: {
+      fontSize: '12px',
+      lineHeight: '16px',
+      fontWeight: 400,
+      [xsOnly]: {
+        fontSize: '14px',
+        lineHeight: '20px'
+      }
+    },
+    button: {
+      fontSize: '14px',
+      lineHeight: '20px',
+      fontWeight: 600,
+      textTransform: undefined,
+      [xsOnly]: {
+        fontSize: '16px',
+        lineHeight: '24px'
+      }
+    }
+  };
+}
+export function overrideTypography(theme) {
+  theme.components.MuiTypography = {
+    defaultProps: {
+      variant: 'body2'
+    }
+  };
+}

package/dist-src/v5/utils/VisibilityObserver.js

@@ -0,0 +1,53 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["render", "onChange"];
+import { useValueObserver } from '@superdispatch/hooks';
+import { useLayoutEffect, useState } from 'react';
+import { renderChildren } from "./renderChildren.js";
+export function useVisibilityObserver(node) {
+  var {
+    threshold = 0,
+    marginTop = '0px',
+    marginLeft = '0px',
+    marginRight = '0px',
+    marginBottom = '0px'
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var [state, setState] = useState('undetermined');
+  var rootMargin = "".concat(marginTop, " ").concat(marginRight, " ").concat(marginBottom, " ").concat(marginLeft);
+  useLayoutEffect(() => {
+    if (!node || !('IntersectionObserver' in window)) {
+      setState('undetermined');
+      return;
+    }
+
+    var observer = new IntersectionObserver(_ref => {
+      var [entry] = _ref;
+      setState(entry !== null && entry !== void 0 && entry.isIntersecting ? 'visible' : 'invisible');
+    }, {
+      rootMargin,
+      threshold
+    });
+    observer.observe(node);
+    return () => {
+      observer.disconnect();
+    };
+  }, [node, threshold, rootMargin]);
+  return state;
+}
+export function VisibilityObserver(_ref2) {
+  var {
+    render,
+    onChange
+  } = _ref2,
+      options = _objectWithoutProperties(_ref2, _excluded);
+
+  var [node, setNode] = useState(null);
+  var visibility = useVisibilityObserver(node, options);
+  var children = render({
+    ref: setNode,
+    visibility
+  });
+  useValueObserver(visibility, () => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(visibility);
+  });
+  return renderChildren(children);
+}

package/dist-src/v5/utils/isEmptyReactNode.js

@@ -0,0 +1,3 @@
+export function isEmptyReactNode(node) {
+  return node == null || typeof node == 'boolean' || typeof node == 'string' && node.length === 0;
+}

package/dist-src/v5/utils/mergeRefs.js

@@ -0,0 +1,20 @@
+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);
+    });
+  };
+}
+export function assignRef(ref, value) {
+  if (ref) {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else {
+      ref.current = value;
+    }
+  }
+}

package/dist-src/v5/utils/renderChildren.js

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

package/dist-src/v5/utils/useUID.js

@@ -0,0 +1,6 @@
+import { useMemo } from 'react';
+var current = 0;
+export function useUID(defaultID) {
+  var uid = useMemo(() => "uid_".concat(current += 1), []);
+  return defaultID || uid;
+}