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

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

@@ -1,751 +0,0 @@
-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 _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-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 React, { useState } from 'react';
-import AccountCheckIcon from '@pingux/mdi-react/AccountCheckOutlineIcon';
-import AccountMultiple from '@pingux/mdi-react/AccountMultipleIcon';
-import AccountMultipleOutlineIcon from '@pingux/mdi-react/AccountMultipleOutlineIcon';
-import ApplicationOutline from '@pingux/mdi-react/ApplicationOutlineIcon';
-import AppsIcon from '@pingux/mdi-react/AppsIcon';
-import CheckCircleOutlineIcon from '@pingux/mdi-react/CheckCircleOutlineIcon';
-import CodeTagsIcon from '@pingux/mdi-react/CodeTagsIcon';
-import CogOutlineIcon from '@pingux/mdi-react/CogOutlineIcon';
-import Connection from '@pingux/mdi-react/ConnectionIcon';
-import Earth from '@pingux/mdi-react/EarthIcon';
-import FileTreeIcon from '@pingux/mdi-react/FileTreeIcon';
-import GlobeIcon from '@pingux/mdi-react/GlobeIcon';
-import KeyChain from '@pingux/mdi-react/KeyChainIcon';
-import LayersOutlineIcon from '@pingux/mdi-react/LayersOutlineIcon';
-import MonitorScreenshot from '@pingux/mdi-react/MonitorScreenshotIcon';
-import OpenInNew from '@pingux/mdi-react/OpenInNewIcon';
-import PaletteOutlineIcon from '@pingux/mdi-react/PaletteOutlineIcon';
-import Pulse from '@pingux/mdi-react/PulseIcon';
-import ShieldCheckOutlineIcon from '@pingux/mdi-react/ShieldCheckOutlineIcon';
-import ShieldStarOutline from '@pingux/mdi-react/ShieldStarOutlineIcon';
-import ShowChartIcon from '@pingux/mdi-react/ShowChartIcon';
-import DashboardIcon from '@pingux/mdi-react/ViewDashboardOutlineIcon';
-import ViewGridPlusOutline from '@pingux/mdi-react/ViewGridPlusOutlineIcon';
-import WidgetsOutlineIcon from '@pingux/mdi-react/WidgetsOutlineIcon';
-import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Box, Link, NavBar, NavBarItem, NavBarItemButton, NavBarItemLink, NavBarSection, Separator } from '../..';
-import { useGetTheme } from '../../hooks';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
-import NavBarReadme from './NavBar.mdx';
-import { navBarArgTypes } from './navBarAttributes';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  component: NavBar,
-  decorators: [function (OnyxDefault) {
-    return ___EmotionJSX("div", {
-      style: {
-        padding: '0',
-        height: '90vh'
-      }
-    }, ___EmotionJSX(OnyxDefault, null));
-  }],
-  subcomponents: {
-    NavBarSection: NavBarSection,
-    NavBarItemLink: NavBarItemLink,
-    NavBarItemButton: NavBarItemButton
-  },
-  title: 'Components/NavBar',
-  argTypes: _objectSpread({}, navBarArgTypes),
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      page: function page() {
-        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NavBarReadme, null), ___EmotionJSX(DocsLayout, null));
-      }
-    }
-  }
-};
-var Credentials = function Credentials(props) {
-  return ___EmotionJSX("svg", _extends({
-    width: "18px",
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    x: "0px",
-    y: "0px",
-    "aria-labelledby": "credentials-icon-title"
-  }, props), ___EmotionJSX("title", {
-    id: "credentials-icon-title"
-  }, "Credentials Icon"), ___EmotionJSX("g", {
-    id: "Layer_2"
-  }), ___EmotionJSX("g", {
-    id: "mdi-certificate-outline"
-  }, ___EmotionJSX("g", null, ___EmotionJSX("path", {
-    d: "M11,8H5V6h6C11,6,11,8,11,8z"
-  }), ___EmotionJSX("path", {
-    d: "M9,11H5V9h4C9,9,9,11,9,11z"
-  }), ___EmotionJSX("rect", {
-    x: "5",
-    y: "12",
-    width: "6",
-    height: "2"
-  }), ___EmotionJSX("path", {
-    d: "M11.4,15H4V5h16v4.8c1,0.7,1.7,2,2,2.8V5c0-1.1-0.9-2-2-2H4C2.9,3,2,3.9,2,5v10c0,1.1,0.9,2,2,2h8.1 C11.7,16.4,11.5,15.7,11.4,15z"
-  }), ___EmotionJSX("path", {
-    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 ___EmotionJSX("svg", _extends({
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 24 24",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "verify-icon-title"
-  }, props), ___EmotionJSX("title", {
-    id: "verify-icon-title"
-  }, "Icons / Custom Material / verify "), ___EmotionJSX("g", {
-    id: "Hero-Chart",
-    stroke: "none",
-    strokeWidth: "1",
-    fillRule: "evenodd"
-  }, ___EmotionJSX("g", {
-    id: "Dashboard-\u2013-Verify",
-    transform: "translate(-251.000000, -579.000000)"
-  }, ___EmotionJSX("g", {
-    id: "Group",
-    transform: "translate(251.000000, 577.000000)"
-  }, ___EmotionJSX("g", {
-    id: "card-account-details-star-outline",
-    transform: "translate(0.000000, 2.000000)"
-  }, ___EmotionJSX("path", {
-    d: "M12.9066667,16.2 L1.83333333,16.2 C0.834166667,16.164 0.0366666667,15.381 0,14.4 L0,1.8 C0.0366666667,0.819 0.834166667,0.036 1.83333333,0 L20.1666667,0 C21.1658333,0.036 21.9633333,0.819 22,1.8 L22,11.277 C21.4683333,10.8 20.8541667,10.449 20.1666667,10.206 L20.1666667,1.8 L1.83333333,1.8 L1.83333333,14.4 L12.9066667,14.4 C12.8608333,14.697 12.8333333,14.994 12.8333333,15.3 C12.8333333,15.606 12.8608333,15.912 12.9066667,16.2 M12.8333333,12.6 L3.66666667,12.6 L3.66666667,11.475 C3.66666667,9.981 6.72833333,9.225 8.25,9.225 C9.77166667,9.225 12.8333333,9.981 12.8333333,11.475 L12.8333333,12.6 M12.8333333,7.2 L16.5,7.2 L16.5,8.1 L12.8333333,8.1 L12.8333333,7.2 M8.25,3.6 C6.99416667,3.6 5.95833333,4.617 5.95833333,5.85 C5.95833333,7.083 6.99416667,8.1 8.25,8.1 C9.50583333,8.1 10.5416667,7.083 10.5416667,5.85 C10.5416667,4.617 9.50583333,3.6 8.25,3.6 M12.8333333,5.4 L18.3333333,5.4 L18.3333333,6.3 L12.8333333,6.3 L12.8333333,5.4 M20.4783333,12.456 L21.5416667,13.725 L17.1875,18 L14.6666667,15.3 L15.73,14.256 L17.1875,15.687 L20.4783333,12.456 Z M18.3333333,3.6 L18.3333333,4.5 L12.8333333,4.5 L12.8333333,3.6 L18.3333333,3.6 Z",
-    id: "Shape"
-  }))))));
-};
-var data = [{
-  'data-id': 'ipsum-data-id',
-  icon: Pulse,
-  key: 'Ipsum',
-  heading: 'Ipsum',
-  children: [___EmotionJSX(NavBarItemLink, {
-    key: "Ipsum Link Users",
-    id: "Ipsum Link Users",
-    href: "https://pingidentity.com/"
-  }, "Users"), ___EmotionJSX(NavBarItemLink, {
-    key: "Ipsum Link Groups",
-    id: "Ipsum Link Groups",
-    href: "https://pingidentity.com/"
-  }, "Groups"), ___EmotionJSX(NavBarItemLink, {
-    key: "Ipsum Link Populations",
-    id: "Ipsum Link Populations",
-    href: "https://pingidentity.com/"
-  }, "Populations"), ___EmotionJSX(NavBarItemLink, {
-    key: "Ipsum Link Attributes",
-    id: "Ipsum Link Attributes",
-    href: "https://pingidentity.com/"
-  }, "Attributes"), ___EmotionJSX(NavBarItemButton, {
-    key: "Ipsum Link Roles",
-    id: "Ipsum Link Roles",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Roles")]
-}, {
-  'data-id': 'dolor-data-id',
-  icon: AccountMultiple,
-  key: 'Dolor',
-  heading: 'Dolor',
-  children: [___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Applications",
-    id: "Dolor Applications",
-    href: "https://pingidentity.com/"
-  }, "Applications"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Application Catalog",
-    id: "Dolor Application Catalog",
-    href: "https://pingidentity.com/"
-  }, "Application Catalog"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Application Portal",
-    id: "Dolor Application Portal",
-    href: "https://pingidentity.com/"
-  }, "Application Portal"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor External IDPs",
-    id: "Dolor External IDPs",
-    href: "https://pingidentity.com/"
-  }, "External IDPs"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor PingFederate",
-    id: "Dolor PingFederate",
-    href: "https://pingidentity.com/"
-  }, "PingFederate"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor PingIntelligence",
-    id: "Dolor PingIntelligence",
-    href: "https://pingidentity.com/"
-  }, "PingIntelligence"), ___EmotionJSX(Separator, {
-    variant: "separator.navBarSubtitleSeparator"
-  }), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Provisioning",
-    id: "Dolor Provisioning",
-    href: "https://pingidentity.com/"
-  }, "Provisioning"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor WebHooks",
-    id: "Dolor WebHooks",
-    href: "https://pingidentity.com/"
-  }, "WebHooks"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Gateways",
-    id: "Dolor Gateways",
-    href: "https://pingidentity.com/"
-  }, "Gateways"), ___EmotionJSX(NavBarItemLink, {
-    key: "Dolor Certificates & Key Pairs",
-    id: "Dolor Certificates & Key Pairs",
-    href: "https://pingidentity.com/"
-  }, "Certificates & Key Pairs"), ___EmotionJSX(NavBarItemButton, {
-    key: "Dolor Resources",
-    id: "Dolor Resources",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Resources")]
-}, {
-  'data-id': 'sit-data-id',
-  icon: ApplicationOutline,
-  key: 'Sit',
-  heading: 'Sit',
-  children: [___EmotionJSX(NavBarItemLink, {
-    key: "Sit Authentication",
-    id: "Sit Authentication",
-    href: "https://pingidentity.com/"
-  }, "Authentication"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit MFA",
-    id: "Sit MFA",
-    href: "https://pingidentity.com/"
-  }, "MFA"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Password",
-    id: "Sit Password",
-    href: "https://pingidentity.com/"
-  }, "Password"), ___EmotionJSX(Separator, {
-    variant: "separator.navBarSubtitleSeparator"
-  }), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Risk",
-    id: "Sit Risk",
-    href: "https://pingidentity.com/"
-  }, "Risk"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Flows",
-    id: "Sit Flows",
-    href: "https://pingidentity.com/"
-  }, "Flows"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Forms",
-    id: "Sit Forms",
-    href: "https://pingidentity.com/"
-  }, "Forms"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Languages",
-    id: "Sit Languages",
-    href: "https://pingidentity.com/"
-  }, "Languages"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Agreements",
-    id: "Sit Agreements",
-    href: "https://pingidentity.com/"
-  }, "Agreements"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Branding & Themes",
-    id: "Sit Branding & Themes",
-    href: "https://pingidentity.com/"
-  }, "Branding & Themes"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Notifications",
-    id: "Sit Notifications",
-    href: "https://pingidentity.com/"
-  }, "Notifications"), ___EmotionJSX(NavBarItemLink, {
-    key: "Sit Vanity Domains",
-    id: "Sit Vanity Domains",
-    href: "https://pingidentity.com/",
-    onClick: function onClick(e) {
-      return e.preventDefault();
-    }
-  }, "Vanity Domains"), ___EmotionJSX(NavBarItemButton, {
-    key: "Sit Sender",
-    id: "Sit Sender",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Sender")]
-}];
-var secondData = [{
-  'data-id': 'amet-data-id',
-  icon: ViewGridPlusOutline,
-  key: 'Amet',
-  heading: 'Amet',
-  customIcon: OpenInNew,
-  href: 'https://pingidentity.com/',
-  size: 'xs'
-}, {
-  'data-id': 'consectur-data-id',
-  icon: CheckCircleOutlineIcon,
-  key: 'Consectur',
-  heading: 'Consectur',
-  children: [___EmotionJSX(NavBarItemButton, {
-    id: "Consectur Button Users",
-    key: "Consectur Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Consectur Button Group",
-    id: "Consectur Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group Test")]
-}, {
-  'data-id': 'adipiscing-data-id',
-  icon: ShieldStarOutline,
-  key: 'Adipiscing',
-  heading: 'Adipiscing',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Adipiscing Button Users",
-    id: "Adipiscing Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Adipiscing Button Group",
-    id: "Adipiscing Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}, {
-  'data-id': 'elit-data-id',
-  icon: Verify,
-  key: 'Elit',
-  heading: 'Elit',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Elit Button Users",
-    id: "Elit Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Elit Button Group",
-    id: "Elit Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}, {
-  'data-id': 'sed-do-eiusmod-data-id',
-  icon: Credentials,
-  key: 'Sed Do Eiusmod',
-  heading: 'Sed Do Eiusmod',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Sed Do Eiusmod Button Users",
-    id: "Sed Do Eiusmod Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Sed Do Eiusmod Button Group",
-    id: "Sed Do Eiusmod Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}, {
-  'data-id': 'tempor-data-id',
-  heading: 'Tempor Incididunt ut Labore et Dolore Magna Aliqua',
-  icon: KeyChain,
-  key: 'tempor',
-  children: [___EmotionJSX(NavBarItemLink, {
-    key: "tempor Link Group",
-    id: "tempor Link Group",
-    variant: "variants.navBar.itemButton",
-    href: "https://pingidentity.com/"
-  }, "Group"), ___EmotionJSX(NavBarItemButton, {
-    key: "tempor Link Populations",
-    id: "tempor Link Populations",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Populations")]
-}];
-var thirdData = [{
-  'data-id': 'ut-enim-data-id',
-  icon: Connection,
-  key: 'Ut-Enim',
-  heading: 'Ut Enim',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Ut Enim Button Users",
-    id: "Ut Enim Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Ut Enim Button Group",
-    id: "Ut Enim Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}, {
-  'data-id': 'ad-minim-data-id',
-  icon: MonitorScreenshot,
-  key: 'ad-minim',
-  heading: 'Ad Minim',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Ad Minim Button Users",
-    id: "Ad Minim Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Ad Minim Button Group",
-    id: "Ad Minim Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}, {
-  'data-id': 'veniam-data-id',
-  icon: Earth,
-  key: 'Veniam',
-  heading: 'Veniam',
-  children: [___EmotionJSX(NavBarItemButton, {
-    key: "Veniam Button Users",
-    id: "Veniam Button Users",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Users"), ___EmotionJSX(NavBarItemButton, {
-    key: "Veniam Button Group",
-    id: "Veniam Button Group",
-    sx: {
-      fontWeight: '500'
-    }
-  }, "Group")]
-}];
-export var Default = function Default() {
-  var _useGetTheme = useGetTheme(),
-    icons = _useGetTheme.icons,
-    themeState = _useGetTheme.themeState;
-  var isOnyx = themeState.isOnyx;
-  return ___EmotionJSX(NavBar, null, ___EmotionJSX(Box, {
-    padding: "md",
-    key: "top-logo-parent"
-  }, ___EmotionJSX(Link, {
-    "aria-label": "home link",
-    href: "https://pingidentity.com",
-    target: "_blank"
-  }, icons.pingLogoHorizontalSmall)), !isOnyx ? ___EmotionJSX(Separator, {
-    m: 0,
-    backgroundColor: "neutral.60"
-  }) : ___EmotionJSX(Box, null), ___EmotionJSX(Box, {
-    variant: "navBar.sectionContainer",
-    paddingBottom: "xl",
-    key: "first-section-container"
-  }, ___EmotionJSX(NavBarItem, {
-    "data-id": "nav-bar-item",
-    icon: GlobeIcon,
-    id: "Lorem",
-    key: "Lorem",
-    text: "Lorem",
-    iconProps: {
-      size: '18px'
-    }
-  }), ___EmotionJSX(NavBarSection, {
-    items: data,
-    "data-id": "nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: secondData,
-    hasSeparator: true,
-    "data-id": "second-nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: thirdData,
-    hasSeparator: true,
-    "data-id": "third-nav-bar-section"
-  })));
-};
-Default.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.navBar["default"]
-  }
-};
-export var OnyxDefault = function OnyxDefault() {
-  var _useGetTheme2 = useGetTheme(),
-    icons = _useGetTheme2.icons;
-  var firstSectionData = [{
-    'data-id': 'dashboard-data-id',
-    heading: 'Monitoring',
-    icon: ShowChartIcon,
-    key: 'Monitoring',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Dashboards",
-      id: "Dashboards"
-    }, "Dashboards"), ___EmotionJSX(NavBarItemButton, {
-      key: "Audit",
-      id: "Audit"
-    }, "Audits")]
-  }, {
-    'data-id': 'Directory-data-id',
-    heading: 'Directory',
-    icon: AccountMultipleOutlineIcon,
-    key: 'Directory',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Users",
-      id: "Users"
-    }, "Users"), ___EmotionJSX(NavBarItemButton, {
-      key: "Group",
-      id: "Group"
-    }, "Groups")]
-  }, {
-    'data-id': 'Applications-data-id',
-    heading: 'Applications',
-    icon: AppsIcon,
-    key: 'Applications',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Applications-sub",
-      id: "Applications-sub"
-    }, "Applications"), ___EmotionJSX(NavBarItemButton, {
-      key: "Resources",
-      id: "Resources"
-    }, "Resourcess")]
-  }];
-  var secondSectionData = [{
-    'data-id': 'DaVinci',
-    heading: 'DaVinci',
-    icon: FileTreeIcon,
-    key: 'DaVinci-new',
-    href: 'https://pingidentity.com/'
-  }, {
-    'data-id': 'Authentication-data-id',
-    heading: 'Authentication',
-    icon: CheckCircleOutlineIcon,
-    key: 'Authentication',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Authentication-Policies",
-      id: "Authentication-Policies"
-    }, "Authentication Policies"), ___EmotionJSX(NavBarItemButton, {
-      key: "Password-Policies",
-      id: "Password-Policies"
-    }, "Password Policies")]
-  }, {
-    'data-id': 'Threat Protection-data-id',
-    heading: 'Threat Protection',
-    icon: ShieldCheckOutlineIcon,
-    key: 'Threat Protection',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Risk Policies",
-      id: "Risk Policies"
-    }, "Risk Policies"), ___EmotionJSX(NavBarItemButton, {
-      key: "Predictors",
-      id: "Predictors"
-    }, "Predictors")]
-  }, {
-    'data-id': 'Threat Protection-data-id',
-    heading: 'Identity Verification',
-    icon: LayersOutlineIcon,
-    key: 'Identity Verification',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Verify Policies",
-      id: "Verify Policies"
-    }, "Verify Policies")]
-  }, {
-    'data-id': 'Digital Credentials-data-id',
-    heading: 'Digital Credentials',
-    icon: CodeTagsIcon,
-    key: 'Digital Credentials',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Management",
-      id: "Management"
-    }, "Management")]
-  }, {
-    'data-id': 'Authorization-data-id',
-    heading: 'Authorization',
-    icon: AccountCheckIcon,
-    key: 'Authorization',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Trust Framework",
-      id: "Trust Framework"
-    }, "Trust Framework"), ___EmotionJSX(NavBarItemButton, {
-      key: "Policies",
-      id: "Policies"
-    }, "Policies")]
-  }];
-  var thirdSectionData = [{
-    'data-id': 'Integrations-data-id',
-    heading: 'Integrations',
-    icon: WidgetsOutlineIcon,
-    key: 'Integrations',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "External IDPs",
-      id: "External IDPs"
-    }, "External IDPs"), ___EmotionJSX(NavBarItemButton, {
-      key: "Provisioning",
-      id: "Provisioning"
-    }, "Provisioning")]
-  }, {
-    'data-id': 'User Experience-data-id',
-    heading: 'User Experience',
-    icon: PaletteOutlineIcon,
-    key: 'User Experience',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Notification Templates",
-      id: "Notification Templates"
-    }, "Notification Templates"), ___EmotionJSX(NavBarItemButton, {
-      key: "Notification Policies",
-      id: "Notification Policies"
-    }, "Notification Policies")]
-  }, {
-    'data-id': 'Settings-data-id',
-    heading: 'Settings',
-    icon: CogOutlineIcon,
-    key: 'Settings',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Certificates & Key Pairs",
-      id: "Certificates & Key Pairs"
-    }, "Certificates & Key Pairs"), ___EmotionJSX(NavBarItemButton, {
-      key: "Domains",
-      id: "Domains"
-    }, "Domains")]
-  }];
-  return ___EmotionJSX(NavBar, null, ___EmotionJSX(Box, {
-    py: "xs",
-    key: "top-logo-parent"
-  }, ___EmotionJSX(Link, {
-    "aria-label": "home link",
-    variant: "navBarLogoLink",
-    href: "https://pingidentity.com",
-    target: "_blank"
-  }, icons.pingLogoHorizontalSmall)), ___EmotionJSX(Box, {
-    variant: "navBar.sectionContainer",
-    paddingBottom: "xl",
-    key: "first-section-container"
-  }, ___EmotionJSX(NavBarItem, {
-    "data-id": "nav-bar-item",
-    icon: DashboardIcon,
-    id: "Overview",
-    key: "Overview",
-    text: "Overview"
-  }), ___EmotionJSX(NavBarSection, {
-    items: firstSectionData,
-    "data-id": "nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    hasSeparator: true,
-    items: secondSectionData,
-    "data-id": "second-nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: thirdSectionData,
-    hasSeparator: true,
-    "data-id": "third-nav-bar-section"
-  })));
-};
-export var Controlled = function Controlled() {
-  var _useState = useState('Lorem Link Group'),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedKey = _useState2[0],
-    setSelectedKey = _useState2[1];
-  var _useGetTheme3 = useGetTheme(),
-    icons = _useGetTheme3.icons;
-  var _useGetTheme4 = useGetTheme(),
-    themeState = _useGetTheme4.themeState;
-  var isOnyx = themeState.isOnyx;
-  var customData = [{
-    icon: Earth,
-    key: 'Environment',
-    heading: 'Nested redirect is in here',
-    children: [___EmotionJSX(NavBarItemButton, {
-      key: "Click me for MFA Users",
-      id: "Click me for MFA Users",
-      onPress: function onPress() {
-        setSelectedKey('MFA Button Users');
-      }
-    }, "Click me for MFA Users"), ___EmotionJSX(NavBarItemButton, {
-      key: "Earth Button Group",
-      id: "Earth Button Group"
-    }, "Group")]
-  }];
-  return ___EmotionJSX(NavBar, {
-    setSelectedKey: setSelectedKey,
-    selectedKey: selectedKey
-  }, ___EmotionJSX(Box, {
-    padding: "md",
-    key: "top-logo-parent"
-  }, ___EmotionJSX(Link, {
-    "aria-label": "home link",
-    href: "https://pingidentity.com",
-    target: "_blank"
-  }, icons.pingLogoHorizontalSmall)), !isOnyx ? ___EmotionJSX(Separator, {
-    m: "0",
-    backgroundColor: "neutral.60",
-    key: "top-separator"
-  }) : ___EmotionJSX(Box, null), ___EmotionJSX(Box, {
-    variant: "navBar.sectionContainer",
-    paddingBottom: "xl",
-    key: "first-section-container"
-  }, ___EmotionJSX(NavBarItem, {
-    "data-id": "nav-bar-item",
-    icon: GlobeIcon,
-    id: "Lorem",
-    key: "Lorem",
-    text: "Lorem",
-    iconProps: {
-      size: '18px'
-    }
-  }), ___EmotionJSX(NavBarSection, {
-    items: data,
-    "data-id": "first-nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: secondData,
-    hasSeparator: true,
-    "data-id": "second-nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: customData,
-    "data-id": "third-nav-bar-section"
-  })));
-};
-export var AutoCollapse = function AutoCollapse() {
-  var _useGetTheme5 = useGetTheme(),
-    icons = _useGetTheme5.icons,
-    themeState = _useGetTheme5.themeState;
-  var isOnyx = themeState.isOnyx;
-  return ___EmotionJSX(NavBar, {
-    isAutoСollapsible: true
-  }, ___EmotionJSX(Box, {
-    padding: "md",
-    key: "top-logo-parent"
-  }, ___EmotionJSX(Link, {
-    "aria-label": "home link",
-    href: "https://pingidentity.com",
-    target: "_blank"
-  }, icons.pingLogoHorizontalSmall)), !isOnyx ? ___EmotionJSX(Separator, {
-    m: 0,
-    backgroundColor: "neutral.60"
-  }) : ___EmotionJSX(Box, null), ___EmotionJSX(Box, {
-    variant: "navBar.sectionContainer",
-    paddingBottom: "xl",
-    key: "first-section-container"
-  }, ___EmotionJSX(NavBarItem, {
-    "data-id": "nav-bar-item",
-    icon: GlobeIcon,
-    id: "Lorem",
-    key: "Lorem",
-    text: "Lorem",
-    iconProps: {
-      size: '18px'
-    }
-  }), ___EmotionJSX(NavBarSection, {
-    items: data,
-    "data-id": "nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: secondData,
-    hasSeparator: true,
-    "data-id": "second-nav-bar-section"
-  }), ___EmotionJSX(NavBarSection, {
-    items: thirdData,
-    hasSeparator: true,
-    "data-id": "third-nav-bar-section"
-  })));
-};