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

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.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+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) => JSX.Element;
+declare const UserMenu: ({ show, user, onHideUserMenu, sections, signOut, label }: UserMenuProps) => React.JSX.Element;
 export default UserMenu;

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';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\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 };
+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';\r\n\r\nexport * from './types';\r\n\r\nexport {GlobalNavigationBar};\r\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/MobileMenu.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { MobileNavigationMenuProps, ProfileMenu } from '../types';
 type Props = MobileNavigationMenuProps & {
     profile?: ProfileMenu;
     show?: boolean;
     onClose: () => void;
 };
-declare const MobileMenu: ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => JSX.Element;
+declare const MobileMenu: ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => React.JSX.Element;
 export default MobileMenu;

package/dist/GlobalNavigationBar/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport interface MenuCustomComponent {\r\n  type: 'custom';\r\n  placement?: 'left' | 'right';\r\n  content: () => React.ReactNode;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}

package/dist/GlobalNavigationBar/types.d.ts

@@ -58,8 +58,13 @@ export interface MenuSwitcherButton extends Omit<IconButtonProps, 'id' | 'type'
     placement?: 'left' | 'right';
     action?: (button?: EventTarget) => boolean | void;
 }
-export type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;
-export type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton;
+export interface MenuCustomComponent {
+    type: 'custom';
+    placement?: 'left' | 'right';
+    content: () => React.ReactNode;
+}
+export type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;
+export type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;
 export interface MobileNavigationMenuProps {
     label?: string;
     buttons?: MobileMenuButtonTypes[];

package/dist/GlobalNavigationBar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport interface MenuCustomComponent {\r\n  type: 'custom';\r\n  placement?: 'left' | 'right';\r\n  content: () => React.ReactNode;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuCustomComponent;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}

package/dist/Image/ImageWithFallbacks.d.ts

@@ -16,6 +16,6 @@ declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps
     componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
     onError(): void;
     onLoad(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ImageWithFallbacks;

package/dist/InputFields/DatepickerField.cjs

@@ -27,7 +27,7 @@ require("react-datepicker/dist/react-datepicker.css");
 var _common = require("../common");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["disabled", "readOnly", "onChange", "invalid", "value", "validationMessage", "dateFormat", "autoComplete", "placeholder", "required", "yearPicker", "yearsBeforeCurrentDate", "yearsAfterCurrentDate", "margin", "overflowTooltipPosition", "onBlur", "showQuarterYearPicker", "id", "dataTestId"];
+var _excluded = ["disabled", "readOnly", "onChange", "invalid", "value", "validationMessage", "dateFormat", "autoComplete", "placeholder", "required", "yearPicker", "yearsBeforeCurrentDate", "yearsAfterCurrentDate", "margin", "onBlur", "showQuarterYearPicker", "id", "dataTestId"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -65,7 +65,6 @@ var DatepickerField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
     yearsBeforeCurrentDate = _ref.yearsBeforeCurrentDate,
     yearsAfterCurrentDate = _ref.yearsAfterCurrentDate,
     margin = _ref.margin,
-    overflowTooltipPosition = _ref.overflowTooltipPosition,
     onBlur = _ref.onBlur,
     showQuarterYearPicker = _ref.showQuarterYearPicker,
     id = _ref.id,
@@ -295,12 +294,12 @@ var DatepickerField = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref
               })
             })]
           }), !open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipOverflow.default, {
-            position: overflowTooltipPosition,
             input: inputRef,
             withArrow: true,
             maxWidth: "100%",
             size: _types.Size.Small,
             align: "end",
+            position: "bottom",
             children: getFormattedValue()
           })]
         })
@@ -327,8 +326,7 @@ DatepickerField.propTypes = {
   yearPicker: _propTypes.default.bool,
   yearsBeforeCurrentDate: _propTypes.default.number,
   yearsAfterCurrentDate: _propTypes.default.number,
-  margin: _propTypes.default.string,
-  overflowTooltipPosition: _propTypes.default.oneOf(['top', 'bottom'])
+  margin: _propTypes.default.string
 };
 var _default = DatepickerField;
 exports.default = _default;