@superdispatch/ui-lab 0.21.8 → 0.21.12

package/.babelrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const createBabelConfig = require('../../config/createBabelConfig');
+
+module.exports = createBabelConfig();

package/.turbo/turbo-version.log

@@ -0,0 +1,28 @@
+@superdispatch/ui-lab:version: cache hit, replaying output 45a0d783a7139ee5
+@superdispatch/ui-lab:version: $ pika build
+@superdispatch/ui-lab:version: @pika/pack v0.5.0
+@superdispatch/ui-lab:version: [1/8] Validating source...
+@superdispatch/ui-lab:version: [2/8] Preparing pipeline...
+@superdispatch/ui-lab:version:       ❇️  pkg/
+@superdispatch/ui-lab:version: [3/8] Running @pika/plugin-standard-pkg...
+@superdispatch/ui-lab:version: Browserslist: caniuse-lite is outdated. Please run:
+@superdispatch/ui-lab:version:   npx browserslist@latest --update-db
+@superdispatch/ui-lab:version:   Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
+@superdispatch/ui-lab:version:       📝  pkg/dist-src/index.js [esnext]
+@superdispatch/ui-lab:version:       » Linting with standard-pkg...
+@superdispatch/ui-lab:version: [4/8] Running @pika/plugin-build-web...
+@superdispatch/ui-lab:version:       📝  pkg/dist-web/index.js [module]
+@superdispatch/ui-lab:version: [5/8] Running @pika/plugin-build-node...
+@superdispatch/ui-lab:version:       📝  pkg/dist-node/index.js [main]
+@superdispatch/ui-lab:version: [6/8] Running @pika/plugin-build-types...
+@superdispatch/ui-lab:version:       » no manual type definitions found, auto-generating...
+@superdispatch/ui-lab:version:       📝  pkg/dist-types/index.d.ts [types]
+@superdispatch/ui-lab:version: [7/8] Running @pika/plugin-bundle-types...
+@superdispatch/ui-lab:version: Circular dependency: pkg/dist-types/navbar/NavbarList.d.ts -> pkg/dist-types/navbar/NavbarAccordion.d.ts -> pkg/dist-types/navbar/NavbarList.d.ts
+@superdispatch/ui-lab:version: 'Context' is imported from external module 'react' but never used
+@superdispatch/ui-lab:version:       📝  pkg/dist-types/index.d.ts 
+@superdispatch/ui-lab:version: [8/8] Finalizing package...
+@superdispatch/ui-lab:version:       » copying README.md...
+@superdispatch/ui-lab:version:       📝  pkg/package.json
+@superdispatch/ui-lab:version:       📦  pkg/
+@superdispatch/ui-lab:version: Done in 14.05s.

package/package.json

@@ -1,34 +1,59 @@
-{
-  "name": "@superdispatch/ui-lab",
-  "version": "0.21.8",
-  "license": "MIT",
-  "files": [
-    "dist-*/",
-    "bin/"
-  ],
-  "pika": true,
-  "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/superdispatch/ui.git"
-  },
-  "dependencies": {
-    "@superdispatch/hooks": "^0.21.0",
-    "@superdispatch/ui": "^0.21.8",
-    "react-anchorme": "^2.2.1",
-    "react-dropzone": "^11.3.4"
-  },
-  "peerDependencies": {
-    "@babel/runtime": "^7.0.0",
-    "react": "^17.0.2",
-    "styled-components": "^5.2.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "directory": "pkg"
-  },
-  "esnext": "dist-src/index.js",
-  "module": "dist-web/index.js",
-  "main": "dist-node/index.js",
-  "types": "dist-types/index.d.ts"
-}
+{
+  "name": "@superdispatch/ui-lab",
+  "version": "0.21.12",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/superdispatch/ui.git"
+  },
+  "license": "MIT",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "browser": "pkg/dist-web/index.js",
+  "types": "src/index.ts",
+  "scripts": {
+    "version": "pika build"
+  },
+  "dependencies": {
+    "@superdispatch/hooks": "^0.21.0",
+    "@superdispatch/ui": "^0.21.8",
+    "react-anchorme": "^2.2.1",
+    "react-dropzone": "^11.3.4"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "^7.0.0",
+    "react": "^17.0.2",
+    "styled-components": "^5.2.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "pkg"
+  },
+  "@pika/pack": {
+    "pipeline": [
+      [
+        "@pika/plugin-standard-pkg",
+        {
+          "exclude": [
+            "**/*.spec.*",
+            "**/*.stories.*",
+            "**/*.playroom.*",
+            "**/__tests__/**",
+            "**/__testutils__/**"
+          ]
+        }
+      ],
+      [
+        "@pika/plugin-build-web"
+      ],
+      [
+        "@pika/plugin-build-node"
+      ],
+      [
+        "@pika/plugin-build-types"
+      ],
+      [
+        "@pika/plugin-bundle-types"
+      ]
+    ]
+  }
+}

package/pkg/README.md

@@ -0,0 +1,10 @@
+### `@superdispatch/ui-lab`
+
+[![npm](https://img.shields.io/npm/v/@superdispatch/ui-lab)](https://www.npmjs.com/package/@superdispatch/ui-lab)
+[![npm minzipped size](https://img.shields.io/bundlephobia/minzip/@superdispatch/ui-lab.svg)](https://bundlephobia.com/result?p=@superdispatch/ui-lab)
+
+#### Installation
+
+```bash
+yarn add @superdispatch/ui-lab
+```

package/{dist-node → pkg/dist-node}/index.js

@@ -41,7 +41,7 @@ var iconMapping = {
 var Alert = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   var {
     children,
-    onClose: _onClose,
+    onClose,
     severity = 'positive'
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(StyledAlert, {
@@ -49,9 +49,7 @@ var Alert = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     variant: "outlined",
     iconMapping: iconMapping,
     severity: toMaterialSeverity(severity),
-    onClose: () => {
-      _onClose === null || _onClose === void 0 ? void 0 : _onClose();
-    },
+    onClose: onClose,
     children: children
   });
 });
@@ -1076,6 +1074,7 @@ function useNavbarContext() {
   return react.useContext(NavbarContext);
 }
 
+var _excluded$7 = ["active", "hasBadge"];
 var StyledBottomNavigation = /*#__PURE__*/styled__default(core.BottomNavigation).withConfig({
   displayName: "NavbarBottomBar__StyledBottomNavigation",
   componentId: "SD__sc-9z6v3k-0"
@@ -1114,12 +1113,20 @@ function NavbarBottomBar(_ref) {
         }
       }
     },
-    children: [items.map(item => /*#__PURE__*/react.createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
-      key: item.value,
-      icon: item.hasBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(IconLabel, {}), item.icon]
-      }) : item.icon
-    }))), /*#__PURE__*/jsxRuntime.jsx(StyledBottomNavigationAction, {
+    children: [items.map(_ref2 => {
+      var {
+        active,
+        hasBadge
+      } = _ref2,
+          item = _objectWithoutProperties(_ref2, _excluded$7);
+
+      return /*#__PURE__*/react.createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
+        key: item.value,
+        icon: hasBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(IconLabel, {}), item.icon]
+        }) : item.icon
+      }));
+    }), /*#__PURE__*/jsxRuntime.jsx(StyledBottomNavigationAction, {
       value: "menu",
       label: "Menu",
       icon: hasMenuBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
@@ -1190,12 +1197,7 @@ var NavbarAccordionLabel = /*#__PURE__*/styled__default.span.withConfig({
 var NavbarAccordionRoot = /*#__PURE__*/styled__default(core.Accordion).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionRoot",
   componentId: "SD__sc-1s7g3kw-1"
-})(_ref => {
-  var {
-    gutter
-  } = _ref;
-  return styled.css(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;margin-top:", ";&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&.MuiAccordion-root.Mui-expanded{margin-top:", ";}"], gutter ? '16px' : '0', ui.Color.White, gutter ? '16px' : '0');
-});
+})(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&[data-gutter]{margin-top:16px;}&[data-gutter].MuiAccordion-root.Mui-expanded{margin-top:16px;}"], ui.Color.White);
 var NavbarAccordionSummary = /*#__PURE__*/styled__default(core.AccordionSummary).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionSummary",
   componentId: "SD__sc-1s7g3kw-2"
@@ -1204,14 +1206,14 @@ var IconWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarAccordion__IconWrapper",
   componentId: "SD__sc-1s7g3kw-3"
 })(["width:24px;margin-right:8px;& svg{font-size:24px;}"]);
-function NavbarAccordion(_ref2) {
+function NavbarAccordion(_ref) {
   var {
     label,
     icon,
     gutter,
     items,
     onClick: _onClick
-  } = _ref2;
+  } = _ref;
   var uid = ui.useUID();
   var {
     setDrawerOpen,
@@ -1224,7 +1226,7 @@ function NavbarAccordion(_ref2) {
   }, [isNavbarExpanded]);
   return /*#__PURE__*/jsxRuntime.jsxs(NavbarAccordionRoot, {
     square: true,
-    gutter: !!gutter,
+    "data-gutter": !gutter,
     "aria-labelledby": uid,
     expanded: isExpanded,
     onClick: event => {
@@ -1472,7 +1474,7 @@ function Navbar(_ref) {
   });
 }
 
-var _excluded$7 = ["title", "subtitle", "children"];
+var _excluded$8 = ["title", "subtitle", "children"];
 var StyledTypography = /*#__PURE__*/styled__default(core.Typography).withConfig({
   displayName: "NavbarAvatar__StyledTypography",
   componentId: "SD__sc-19q2zd0-0"
@@ -1483,7 +1485,7 @@ function NavbarAvatar(_ref) {
     subtitle,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   var {
     isNavbarExpanded
@@ -1701,7 +1703,7 @@ var SidebarContainer = /*#__PURE__*/react.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SidebarContainer.displayName = "SidebarContainer";
 
-var _excluded$8 = ["onClick", "children"];
+var _excluded$9 = ["onClick", "children"];
 function SidebarBackButton(_ref) {
   var {
     onClick: _onClick,
@@ -1709,7 +1711,7 @@ function SidebarBackButton(_ref) {
       fontSize: "small"
     })
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
   var isCollapsed = ui.useCollapseBreakpoint('sm');
   var {