@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js

@@ -1,71 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
-exports["default"] = exports.WithSections = exports.RightAlignedBadges = exports.OrgLevel = exports.DefaultOpen = exports.Default = exports.ControlledMenu = void 0;
-
+exports["default"] = exports.WithSections = exports.RightAlignedChips = exports.OrgLevel = exports.DefaultOpen = exports.Default = exports.ControlledMenu = void 0;
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));
-
-var _index = require("../../index");
-
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-
+var _index = require("../../index");
+var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));
 var _EnvironmentBreadcrumb2 = _interopRequireDefault(require("./EnvironmentBreadcrumb.mdx"));
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = {
   title: 'Components/EnvironmentBreadcrumb',
   component: _EnvironmentBreadcrumb["default"],
@@ -154,16 +122,14 @@ var environmentsWithSections = [{
     name: 'Mike’s Workforce'
   }]
 }];
-
 var Default = function Default(args) {
   var _useState = (0, _react.useState)({
-    name: 'Snail',
-    isSandbox: true
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      selectedEnvironment = _useState2[0],
-      setSelectedEnvironment = _useState2[1];
-
+      name: 'Snail',
+      isSandbox: true
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedEnvironment = _useState2[0],
+    setSelectedEnvironment = _useState2[1];
   var envNode = (0, _react2.jsx)(_index.Box, {
     isRow: true,
     key: selectedEnvironment.name
@@ -174,19 +140,16 @@ var Default = function Default(args) {
     variant: "environmentBadge",
     bg: "neutral.40"
   }) : null);
-
   var findEnvObj = function findEnvObj(envName) {
     return (0, _find["default"])(defaultEnvironments).call(defaultEnvironments, function (_ref) {
       var name = _ref.name;
       return name === envName;
     });
   };
-
   var handleSelectionChange = function handleSelectionChange(newEnvName) {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-
   return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], (0, _extends2["default"])({}, args, {
     items: defaultEnvironments,
     name: "Globochem",
@@ -194,7 +157,7 @@ var Default = function Default(args) {
     onSelectionChange: handleSelectionChange
   }), function (_ref2) {
     var name = _ref2.name,
-        isSandbox = _ref2.isSandbox;
+      isSandbox = _ref2.isSandbox;
     return (0, _react2.jsx)(_index.Item, {
       key: name,
       textValue: name
@@ -205,59 +168,45 @@ var Default = function Default(args) {
     }) : null);
   });
 };
-
 exports.Default = Default;
-
 var WithSections = function WithSections() {
   var _useState3 = (0, _react.useState)(environmentsWithSections),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      environments = _useState4[0],
-      setEnvironments = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    environments = _useState4[0],
+    setEnvironments = _useState4[1];
   var _useState5 = (0, _react.useState)({
-    name: 'Consumer Banking Prod'
-  }),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      selectedEnvironment = _useState6[0],
-      setSelectedEnvironment = _useState6[1];
-
+      name: 'Consumer Banking Prod'
+    }),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    selectedEnvironment = _useState6[0],
+    setSelectedEnvironment = _useState6[1];
   var recentEnvShown = 3;
-
   var getUpdatedRecentEnvs = function getUpdatedRecentEnvs(envObj, prevEnvs) {
     var _context3;
-
     var envName = envObj.name;
     var isDuplicate = (0, _filter["default"])(prevEnvs).call(prevEnvs, function (prevEnv) {
       return prevEnv.name === envName;
     }).length > 0;
-
     if (isDuplicate) {
       var _context;
-
       return (0, _concat["default"])(_context = [_objectSpread({}, envObj)]).call(_context, (0, _filter["default"])(prevEnvs).call(prevEnvs, function (prevEnv) {
         return prevEnv.name !== envName;
       }));
     }
-
     if (prevEnvs.length >= recentEnvShown) {
       var _context2;
-
       return (0, _concat["default"])(_context2 = [_objectSpread({}, envObj)]).call(_context2, (0, _slice["default"])(prevEnvs).call(prevEnvs, 0, recentEnvShown - 1));
     }
-
     return (0, _concat["default"])(_context3 = [_objectSpread({}, envObj)]).call(_context3, prevEnvs);
   };
-
   var findEnvObj = function findEnvObj(envName) {
     var _context4;
-
     return (0, _find["default"])(_context4 = (0, _find["default"])(environments).call(environments, function (section) {
       return section.name === 'All';
     }).options).call(_context4, function (option) {
       return option.name === envName;
     });
   };
-
   var handleEnvPress = function handleEnvPress(newEnv) {
     var sectionPrefixIndex = (0, _indexOf["default"])(newEnv).call(newEnv, '-');
     var envKey = newEnv.substr(sectionPrefixIndex + 1);
@@ -275,7 +224,6 @@ var WithSections = function WithSections() {
     });
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-
   var envNode = (0, _react2.jsx)(_index.Box, {
     isRow: true,
     key: selectedEnvironment.name
@@ -294,18 +242,17 @@ var WithSections = function WithSections() {
     isDefaultOpen: true
   }, function (_ref3) {
     var sectionName = _ref3.name,
-        sectionOptions = _ref3.options,
-        sectionKey = _ref3.key;
+      sectionOptions = _ref3.options,
+      sectionKey = _ref3.key;
     return (0, _react2.jsx)(_index.Section, {
       key: sectionKey,
       title: sectionName,
       items: sectionOptions
     }, function (_ref4) {
       var _context5;
-
       var itemName = _ref4.name,
-          itemOptions = _ref4.options,
-          isSandbox = _ref4.isSandbox;
+        itemOptions = _ref4.options,
+        isSandbox = _ref4.isSandbox;
       return (0, _react2.jsx)(_index.Item, {
         key: (0, _concat["default"])(_context5 = "".concat(sectionName, "-")).call(_context5, itemName),
         childItems: itemOptions,
@@ -320,26 +267,21 @@ var WithSections = function WithSections() {
     });
   });
 };
-
 exports.WithSections = WithSections;
-
 var OrgLevel = function OrgLevel() {
   return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
     name: "Globochem"
   });
 };
-
 exports.OrgLevel = OrgLevel;
-
 var DefaultOpen = function DefaultOpen() {
   var _useState7 = (0, _react.useState)({
-    name: 'Dog',
-    isSandbox: true
-  }),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      selectedEnvironment = _useState8[0],
-      setSelectedEnvironment = _useState8[1];
-
+      name: 'Dog',
+      isSandbox: true
+    }),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    selectedEnvironment = _useState8[0],
+    setSelectedEnvironment = _useState8[1];
   var envNode = (0, _react2.jsx)(_index.Box, {
     isRow: true,
     key: selectedEnvironment.name
@@ -350,19 +292,16 @@ var DefaultOpen = function DefaultOpen() {
     variant: "environmentBadge",
     bg: "neutral.40"
   }) : null);
-
   var findEnvObj = function findEnvObj(envName) {
     return (0, _find["default"])(defaultEnvironments).call(defaultEnvironments, function (_ref5) {
       var name = _ref5.name;
       return name === envName;
     });
   };
-
   var handleSelectionChange = function handleSelectionChange(newEnvName) {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-
   return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
     items: defaultEnvironments,
     name: "Globochem",
@@ -371,7 +310,7 @@ var DefaultOpen = function DefaultOpen() {
     isDefaultOpen: true
   }, function (_ref6) {
     var name = _ref6.name,
-        isSandbox = _ref6.isSandbox;
+      isSandbox = _ref6.isSandbox;
     return (0, _react2.jsx)(_index.Item, {
       key: name,
       textValue: name
@@ -382,23 +321,19 @@ var DefaultOpen = function DefaultOpen() {
     }) : null);
   });
 };
-
 exports.DefaultOpen = DefaultOpen;
-
 var ControlledMenu = function ControlledMenu() {
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      isOpen = _useState10[0],
-      setIsOpen = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isOpen = _useState10[0],
+    setIsOpen = _useState10[1];
   var _useState11 = (0, _react.useState)({
-    name: 'Shark',
-    isSandbox: true
-  }),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      selectedEnvironment = _useState12[0],
-      setSelectedEnvironment = _useState12[1];
-
+      name: 'Shark',
+      isSandbox: true
+    }),
+    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+    selectedEnvironment = _useState12[0],
+    setSelectedEnvironment = _useState12[1];
   var envNode = (0, _react2.jsx)(_index.Box, {
     isRow: true,
     key: selectedEnvironment.name
@@ -409,19 +344,16 @@ var ControlledMenu = function ControlledMenu() {
     variant: "environmentBadge",
     bg: "neutral.40"
   }) : null);
-
   var findEnvObj = function findEnvObj(envName) {
     return (0, _find["default"])(defaultEnvironments).call(defaultEnvironments, function (_ref7) {
       var name = _ref7.name;
       return name === envName;
     });
   };
-
   var handleSelectionChange = function handleSelectionChange(newEnvName) {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-
   return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
     items: defaultEnvironments,
     name: "Globochem",
@@ -431,7 +363,7 @@ var ControlledMenu = function ControlledMenu() {
     onOpenChange: setIsOpen
   }, function (_ref8) {
     var name = _ref8.name,
-        isSandbox = _ref8.isSandbox;
+      isSandbox = _ref8.isSandbox;
     return (0, _react2.jsx)(_index.Item, {
       key: name,
       textValue: name
@@ -442,18 +374,15 @@ var ControlledMenu = function ControlledMenu() {
     }) : null);
   });
 };
-
 exports.ControlledMenu = ControlledMenu;
-
-var RightAlignedBadges = function RightAlignedBadges(args) {
+var RightAlignedChips = function RightAlignedChips(args) {
   var _useState13 = (0, _react.useState)({
-    name: 'Snail',
-    isSandbox: true
-  }),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      selectedEnvironment = _useState14[0],
-      setSelectedEnvironment = _useState14[1];
-
+      name: 'Snail',
+      isSandbox: true
+    }),
+    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+    selectedEnvironment = _useState14[0],
+    setSelectedEnvironment = _useState14[1];
   var envNode = (0, _react2.jsx)(_index.Box, {
     isRow: true
   }, (0, _react2.jsx)(_index.Text, {
@@ -463,19 +392,16 @@ var RightAlignedBadges = function RightAlignedBadges(args) {
     variant: "environmentBadge",
     bg: "neutral.40"
   }) : null);
-
   var findEnvObj = function findEnvObj(envName) {
     return (0, _find["default"])(defaultEnvironments).call(defaultEnvironments, function (_ref9) {
       var name = _ref9.name;
       return name === envName;
     });
   };
-
   var handleSelectionChange = function handleSelectionChange(newEnvName) {
     var envObj = findEnvObj(newEnvName);
     setSelectedEnvironment(_objectSpread({}, envObj));
   };
-
   var items = [{
     name: 'Default'
   }, {
@@ -512,7 +438,7 @@ var RightAlignedBadges = function RightAlignedBadges(args) {
     onSelectionChange: handleSelectionChange
   }), function (_ref10) {
     var name = _ref10.name,
-        isSandbox = _ref10.isSandbox;
+      isSandbox = _ref10.isSandbox;
     return (0, _react2.jsx)(_index.Item, {
       key: name,
       textValue: name
@@ -524,5 +450,4 @@ var RightAlignedBadges = function RightAlignedBadges(args) {
     }) : null);
   });
 };
-
-exports.RightAlignedBadges = RightAlignedBadges;
+exports.RightAlignedChips = RightAlignedChips;