@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

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

@@ -1,26 +1,15 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+exports.default = void 0;
 var _colors = require("../../styles/colors");
 var _AccordionGrid = _interopRequireDefault(require("../AccordionGridGroup/AccordionGrid.styles"));
 var _Buttons = require("../Button/Buttons.styles");
 var _Text = require("../Text/Text.styles");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var container = {
+const container = {
   height: '100%',
   width: '230px',
   position: 'absolute',
@@ -30,15 +19,16 @@ var container = {
   backgroundColor: 'accent.20',
   overflowY: 'hidden'
 };
-var popUpContainer = _objectSpread(_objectSpread({}, container), {}, {
+const popUpContainer = {
+  ...container,
   minWidth: '184px',
   maxWidth: '184px',
   width: '184px',
   backgroundColor: 'white',
   borderRight: '3px solid',
   borderRightColor: 'active'
-});
-var itemHeaderContainer = {
+};
+const itemHeaderContainer = {
   flexGrow: 1,
   alignItems: 'center',
   maxWidth: '230px',
@@ -54,7 +44,8 @@ var itemHeaderContainer = {
     bg: 'accent.10'
   }
 };
-var popUpItemHeaderContainer = _objectSpread(_objectSpread({}, itemHeaderContainer), {}, {
+const popUpItemHeaderContainer = {
+  ...itemHeaderContainer,
   minHeight: '36px',
   maxWidth: '184px',
   pl: 'sm',
@@ -62,11 +53,11 @@ var popUpItemHeaderContainer = _objectSpread(_objectSpread({}, itemHeaderContain
   '&.is-selected': {
     backgroundColor: 'active'
   }
-});
-var popUpItemListItem = {
+};
+const popUpItemListItem = {
   borderBottom: '1px solid #BDBDBD'
 };
-var sectionContainer = {
+const sectionContainer = {
   pt: 'sm',
   height: '100%',
   maxHeight: '100%',
@@ -97,7 +88,7 @@ var sectionContainer = {
     scrollbarColor: 'rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.2)'
   }
 };
-var popUpSectionContainer = {
+const popUpSectionContainer = {
   height: '100%',
   maxHeight: '100%',
   overflowY: 'auto',
@@ -127,17 +118,18 @@ var popUpSectionContainer = {
     scrollbarColor: 'rgba(229, 233, 248, 1) rgba(0, 0, 0, 0.2)'
   }
 };
-var sectionBody = _objectSpread(_objectSpread({}, _AccordionGrid["default"].body), {}, {
+const sectionBody = {
+  ..._AccordionGrid.default.body,
   pl: '0'
-});
-var truncateText = {
+};
+const truncateText = {
   whiteSpace: 'normal',
   WebkitBoxOrient: 'vertical',
   display: '-webkit-box',
   WebkitLineClamp: '3',
   overflow: 'hidden'
 };
-var itemButton = _objectSpread(_objectSpread({
+const itemButton = {
   marginY: '2px',
   textDecoration: 'none',
   outline: 'none',
@@ -157,8 +149,8 @@ var itemButton = _objectSpread(_objectSpread({
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   paddingLeft: '45px',
-  paddingRight: 'md'
-}, truncateText), {}, {
+  paddingRight: 'md',
+  ...truncateText,
   '&.is-focused': {
     outline: '1px solid',
     outlineColor: 'focus'
@@ -173,8 +165,9 @@ var itemButton = _objectSpread(_objectSpread({
   '&.is-pressed': {
     bg: 'accent.5'
   }
-});
-var popUpItemButton = _objectSpread(_objectSpread({}, itemButton), {}, {
+};
+const popUpItemButton = {
+  ...itemButton,
   fontSize: 'sm',
   px: 'sm',
   color: 'text.primary',
@@ -195,8 +188,8 @@ var popUpItemButton = _objectSpread(_objectSpread({}, itemButton), {}, {
     bg: 'active',
     color: 'white'
   }
-});
-var subtitle = {
+};
+const subtitle = {
   ml: 'md',
   my: 'sm',
   fontWeight: 1,
@@ -204,7 +197,8 @@ var subtitle = {
   color: 'accent.80',
   zIndex: '100'
 };
-var headerText = _objectSpread(_objectSpread({}, _Text.wordWrap), {}, {
+const headerText = {
+  ..._Text.wordWrap,
   whiteSpace: 'break-spaces',
   lineHeight: 1.15,
   fontSize: 'md',
@@ -214,8 +208,9 @@ var headerText = _objectSpread(_objectSpread({}, _Text.wordWrap), {}, {
   '.is-selected &': {
     color: 'white'
   }
-});
-var popUpHeaderText = _objectSpread(_objectSpread({}, headerText), {}, {
+};
+const popUpHeaderText = {
+  ...headerText,
   fontWeight: 3,
   color: 'text.primary',
   '.is-pressed &': {
@@ -224,8 +219,8 @@ var popUpHeaderText = _objectSpread(_objectSpread({}, headerText), {}, {
   '.is-selected &': {
     color: 'white'
   }
-});
-var headerNav = {
+};
+const headerNav = {
   cursor: 'pointer',
   minHeight: '40px',
   lineHeight: '30px',
@@ -241,9 +236,9 @@ var headerNav = {
   fontSize: '16px',
   '&.is-focused': {
     outline: 'none',
-    boxShadow: "0 0 0 1px ".concat(_colors.focus),
-    WebkitBoxShadow: "0 0 0 1px ".concat(_colors.focus),
-    MozBoxShadow: "0 0 0 1px ".concat(_colors.focus)
+    boxShadow: `0 0 0 1px ${_colors.focus}`,
+    WebkitBoxShadow: `0 0 0 1px ${_colors.focus}`,
+    MozBoxShadow: `0 0 0 1px ${_colors.focus}`
   },
   '&.is-hovered': {
     backgroundColor: 'accent.10'
@@ -252,7 +247,8 @@ var headerNav = {
     backgroundColor: 'accent.5'
   }
 };
-var item = _objectSpread(_objectSpread({}, headerNav), {}, {
+const item = {
+  ...headerNav,
   py: 'sm',
   px: 'md',
   '&.is-selected': {
@@ -265,15 +261,17 @@ var item = _objectSpread(_objectSpread({}, headerNav), {}, {
   '&.is-hovered': {
     backgroundColor: 'accent.10'
   }
-});
-var popUpItem = _objectSpread(_objectSpread({}, headerNav), {}, {
+};
+const popUpItem = {
+  ...headerNav,
   py: 'sm',
   px: 'md',
   '&.is-selected': {
     boxShadow: 'inset 2px 0 0 0 white'
   }
-});
-var sectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
+};
+const sectionButton = {
+  ..._Buttons.quiet,
   width: '100%',
   '&.is-focused': {
     outline: '1px solid',
@@ -285,8 +283,9 @@ var sectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
   '&.is-pressed': {
     backgroundColor: 'accent.5'
   }
-});
-var popUpSectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
+};
+const popUpSectionButton = {
+  ..._Buttons.quiet,
   width: '100%',
   '&.is-focused': {
     outline: '1px solid',
@@ -302,72 +301,76 @@ var popUpSectionButton = _objectSpread(_objectSpread({}, _Buttons.quiet), {}, {
   '&.is-pressed > div > div > svg > path': {
     fill: 'white !important'
   }
-});
-var navBarItemBody = {
+};
+const navBarItemBody = {
   alignItems: 'stretch',
   overflow: 'hidden',
   transition: 'max-height 300ms ease, margin-bottom 300ms ease',
   height: 'fit-content',
   marginBottom: 0
 };
-var popUpNavBarItemBody = _objectSpread(_objectSpread({}, navBarItemBody), {}, {
+const popUpNavBarItemBody = {
+  ...navBarItemBody,
   mb: 0
-});
-var itemLinkButtonColor = {
+};
+const itemLinkButtonColor = {
   color: 'white'
 };
-var sectionList = {
+const sectionList = {
   margin: 0,
   padding: 0,
   listStyle: 'none'
 };
-var itemIcon = {
+const itemIcon = {
   mr: 'sm',
   color: 'neutral.95',
   fill: 'neutral.95'
 };
-var itemIconSelected = _objectSpread(_objectSpread({}, itemIcon), {}, {
+const itemIconSelected = {
+  ...itemIcon,
   color: 'white',
   fill: 'white'
-});
-var itemCustomIcon = {
+};
+const itemCustomIcon = {
   color: 'neutral.95',
   fill: 'neutral.95',
   ml: 'auto'
 };
-var itemCustomIconSelected = _objectSpread(_objectSpread({}, itemCustomIcon), {}, {
+const itemCustomIconSelected = {
+  ...itemCustomIcon,
   color: 'white',
   fill: 'white'
-});
-var sideNavItem = _objectSpread(_objectSpread({}, item), {}, {
+};
+const sideNavItem = {
+  ...item,
   p: 0
-});
-var _default = exports["default"] = {
-  container: container,
-  popUpContainer: popUpContainer,
-  itemHeaderContainer: itemHeaderContainer,
-  popUpItemHeaderContainer: popUpItemHeaderContainer,
-  popUpItemListItem: popUpItemListItem,
-  sectionContainer: sectionContainer,
-  popUpSectionContainer: popUpSectionContainer,
-  sectionBody: sectionBody,
-  sectionButton: sectionButton,
-  popUpSectionButton: popUpSectionButton,
-  itemButton: itemButton,
-  popUpItemButton: popUpItemButton,
-  subtitle: subtitle,
-  headerText: headerText,
-  popUpHeaderText: popUpHeaderText,
-  headerNav: headerNav,
-  item: item,
-  popUpItem: popUpItem,
-  navBarItemBody: navBarItemBody,
-  popUpNavBarItemBody: popUpNavBarItemBody,
-  itemLinkButtonColor: itemLinkButtonColor,
-  sectionList: sectionList,
-  sideNavItem: sideNavItem,
-  itemIcon: itemIcon,
-  itemIconSelected: itemIconSelected,
-  itemCustomIcon: itemCustomIcon,
-  itemCustomIconSelected: itemCustomIconSelected
+};
+var _default = exports.default = {
+  container,
+  popUpContainer,
+  itemHeaderContainer,
+  popUpItemHeaderContainer,
+  popUpItemListItem,
+  sectionContainer,
+  popUpSectionContainer,
+  sectionBody,
+  sectionButton,
+  popUpSectionButton,
+  itemButton,
+  popUpItemButton,
+  subtitle,
+  headerText,
+  popUpHeaderText,
+  headerNav,
+  item,
+  popUpItem,
+  navBarItemBody,
+  popUpNavBarItemBody,
+  itemLinkButtonColor,
+  sectionList,
+  sideNavItem,
+  itemIcon,
+  itemIconSelected,
+  itemCustomIcon,
+  itemCustomIconSelected
 };

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

@@ -1,14 +1,13 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-_Object$defineProperty(exports, "default", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
-    return _NavBar["default"];
+  get: function () {
+    return _NavBar.default;
   }
 });
 var _NavBar = _interopRequireDefault(require("./NavBar"));

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

@@ -1,29 +1,19 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.navBarArgTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _docArgTypes = require("../../utils/docUtils/docArgTypes");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var navBarArgTypes = exports.navBarArgTypes = {
-  isAutoСollapsible: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+const navBarArgTypes = exports.navBarArgTypes = {
+  isAutoСollapsible: {
+    ..._docArgTypes.booleanArg,
     description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
-  }),
-  hasRestoreFocus: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+  },
+  hasRestoreFocus: {
+    ..._docArgTypes.booleanArg,
     description: 'Whether or not the focus will return to the previously focused element upon unmount.'
-  }),
+  },
   variant: {
     control: {
       type: 'select'
@@ -45,9 +35,10 @@ var navBarArgTypes = exports.navBarArgTypes = {
     control: false,
     description: 'The selected key in the collection (controlled).'
   },
-  setSelectedKey: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  setSelectedKey: {
+    ..._docArgTypes.funcArg,
     description: 'Callback function that fires when the selected key changes.'
-  }),
+  },
   children: {
     control: false,
     description: 'Content to render inside the NavBar.'

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

@@ -1,8 +1,7 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NavBarNextGenComponent = void 0;
@@ -10,10 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 var _ = require("../../..");
 var _hooks = require("../../../hooks");
 var _react2 = require("@emotion/react");
-var NavBarNextGenComponent = exports.NavBarNextGenComponent = function NavBarNextGenComponent() {
-  var _useGetTheme = (0, _hooks.useGetTheme)(),
-    icons = _useGetTheme.icons;
-  var firstSectionData = [{
+const NavBarNextGenComponent = () => {
+  const {
+    icons
+  } = (0, _hooks.useGetTheme)();
+  const firstSectionData = [{
     'data-id': 'dashboard-data-id',
     heading: 'Monitoring',
     icon: icons.monitoringIcon,
@@ -53,7 +53,7 @@ var NavBarNextGenComponent = exports.NavBarNextGenComponent = function NavBarNex
       id: "Resources"
     }, "Resourcess")]
   }];
-  var secondSectionData = [{
+  const secondSectionData = [{
     'data-id': 'Authentication-data-id',
     heading: 'Authentication',
     icon: icons.authenticationIcon,
@@ -115,7 +115,7 @@ var NavBarNextGenComponent = exports.NavBarNextGenComponent = function NavBarNex
       id: "Policies"
     }, "Policies")]
   }];
-  var thirdSectionData = [{
+  const thirdSectionData = [{
     'data-id': 'Integrations-data-id',
     heading: 'Integrations',
     icon: icons.integrationsIcon,
@@ -192,4 +192,5 @@ var NavBarNextGenComponent = exports.NavBarNextGenComponent = function NavBarNex
     hasSeparator: true,
     "data-id": "third-nav-bar-section"
   })));
-};
+};
+exports.NavBarNextGenComponent = NavBarNextGenComponent;

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

@@ -1,29 +1,19 @@
 "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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.navBarOnyxArgTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _docArgTypes = require("../../../utils/docUtils/docArgTypes");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var navBarOnyxArgTypes = exports.navBarOnyxArgTypes = {
-  isAutoСollapsible: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+const navBarOnyxArgTypes = exports.navBarOnyxArgTypes = {
+  isAutoСollapsible: {
+    ..._docArgTypes.booleanArg,
     description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
-  }),
-  hasRestoreFocus: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+  },
+  hasRestoreFocus: {
+    ..._docArgTypes.booleanArg,
     description: 'Whether or not the focus will return to the previously focused element upon unmount.'
-  }),
+  },
   variant: {
     control: {
       type: 'select'
@@ -37,9 +27,10 @@ var navBarOnyxArgTypes = exports.navBarOnyxArgTypes = {
     },
     description: 'The initial selected key in the collection (uncontrolled).'
   },
-  setSelectedKey: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+  setSelectedKey: {
+    ..._docArgTypes.funcArg,
     description: 'Callback function that fires when the selected key changes.'
-  }),
+  },
   children: {
     control: {
       type: null