@linzjs/lui 11.10.2 → 12.0.0

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+# [12.0.0](https://github.com/linz/lui/compare/v11.12.0...v12.0.0) (2022-01-13)
+
+
+* feat!(LuiComboSelect): Adds a required label prop to LuiComboSelect (#516) ([d8747f4](https://github.com/linz/lui/commit/d8747f46551e01d625f745fcea48cdf64691aeb5)), closes [#516](https://github.com/linz/lui/issues/516)
+
+
+### BREAKING CHANGES
+
+* Adds a required "label" prop to LuiComboSelect
+Also exposes an optional "hideLabel" prop to not render a label (labels are still available to screen readers)
+
+* Resolves conflict with new LuiComboSelect story
+
+# [11.12.0](https://github.com/linz/lui/compare/v11.11.0...v11.12.0) (2022-01-13)
+
+
+### Features
+
+* **LuiSelectInput:** Update dropdown icon ([#515](https://github.com/linz/lui/issues/515)) ([322bc0f](https://github.com/linz/lui/commit/322bc0faf839e4f36ed24551bf069a6c6863f3cd))
+
+# [11.11.0](https://github.com/linz/lui/compare/v11.10.3...v11.11.0) (2022-01-12)
+
+
+### Features
+
+* **LuiTextInput:** Add option for padlock icon ([#514](https://github.com/linz/lui/issues/514)) ([654f913](https://github.com/linz/lui/commit/654f9132b5f43b93cb9f57ef7b81fd0f01a0e18c))
+
+## [11.10.3](https://github.com/linz/lui/compare/v11.10.2...v11.10.3) (2022-01-12)
+
+
+### Bug Fixes
+
+* add missing dependency to useEffect hook. ([#513](https://github.com/linz/lui/issues/513)) ([4e4998c](https://github.com/linz/lui/commit/4e4998c299f7cc1f8b215f70047874e1bc2ef13d))
+
 ## [11.10.2](https://github.com/linz/lui/compare/v11.10.1...v11.10.2) (2022-01-12)
 
 

package/dist/assets/icons/lock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 22"><path d="M14 7.5H13V5.5C13 2.74 10.76 0.5 8 0.5C5.24 0.5 3 2.74 3 5.5V7.5H2C0.9 7.5 0 8.4 0 9.5V19.5C0 20.6 0.9 21.5 2 21.5H14C15.1 21.5 16 20.6 16 19.5V9.5C16 8.4 15.1 7.5 14 7.5ZM8 16.5C6.9 16.5 6 15.6 6 14.5C6 13.4 6.9 12.5 8 12.5C9.1 12.5 10 13.4 10 14.5C10 15.6 9.1 16.5 8 16.5ZM11.1 7.5H4.9V5.5C4.9 3.79 6.29 2.4 8 2.4C9.71 2.4 11.1 3.79 11.1 5.5V7.5Z" fill="#6B6966" /></svg>

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -9,6 +9,10 @@ export interface LuiTextInputProps {
      * A red star will be shown next to the label, no validation will be performed based on this prop.
      */
     mandatory?: boolean;
+    /**
+     * A padlock will be displayed on right side of input
+     */
+    showPadlockIcon?: boolean;
     value: string;
 }
 export declare function useGenerateOrDefaultId(idFromProps?: string): string;

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.stories.d.ts

@@ -33,3 +33,7 @@ export declare const Mandatory: {
     (): JSX.Element;
     storyName: string;
 };
+export declare const PadlockIcon: {
+    (): JSX.Element;
+    storyName: string;
+};

package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { GroupBase, Props, SelectInstance } from 'react-select';
-export declare type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {};
+export declare type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Partial<Props<Option, IsMulti, Group>> & {
+    label: JSX.Element | string;
+    hideLabel?: boolean;
+};
 export declare type LuiComboSelectOption = {
     label: string;
     value: string;
@@ -8,4 +11,7 @@ export declare type LuiComboSelectOption = {
 /**
  * A wrapper around React Select with Lui styling
  */
-export declare const LuiComboSelect: React.ForwardRefExoticComponent<Partial<Props<LuiComboSelectOption, boolean, GroupBase<any>>> & React.RefAttributes<SelectInstance<LuiComboSelectOption, boolean, GroupBase<any>>>>;
+export declare const LuiComboSelect: React.ForwardRefExoticComponent<Partial<Props<LuiComboSelectOption, boolean, GroupBase<any>>> & {
+    label: JSX.Element | string;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<SelectInstance<LuiComboSelectOption, boolean, GroupBase<any>>>>;

package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.stories.d.ts

@@ -1,17 +1,70 @@
 import React from 'react';
-declare const _default: import("@storybook/react").Meta<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+declare const _default: import("@storybook/react").Meta<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
 export default _default;
-export declare const blank: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const focus: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const open: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const autocomplete: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const foundNone: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const loadingSpinner: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const selected: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const selectedOpen: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const disabledBlank: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const disabledSelected: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const disabledWhileLoading: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const groupedOptions: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const isMulti: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
-export declare const compareToInput: () => JSX.Element;
+export declare const blank: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const withoutLabel: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const focus: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const open: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const autocomplete: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const foundNone: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const loadingSpinner: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const selected: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const selectedOpen: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const disabledBlank: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const disabledSelected: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const disabledWhileLoading: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const groupedOptions: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const isMulti: import("@storybook/react").Story<Partial<import("react-select").Props<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>> & {
+    label: string | JSX.Element;
+    hideLabel?: boolean | undefined;
+} & React.RefAttributes<import("react-select").SelectInstance<import("./LuiComboSelect").LuiComboSelectOption, boolean, import("react-select").GroupBase<any>>>>;
+export declare const compareToInput: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const CompareToLuiSelectInput: {
+    (): JSX.Element;
+    storyName: string;
+};

package/dist/components/lol/LOLCommonDrawerMenu.d.ts

@@ -9,6 +9,7 @@ export declare type ILOLCommonDrawerMenuProps = Omit<ILOLAppLauncherMenuProps, '
     appSpecificLinks?: ReactNode;
     path: string;
     hasStickyHeader?: boolean;
+    showRequestsLink?: boolean;
 };
 export declare const LOLCommonDrawerMenu: (props: ILOLCommonDrawerMenuProps) => JSX.Element;
 export declare const LOLCommonDrawerMenuAfterLinks: (props: {

package/dist/components/lol/LOLCommonDrawerMenu.test.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="jest" />
+import { IFirm } from './contexts/LOLUserContext';
+export declare const mockGetUserInfo: (firms: IFirm[]) => jest.Mock<import("msw/lib/types").AsyncResponseResolverReturnType<import("msw/lib/types").MockedResponse<{
+    user: {
+        id: string;
+        idHash: string;
+        email: string;
+        givenNames: string;
+        surname: string;
+        loginType: string;
+        preferredName: string;
+        firms: IFirm[];
+        passwordChangeRequired: boolean;
+        roles: never[];
+        lastLogin: string;
+    };
+}>>, [import("msw/lib/types").MockedRequest<import("msw/lib/types/utils/handlers/requestHandler").DefaultRequestBodyType, import("msw/lib/types").RequestParams>, import("msw/lib/types").ResponseComposition<{
+    user: {
+        id: string;
+        idHash: string;
+        email: string;
+        givenNames: string;
+        surname: string;
+        loginType: string;
+        preferredName: string;
+        firms: IFirm[];
+        passwordChangeRequired: boolean;
+        roles: never[];
+        lastLogin: string;
+    };
+}>, {
+    set: typeof import("msw/lib/types/context").set;
+    status: (statusCode: number, statusText?: string | undefined) => import("msw/lib/types").ResponseTransformer<any>;
+    cookie: (name: string, value: string, options?: import("cookie").CookieSerializeOptions | undefined) => import("msw/lib/types").ResponseTransformer<any>;
+    body: <BodyType extends string | Blob | ArrayBufferView | ArrayBuffer | ReadableStream<any> | FormData>(value: BodyType) => import("msw/lib/types").ResponseTransformer<BodyType>;
+    text: <BodyType_1 extends string>(body: BodyType_1) => import("msw/lib/types").ResponseTransformer<BodyType_1>;
+    json: <BodyTypeJSON>(body: BodyTypeJSON, { merge }?: {
+        merge?: boolean | undefined;
+    } | undefined) => import("msw/lib/types").ResponseTransformer<BodyTypeJSON>;
+    xml: <BodyType_2 extends string>(body: BodyType_2) => import("msw/lib/types").ResponseTransformer<BodyType_2>;
+    delay: (durationMs?: number | undefined) => import("msw/lib/types").ResponseTransformer<any>;
+    fetch: (input: string | import("msw/lib/types").MockedRequest<import("msw/lib/types/utils/handlers/requestHandler").DefaultRequestBodyType, import("msw/lib/types").RequestParams>, requestInit?: RequestInit | undefined) => any;
+}]>;

package/dist/components/lol/LOLComponents.stories.d.ts

@@ -46,6 +46,7 @@ interface CommonDrawerMenuTemplateProps {
     smallHeader: boolean;
     loginType: string;
     stickyHeader: boolean;
+    showRequestsLink: boolean;
 }
 export declare const CommonDrawerMenu: Story<CommonDrawerMenuTemplateProps>;
 interface DrawerMenuTemplateProps {

package/dist/lui.cjs.development.js

@@ -989,7 +989,7 @@ var LuiTextInput = function LuiTextInput(props) {
     className: "LuiTextInput-inputWrapper"
   }, React__default.createElement("input", Object.assign({
     type: 'text',
-    className: clsx('LuiTextInput-input'),
+    className: (props.showPadlockIcon ? 'LuiTextInput-padlock-icon ' : '') + clsx('LuiTextInput-input'),
     min: "0",
     value: props.value,
     onChange: props.onChange
@@ -1195,9 +1195,9 @@ var LuiSelectInput = function LuiSelectInput(props) {
     }, selection.label);
   })), React__default.createElement(LuiIcon, {
     alt: 'Error',
-    name: "ic_arrow_drop_down",
+    name: "ic_keyboard_arrow_down",
     className: "LuiSelect-chevron-icon",
-    size: "sm"
+    size: "md"
   })), props.error && React__default.createElement("span", {
     className: "LuiSelect-error"
   }, React__default.createElement(LuiIcon, {
@@ -18123,16 +18123,22 @@ var LuiLoadingIndicator = function LuiLoadingIndicator() {
 };
 
 function LuiComboSelectActual(givenProps, ref) {
-  var defaultProps = {
+  var props = Object.assign({
     noOptionsMessage: function noOptionsMessage(i) {
       return "No options found containing '" + i.inputValue + "'";
     }
-  };
-  var props = Object.assign({}, defaultProps, givenProps);
+  }, givenProps);
   props.components = _extends({
     LoadingIndicator: LuiLoadingIndicator
   }, props.components);
-  return React__default.createElement(Select, Object.assign({
+  var id = useGenerateOrDefaultId(props == null ? void 0 : props.id);
+  return React__default.createElement("label", {
+    htmlFor: id,
+    className: "LuiComboSelect-label"
+  }, React__default.createElement("span", {
+    className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '')
+  }, props.label), React__default.createElement(Select, Object.assign({
+    inputId: id,
     ref: ref
   }, props, {
     classNamePrefix: "LuiComboSelect",
@@ -18205,7 +18211,7 @@ function LuiComboSelectActual(givenProps, ref) {
         });
       }
     }
-  }));
+  })));
 }
 
 var LuiShadow = function LuiShadow(props) {
@@ -20274,7 +20280,7 @@ var LOLDrawerMenuFirmSwitcher = function LOLDrawerMenuFirmSwitcher(props) {
   });
 };
 
-var _excluded$5 = ["appSpecificLinks", "appSpecificSections", "path", "hasStickyHeader"];
+var _excluded$5 = ["appSpecificLinks", "appSpecificSections", "path", "hasStickyHeader", "showRequestsLink"];
 var LOLDrawerMenu = function LOLDrawerMenu(props) {
   return React__default.createElement(LuiDrawerMenu, {
     hasStickyHeader: props.hasStickyHeader
@@ -20291,6 +20297,7 @@ var LOLCommonDrawerMenu = function LOLCommonDrawerMenu(props) {
       appSpecificSections = props.appSpecificSections,
       path = props.path,
       hasStickyHeader = props.hasStickyHeader,
+      showRequestsLink = props.showRequestsLink,
       restOfProps = _objectWithoutPropertiesLoose(props, _excluded$5);
 
   return React__default.createElement(LOLDrawerMenu, {
@@ -20299,7 +20306,7 @@ var LOLCommonDrawerMenu = function LOLCommonDrawerMenu(props) {
     pathname: path
   }, restOfProps)), React__default.createElement(LOLDrawerMenuFirmSwitcher, {
     minimumFilterCount: 5
-  }), appSpecificLinks && React__default.createElement(React__default.Fragment, null, React__default.createElement(LuiDrawerMenuDivider, null), appSpecificLinks), React__default.createElement(LuiDrawerMenuDivider, null), React__default.createElement(LOLCommonDrawerMenuAfterLinks, {
+  }), showRequestsLink && React__default.createElement(React__default.Fragment, null, React__default.createElement(LuiDrawerMenuDivider, null), React__default.createElement(LOLCommonMenuRequestsLink, null)), appSpecificLinks && React__default.createElement(React__default.Fragment, null, React__default.createElement(LuiDrawerMenuDivider, null), appSpecificLinks), React__default.createElement(LuiDrawerMenuDivider, null), React__default.createElement(LOLCommonDrawerMenuAfterLinks, {
     path: path
   }));
 };
@@ -20326,6 +20333,28 @@ var LOLCommonDrawerMenuAfterLinks = function LOLCommonDrawerMenuAfterLinks(props
   }));
 };
 
+var LOLCommonMenuRequestsLink = function LOLCommonMenuRequestsLink() {
+  var openRequestsApp = function openRequestsApp() {
+    window.open('/requests', '_blank');
+  };
+
+  return React__default.createElement(LuiDrawerMenuOption, {
+    label: 'Create request',
+    onClick: function onClick() {
+      openRequestsApp();
+    },
+    badge: React__default.createElement("img", {
+      src: ExternalIcon,
+      alt: "Link opens in a new tab",
+      style: {
+        width: '16px',
+        height: '16px',
+        marginTop: '4px'
+      }
+    })
+  });
+};
+
 var id = 0;
 
 var getKey = function getKey() {
@@ -20360,7 +20389,7 @@ var LuiTooltip = function LuiTooltip(props) {
 
       (_document$getElementB = document.getElementById(id)) == null ? void 0 : (_document$getElementB2 = _document$getElementB._tippy) == null ? void 0 : _document$getElementB2.destroy();
     };
-  }, [id, message, placement, trigger]);
+  }, [id, message, placement, trigger, animation]);
   return React__default.createElement("span", {
     id: id
   }, children);