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

package/lib/cjs/components/MultivaluesField/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _MultivaluesField["default"];
   }
 });
-
 var _MultivaluesField = _interopRequireDefault(require("./MultivaluesField"));

package/lib/cjs/components/NavBar/NavBar.js

@@ -1,47 +1,27 @@
 "use strict";
 
 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$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _focus = require("@react-aria/focus");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _NavBarContext = require("../../context/NavBarContext");
-
+var _useProgressiveState3 = _interopRequireDefault(require("../../hooks/useProgressiveState"));
 var _isIterable = require("../../utils/devUtils/props/isIterable");
-
 var _Box = _interopRequireDefault(require("../Box/Box"));
-
-var _useProgressiveState3 = _interopRequireDefault(require("../../hooks/useProgressiveState"));
-
 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; }
-
 /**
  * Composed component that spreads children.
  *
@@ -51,23 +31,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * an array of objects that is passed into it.
  *
  */
+
 var NavBar = function NavBar(props) {
   var defaultSelectedKey = props.defaultSelectedKey,
-      selectedKeyProp = props.selectedKey,
-      setSelectedKeyProp = props.setSelectedKey,
-      defaultExpandedKeys = props.defaultExpandedKeys,
-      children = props.children;
-
+    selectedKeyProp = props.selectedKey,
+    setSelectedKeyProp = props.setSelectedKey,
+    defaultExpandedKeys = props.defaultExpandedKeys,
+    children = props.children;
   var _useState = (0, _react.useState)(defaultExpandedKeys),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      expandedKeys = _useState2[0],
-      setExpandedKeys = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    expandedKeys = _useState2[0],
+    setExpandedKeys = _useState2[1];
   var _useProgressiveState = (0, _useProgressiveState3["default"])(selectedKeyProp, defaultSelectedKey),
-      _useProgressiveState2 = (0, _slicedToArray2["default"])(_useProgressiveState, 2),
-      selectedKey = _useProgressiveState2[0],
-      setSelectedKey = _useProgressiveState2[1];
-
+    _useProgressiveState2 = (0, _slicedToArray2["default"])(_useProgressiveState, 2),
+    selectedKey = _useProgressiveState2[0],
+    setSelectedKey = _useProgressiveState2[1];
   var items = (0, _isArray["default"])(children) ? (0, _map["default"])(children).call(children, function (child) {
     return {
       item: child,
@@ -93,16 +71,14 @@ var NavBar = function NavBar(props) {
     restoreFocus: true
   }, (0, _map["default"])(items).call(items, function (_ref) {
     var item = _ref.item,
-        key = _ref.key;
+      key = _ref.key;
     return (0, _react2.jsx)(FocusableItem, {
       key: key
     }, item);
   })) : null));
 };
-
 var FocusableItem = function FocusableItem(props) {
   var focusManager = (0, _focus.useFocusManager)();
-
   var onKeyDown = function onKeyDown(e) {
     switch (e.key) {
       case 'ArrowRight':
@@ -110,35 +86,27 @@ var FocusableItem = function FocusableItem(props) {
         e.preventDefault();
         focusManager.focusNext();
         break;
-
       case 'ArrowLeft':
       case 'ArrowUp':
         e.preventDefault();
         focusManager.focusPrevious();
         break;
-
       default:
         break;
     }
   };
-
   var childWithFocusHandle = /*#__PURE__*/_react["default"].cloneElement(props.children, {
     onKeyDown: onKeyDown
   });
-
   return childWithFocusHandle;
 };
-
 NavBar.propTypes = {
   /** The initial selected key in the collection (uncontrolled). */
   defaultSelectedKey: _propTypes["default"].string,
-
   /** The initial expanded keys in the collection (uncontrolled). */
   defaultExpandedKeys: _isIterable.isIterableProp,
-
   /** The selected key in the collection (controlled). */
   selectedKey: _isIterable.isIterableProp,
-
   /**
   * Callback function that fires when the selected key changes.
   *

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

@@ -1,51 +1,29 @@
 "use strict";
 
 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$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.Default = exports.Controlled = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _AccountMultipleIcon = _interopRequireDefault(require("mdi-react/AccountMultipleIcon"));
-
 var _EarthIcon = _interopRequireDefault(require("mdi-react/EarthIcon"));
-
 var _EmoticonHappyOutlineIcon = _interopRequireDefault(require("mdi-react/EmoticonHappyOutlineIcon"));
-
 var _FingerprintIcon = _interopRequireDefault(require("mdi-react/FingerprintIcon"));
-
 var _GlobeIcon = _interopRequireDefault(require("mdi-react/GlobeIcon"));
-
 var _ScaleBalanceIcon = _interopRequireDefault(require("mdi-react/ScaleBalanceIcon"));
-
 var _TransitConnectionVariantIcon = _interopRequireDefault(require("mdi-react/TransitConnectionVariantIcon"));
-
 var _ViewDashboardIcon = _interopRequireDefault(require("mdi-react/ViewDashboardIcon"));
-
 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; }
-
 var _default = {
   component: _index.NavBar,
   subcomponents: {
@@ -56,7 +34,6 @@ var _default = {
   title: 'Components/NavBar'
 };
 exports["default"] = _default;
-
 var Credentials = function Credentials(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "18px",
@@ -65,8 +42,7 @@ var Credentials = function Credentials(props) {
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     x: "0px",
-    y: "0px",
-    xml: "preserve"
+    y: "0px"
   }, props), (0, _react2.jsx)("g", {
     id: "Layer_2"
   }), (0, _react2.jsx)("g", {
@@ -86,7 +62,6 @@ var Credentials = function Credentials(props) {
     d: "M15.1,14.3c0-0.9,0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6C15.9,15.9,15.1,15.2,15.1,14.3 M16.8,11 c-0.9,0-1.7,0.3-2.3,0.9c-0.6,0.6-1,1.4-1,2.3c0,0.9,0.3,1.7,1,2.3c0.6,0.6,1.4,1,2.3,1c0.9,0,1.7-0.3,2.3-1c0.6-0.6,1-1.4,1-2.3 c0-0.9-0.3-1.7-1-2.3C18.5,11.3,17.6,11,16.8,11 M21.1,14.3c0,0.5-0.1,1-0.3,1.5c-0.2,0.5-0.4,1-0.8,1.3v4.2l-3.3-1.1l-3.3,1.1 v-4.2c-0.7-0.8-1.1-1.8-1.1-2.9c0-1.2,0.4-2.3,1.3-3.1c0.8-0.8,1.9-1.3,3.1-1.3c1.2,0,2.3,0.4,3.1,1.3 C20.7,12,21.1,13.1,21.1,14.3z"
   }))));
 };
-
 var Verify = function Verify(props) {
   return (0, _react2.jsx)("svg", (0, _extends2["default"])({
     width: "18px",
@@ -116,7 +91,6 @@ var Verify = function Verify(props) {
     id: "Shape"
   }))))));
 };
-
 var logo = (0, _react2.jsx)("svg", {
   width: "130",
   height: "23",
@@ -371,7 +345,6 @@ var thirdData = [{
     id: "Earth Button Group"
   }, "Group")]
 }];
-
 var Default = function Default() {
   return (0, _react2.jsx)(_index.NavBar, null, (0, _react2.jsx)(_index.Box, {
     padding: "md"
@@ -405,15 +378,12 @@ var Default = function Default() {
     "data-id": "third-nav-bar-section"
   })));
 };
-
 exports.Default = Default;
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)('Dashboard Link Group'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      selectedKey = _useState2[0],
-      setSelectedKey = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedKey = _useState2[0],
+    setSelectedKey = _useState2[1];
   var customData = [{
     icon: _EarthIcon["default"],
     key: 'Environment',
@@ -466,5 +436,4 @@ var Controlled = function Controlled() {
     "data-id": "third-nav-bar-section"
   })));
 };
-
 exports.Controlled = Controlled;

package/lib/cjs/components/NavBar/NavBar.styles.js

@@ -1,41 +1,24 @@
 "use strict";
 
 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 _filterInstanceProperty = 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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _AccordionGrid = _interopRequireDefault(require("../AccordionGridGroup/AccordionGrid.styles"));
-
 var _Buttons = require("../Button/Buttons.styles");
-
 var _Text = require("../Text/Text.styles");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var container = {
   height: '100%',
   width: '230px',
@@ -90,11 +73,9 @@ var sectionContainer = {
     scrollbarColor: 'rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.2)'
   }
 };
-
 var sectionBody = _objectSpread(_objectSpread({}, _AccordionGrid["default"].body), {}, {
   pl: '0'
 });
-
 var itemButton = {
   textDecoration: 'none',
   outline: 'none',
@@ -138,7 +119,6 @@ var subtitle = {
   color: 'accent.80',
   zIndex: '100'
 };
-
 var headerText = _objectSpread(_objectSpread({}, _Text.wordWrap), {}, {
   whiteSpace: 'break-spaces',
   lineHeight: 1,
@@ -150,7 +130,6 @@ var headerText = _objectSpread(_objectSpread({}, _Text.wordWrap), {}, {
     color: 'white'
   }
 });
-
 var headerNav = {
   cursor: 'pointer',
   minHeight: '40px',
@@ -178,7 +157,6 @@ var headerNav = {
     backgroundColor: 'accent.5'
   }
 };
-
 var item = _objectSpread(_objectSpread({}, headerNav), {}, {
   py: 'sm',
   px: 'md',
@@ -187,7 +165,6 @@ var item = _objectSpread(_objectSpread({}, headerNav), {}, {
     boxShadow: 'inset 2px 0 0 0 white'
   }
 });
-
 var sectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
   width: '100%',
   '&.is-focused': {
@@ -201,7 +178,6 @@ var sectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
     backgroundColor: 'accent.5'
   }
 });
-
 var _default = {
   container: container,
   itemHeaderContainer: itemHeaderContainer,