@superdispatch/ui-lab 0.25.3 → 0.26.0

package/dist-src/navbar/NavbarAvatar.js

@@ -5,30 +5,26 @@ import { Avatar, Typography } from '@material-ui/core';
 import { Color, Column, Columns, Stack } from '@superdispatch/ui';
 import styled from 'styled-components';
 import { useNavbarContext } from "./NavbarContext.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";
 var StyledTypography = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "NavbarAvatar__StyledTypography",
   componentId: "SD__sc-19q2zd0-0"
 })(["color:", ";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&:hover{color:", ";}"], Color.Silver500, Color.White);
 export function NavbarAvatar(_ref) {
   var {
-    title,
-    subtitle,
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      subtitle,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var {
     isNavbarExpanded
   } = useNavbarContext();
-
   if (!isNavbarExpanded) {
     return /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({}, props), {}, {
       children: children
     }));
   }
-
   return /*#__PURE__*/_jsxs(Columns, {
     space: "xsmall",
     align: "center",

package/dist-src/navbar/NavbarBottomBar.js

@@ -4,12 +4,10 @@ var _excluded = ["active", "hasBadge"];
 import { BottomNavigation, BottomNavigationAction } from '@material-ui/core';
 import { Menu } from '@material-ui/icons';
 import { Color } from '@superdispatch/ui';
-import { useMemo } from 'react';
+import { useMemo, createElement as _createElement } from 'react';
 import styled from 'styled-components';
 import { useNavbarContext } from "./NavbarContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var StyledBottomNavigation = /*#__PURE__*/styled(BottomNavigation).withConfig({
   displayName: "NavbarBottomBar__StyledBottomNavigation",
   componentId: "SD__sc-9z6v3k-0"
@@ -50,11 +48,10 @@ export function NavbarBottomBar(_ref) {
     },
     children: [items.map(_ref2 => {
       var {
-        active,
-        hasBadge
-      } = _ref2,
-          item = _objectWithoutProperties(_ref2, _excluded);
-
+          active,
+          hasBadge
+        } = _ref2,
+        item = _objectWithoutProperties(_ref2, _excluded);
       return /*#__PURE__*/_createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
         key: item.value,
         icon: hasBadge ? /*#__PURE__*/_jsxs(IconWrapper, {

package/dist-src/navbar/NavbarItem.js

@@ -1,7 +1,6 @@
 import { Color, useUID } from '@superdispatch/ui';
 import styled from 'styled-components';
-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";
 export var NavbarBadge = /*#__PURE__*/styled.span.withConfig({
   displayName: "NavbarItem__NavbarBadge",
   componentId: "SD__sc-1pvzq3w-0"

package/dist-src/navbar/NavbarList.js

@@ -2,14 +2,12 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { IconButton } from '@material-ui/core';
 import { Menu as MenuIcon, MenuOpen } from '@material-ui/icons';
 import { Color, Inline, useResponsiveValue } from '@superdispatch/ui';
-import { useMemo } from 'react';
+import { useMemo, createElement as _createElement } from 'react';
 import styled from 'styled-components';
 import { NavbarAccordion } from "./NavbarAccordion.js";
 import { useNavbarContext } from "./NavbarContext.js";
 import { NavbarBadge, NavbarItem, NavbarLabel } from "./NavbarItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Header = /*#__PURE__*/styled.div.withConfig({
   displayName: "NavbarList__Header",
   componentId: "SD__sc-19zrmxc-0"
@@ -107,7 +105,6 @@ export function NavbarList(_ref5) {
       children: filteredItems.map(item => {
         var index = filteredItems.indexOf(item);
         var prev = filteredItems[index - 1];
-
         if ('items' in item) {
           return /*#__PURE__*/_createElement(NavbarAccordion, _objectSpread(_objectSpread({}, item), {}, {
             key: item.key,
@@ -115,15 +112,12 @@ export function NavbarList(_ref5) {
             onClick: item.onClick
           }));
         }
-
         return /*#__PURE__*/_createElement(NavbarItem, _objectSpread(_objectSpread({}, item), {}, {
           key: item.key,
           gutter: prev && prev.groupKey !== item.groupKey,
           onClick: event => {
             var _item$onClick;
-
             (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
-
             if (!event.isDefaultPrevented()) {
               setDrawerOpen(false);
             }

package/dist-src/navbar/NavbarMenu.js

@@ -3,9 +3,7 @@ import { Color, Inline } from '@superdispatch/ui';
 import { useState } from 'react';
 import styled from 'styled-components';
 import { useNavbarContext } from "./NavbarContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var Divider = /*#__PURE__*/styled.div.withConfig({
   displayName: "NavbarMenu__Divider",
   componentId: "SD__sc-1c8icpt-0"
@@ -32,16 +30,13 @@ export function NavbarMenu(_ref2) {
     setDrawerOpen
   } = useNavbarContext();
   var [anchor, setAnchor] = useState(null);
-
   function showProfileMenu(event) {
     setAnchor(event.currentTarget);
   }
-
   function hideProfileMenu() {
     setAnchor(null);
     setDrawerOpen(false);
   }
-
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Wrapper, {
       onClick: showProfileMenu,

package/dist-src/sidebar/Sidebar.js

@@ -2,8 +2,7 @@ import { Color, Column, Columns, useUID } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { TextBox } from "../text-box/TextBox.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";
 var SidebarRoot = /*#__PURE__*/styled.aside.withConfig({
   displayName: "Sidebar__SidebarRoot",
   componentId: "SD__sc-b77o22-0"

package/dist-src/sidebar/SidebarBackButton.js

@@ -8,27 +8,23 @@ import { useSidebarContext } from "./SidebarContainer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SidebarBackButton(_ref) {
   var {
-    onClick: _onClick,
-    children = /*#__PURE__*/_jsx(ArrowBack, {
-      fontSize: "small"
-    })
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      onClick: _onClick,
+      children = /*#__PURE__*/_jsx(ArrowBack, {
+        fontSize: "small"
+      })
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var isCollapsed = useCollapseBreakpoint('sm');
   var {
     openSidebar
   } = useSidebarContext();
-
   if (!isCollapsed) {
     return null;
   }
-
   return /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({}, props), {}, {
     size: "small",
     onClick: event => {
       _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
-
       if (!event.isDefaultPrevented()) {
         openSidebar();
       }

package/dist-src/sidebar/SidebarContainer.js

@@ -1,16 +1,13 @@
 import { useCollapseBreakpoint } from '@superdispatch/ui';
 import { createContext, forwardRef, useContext, useMemo, useState } from 'react';
 import styled from 'styled-components';
-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";
 var Context = /*#__PURE__*/createContext(null);
 export function useSidebarContext() {
   var context = useContext(Context);
-
   if (!context) {
     throw new Error('SidebarContext is used outside Provider');
   }
-
   return context;
 }
 var SidebarContainerSidebar = /*#__PURE__*/styled.div.withConfig({

package/dist-src/sidebar/SidebarContent.js

@@ -6,8 +6,7 @@ import { Box } from "../box/Box.js";
 import { TextBox } from "../text-box/TextBox.js";
 import { SidebarBackButton } from "./SidebarBackButton.js";
 import { useSidebarContext } from "./SidebarContainer.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";
 var SidebarAppBar = /*#__PURE__*/styled(AppBar).withConfig({
   displayName: "SidebarContent__SidebarAppBar",
   componentId: "SD__sc-zpgf61-0"

package/dist-src/sidebar/SidebarMenuItem.js

@@ -6,8 +6,7 @@ import styled, { css } from 'styled-components';
 import { TextBox } from "../text-box/TextBox.js";
 import { useSidebarContext } from "./SidebarContainer.js";
 import { SidebarMenuItemContextProvider } from "./SidebarMenuItemContext.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";
 var SidebarMenuItemRoot = /*#__PURE__*/styled.div.withConfig({
   displayName: "SidebarMenuItem__SidebarMenuItemRoot",
   componentId: "SD__sc-1sb5zqa-0"
@@ -56,7 +55,6 @@ export var SidebarMenuItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
   });
   useLayoutEffect(() => {
     var rootNode = rootRef.current;
-
     if (rootNode) {
       if (isHoverSupported) {
         rootNode.addEventListener('mouseenter', () => {
@@ -79,7 +77,6 @@ export var SidebarMenuItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
       "aria-current": selected,
       onClick: event => {
         _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
-
         if (!event.isDefaultPrevented() && openContentOnClick) {
           openSidebarContent();
         }

package/dist-src/sidebar/SidebarMenuItemAvatar.js

@@ -3,11 +3,9 @@ import { forwardRef, useMemo } from 'react';
 import styled from 'styled-components';
 import { useSidebarMenuItemContext } from "./SidebarMenuItemContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function stopPropagation(event) {
   event.stopPropagation();
 }
-
 var SidebarMenuItemAvatarCheckbox = /*#__PURE__*/styled.div.withConfig({
   displayName: "SidebarMenuItemAvatar__SidebarMenuItemAvatarCheckbox",
   componentId: "SD__sc-17mkvc7-0"
@@ -28,7 +26,6 @@ export var SidebarMenuItemAvatar = /*#__PURE__*/forwardRef((_ref, ref) => {
     var last = matches.pop() || '';
     return (first + last).toUpperCase();
   }, [children]);
-
   if (value === true || hovered && value != null) {
     return /*#__PURE__*/_jsx(SidebarMenuItemAvatarCheckbox, {
       children: /*#__PURE__*/_jsx(Checkbox, {
@@ -44,7 +41,6 @@ export var SidebarMenuItemAvatar = /*#__PURE__*/forwardRef((_ref, ref) => {
       })
     });
   }
-
   return /*#__PURE__*/_jsx(Avatar, {
     ref: ref,
     "aria-hidden": true,

package/dist-src/sidebar/SidebarSubheader.js

@@ -2,8 +2,7 @@ import { Column, Columns } from '@superdispatch/ui';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { TextBox } from "../text-box/TextBox.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";
 var SidebarSubheaderRoot = /*#__PURE__*/styled.div.withConfig({
   displayName: "SidebarSubheader__SidebarSubheaderRoot",
   componentId: "SD__sc-1r0xx76-0"

package/dist-src/text-box/TextBox.js

@@ -31,36 +31,27 @@ var VARIANT_TYPE_MAPPING = {
   'body-semibold': 'span',
   caption: 'span'
 };
-
 function variantMixin(_ref, variant) {
   var {
     typography,
     breakpoints
   } = _ref;
-
   switch (variant) {
     case 'heading-1':
       return typography.h1;
-
     case 'heading-2':
       return typography.h2;
-
     case 'heading-3':
       return typography.h3;
-
     case 'heading-4':
       return typography.h4;
-
     case 'heading-5':
       return typography.h5;
-
     case 'heading-6':
       return typography.h6;
-
     case 'body':
     default:
       return typography.body2;
-
     case 'body-block':
       {
         return mergeStyles({}, typography.body2, {
@@ -70,19 +61,15 @@ function variantMixin(_ref, variant) {
           }
         });
       }
-
     case 'body-semibold':
       return typography.body1;
-
     case 'caption':
       return typography.caption;
   }
 }
-
 function textBoxMixin(noWrap, align, color, display, wrapOverflow) {
   return css(["text-align:", ";color:", ";display:", ";overflow:", ";white-space:", ";overflow-wrap:", ";"], align, normalizeTextColor(color), display === 'initial' && (noWrap || align !== 'left') ? 'block' : display, noWrap ? 'hidden' : 'visible', noWrap ? 'nowrap' : 'normal', wrapOverflow ? 'break-word' : 'normal');
 }
-
 var TextBoxRoot = /*#__PURE__*/styled.span.withConfig({
   displayName: "TextBox__TextBoxRoot",
   componentId: "SD__sc-9mywck-0"
@@ -100,16 +87,15 @@ var TextBoxRoot = /*#__PURE__*/styled.span.withConfig({
 });
 export var TextBox = /*#__PURE__*/forwardRef((_ref3, ref) => {
   var {
-    variant: $variant = 'body',
-    as = VARIANT_TYPE_MAPPING[$variant],
-    align = 'left',
-    color = 'primary',
-    display = 'initial',
-    noWrap = false,
-    wrapOverflow = false
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded);
-
+      variant: $variant = 'body',
+      as = VARIANT_TYPE_MAPPING[$variant],
+      align = 'left',
+      color = 'primary',
+      display = 'initial',
+      noWrap = false,
+      wrapOverflow = false
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded);
   var $align = parseResponsiveProp(align);
   var $color = parseResponsiveProp(color);
   var $noWrap = parseResponsiveProp(noWrap);

package/dist-src/utils/RuleNormalizer.js

@@ -2,16 +2,13 @@ export function createRuleNormalizer(rules) {
   return input => {
     if (typeof input == 'string') {
       var value = rules[input];
-
       if (typeof value == 'number') {
         return "".concat(value, "px");
       }
-
       if (typeof value == 'string') {
         return value;
       }
     }
-
     return undefined;
   };
 }

package/dist-src/utils/mergeStyles.js

@@ -2,14 +2,12 @@ export function mergeStyles(styles) {
   for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     sources[_key - 1] = arguments[_key];
   }
-
   for (var source of sources) {
     if (source) {
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           var stylesValue = styles[key];
           var sourceValue = source[key];
-
           if (typeof stylesValue == 'object' && typeof sourceValue == 'object') {
             mergeStyles(stylesValue, sourceValue);
           } else {
@@ -19,6 +17,5 @@ export function mergeStyles(styles) {
       }
     }
   }
-
   return styles;
 }