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

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -1,15 +1,4 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-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) { _defineProperty(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; }
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { isIterableProp } from '../../utils/devUtils/props/isIterable';
@@ -19,13 +8,13 @@ import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusP
 import CondensedMultivaluesField from './CondensedMultivaluesField';
 import DefaultMultivaluesField from './DefaultMultivaluesField';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var Component = props.mode === 'condensed' ? CondensedMultivaluesField : DefaultMultivaluesField;
+const MultivaluesField = /*#__PURE__*/forwardRef((props, ref) => {
+  const Component = props.mode === 'condensed' ? CondensedMultivaluesField : DefaultMultivaluesField;
   return ___EmotionJSX(Component, _extends({
     ref: ref
   }, props));
 });
-MultivaluesField.propTypes = _objectSpread(_objectSpread(_objectSpread({
+MultivaluesField.propTypes = {
   /** The initial selected keys in the collection (uncontrolled). */
   defaultSelectedKeys: isIterableProp,
   /** Where the menu opens relative to its trigger. */
@@ -120,13 +109,17 @@ MultivaluesField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   /** @ignore */
   scrollBoxProps: PropTypes.shape({
     maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.number])
-  })
-}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
-MultivaluesField.defaultProps = _objectSpread({
+  }),
+  ...statusPropTypes,
+  ...ariaAttributesBasePropTypes,
+  ...inputFieldAttributesBasePropTypes
+};
+MultivaluesField.defaultProps = {
   direction: 'bottom',
   isReadOnly: false,
   scrollBoxProps: {
     maxHeight: 300
-  }
-}, statusDefaultProp);
+  },
+  ...statusDefaultProp
+};
 export default MultivaluesField;

package/lib/components/NavBar/NavBar.js

@@ -1,9 +1,4 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["isAuto\u0421ollapsible", "defaultSelectedKey", "selectedKey", "setSelectedKey", "hasRestoreFocus", "defaultExpandedKeys", "children", "variant"];
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { forwardRef, useMemo, useState } from 'react';
 import { FocusScope, useFocusManager } from '@react-aria/focus';
 import { NavBarContext } from '../../context/NavBarContext';
@@ -11,44 +6,37 @@ import useNavBarStyling from '../../hooks/useNavBarStyling/useNavBarStyling';
 import useProgressiveState from '../../hooks/useProgressiveState';
 import Box from '../Box/Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _children$;
-  var isAutoСollapsible = props.isAutoСollapsible,
-    defaultSelectedKey = props.defaultSelectedKey,
-    selectedKeyProp = props.selectedKey,
-    setSelectedKeyProp = props.setSelectedKey,
-    hasRestoreFocus = props.hasRestoreFocus,
-    defaultExpandedKeys = props.defaultExpandedKeys,
-    children = props.children,
-    variant = props.variant,
-    others = _objectWithoutProperties(props, _excluded);
-  var initialExpandedKeys = isAutoСollapsible && _Array$isArray(defaultExpandedKeys) && defaultExpandedKeys.length ? defaultExpandedKeys[0] : defaultExpandedKeys;
-  var _useState = useState(initialExpandedKeys),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandedKeys = _useState2[0],
-    setExpandedKeys = _useState2[1];
-  var _useProgressiveState = useProgressiveState(selectedKeyProp, defaultSelectedKey),
-    _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
-    selectedKey = _useProgressiveState2[0],
-    setSelectedKey = _useProgressiveState2[1];
-  var navStyles = useNavBarStyling(variant);
-  var items = _Array$isArray(children) ? _mapInstanceProperty(children).call(children, function (child) {
-    return {
-      item: child,
-      key: child.key
-    };
-  }) : [{
+const NavBar = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    isAutoСollapsible,
+    defaultSelectedKey,
+    selectedKey: selectedKeyProp,
+    setSelectedKey: setSelectedKeyProp,
+    hasRestoreFocus,
+    defaultExpandedKeys,
+    children,
+    variant,
+    ...others
+  } = props;
+  const initialExpandedKeys = isAutoСollapsible && Array.isArray(defaultExpandedKeys) && defaultExpandedKeys.length ? defaultExpandedKeys[0] : defaultExpandedKeys;
+  const [expandedKeys, setExpandedKeys] = useState(initialExpandedKeys);
+  const [selectedKey, setSelectedKey] = useProgressiveState(selectedKeyProp, defaultSelectedKey);
+  const navStyles = useNavBarStyling(variant);
+  const items = Array.isArray(children) ? children.map(child => ({
+    item: child,
+    key: child.key
+  })) : [{
     item: children,
-    key: !children ? '' : (_children$ = children[0]) === null || _children$ === void 0 ? void 0 : _children$.key
+    key: !children ? '' : children[0]?.key
   }];
-  var contextValue = useMemo(function () {
+  const contextValue = useMemo(() => {
     return {
-      isAutoСollapsible: isAutoСollapsible,
-      selectedKey: selectedKey,
+      isAutoСollapsible,
+      selectedKey,
       setSelectedKey: setSelectedKeyProp || setSelectedKey,
-      expandedKeys: expandedKeys,
-      setExpandedKeys: setExpandedKeys,
-      navStyles: navStyles
+      expandedKeys,
+      setExpandedKeys,
+      navStyles
     };
   }, [isAutoСollapsible, selectedKey, setSelectedKeyProp, setSelectedKey, expandedKeys, setExpandedKeys, navStyles]);
   return ___EmotionJSX(NavBarContext.Provider, {
@@ -60,17 +48,16 @@ var NavBar = /*#__PURE__*/forwardRef(function (props, ref) {
     as: "nav"
   }, others), items.length ? ___EmotionJSX(FocusScope, {
     restoreFocus: hasRestoreFocus
-  }, _mapInstanceProperty(items).call(items, function (_ref, index) {
-    var item = _ref.item,
-      key = _ref.key;
-    return ___EmotionJSX(FocusableItem, {
-      key: key || "key".concat(index)
-    }, item);
-  })) : null));
+  }, items.map(({
+    item,
+    key
+  }, index) => ___EmotionJSX(FocusableItem, {
+    key: key || `key${index}`
+  }, item))) : null));
 });
-var FocusableItem = function FocusableItem(props) {
-  var focusManager = useFocusManager();
-  var onKeyDown = function onKeyDown(e) {
+const FocusableItem = props => {
+  const focusManager = useFocusManager();
+  const onKeyDown = e => {
     switch (e.key) {
       case 'ArrowRight':
       case 'ArrowDown':
@@ -86,8 +73,8 @@ var FocusableItem = function FocusableItem(props) {
         break;
     }
   };
-  var childWithFocusHandle = /*#__PURE__*/React.cloneElement(props.children, {
-    onKeyDown: onKeyDown
+  const childWithFocusHandle = /*#__PURE__*/React.cloneElement(props.children, {
+    onKeyDown
   });
   return childWithFocusHandle;
 };

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

@@ -1,19 +1,8 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { focus } from '../../styles/colors';
 import accordionGrid from '../AccordionGridGroup/AccordionGrid.styles';
 import { quiet } from '../Button/Buttons.styles';
 import { wordWrap } from '../Text/Text.styles';
-var container = {
+const container = {
   height: '100%',
   width: '230px',
   position: 'absolute',
@@ -23,15 +12,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',
@@ -47,7 +37,8 @@ var itemHeaderContainer = {
     bg: 'accent.10'
   }
 };
-var popUpItemHeaderContainer = _objectSpread(_objectSpread({}, itemHeaderContainer), {}, {
+const popUpItemHeaderContainer = {
+  ...itemHeaderContainer,
   minHeight: '36px',
   maxWidth: '184px',
   pl: 'sm',
@@ -55,11 +46,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%',
@@ -90,7 +81,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',
@@ -120,17 +111,18 @@ var popUpSectionContainer = {
     scrollbarColor: 'rgba(229, 233, 248, 1) rgba(0, 0, 0, 0.2)'
   }
 };
-var sectionBody = _objectSpread(_objectSpread({}, accordionGrid.body), {}, {
+const sectionBody = {
+  ...accordionGrid.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',
@@ -150,8 +142,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'
@@ -166,8 +158,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',
@@ -188,8 +181,8 @@ var popUpItemButton = _objectSpread(_objectSpread({}, itemButton), {}, {
     bg: 'active',
     color: 'white'
   }
-});
-var subtitle = {
+};
+const subtitle = {
   ml: 'md',
   my: 'sm',
   fontWeight: 1,
@@ -197,7 +190,8 @@ var subtitle = {
   color: 'accent.80',
   zIndex: '100'
 };
-var headerText = _objectSpread(_objectSpread({}, wordWrap), {}, {
+const headerText = {
+  ...wordWrap,
   whiteSpace: 'break-spaces',
   lineHeight: 1.15,
   fontSize: 'md',
@@ -207,8 +201,9 @@ var headerText = _objectSpread(_objectSpread({}, wordWrap), {}, {
   '.is-selected &': {
     color: 'white'
   }
-});
-var popUpHeaderText = _objectSpread(_objectSpread({}, headerText), {}, {
+};
+const popUpHeaderText = {
+  ...headerText,
   fontWeight: 3,
   color: 'text.primary',
   '.is-pressed &': {
@@ -217,8 +212,8 @@ var popUpHeaderText = _objectSpread(_objectSpread({}, headerText), {}, {
   '.is-selected &': {
     color: 'white'
   }
-});
-var headerNav = {
+};
+const headerNav = {
   cursor: 'pointer',
   minHeight: '40px',
   lineHeight: '30px',
@@ -234,9 +229,9 @@ var headerNav = {
   fontSize: '16px',
   '&.is-focused': {
     outline: 'none',
-    boxShadow: "0 0 0 1px ".concat(focus),
-    WebkitBoxShadow: "0 0 0 1px ".concat(focus),
-    MozBoxShadow: "0 0 0 1px ".concat(focus)
+    boxShadow: `0 0 0 1px ${focus}`,
+    WebkitBoxShadow: `0 0 0 1px ${focus}`,
+    MozBoxShadow: `0 0 0 1px ${focus}`
   },
   '&.is-hovered': {
     backgroundColor: 'accent.10'
@@ -245,7 +240,8 @@ var headerNav = {
     backgroundColor: 'accent.5'
   }
 };
-var item = _objectSpread(_objectSpread({}, headerNav), {}, {
+const item = {
+  ...headerNav,
   py: 'sm',
   px: 'md',
   '&.is-selected': {
@@ -258,15 +254,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({}, quiet), {}, {
+};
+const sectionButton = {
+  ...quiet,
   width: '100%',
   '&.is-focused': {
     outline: '1px solid',
@@ -278,8 +276,9 @@ var sectionButton = _objectSpread(_objectSpread({}, quiet), {}, {
   '&.is-pressed': {
     backgroundColor: 'accent.5'
   }
-});
-var popUpSectionButton = _objectSpread(_objectSpread({}, quiet), {}, {
+};
+const popUpSectionButton = {
+  ...quiet,
   width: '100%',
   '&.is-focused': {
     outline: '1px solid',
@@ -295,72 +294,76 @@ var popUpSectionButton = _objectSpread(_objectSpread({}, 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
-});
+};
 export 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
+  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/components/NavBar/navBarAttributes.js

@@ -1,22 +1,13 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { booleanArg, funcArg } from '../../utils/docUtils/docArgTypes';
-export var navBarArgTypes = {
-  isAutoСollapsible: _objectSpread(_objectSpread({}, booleanArg), {}, {
+export const navBarArgTypes = {
+  isAutoСollapsible: {
+    ...booleanArg,
     description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
-  }),
-  hasRestoreFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+  },
+  hasRestoreFocus: {
+    ...booleanArg,
     description: 'Whether or not the focus will return to the previously focused element upon unmount.'
-  }),
+  },
   variant: {
     control: {
       type: 'select'
@@ -38,9 +29,10 @@ export var navBarArgTypes = {
     control: false,
     description: 'The selected key in the collection (controlled).'
   },
-  setSelectedKey: _objectSpread(_objectSpread({}, funcArg), {}, {
+  setSelectedKey: {
+    ...funcArg,
     description: 'Callback function that fires when the selected key changes.'
-  }),
+  },
   children: {
     control: false,
     description: 'Content to render inside the NavBar.'

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

@@ -2,10 +2,11 @@ import React from 'react';
 import { Box, NavBar, NavBarItem, NavBarItemButton, NavBarSection, NavSideBarItem, Separator } from '../../..';
 import { useGetTheme } from '../../../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var NavBarNextGenComponent = function NavBarNextGenComponent() {
-  var _useGetTheme = useGetTheme(),
-    icons = _useGetTheme.icons;
-  var firstSectionData = [{
+export const NavBarNextGenComponent = () => {
+  const {
+    icons
+  } = useGetTheme();
+  const firstSectionData = [{
     'data-id': 'dashboard-data-id',
     heading: 'Monitoring',
     icon: icons.monitoringIcon,
@@ -45,7 +46,7 @@ export var NavBarNextGenComponent = function NavBarNextGenComponent() {
       id: "Resources"
     }, "Resourcess")]
   }];
-  var secondSectionData = [{
+  const secondSectionData = [{
     'data-id': 'Authentication-data-id',
     heading: 'Authentication',
     icon: icons.authenticationIcon,
@@ -107,7 +108,7 @@ export var NavBarNextGenComponent = function NavBarNextGenComponent() {
       id: "Policies"
     }, "Policies")]
   }];
-  var thirdSectionData = [{
+  const thirdSectionData = [{
     'data-id': 'Integrations-data-id',
     heading: 'Integrations',
     icon: icons.integrationsIcon,

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

@@ -1,22 +1,13 @@
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { booleanArg, funcArg } from '../../../utils/docUtils/docArgTypes';
-export var navBarOnyxArgTypes = {
-  isAutoСollapsible: _objectSpread(_objectSpread({}, booleanArg), {}, {
+export const navBarOnyxArgTypes = {
+  isAutoСollapsible: {
+    ...booleanArg,
     description: 'Allows only one item to be expanded at a time (auto-collapse behavior).'
-  }),
-  hasRestoreFocus: _objectSpread(_objectSpread({}, booleanArg), {}, {
+  },
+  hasRestoreFocus: {
+    ...booleanArg,
     description: 'Whether or not the focus will return to the previously focused element upon unmount.'
-  }),
+  },
   variant: {
     control: {
       type: 'select'
@@ -30,9 +21,10 @@ export var navBarOnyxArgTypes = {
     },
     description: 'The initial selected key in the collection (uncontrolled).'
   },
-  setSelectedKey: _objectSpread(_objectSpread({}, funcArg), {}, {
+  setSelectedKey: {
+    ...funcArg,
     description: 'Callback function that fires when the selected key changes.'
-  }),
+  },
   children: {
     control: {
       type: null