@laerdal/life-react-components 3.4.3 → 3.5.1-uss.hackathon

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.cjs

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _InputFields = require("../../InputFields");
+var _types = require("../../types");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _UnifedSearchServiceApi = _interopRequireDefault(require("./UnifedSearchServiceApi"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+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 Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n"])));
+var SearchResult = /*#__PURE__*/(0, _createClass2.default)(function SearchResult() {
+  (0, _classCallCheck2.default)(this, SearchResult);
+  (0, _defineProperty2.default)(this, "title", void 0);
+  (0, _defineProperty2.default)(this, "description", void 0);
+  (0, _defineProperty2.default)(this, "price", void 0);
+  (0, _defineProperty2.default)(this, "url", void 0);
+  (0, _defineProperty2.default)(this, "imageUrl", void 0);
+  (0, _defineProperty2.default)(this, "isPublic", void 0);
+  (0, _defineProperty2.default)(this, "type", void 0);
+  (0, _defineProperty2.default)(this, "sku", void 0);
+  (0, _defineProperty2.default)(this, "language", void 0);
+});
+var UnifiedSearchComponent = function UnifiedSearchComponent(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    loading = _React$useState4[0],
+    setLoading = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    results = _React$useState6[0],
+    setSearchResults = _React$useState6[1];
+  var key = props.key,
+    accessToken = props.accessToken,
+    ussBaseUrl = props.ussBaseUrl;
+  React.useEffect(function () {
+    _UnifedSearchServiceApi.default.storeJWT(accessToken);
+    _UnifedSearchServiceApi.default.storeBaseUrl(ussBaseUrl);
+  }, [accessToken, ussBaseUrl]);
+  var findIt = function findIt(event) {
+    event.preventDefault();
+    setLoading(true);
+    _UnifedSearchServiceApi.default.quickSearch(searchTerm).then(function (response) {
+      setSearchResults(response);
+    }).catch(function (error) {}).finally(function () {
+      setLoading(false);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFields.SearchBar, {
+      id: "unifiedSearchInputField",
+      placeholder: "Enter your search term",
+      enterSearch: findIt,
+      setSearchTerm: setSearchTerm,
+      searchTerm: searchTerm,
+      removeSearch: function removeSearch() {
+        setSearchTerm('');
+      },
+      showDropdown: true,
+      dropdownButtonLoading: loading,
+      dropdownButtonAction: loading ? function () {} : undefined,
+      dropdownButtonLabel: loading ? 'Loading' : undefined,
+      dropdownButtonVariant: "tertiary",
+      searchList: results === null || results === void 0 ? void 0 : results.map(function (x) {
+        var _ref, _x$url;
+        return {
+          value: (_ref = (_x$url = x.url) !== null && _x$url !== void 0 ? _x$url : x.title) !== null && _ref !== void 0 ? _ref : "blank",
+          noteLabel: x.description,
+          displayLabel: x.title
+        };
+      }),
+      size: _types.Size.Medium
+    })
+  }, key);
+};
+UnifiedSearchComponent.propTypes = {
+  key: _propTypes.default.string.isRequired,
+  accessToken: _propTypes.default.string,
+  ussBaseUrl: _propTypes.default.string
+};
+var _default = UnifiedSearchComponent;
+exports.default = _default;
+//# sourceMappingURL=UnifedSearchComponent.cjs.map

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifedSearchComponent.cjs","names":["Wrapper","styled","div","SearchResult","UnifiedSearchComponent","props","React","useState","searchTerm","setSearchTerm","loading","setLoading","results","setSearchResults","key","accessToken","ussBaseUrl","useEffect","Api","storeJWT","storeBaseUrl","findIt","event","preventDefault","quickSearch","then","response","catch","error","finally","undefined","map","x","value","url","title","noteLabel","description","displayLabel","Size","Medium"],"sources":["../../../src/GlobalNavigationBar/desktop/UnifedSearchComponent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size, ToastColor, ToastPosition } from '../../types';\r\nimport styled from 'styled-components';\r\nimport Api from './UnifedSearchServiceApi';\r\n\r\n\r\nconst Wrapper = styled.div`\r\n`;\r\n\r\nexport interface UnifiedSearchComponentProps {\r\n    key: string;\r\n    accessToken?: string;\r\n    ussBaseUrl?: string;\r\n} \r\n\r\nclass SearchResult\r\n{\r\n    title?: string;\r\n    description?: string;\r\n    price?: number;\r\n    url?: string;\r\n    imageUrl?: string;\r\n    isPublic?: boolean;\r\n    type?: string;\r\n    sku?: string;\r\n    language?: string;\r\n}\r\n\r\nconst UnifiedSearchComponent: React.FC<UnifiedSearchComponentProps> = (props: UnifiedSearchComponentProps) => {\r\n    \r\n    const [searchTerm, setSearchTerm] = React.useState('');\r\n    const [loading, setLoading] = React.useState(false);\r\n    const [results, setSearchResults] = React.useState<SearchResult[] | undefined>();\r\n\r\n    const { key, accessToken, ussBaseUrl } = props;\r\n\r\n    React.useEffect(() => {\r\n        Api.storeJWT(accessToken);\r\n        Api.storeBaseUrl(ussBaseUrl);\r\n    }, [accessToken, ussBaseUrl]);\r\n\r\n    const findIt = (event: React.FormEvent) => {\r\n        event.preventDefault();\r\n        setLoading(true);\r\n        Api.quickSearch(searchTerm)\r\n        .then((response) => {\r\n            setSearchResults(response);\r\n        })\r\n        .catch((error) => { })\r\n        .finally(() => {\r\n            setLoading(false);\r\n        });\r\n    };\r\n\r\n    return (\r\n        <Wrapper key={key}>\r\n        <SearchBar\r\n             id=\"unifiedSearchInputField\"\r\n             placeholder=\"Enter your search term\"\r\n             enterSearch={findIt}\r\n             setSearchTerm={setSearchTerm}\r\n             searchTerm={searchTerm}\r\n             removeSearch={() => {\r\n               setSearchTerm('');\r\n             }}\r\n             showDropdown={true}\r\n             dropdownButtonLoading={loading}\r\n             dropdownButtonAction={loading ? () => {} : undefined}\r\n             dropdownButtonLabel={loading ? 'Loading' : undefined}\r\n             dropdownButtonVariant='tertiary'\r\n             searchList={results?.map(x => ({\r\n                value: x.url ?? x.title ?? \"blank\",\r\n                noteLabel: x.description,\r\n                displayLabel: x.title,\r\n             }))}\r\n             size={Size.Medium}\r\n           />\r\n     </Wrapper>\r\n    );\r\n};\r\n\r\nexport default UnifiedSearchComponent;"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAG3C,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,qFACzB;AAAC,IAQIC,YAAY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAalB,IAAMC,sBAA6D,GAAG,SAAhEA,sBAA6D,CAAIC,KAAkC,EAAK;EAE1G,sBAAoCC,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;IAAA;IAA/CC,UAAU;IAAEC,aAAa;EAChC,uBAA8BH,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CG,OAAO;IAAEC,UAAU;EAC1B,uBAAoCL,KAAK,CAACC,QAAQ,EAA8B;IAAA;IAAzEK,OAAO;IAAEC,gBAAgB;EAEhC,IAAQC,GAAG,GAA8BT,KAAK,CAAtCS,GAAG;IAAEC,WAAW,GAAiBV,KAAK,CAAjCU,WAAW;IAAEC,UAAU,GAAKX,KAAK,CAApBW,UAAU;EAEpCV,KAAK,CAACW,SAAS,CAAC,YAAM;IAClBC,+BAAG,CAACC,QAAQ,CAACJ,WAAW,CAAC;IACzBG,+BAAG,CAACE,YAAY,CAACJ,UAAU,CAAC;EAChC,CAAC,EAAE,CAACD,WAAW,EAAEC,UAAU,CAAC,CAAC;EAE7B,IAAMK,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAsB,EAAK;IACvCA,KAAK,CAACC,cAAc,EAAE;IACtBZ,UAAU,CAAC,IAAI,CAAC;IAChBO,+BAAG,CAACM,WAAW,CAAChB,UAAU,CAAC,CAC1BiB,IAAI,CAAC,UAACC,QAAQ,EAAK;MAChBb,gBAAgB,CAACa,QAAQ,CAAC;IAC9B,CAAC,CAAC,CACDC,KAAK,CAAC,UAACC,KAAK,EAAK,CAAE,CAAC,CAAC,CACrBC,OAAO,CAAC,YAAM;MACXlB,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC;EAED,oBACI,qBAAC,OAAO;IAAA,uBACR,qBAAC,sBAAS;MACL,EAAE,EAAC,yBAAyB;MAC5B,WAAW,EAAC,wBAAwB;MACpC,WAAW,EAAEU,MAAO;MACpB,aAAa,EAAEZ,aAAc;MAC7B,UAAU,EAAED,UAAW;MACvB,YAAY,EAAE,wBAAM;QAClBC,aAAa,CAAC,EAAE,CAAC;MACnB,CAAE;MACF,YAAY,EAAE,IAAK;MACnB,qBAAqB,EAAEC,OAAQ;MAC/B,oBAAoB,EAAEA,OAAO,GAAG,YAAM,CAAC,CAAC,GAAGoB,SAAU;MACrD,mBAAmB,EAAEpB,OAAO,GAAG,SAAS,GAAGoB,SAAU;MACrD,qBAAqB,EAAC,UAAU;MAChC,UAAU,EAAElB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEmB,GAAG,CAAC,UAAAC,CAAC;QAAA;QAAA,OAAK;UAC5BC,KAAK,oBAAED,CAAC,CAACE,GAAG,2CAAIF,CAAC,CAACG,KAAK,uCAAI,OAAO;UAClCC,SAAS,EAAEJ,CAAC,CAACK,WAAW;UACxBC,YAAY,EAAEN,CAAC,CAACG;QACnB,CAAC;MAAA,CAAC,CAAE;MACJ,IAAI,EAAEI,WAAI,CAACC;IAAO;EAClB,GArBS1B,GAAG,CAsBV;AAEf,CAAC;AAAC;EArEEA,GAAG;EACHC,WAAW;EACXC,UAAU;AAAA;AAAA,eAqECZ,sBAAsB;AAAA"}

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface UnifiedSearchComponentProps {
+    key: string;
+    accessToken?: string;
+    ussBaseUrl?: string;
+}
+declare const UnifiedSearchComponent: React.FC<UnifiedSearchComponentProps>;
+export default UnifiedSearchComponent;

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.js

@@ -0,0 +1,89 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
+var _templateObject;
+import * as React from 'react';
+import { SearchBar } from '../../InputFields';
+import { Size } from '../../types';
+import styled from 'styled-components';
+import Api from './UnifedSearchServiceApi';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n"])));
+var SearchResult = /*#__PURE__*/_createClass(function SearchResult() {
+  _classCallCheck(this, SearchResult);
+  _defineProperty(this, "title", void 0);
+  _defineProperty(this, "description", void 0);
+  _defineProperty(this, "price", void 0);
+  _defineProperty(this, "url", void 0);
+  _defineProperty(this, "imageUrl", void 0);
+  _defineProperty(this, "isPublic", void 0);
+  _defineProperty(this, "type", void 0);
+  _defineProperty(this, "sku", void 0);
+  _defineProperty(this, "language", void 0);
+});
+var UnifiedSearchComponent = function UnifiedSearchComponent(props) {
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    loading = _React$useState4[0],
+    setLoading = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    results = _React$useState6[0],
+    setSearchResults = _React$useState6[1];
+  var key = props.key,
+    accessToken = props.accessToken,
+    ussBaseUrl = props.ussBaseUrl;
+  React.useEffect(function () {
+    Api.storeJWT(accessToken);
+    Api.storeBaseUrl(ussBaseUrl);
+  }, [accessToken, ussBaseUrl]);
+  var findIt = function findIt(event) {
+    event.preventDefault();
+    setLoading(true);
+    Api.quickSearch(searchTerm).then(function (response) {
+      setSearchResults(response);
+    }).catch(function (error) {}).finally(function () {
+      setLoading(false);
+    });
+  };
+  return /*#__PURE__*/_jsx(Wrapper, {
+    children: /*#__PURE__*/_jsx(SearchBar, {
+      id: "unifiedSearchInputField",
+      placeholder: "Enter your search term",
+      enterSearch: findIt,
+      setSearchTerm: setSearchTerm,
+      searchTerm: searchTerm,
+      removeSearch: function removeSearch() {
+        setSearchTerm('');
+      },
+      showDropdown: true,
+      dropdownButtonLoading: loading,
+      dropdownButtonAction: loading ? function () {} : undefined,
+      dropdownButtonLabel: loading ? 'Loading' : undefined,
+      dropdownButtonVariant: "tertiary",
+      searchList: results === null || results === void 0 ? void 0 : results.map(function (x) {
+        var _ref, _x$url;
+        return {
+          value: (_ref = (_x$url = x.url) !== null && _x$url !== void 0 ? _x$url : x.title) !== null && _ref !== void 0 ? _ref : "blank",
+          noteLabel: x.description,
+          displayLabel: x.title
+        };
+      }),
+      size: Size.Medium
+    })
+  }, key);
+};
+UnifiedSearchComponent.propTypes = {
+  key: _pt.string.isRequired,
+  accessToken: _pt.string,
+  ussBaseUrl: _pt.string
+};
+export default UnifiedSearchComponent;
+//# sourceMappingURL=UnifedSearchComponent.js.map

package/dist/GlobalNavigationBar/desktop/UnifedSearchComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifedSearchComponent.js","names":["React","SearchBar","Size","styled","Api","Wrapper","div","SearchResult","UnifiedSearchComponent","props","useState","searchTerm","setSearchTerm","loading","setLoading","results","setSearchResults","key","accessToken","ussBaseUrl","useEffect","storeJWT","storeBaseUrl","findIt","event","preventDefault","quickSearch","then","response","catch","error","finally","undefined","map","x","value","url","title","noteLabel","description","displayLabel","Medium"],"sources":["../../../src/GlobalNavigationBar/desktop/UnifedSearchComponent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { SearchBar } from '../../InputFields';\r\nimport { Size, ToastColor, ToastPosition } from '../../types';\r\nimport styled from 'styled-components';\r\nimport Api from './UnifedSearchServiceApi';\r\n\r\n\r\nconst Wrapper = styled.div`\r\n`;\r\n\r\nexport interface UnifiedSearchComponentProps {\r\n    key: string;\r\n    accessToken?: string;\r\n    ussBaseUrl?: string;\r\n} \r\n\r\nclass SearchResult\r\n{\r\n    title?: string;\r\n    description?: string;\r\n    price?: number;\r\n    url?: string;\r\n    imageUrl?: string;\r\n    isPublic?: boolean;\r\n    type?: string;\r\n    sku?: string;\r\n    language?: string;\r\n}\r\n\r\nconst UnifiedSearchComponent: React.FC<UnifiedSearchComponentProps> = (props: UnifiedSearchComponentProps) => {\r\n    \r\n    const [searchTerm, setSearchTerm] = React.useState('');\r\n    const [loading, setLoading] = React.useState(false);\r\n    const [results, setSearchResults] = React.useState<SearchResult[] | undefined>();\r\n\r\n    const { key, accessToken, ussBaseUrl } = props;\r\n\r\n    React.useEffect(() => {\r\n        Api.storeJWT(accessToken);\r\n        Api.storeBaseUrl(ussBaseUrl);\r\n    }, [accessToken, ussBaseUrl]);\r\n\r\n    const findIt = (event: React.FormEvent) => {\r\n        event.preventDefault();\r\n        setLoading(true);\r\n        Api.quickSearch(searchTerm)\r\n        .then((response) => {\r\n            setSearchResults(response);\r\n        })\r\n        .catch((error) => { })\r\n        .finally(() => {\r\n            setLoading(false);\r\n        });\r\n    };\r\n\r\n    return (\r\n        <Wrapper key={key}>\r\n        <SearchBar\r\n             id=\"unifiedSearchInputField\"\r\n             placeholder=\"Enter your search term\"\r\n             enterSearch={findIt}\r\n             setSearchTerm={setSearchTerm}\r\n             searchTerm={searchTerm}\r\n             removeSearch={() => {\r\n               setSearchTerm('');\r\n             }}\r\n             showDropdown={true}\r\n             dropdownButtonLoading={loading}\r\n             dropdownButtonAction={loading ? () => {} : undefined}\r\n             dropdownButtonLabel={loading ? 'Loading' : undefined}\r\n             dropdownButtonVariant='tertiary'\r\n             searchList={results?.map(x => ({\r\n                value: x.url ?? x.title ?? \"blank\",\r\n                noteLabel: x.description,\r\n                displayLabel: x.title,\r\n             }))}\r\n             size={Size.Medium}\r\n           />\r\n     </Wrapper>\r\n    );\r\n};\r\n\r\nexport default UnifiedSearchComponent;"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,IAAI,QAAmC,aAAa;AAC7D,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,GAAG,MAAM,0BAA0B;AAAC;AAG3C,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAG,uEACzB;AAAC,IAQIC,YAAY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAalB,IAAMC,sBAA6D,GAAG,SAAhEA,sBAA6D,CAAIC,KAAkC,EAAK;EAE1G,sBAAoCT,KAAK,CAACU,QAAQ,CAAC,EAAE,CAAC;IAAA;IAA/CC,UAAU;IAAEC,aAAa;EAChC,uBAA8BZ,KAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CG,OAAO;IAAEC,UAAU;EAC1B,uBAAoCd,KAAK,CAACU,QAAQ,EAA8B;IAAA;IAAzEK,OAAO;IAAEC,gBAAgB;EAEhC,IAAQC,GAAG,GAA8BR,KAAK,CAAtCQ,GAAG;IAAEC,WAAW,GAAiBT,KAAK,CAAjCS,WAAW;IAAEC,UAAU,GAAKV,KAAK,CAApBU,UAAU;EAEpCnB,KAAK,CAACoB,SAAS,CAAC,YAAM;IAClBhB,GAAG,CAACiB,QAAQ,CAACH,WAAW,CAAC;IACzBd,GAAG,CAACkB,YAAY,CAACH,UAAU,CAAC;EAChC,CAAC,EAAE,CAACD,WAAW,EAAEC,UAAU,CAAC,CAAC;EAE7B,IAAMI,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAsB,EAAK;IACvCA,KAAK,CAACC,cAAc,EAAE;IACtBX,UAAU,CAAC,IAAI,CAAC;IAChBV,GAAG,CAACsB,WAAW,CAACf,UAAU,CAAC,CAC1BgB,IAAI,CAAC,UAACC,QAAQ,EAAK;MAChBZ,gBAAgB,CAACY,QAAQ,CAAC;IAC9B,CAAC,CAAC,CACDC,KAAK,CAAC,UAACC,KAAK,EAAK,CAAE,CAAC,CAAC,CACrBC,OAAO,CAAC,YAAM;MACXjB,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC;EAED,oBACI,KAAC,OAAO;IAAA,uBACR,KAAC,SAAS;MACL,EAAE,EAAC,yBAAyB;MAC5B,WAAW,EAAC,wBAAwB;MACpC,WAAW,EAAES,MAAO;MACpB,aAAa,EAAEX,aAAc;MAC7B,UAAU,EAAED,UAAW;MACvB,YAAY,EAAE,wBAAM;QAClBC,aAAa,CAAC,EAAE,CAAC;MACnB,CAAE;MACF,YAAY,EAAE,IAAK;MACnB,qBAAqB,EAAEC,OAAQ;MAC/B,oBAAoB,EAAEA,OAAO,GAAG,YAAM,CAAC,CAAC,GAAGmB,SAAU;MACrD,mBAAmB,EAAEnB,OAAO,GAAG,SAAS,GAAGmB,SAAU;MACrD,qBAAqB,EAAC,UAAU;MAChC,UAAU,EAAEjB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEkB,GAAG,CAAC,UAAAC,CAAC;QAAA;QAAA,OAAK;UAC5BC,KAAK,oBAAED,CAAC,CAACE,GAAG,2CAAIF,CAAC,CAACG,KAAK,uCAAI,OAAO;UAClCC,SAAS,EAAEJ,CAAC,CAACK,WAAW;UACxBC,YAAY,EAAEN,CAAC,CAACG;QACnB,CAAC;MAAA,CAAC,CAAE;MACJ,IAAI,EAAEnC,IAAI,CAACuC;IAAO;EAClB,GArBSxB,GAAG,CAsBV;AAEf,CAAC;AAAC;EArEEA,GAAG;EACHC,WAAW;EACXC,UAAU;AAAA;AAqEd,eAAeX,sBAAsB"}

package/dist/GlobalNavigationBar/desktop/UnifedSearchServiceApi.cjs

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var UssApi = /*#__PURE__*/(0, _createClass2.default)(function UssApi() {
+  var _this = this;
+  (0, _classCallCheck2.default)(this, UssApi);
+  (0, _defineProperty2.default)(this, "token", undefined);
+  (0, _defineProperty2.default)(this, "baseUrl", undefined);
+  (0, _defineProperty2.default)(this, "storeJWT", function (token) {
+    _this.token = token;
+  });
+  (0, _defineProperty2.default)(this, "storeBaseUrl", function (baseUrl) {
+    _this.baseUrl = baseUrl;
+  });
+  (0, _defineProperty2.default)(this, "quickSearch", function (query) {
+    return fetch("".concat(_this.baseUrl, "/api/search?query=").concat(encodeURI(query)), {
+      method: "GET",
+      headers: _this.token ? {
+        "Authorization": "Bearer ".concat(_this.token)
+      } : {}
+    }).then(function (response) {
+      return response.json();
+    }).catch(function (error) {
+      return console.log(error);
+    });
+  });
+});
+(0, _defineProperty2.default)(UssApi, "instance", new UssApi());
+var _default = UssApi.instance;
+exports.default = _default;
+//# sourceMappingURL=UnifedSearchServiceApi.cjs.map

package/dist/GlobalNavigationBar/desktop/UnifedSearchServiceApi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifedSearchServiceApi.cjs","names":["UssApi","undefined","token","baseUrl","query","fetch","encodeURI","method","headers","then","response","json","catch","error","console","log","instance"],"sources":["../../../src/GlobalNavigationBar/desktop/UnifedSearchServiceApi.tsx"],"sourcesContent":["\r\nclass UssApi {\r\n    // Globally used variables within the API class.\r\n    public token: string | undefined = undefined;\r\n    public baseUrl: string | undefined = undefined;\r\n    static instance = new UssApi();\r\n    \r\n    /**\r\n     * Stores the Office365 access token.\r\n     */\r\n    storeJWT = (token: string | undefined) => {\r\n      this.token = token;\r\n    };\r\n\r\n    /**\r\n     * Stores the base URL for the API.\r\n     */\r\n    storeBaseUrl = (baseUrl: string | undefined) => {\r\n        this.baseUrl =  baseUrl;\r\n    };\r\n  \r\n    /**\r\n     * Calls USS search endpoint\r\n     * @param query - query to search for\r\n     * @returns Top 10 search results\r\n     */\r\n    quickSearch = (query: string): Promise<any> => {\r\n        return fetch(`${this.baseUrl}/api/search?query=${encodeURI(query)}`, {\r\n            method: \"GET\",\r\n            headers: this.token ? {\r\n                \"Authorization\" : `Bearer ${this.token}`\r\n            } : {},\r\n            })\r\n            .then((response) => response.json())\r\n            .catch((error) => console.log(error));\r\n    };\r\n}\r\n\r\nexport default UssApi.instance;\r\n"],"mappings":";;;;;;;;;;IACMA,MAAM;EAAA;EAAA;EAAA,6CAE2BC,SAAS;EAAA,+CACPA,SAAS;EAAA,gDAMnC,UAACC,KAAyB,EAAK;IACxC,KAAI,CAACA,KAAK,GAAGA,KAAK;EACpB,CAAC;EAAA,oDAKc,UAACC,OAA2B,EAAK;IAC5C,KAAI,CAACA,OAAO,GAAIA,OAAO;EAC3B,CAAC;EAAA,mDAOa,UAACC,KAAa,EAAmB;IAC3C,OAAOC,KAAK,WAAI,KAAI,CAACF,OAAO,+BAAqBG,SAAS,CAACF,KAAK,CAAC,GAAI;MACjEG,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,KAAI,CAACN,KAAK,GAAG;QAClB,eAAe,mBAAa,KAAI,CAACA,KAAK;MAC1C,CAAC,GAAG,CAAC;IACL,CAAC,CAAC,CACDO,IAAI,CAAC,UAACC,QAAQ;MAAA,OAAKA,QAAQ,CAACC,IAAI,EAAE;IAAA,EAAC,CACnCC,KAAK,CAAC,UAACC,KAAK;MAAA,OAAKC,OAAO,CAACC,GAAG,CAACF,KAAK,CAAC;IAAA,EAAC;EAC7C,CAAC;AAAA;AAAA,8BAlCCb,MAAM,cAIU,IAAIA,MAAM,EAAE;AAAA,eAiCnBA,MAAM,CAACgB,QAAQ;AAAA"}

package/dist/GlobalNavigationBar/desktop/UnifedSearchServiceApi.d.ts

@@ -0,0 +1,21 @@
+declare class UssApi {
+    token: string | undefined;
+    baseUrl: string | undefined;
+    static instance: UssApi;
+    /**
+     * Stores the Office365 access token.
+     */
+    storeJWT: (token: string | undefined) => void;
+    /**
+     * Stores the base URL for the API.
+     */
+    storeBaseUrl: (baseUrl: string | undefined) => void;
+    /**
+     * Calls USS search endpoint
+     * @param query - query to search for
+     * @returns Top 10 search results
+     */
+    quickSearch: (query: string) => Promise<any>;
+}
+declare const _default: UssApi;
+export default _default;

package/dist/GlobalNavigationBar/desktop/UnifedSearchServiceApi.js

@@ -0,0 +1,30 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var UssApi = /*#__PURE__*/_createClass(function UssApi() {
+  var _this = this;
+  _classCallCheck(this, UssApi);
+  _defineProperty(this, "token", undefined);
+  _defineProperty(this, "baseUrl", undefined);
+  _defineProperty(this, "storeJWT", function (token) {
+    _this.token = token;
+  });
+  _defineProperty(this, "storeBaseUrl", function (baseUrl) {
+    _this.baseUrl = baseUrl;
+  });
+  _defineProperty(this, "quickSearch", function (query) {
+    return fetch("".concat(_this.baseUrl, "/api/search?query=").concat(encodeURI(query)), {
+      method: "GET",
+      headers: _this.token ? {
+        "Authorization": "Bearer ".concat(_this.token)
+      } : {}
+    }).then(function (response) {
+      return response.json();
+    }).catch(function (error) {
+      return console.log(error);
+    });
+  });
+});
+_defineProperty(UssApi, "instance", new UssApi());
+export default UssApi.instance;
+//# sourceMappingURL=UnifedSearchServiceApi.js.map

package/dist/GlobalNavigationBar/desktop/UnifedSearchServiceApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifedSearchServiceApi.js","names":["UssApi","undefined","token","baseUrl","query","fetch","encodeURI","method","headers","then","response","json","catch","error","console","log","instance"],"sources":["../../../src/GlobalNavigationBar/desktop/UnifedSearchServiceApi.tsx"],"sourcesContent":["\r\nclass UssApi {\r\n    // Globally used variables within the API class.\r\n    public token: string | undefined = undefined;\r\n    public baseUrl: string | undefined = undefined;\r\n    static instance = new UssApi();\r\n    \r\n    /**\r\n     * Stores the Office365 access token.\r\n     */\r\n    storeJWT = (token: string | undefined) => {\r\n      this.token = token;\r\n    };\r\n\r\n    /**\r\n     * Stores the base URL for the API.\r\n     */\r\n    storeBaseUrl = (baseUrl: string | undefined) => {\r\n        this.baseUrl =  baseUrl;\r\n    };\r\n  \r\n    /**\r\n     * Calls USS search endpoint\r\n     * @param query - query to search for\r\n     * @returns Top 10 search results\r\n     */\r\n    quickSearch = (query: string): Promise<any> => {\r\n        return fetch(`${this.baseUrl}/api/search?query=${encodeURI(query)}`, {\r\n            method: \"GET\",\r\n            headers: this.token ? {\r\n                \"Authorization\" : `Bearer ${this.token}`\r\n            } : {},\r\n            })\r\n            .then((response) => response.json())\r\n            .catch((error) => console.log(error));\r\n    };\r\n}\r\n\r\nexport default UssApi.instance;\r\n"],"mappings":";;;IACMA,MAAM;EAAA;EAAA;EAAA,+BAE2BC,SAAS;EAAA,iCACPA,SAAS;EAAA,kCAMnC,UAACC,KAAyB,EAAK;IACxC,KAAI,CAACA,KAAK,GAAGA,KAAK;EACpB,CAAC;EAAA,sCAKc,UAACC,OAA2B,EAAK;IAC5C,KAAI,CAACA,OAAO,GAAIA,OAAO;EAC3B,CAAC;EAAA,qCAOa,UAACC,KAAa,EAAmB;IAC3C,OAAOC,KAAK,WAAI,KAAI,CAACF,OAAO,+BAAqBG,SAAS,CAACF,KAAK,CAAC,GAAI;MACjEG,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE,KAAI,CAACN,KAAK,GAAG;QAClB,eAAe,mBAAa,KAAI,CAACA,KAAK;MAC1C,CAAC,GAAG,CAAC;IACL,CAAC,CAAC,CACDO,IAAI,CAAC,UAACC,QAAQ;MAAA,OAAKA,QAAQ,CAACC,IAAI,EAAE;IAAA,EAAC,CACnCC,KAAK,CAAC,UAACC,KAAK;MAAA,OAAKC,OAAO,CAACC,GAAG,CAACF,KAAK,CAAC;IAAA,EAAC;EAC7C,CAAC;AAAA;AAAA,gBAlCCb,MAAM,cAIU,IAAIA,MAAM,EAAE;AAiClC,eAAeA,MAAM,CAACgB,QAAQ"}

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.cjs","names":["UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","COLORS","white","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","neutral_200","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","neutral_20","ComponentSStyling","ComponentTextStyle","Bold","neutral_500","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","neutral_600","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","show","user","onHideUserMenu","sections","signOut","label","useNavigationHelper","navigate","isActiveRoute","React","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","external","to","exact","value","disabled","icon","displayLabel","action","firstName","lastName","email","link","href","target","id","onClick","cloneElement","size","filter","a","pinned","map","divider","items","Size","Large","preventDefault"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {Button} from '../../Button';\nimport {\n  BOXSHADOWS,\n  COLORS,\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {Size} from '../../types';\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\nimport {SystemIcons} from '../../icons';\nimport {HyperLink} from '../../HyperLink';\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\nimport Breakpoints from '../../styles/breakpoints';\nimport {MenuItem} from '../../MenuItem';\nimport {useNavigationHelper} from '../../common/NavigationHelper';\nimport {ProfileButton} from '../../ProfileButton';\n\nconst UserMenuScrollContainer = styled.div`\n  flex: 1;\n`;\n\nconst UserMenuPinnedContainer = styled.div``;\n\n\nconst UserMenuWrapper = styled.div`\n  margin: 0;\n  background-color: ${COLORS.white};\n  box-sizing: border-box;\n  display: none;\n  width: 320px;\n\n  position: absolute;\n\n  &.show {\n    display: block;\n  }\n\n  top: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  flex-flow: column;\n\n\n  ${Breakpoints.MEDIUM} {\n    flex-flow: initial;\n    top: initial;\n    right: initial;\n    height: initial;\n    animation: ${flowDown} 0.2s ease-in-out;\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n    border-radius: 8px;\n    border: 1px solid ${COLORS.neutral_200};\n    z-index: ${Z_INDEXES.fixed_menu};\n    padding: 24px 0;\n  }\n`;\n\n\nconst MenuSection = styled.div`\n  padding: 4px 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${COLORS.neutral_200};\n  }\n`;\n\nconst SignOutActionWrapper = styled(MenuSection)`\n  align-items: center;\n  justify-content: center;\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 24px 4px 24px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${COLORS.neutral_20};\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n`;\n\nconst MenuSectionList = styled.div`\n  margin: 0;\n  padding: 0;\n\n  ${UserMenuSectionListStyling};\n`;\n\n\nconst UserSectionAvatar = styled.div`\n  pointer-events: none;\n\n  button {\n    padding: 0 !important;\n  }\n\n  button > div {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 50% !important;\n  }\n`;\n\nconst UserSectionInfo = styled.div`\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst UserSectionInfoName = styled.div`\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n`;\n\nconst UserSectionInfoEmail = styled.div`\n  word-break: break-all;\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nconst UserSectionInfoLink = styled.div`\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst UserSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 0 24px 8px 24px;\n  gap: 16px;\n`;\n\ninterface UserMenuProps extends ProfileMenu {\n  show?: boolean;\n  onHideUserMenu: () => void;\n}\n\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\n\n  const {navigate, isActiveRoute} = useNavigationHelper();\n\n  React.useEffect(() => {\n    if (!onHideUserMenu) return;\n\n    function handleKeyPress(e: any) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        onHideUserMenu();\n      }\n    }\n\n    document?.addEventListener('keydown', handleKeyPress, false);\n    return () => {\n      document?.removeEventListener('keydown', handleKeyPress, false);\n    };\n  }, [onHideUserMenu]);\n\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\n    <MenuItem key={index}\n              id={`profile_${index}`}\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\n              item={{\n                value: item.to,\n                disabled: item.disabled,\n                icon: item.icon,\n                displayLabel: item.label,\n              }}\n              onClickHandler={(e) => {\n                item.action && item.action(e);\n                navigate(item.to, !!item.external);\n              }}/>\n\n  return (\n    <UserMenuWrapper onClick={onHideUserMenu}\n                     className={show ? 'show' : ''}\n                     role=\"menu\"\n                     aria-labelledby=\"UserMenuButton\">\n      <UserMenuScrollContainer>\n        <UserSection>\n          <UserSectionAvatar>\n            <ProfileButton onClick={() => {\n            }}\n                           tabIndex={-1}\n                           initials={user.firstName[0] + user.lastName[0]}/>\n          </UserSectionAvatar>\n          <UserSectionInfo>\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\n            {\n              user.link &&\n              <HyperLink variant={'default'}\n                         href={user.link.href}\n                         target={user.link.target}\n                         id={user.link.id}\n                         onClick={user.link.onClick}>\n                <UserSectionInfoLink>\n                  <span>\n                    {user.link.label}\n                  </span>\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\n                </UserSectionInfoLink>\n              </HyperLink>\n            }\n          </UserSectionInfo>\n        </UserSection>\n        {\n          sections.filter(a => !a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n      </UserMenuScrollContainer>\n      <UserMenuPinnedContainer>\n        {\n          sections.filter(a => !!a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n        {\n          signOut &&\n          <SignOutActionWrapper>\n            <Button width={'272px'}\n                    variant=\"secondary\"\n                    icon={<SystemIcons.Logout/>}\n                    size={Size.Large}\n                    onClick={e => {\n                      e.preventDefault();\n                      signOut?.action();\n                    }}>\n              {signOut?.label}\n            </Button>\n          </SignOutActionWrapper>\n        }\n      </UserMenuPinnedContainer>\n    </UserMenuWrapper>\n  );\n};\n\nexport default UserMenu;\n"],"mappings":"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"}
+{"version":3,"file":"UserMenu.cjs","names":["UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","COLORS","white","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","neutral_200","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","neutral_20","ComponentSStyling","ComponentTextStyle","Bold","neutral_500","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","neutral_600","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","show","user","onHideUserMenu","sections","signOut","label","useNavigationHelper","navigate","isActiveRoute","React","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","external","to","exact","value","disabled","icon","displayLabel","action","firstName","lastName","email","link","href","target","id","onClick","cloneElement","size","filter","a","pinned","map","divider","items","Size","Large","preventDefault"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigationHelper} from '../../common/NavigationHelper';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${COLORS.neutral_200};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigationHelper();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'default'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/desktop/UserMenu.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ProfileMenu } from '../types';
-interface UserMenuProps extends ProfileMenu {
-    show?: boolean;
-    onHideUserMenu: () => void;
-}
-declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => JSX.Element;
-export default UserMenu;
+import * as React from 'react';
+import { ProfileMenu } from '../types';
+interface UserMenuProps extends ProfileMenu {
+    show?: boolean;
+    onHideUserMenu: () => void;
+}
+declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
+export default UserMenu;

package/dist/GlobalNavigationBar/desktop/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigationHelper","ProfileButton","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","white","off_canvas","MEDIUM","BOXSHADOW_CENTERED","neutral_200","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","neutral_20","Bold","neutral_500","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","neutral_600","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","external","to","exact","value","disabled","icon","displayLabel","action","firstName","lastName","email","link","href","target","id","onClick","cloneElement","size","filter","a","pinned","map","divider","items","Large","preventDefault"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {Button} from '../../Button';\nimport {\n  BOXSHADOWS,\n  COLORS,\n  ComponentLStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {Size} from '../../types';\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\nimport {SystemIcons} from '../../icons';\nimport {HyperLink} from '../../HyperLink';\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\nimport Breakpoints from '../../styles/breakpoints';\nimport {MenuItem} from '../../MenuItem';\nimport {useNavigationHelper} from '../../common/NavigationHelper';\nimport {ProfileButton} from '../../ProfileButton';\n\nconst UserMenuScrollContainer = styled.div`\n  flex: 1;\n`;\n\nconst UserMenuPinnedContainer = styled.div``;\n\n\nconst UserMenuWrapper = styled.div`\n  margin: 0;\n  background-color: ${COLORS.white};\n  box-sizing: border-box;\n  display: none;\n  width: 320px;\n\n  position: absolute;\n\n  &.show {\n    display: block;\n  }\n\n  top: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.off_canvas};\n  height: 100%;\n  flex-flow: column;\n\n\n  ${Breakpoints.MEDIUM} {\n    flex-flow: initial;\n    top: initial;\n    right: initial;\n    height: initial;\n    animation: ${flowDown} 0.2s ease-in-out;\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\n    border-radius: 8px;\n    border: 1px solid ${COLORS.neutral_200};\n    z-index: ${Z_INDEXES.fixed_menu};\n    padding: 24px 0;\n  }\n`;\n\n\nconst MenuSection = styled.div`\n  padding: 4px 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ${COLORS.neutral_200};\n  }\n`;\n\nconst SignOutActionWrapper = styled(MenuSection)`\n  align-items: center;\n  justify-content: center;\n`;\n\nconst MenuSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 8px 24px 4px 24px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ${COLORS.neutral_20};\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\n`;\n\nconst MenuSectionList = styled.div`\n  margin: 0;\n  padding: 0;\n\n  ${UserMenuSectionListStyling};\n`;\n\n\nconst UserSectionAvatar = styled.div`\n  pointer-events: none;\n\n  button {\n    padding: 0 !important;\n  }\n\n  button > div {\n    width: 48px !important;\n    height: 48px !important;\n    border-radius: 50% !important;\n  }\n`;\n\nconst UserSectionInfo = styled.div`\n  padding: 2px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n`;\n\nconst UserSectionInfoName = styled.div`\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n`;\n\nconst UserSectionInfoEmail = styled.div`\n  word-break: break-all;\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\n`;\n\nconst UserSectionInfoLink = styled.div`\n  padding: 2px 0;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst UserSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding: 0 24px 8px 24px;\n  gap: 16px;\n`;\n\ninterface UserMenuProps extends ProfileMenu {\n  show?: boolean;\n  onHideUserMenu: () => void;\n}\n\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\n\n  const {navigate, isActiveRoute} = useNavigationHelper();\n\n  React.useEffect(() => {\n    if (!onHideUserMenu) return;\n\n    function handleKeyPress(e: any) {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        onHideUserMenu();\n      }\n    }\n\n    document?.addEventListener('keydown', handleKeyPress, false);\n    return () => {\n      document?.removeEventListener('keydown', handleKeyPress, false);\n    };\n  }, [onHideUserMenu]);\n\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\n    <MenuItem key={index}\n              id={`profile_${index}`}\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\n              item={{\n                value: item.to,\n                disabled: item.disabled,\n                icon: item.icon,\n                displayLabel: item.label,\n              }}\n              onClickHandler={(e) => {\n                item.action && item.action(e);\n                navigate(item.to, !!item.external);\n              }}/>\n\n  return (\n    <UserMenuWrapper onClick={onHideUserMenu}\n                     className={show ? 'show' : ''}\n                     role=\"menu\"\n                     aria-labelledby=\"UserMenuButton\">\n      <UserMenuScrollContainer>\n        <UserSection>\n          <UserSectionAvatar>\n            <ProfileButton onClick={() => {\n            }}\n                           tabIndex={-1}\n                           initials={user.firstName[0] + user.lastName[0]}/>\n          </UserSectionAvatar>\n          <UserSectionInfo>\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\n            {\n              user.link &&\n              <HyperLink variant={'default'}\n                         href={user.link.href}\n                         target={user.link.target}\n                         id={user.link.id}\n                         onClick={user.link.onClick}>\n                <UserSectionInfoLink>\n                  <span>\n                    {user.link.label}\n                  </span>\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\n                </UserSectionInfoLink>\n              </HyperLink>\n            }\n          </UserSectionInfo>\n        </UserSection>\n        {\n          sections.filter(a => !a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n      </UserMenuScrollContainer>\n      <UserMenuPinnedContainer>\n        {\n          sections.filter(a => !!a.pinned).map((section, index) =>\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\n              <MenuSectionList key={index}>\n                {section.items.map((item, index) => renderItem(item, section, index))}\n              </MenuSectionList>\n            </MenuSection>\n          )\n        }\n        {\n          signOut &&\n          <SignOutActionWrapper>\n            <Button width={'272px'}\n                    variant=\"secondary\"\n                    icon={<SystemIcons.Logout/>}\n                    size={Size.Large}\n                    onClick={e => {\n                      e.preventDefault();\n                      signOut?.action();\n                    }}>\n              {signOut?.label}\n            </Button>\n          </SignOutActionWrapper>\n        }\n      </UserMenuPinnedContainer>\n    </UserMenuWrapper>\n  );\n};\n\nexport default UserMenu;\n"],"mappings":"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"}
+{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigationHelper","ProfileButton","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","white","off_canvas","MEDIUM","BOXSHADOW_CENTERED","neutral_200","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","neutral_20","Bold","neutral_500","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","neutral_600","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","external","to","exact","value","disabled","icon","displayLabel","action","firstName","lastName","email","link","href","target","id","onClick","cloneElement","size","filter","a","pinned","map","divider","items","Large","preventDefault"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigationHelper} from '../../common/NavigationHelper';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${COLORS.neutral_200};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_500)}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigationHelper();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'default'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/index.cjs

@@ -5,8 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  GlobalNavigationBar: true
+  GlobalNavigationBar: true,
+  CustomComponentWrapper: true
 };
+Object.defineProperty(exports, "CustomComponentWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _DesktopActions.DesktopActionsCustomComponentWrapper;
+  }
+});
 Object.defineProperty(exports, "GlobalNavigationBar", {
   enumerable: true,
   get: function get() {
@@ -26,4 +33,5 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
+var _DesktopActions = require("./desktop/DesktopActions");
 //# sourceMappingURL=index.cjs.map

package/dist/GlobalNavigationBar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\n\nexport * from './types';\n\nexport {GlobalNavigationBar};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n\r\nexport { DesktopActionsCustomComponentWrapper as CustomComponentWrapper } from './desktop/DesktopActions';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAIA"}

package/dist/GlobalNavigationBar/index.d.ts

@@ -1,3 +1,4 @@
-import GlobalNavigationBar from './GlobalNavigationBar';
-export * from './types';
-export { GlobalNavigationBar };
+import GlobalNavigationBar from './GlobalNavigationBar';
+export * from './types';
+export { GlobalNavigationBar };
+export { DesktopActionsCustomComponentWrapper as CustomComponentWrapper } from './desktop/DesktopActions';

package/dist/GlobalNavigationBar/index.js

@@ -1,4 +1,5 @@
 import GlobalNavigationBar from './GlobalNavigationBar';
 export * from './types';
 export { GlobalNavigationBar };
+export { DesktopActionsCustomComponentWrapper as CustomComponentWrapper } from './desktop/DesktopActions';
 //# sourceMappingURL=index.js.map

package/dist/GlobalNavigationBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["GlobalNavigationBar"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\n\nexport * from './types';\n\nexport {GlobalNavigationBar};\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,cAAc,SAAS;AAEvB,SAAQA,mBAAmB"}
+{"version":3,"file":"index.js","names":["GlobalNavigationBar","DesktopActionsCustomComponentWrapper","CustomComponentWrapper"],"sources":["../../src/GlobalNavigationBar/index.tsx"],"sourcesContent":["import GlobalNavigationBar from './GlobalNavigationBar';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\n\r\nexport { DesktopActionsCustomComponentWrapper as CustomComponentWrapper } from './desktop/DesktopActions';\r\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,cAAc,SAAS;AAEvB,SAAQA,mBAAmB;AAE3B,SAASC,oCAAoC,IAAIC,sBAAsB,QAAQ,0BAA0B"}

package/dist/GlobalNavigationBar/mobile/CommonStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommonStyles.cjs","names":["RowLayout","styled","div","Button","button","COLORS","white","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","neutral_600","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","primary_20","primary_600","focus","focusStyles","active","primary_100","primary_800","neutral_300","neutral_100","MenuLink","NavLink","ComponentMStyling","ComponentTextStyle","Regular","black","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","Bold","MobileHeaderNote","ComponentXSStyling","MobileHeaderContainer","neutral_200"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\nimport {\n  BREAKPOINTS,\n  COLORS,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  focusStyles,\n  scrollBarStyling,\n  Z_INDEXES\n} from '../../styles';\nimport {NavLink} from 'react-router-dom';\nimport {Size} from '../../types';\n\nexport const RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const Button = styled.button`\n  background-color: ${COLORS.white};\n  font-weight: bold;\n  border: 0;\n`;\n\nconst flowLeft = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nconst flowRight = keyframes`\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateX(100%);\n  }\n`;\n\nexport const fadeOut = keyframes`\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  to {\n    opacity: 0;\n    visibility: hidden;\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  to {\n    opacity: 1;\n    visibility: visible;\n  }\n`;\n\nexport const Menu = styled.div`\n  height: 100%;\n  background-color: ${COLORS.white};\n  box-sizing: border-box;\n  right: 0;\n  top: 0;\n  position: absolute;\n  z-index: ${Z_INDEXES.off_canvas};\n  align-items: center;\n\n  width: 320px;\n\n  ${BREAKPOINTS.SMALL} {\n    width: 400px;\n  }\n\n  .open & {\n    visibility: visible;\n    display: flex;\n    animation: ${flowLeft} 0.3s ease-in-out;\n  }\n\n  .closed & {\n    visibility: hidden;\n    animation: ${flowRight} 0.3s ease-in-out;\n  }\n`;\n\nexport const Right = styled.div`\n  display: flex;\n  margin-left: auto;\n`;\n\nexport const SiteName = styled.span`\n  color: ${COLORS.neutral_600};\n  font-weight: bold;\n  font-size: 14px;\n  margin-left: 4px;\n`;\n\nexport const MenuSection = styled.li`\n  margin-top: 16px;\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n`;\n\nexport const MenuSectionList = styled.ul`\n  list-style: none;\n  padding: 0;\n\n  li {\n    width: 80%;\n    height: 48px;\n    margin: 0 auto 0 12px;\n\n    a {\n      height: 100%;\n    }\n  }\n`;\n\nexport const UserMenuSectionListStyling = css`\n  li {\n    position: relative;\n  }\n\n  li:hover:not(.disabled) {\n    z-index: ${Z_INDEXES.hover};\n    background-color: ${COLORS.primary_20};\n\n    a {\n      color: ${COLORS.primary_600};\n    }\n\n    svg {\n      color: ${COLORS.primary_600};\n    }\n  }\n\n  li:focus-within:not(.disabled) {\n    z-index: ${Z_INDEXES.focus};\n\n    ${focusStyles}\n    a {\n      outline: none;\n    }\n  }\n\n  li:active:not(.disabled) {\n    z-index: ${Z_INDEXES.active};\n    background: ${COLORS.primary_100};\n\n    a {\n      color: ${COLORS.primary_800};\n    }\n\n    svg {\n      color: ${COLORS.primary_800};\n    }\n  }\n\n  .disabled {\n    a {\n      color: ${COLORS.neutral_300};\n    }\n\n    svg {\n      color: ${COLORS.neutral_300};\n    }\n\n    background-color: ${COLORS.neutral_100};\n  }\n`;\n\nexport const MenuLink = styled(NavLink)`\n  border: none;\n  background: transparent;\n  margin: auto;\n\n  box-sizing: border-box;\n\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n\n  text-decoration: none;\n  text-align: center;\n  align-items: center;\n  display: flex;\n`;\n\nexport const flowDown = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const MobileMenuWrapper = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  flex-flow: column;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n`;\n\nexport const ScrollableContainer = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  max-height: 100%;\n\n  &.scrollable {\n    margin-right: 6px;\n    padding-right: 10px;\n  }\n\n  ${scrollBarStyling(Size.Small)}\n  ::-webkit-scrollbar-track {\n    margin: 8px;\n  }\n`;\n\nexport const MobileHeaderText = styled.div`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  ${BREAKPOINTS.SMALL} {\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\n  }\n`;\nexport const MobileHeaderNote = styled.div`\n  word-break: break-all;\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n`;\n\nexport const MobileHeaderContainer = styled.div`\n  margin: 0 24px;\n  padding-bottom: 8px;\n  box-sizing: border-box;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n  display: flex;\n  flex-direction: column;\n`;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAWA;AACA;AAAiC;AAAA;AAAA;AAE1B,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,+HAGlC;AAAC;AAEK,IAAMC,MAAM,GAAGF,yBAAM,CAACG,MAAM,uJACbC,cAAM,CAACC,KAAK,CAGjC;AAAC;AAEF,IAAMC,QAAQ,OAAGC,2BAAS,qNASzB;AAED,IAAMC,SAAS,OAAGD,2BAAS,wQAW1B;AAEM,IAAME,OAAO,OAAGF,2BAAS,uMAS/B;AAAC;AAEK,IAAMG,MAAM,OAAGH,2BAAS,uMAS9B;AAAC;AAEK,IAAMI,IAAI,GAAGX,yBAAM,CAACC,GAAG,8eAERG,cAAM,CAACC,KAAK,EAKrBO,iBAAS,CAACC,UAAU,EAK7BC,mBAAW,CAACC,KAAK,EAOJT,QAAQ,EAKRE,SAAS,CAEzB;AAAC;AAEK,IAAMQ,KAAK,GAAGhB,yBAAM,CAACC,GAAG,+HAG9B;AAAC;AAEK,IAAMgB,QAAQ,GAAGjB,yBAAM,CAACkB,IAAI,uKACxBd,cAAM,CAACe,WAAW,CAI5B;AAAC;AAEK,IAAMC,WAAW,GAAGpB,yBAAM,CAACqB,EAAE,kNAQnC;AAAC;AAEK,IAAMC,eAAe,GAAGtB,yBAAM,CAACuB,EAAE,mPAavC;AAAC;AAEK,IAAMC,0BAA0B,OAAGC,qBAAG,orBAM9Bb,iBAAS,CAACc,KAAK,EACNtB,cAAM,CAACuB,UAAU,EAG1BvB,cAAM,CAACwB,WAAW,EAIlBxB,cAAM,CAACwB,WAAW,EAKlBhB,iBAAS,CAACiB,KAAK,EAExBC,mBAAW,EAOFlB,iBAAS,CAACmB,MAAM,EACb3B,cAAM,CAAC4B,WAAW,EAGrB5B,cAAM,CAAC6B,WAAW,EAIlB7B,cAAM,CAAC6B,WAAW,EAMlB7B,cAAM,CAAC8B,WAAW,EAIlB9B,cAAM,CAAC8B,WAAW,EAGT9B,cAAM,CAAC+B,WAAW,CAEzC;AAAC;AAEK,IAAMC,QAAQ,GAAG,IAAApC,yBAAM,EAACqC,uBAAO,CAAC,4RAOnC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEpC,cAAM,CAACqC,KAAK,CAAC,CAM9D;AAAC;AAEK,IAAMC,QAAQ,OAAGnC,2BAAS,wNAShC;AAAC;AAEK,IAAMoC,iBAAiB,GAAG3C,yBAAM,CAACC,GAAG,6MAO1C;AAAC;AAEK,IAAM2C,mBAAmB,GAAG5C,yBAAM,CAACC,GAAG,wUAYzC,IAAA4C,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAI/B;AAAC;AAEK,IAAMC,gBAAgB,GAAGhD,yBAAM,CAACC,GAAG,2HACtC,IAAAgD,yBAAiB,EAACV,0BAAkB,CAACW,IAAI,EAAE9C,cAAM,CAACe,WAAW,CAAC,EAC9DL,mBAAW,CAACC,KAAK,EACf,IAAAuB,yBAAiB,EAACC,0BAAkB,CAACW,IAAI,EAAE9C,cAAM,CAACe,WAAW,CAAC,CAEnE;AAAC;AACK,IAAMgC,gBAAgB,GAAGnD,yBAAM,CAACC,GAAG,4HAEtC,IAAAmD,0BAAkB,EAACb,0BAAkB,CAACC,OAAO,EAAEpC,cAAM,CAACe,WAAW,CAAC,CACrE;AAAC;AAEK,IAAMkC,qBAAqB,GAAGrD,yBAAM,CAACC,GAAG,+OAIlBG,cAAM,CAACkD,WAAW,CAG9C;AAAC"}
+{"version":3,"file":"CommonStyles.cjs","names":["RowLayout","styled","div","Button","button","COLORS","white","flowLeft","keyframes","flowRight","fadeOut","fadeIn","Menu","Z_INDEXES","off_canvas","BREAKPOINTS","SMALL","Right","SiteName","span","neutral_600","MenuSection","li","MenuSectionList","ul","UserMenuSectionListStyling","css","hover","primary_20","primary_600","focus","focusStyles","active","primary_100","primary_800","neutral_300","neutral_100","MenuLink","NavLink","ComponentMStyling","ComponentTextStyle","Regular","black","flowDown","MobileMenuWrapper","ScrollableContainer","scrollBarStyling","Size","Small","MobileHeaderText","ComponentSStyling","Bold","MobileHeaderNote","ComponentXSStyling","MobileHeaderContainer","neutral_200"],"sources":["../../../src/GlobalNavigationBar/mobile/CommonStyles.ts"],"sourcesContent":["import styled, {css, keyframes} from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  focusStyles,\r\n  scrollBarStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {NavLink} from 'react-router-dom';\r\nimport {Size} from '../../types';\r\n\r\nexport const RowLayout = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background-color: ${COLORS.white};\r\n  font-weight: bold;\r\n  border: 0;\r\n`;\r\n\r\nconst flowLeft = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateX(100%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n`;\r\n\r\nconst flowRight = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(100%);\r\n  }\r\n`;\r\n\r\nexport const fadeOut = keyframes`\r\n  0% {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n`;\r\n\r\nexport const fadeIn = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n`;\r\n\r\nexport const Menu = styled.div`\r\n  height: 100%;\r\n  background-color: ${COLORS.white};\r\n  box-sizing: border-box;\r\n  right: 0;\r\n  top: 0;\r\n  position: absolute;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  align-items: center;\r\n\r\n  width: 320px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n\r\n  .open & {\r\n    visibility: visible;\r\n    display: flex;\r\n    animation: ${flowLeft} 0.3s ease-in-out;\r\n  }\r\n\r\n  .closed & {\r\n    visibility: hidden;\r\n    animation: ${flowRight} 0.3s ease-in-out;\r\n  }\r\n`;\r\n\r\nexport const Right = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n`;\r\n\r\nexport const SiteName = styled.span`\r\n  color: ${COLORS.neutral_600};\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n  margin-left: 4px;\r\n`;\r\n\r\nexport const MenuSection = styled.li`\r\n  margin-top: 16px;\r\n\r\n  .disabled-link {\r\n    color: #21212150;\r\n    pointer-events: none;\r\n    key-events: none;\r\n  }\r\n`;\r\n\r\nexport const MenuSectionList = styled.ul`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  li {\r\n    width: 80%;\r\n    height: 48px;\r\n    margin: 0 auto 0 12px;\r\n\r\n    a {\r\n      height: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const UserMenuSectionListStyling = css`\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  li:hover:not(.disabled) {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    a {\r\n      color: ${COLORS.primary_600};\r\n    }\r\n\r\n    svg {\r\n      color: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  li:focus-within:not(.disabled) {\r\n    z-index: ${Z_INDEXES.focus};\r\n\r\n    ${focusStyles}\r\n    a {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  li:active:not(.disabled) {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${COLORS.primary_100};\r\n\r\n    a {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n\r\n    svg {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  .disabled {\r\n    a {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n\r\n    svg {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nexport const MenuLink = styled(NavLink)`\r\n  border: none;\r\n  background: transparent;\r\n  margin: auto;\r\n\r\n  box-sizing: border-box;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  text-decoration: none;\r\n  text-align: center;\r\n  align-items: center;\r\n  display: flex;\r\n`;\r\n\r\nexport const flowDown = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(-10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n`;\r\n\r\nexport const MobileMenuWrapper = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\nexport const ScrollableContainer = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  max-height: 100%;\r\n\r\n  &.scrollable {\r\n    margin-right: 6px;\r\n    padding-right: 10px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n  ::-webkit-scrollbar-track {\r\n    margin: 8px;\r\n  }\r\n`;\r\n\r\nexport const MobileHeaderText = styled.div`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\nexport const MobileHeaderNote = styled.div`\r\n  word-break: break-all;\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n`;\r\n\r\nexport const MobileHeaderContainer = styled.div`\r\n  margin: 0 24px;\r\n  padding-bottom: 8px;\r\n  box-sizing: border-box;\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AAWA;AACA;AAAiC;AAAA;AAAA;AAE1B,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,+HAGlC;AAAC;AAEK,IAAMC,MAAM,GAAGF,yBAAM,CAACG,MAAM,uJACbC,cAAM,CAACC,KAAK,CAGjC;AAAC;AAEF,IAAMC,QAAQ,OAAGC,2BAAS,qNASzB;AAED,IAAMC,SAAS,OAAGD,2BAAS,wQAW1B;AAEM,IAAME,OAAO,OAAGF,2BAAS,uMAS/B;AAAC;AAEK,IAAMG,MAAM,OAAGH,2BAAS,uMAS9B;AAAC;AAEK,IAAMI,IAAI,GAAGX,yBAAM,CAACC,GAAG,8eAERG,cAAM,CAACC,KAAK,EAKrBO,iBAAS,CAACC,UAAU,EAK7BC,mBAAW,CAACC,KAAK,EAOJT,QAAQ,EAKRE,SAAS,CAEzB;AAAC;AAEK,IAAMQ,KAAK,GAAGhB,yBAAM,CAACC,GAAG,+HAG9B;AAAC;AAEK,IAAMgB,QAAQ,GAAGjB,yBAAM,CAACkB,IAAI,uKACxBd,cAAM,CAACe,WAAW,CAI5B;AAAC;AAEK,IAAMC,WAAW,GAAGpB,yBAAM,CAACqB,EAAE,kNAQnC;AAAC;AAEK,IAAMC,eAAe,GAAGtB,yBAAM,CAACuB,EAAE,mPAavC;AAAC;AAEK,IAAMC,0BAA0B,OAAGC,qBAAG,orBAM9Bb,iBAAS,CAACc,KAAK,EACNtB,cAAM,CAACuB,UAAU,EAG1BvB,cAAM,CAACwB,WAAW,EAIlBxB,cAAM,CAACwB,WAAW,EAKlBhB,iBAAS,CAACiB,KAAK,EAExBC,mBAAW,EAOFlB,iBAAS,CAACmB,MAAM,EACb3B,cAAM,CAAC4B,WAAW,EAGrB5B,cAAM,CAAC6B,WAAW,EAIlB7B,cAAM,CAAC6B,WAAW,EAMlB7B,cAAM,CAAC8B,WAAW,EAIlB9B,cAAM,CAAC8B,WAAW,EAGT9B,cAAM,CAAC+B,WAAW,CAEzC;AAAC;AAEK,IAAMC,QAAQ,GAAG,IAAApC,yBAAM,EAACqC,uBAAO,CAAC,4RAOnC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEpC,cAAM,CAACqC,KAAK,CAAC,CAM9D;AAAC;AAEK,IAAMC,QAAQ,OAAGnC,2BAAS,wNAShC;AAAC;AAEK,IAAMoC,iBAAiB,GAAG3C,yBAAM,CAACC,GAAG,6MAO1C;AAAC;AAEK,IAAM2C,mBAAmB,GAAG5C,yBAAM,CAACC,GAAG,wUAYzC,IAAA4C,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAI/B;AAAC;AAEK,IAAMC,gBAAgB,GAAGhD,yBAAM,CAACC,GAAG,2HACtC,IAAAgD,yBAAiB,EAACV,0BAAkB,CAACW,IAAI,EAAE9C,cAAM,CAACe,WAAW,CAAC,EAC9DL,mBAAW,CAACC,KAAK,EACf,IAAAuB,yBAAiB,EAACC,0BAAkB,CAACW,IAAI,EAAE9C,cAAM,CAACe,WAAW,CAAC,CAEnE;AAAC;AACK,IAAMgC,gBAAgB,GAAGnD,yBAAM,CAACC,GAAG,4HAEtC,IAAAmD,0BAAkB,EAACb,0BAAkB,CAACC,OAAO,EAAEpC,cAAM,CAACe,WAAW,CAAC,CACrE;AAAC;AAEK,IAAMkC,qBAAqB,GAAGrD,yBAAM,CAACC,GAAG,+OAIlBG,cAAM,CAACkD,WAAW,CAG9C;AAAC"}