@pingux/astro 1.27.0-alpha.21 → 1.27.0-alpha.22

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

@@ -1,413 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = exports.WithSections = exports.OrgLevel = exports.DefaultOpen = exports.Default = exports.ControlledMenu = void 0;
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _EnvironmentBreadcrumb = _interopRequireDefault(require("./EnvironmentBreadcrumb"));
-
-var _index = require("../../index");
-
-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: 'EnvironmentBreadcrumb',
-  component: _EnvironmentBreadcrumb["default"]
-};
-exports["default"] = _default;
-var defaultEnvironments = [{
-  name: 'Default'
-}, {
-  name: 'Kangaroo'
-}, {
-  name: 'Snake'
-}, {
-  name: 'Snail'
-}, {
-  name: 'Slug'
-}, {
-  name: 'Crow'
-}, {
-  name: 'Dog'
-}, {
-  name: 'Crab',
-  isSandbox: true
-}, {
-  name: 'Fish'
-}, {
-  name: 'Turtle'
-}, {
-  name: 'Mouse'
-}, {
-  name: 'Banana'
-}, {
-  name: 'Shark'
-}, {
-  name: 'Gorilla'
-}, {
-  name: 'Goat'
-}];
-var environmentsWithSections = [{
-  name: 'Recent',
-  options: [{
-    name: 'Default'
-  }, {
-    name: 'Consumer Banking Prod'
-  }, {
-    name: 'Custom 360 Test'
-  }]
-}, {
-  name: 'All',
-  options: [{
-    name: 'Consumer Banking Prod'
-  }, {
-    name: 'Custom 360 Test'
-  }, {
-    name: 'Default'
-  }, {
-    name: 'Great New One',
-    isSandbox: true
-  }, {
-    name: 'Jeff’s Workforce'
-  }, {
-    name: 'Lindemuller Prod'
-  }, {
-    name: 'Mine'
-  }]
-}];
-
-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];
-
-  var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "inherit"
-  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
-    label: "SANDBOX",
-    variant: "boxes.environmentChip",
-    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",
-    selectedItem: envNode,
-    onSelectionChange: handleSelectionChange
-  }), function (_ref2) {
-    var name = _ref2.name,
-        isSandbox = _ref2.isSandbox;
-    return (0, _react2.jsx)(_index.Item, {
-      key: name,
-      textValue: name
-    }, name, isSandbox ? (0, _react2.jsx)(_index.Chip, {
-      label: "SANDBOX",
-      variant: "boxes.environmentChip",
-      bg: "neutral.40"
-    }) : 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];
-
-  var _useState5 = (0, _react.useState)({
-    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);
-    var recentEnvironments = (0, _find["default"])(environments).call(environments, function (envSection) {
-      return envSection.name === 'Recent';
-    }).options;
-    var envObj = findEnvObj(envKey);
-    var updatedRecentEnvironments = getUpdatedRecentEnvs(envObj, recentEnvironments);
-    setEnvironments(function (prevEnvs) {
-      return (0, _map["default"])(prevEnvs).call(prevEnvs, function (section) {
-        return section.name === 'Recent' ? _objectSpread(_objectSpread({}, section), {}, {
-          options: updatedRecentEnvironments
-        }) : section;
-      });
-    });
-    setSelectedEnvironment(_objectSpread({}, envObj));
-  };
-
-  var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "inherit"
-  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
-    label: "SANDBOX",
-    variant: "boxes.environmentChip",
-    bg: "neutral.40"
-  }) : null);
-  return (0, _react2.jsx)(_EnvironmentBreadcrumb["default"], {
-    items: environments,
-    name: "Globochem",
-    selectedItem: envNode,
-    onSelectionChange: handleEnvPress
-  }, function (_ref3) {
-    var sectionName = _ref3.name,
-        sectionOptions = _ref3.options;
-    return (0, _react2.jsx)(_index.Section, {
-      key: sectionName,
-      title: sectionName,
-      items: sectionOptions
-    }, function (_ref4) {
-      var _context5;
-
-      var itemName = _ref4.name,
-          itemOptions = _ref4.options,
-          isSandbox = _ref4.isSandbox;
-      return (0, _react2.jsx)(_index.Item, {
-        key: (0, _concat["default"])(_context5 = "".concat(sectionName, "-")).call(_context5, itemName),
-        childItems: itemOptions,
-        textValue: itemName
-      }, (0, _react2.jsx)(_index.Box, {
-        isRow: true
-      }, itemName, isSandbox ? (0, _react2.jsx)(_index.Chip, {
-        label: "SANDBOX",
-        variant: "boxes.environmentChip",
-        bg: "neutral.40"
-      }) : null));
-    });
-  });
-};
-
-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];
-
-  var envNode = (0, _react2.jsx)(_index.Box, {
-    isRow: true
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "inherit"
-  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
-    label: "SANDBOX",
-    variant: "boxes.environmentChip",
-    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",
-    selectedItem: envNode,
-    onSelectionChange: handleSelectionChange,
-    isDefaultOpen: true
-  }, function (_ref6) {
-    var name = _ref6.name,
-        isSandbox = _ref6.isSandbox;
-    return (0, _react2.jsx)(_index.Item, {
-      key: name,
-      textValue: name
-    }, name, isSandbox ? (0, _react2.jsx)(_index.Chip, {
-      label: "SANDBOX",
-      variant: "boxes.environmentChip",
-      bg: "neutral.40"
-    }) : 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];
-
-  var _useState11 = (0, _react.useState)({
-    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
-  }, (0, _react2.jsx)(_index.Text, {
-    color: "inherit"
-  }, selectedEnvironment.name), selectedEnvironment.isSandbox ? (0, _react2.jsx)(_index.Chip, {
-    label: "SANDBOX",
-    variant: "boxes.environmentChip",
-    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",
-    selectedItem: envNode,
-    onSelectionChange: handleSelectionChange,
-    isOpen: isOpen,
-    onOpenChange: setIsOpen
-  }, function (_ref8) {
-    var name = _ref8.name,
-        isSandbox = _ref8.isSandbox;
-    return (0, _react2.jsx)(_index.Item, {
-      key: name,
-      textValue: name
-    }, name, isSandbox ? (0, _react2.jsx)(_index.Chip, {
-      label: "SANDBOX",
-      variant: "boxes.environmentChip",
-      bg: "neutral.40"
-    }) : null);
-  });
-};
-
-exports.ControlledMenu = ControlledMenu;