@linzjs/lui 11.9.0 → 11.10.3

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [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)
+
+
+### Bug Fixes
+
+* Allow LuiTooltip animation to be disabled.  ([#512](https://github.com/linz/lui/issues/512)) ([686b752](https://github.com/linz/lui/commit/686b75217f883c3ab5d288273e51e3e741d06ee5))
+
+## [11.10.1](https://github.com/linz/lui/compare/v11.10.0...v11.10.1) (2022-01-11)
+
+
+### Bug Fixes
+
+* forgot to export LuiBadge 😅 ([#509](https://github.com/linz/lui/issues/509)) ([e347919](https://github.com/linz/lui/commit/e3479192c579e1316c4b7c8e7234fad1bd8ee0f0))
+
+# [11.10.0](https://github.com/linz/lui/compare/v11.9.0...v11.10.0) (2022-01-11)
+
+
+### Features
+
+* **LuiSelectInput & LuiTextAreaInput:** Added Mandatory star ([#506](https://github.com/linz/lui/issues/506)) ([cd296bf](https://github.com/linz/lui/commit/cd296bf67a686bccfd05b0c1d143da5298b7ee12))
+
 # [11.9.0](https://github.com/linz/lui/compare/v11.8.0...v11.9.0) (2022-01-11)
 
 

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

@@ -9,6 +9,7 @@ export interface SelectProps {
     onChange?: ChangeEventHandler<HTMLSelectElement>;
     options: SelectOptions[];
     value: string;
+    mandatory?: boolean;
     hideLabel?: boolean;
     selectProps?: SelectHTMLAttributes<HTMLSelectElement>;
     label: JSX.Element | string;

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

@@ -29,3 +29,7 @@ export declare const Error: {
     (): JSX.Element;
     storyName: string;
 };
+export declare const MandatoryStar: {
+    (): JSX.Element;
+    storyName: string;
+};

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

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, InputHTMLAttributes } from 'react';
 export interface LuiTextAreaInputProps {
     label: JSX.Element | string;
+    mandatory?: boolean;
     inputProps?: InputHTMLAttributes<HTMLTextAreaElement>;
     onChange?: ChangeEventHandler<HTMLTextAreaElement>;
     value: string;

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

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

package/dist/components/LuiTooltip/LuiTooltip.d.ts

@@ -7,5 +7,6 @@ export interface ILuiTooltipProperties {
     placement?: Placement;
     trigger?: string;
     children: ReactNode;
+    animation?: boolean;
 }
 export declare const LuiTooltip: (props: ILuiTooltipProperties) => JSX.Element;

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

@@ -48,3 +48,4 @@ export { LOLAuthorisedLink } from './components/lol/LOLAuthorisedLink';
 export { LOLCommonDrawerMenu, LOLCommonDrawerMenuAfterLinks, LOLDrawerMenu, } from './components/lol/LOLCommonDrawerMenu';
 export { LuiTooltip, ILuiTooltipProperties, } from './components/LuiTooltip/LuiTooltip';
 export * from './hooks';
+export { LuiBadge } from './components/LuiBadge/LuiBadge';

package/dist/lui.cjs.development.js

@@ -1174,7 +1174,9 @@ var LuiSelectInput = function LuiSelectInput(props) {
   }, React__default.createElement("label", {
     htmlFor: id,
     className: "LuiSelect-label"
-  }, React__default.createElement("span", {
+  }, props.mandatory && React__default.createElement("span", {
+    className: "LuiSelect-mandatory"
+  }, "*"), React__default.createElement("span", {
     className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '')
   }, props.label), React__default.createElement("div", {
     className: "LuiSelect-wrapper"
@@ -1215,7 +1217,9 @@ var LuiTextAreaInput = function LuiTextAreaInput(props) {
     className: clsx('LuiTextAreaInput')
   }, React__default.createElement("label", {
     htmlFor: id
-  }, React__default.createElement("span", {
+  }, props.mandatory && React__default.createElement("span", {
+    className: "LuiTextAreaInput-mandatory"
+  }, "*"), React__default.createElement("span", {
     className: "LuiTextAreaInput-label"
   }, props.label), React__default.createElement("textarea", Object.assign({
     id: id,
@@ -20270,7 +20274,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
@@ -20287,6 +20291,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, {
@@ -20295,7 +20300,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
   }));
 };
@@ -20322,6 +20327,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() {
@@ -20332,7 +20359,9 @@ var LuiTooltip = function LuiTooltip(props) {
   var children = props.children,
       message = props.message,
       placement = props.placement,
-      trigger = props.trigger;
+      trigger = props.trigger,
+      _props$animation = props.animation,
+      animation = _props$animation === void 0 ? true : _props$animation;
   var id = "LuiToolTip_" + React.useMemo(getKey, []);
 
   if (typeof message !== 'string') {
@@ -20346,14 +20375,15 @@ var LuiTooltip = function LuiTooltip(props) {
       trigger: trigger,
       theme: 'LUI',
       placement: placement,
-      offset: [0, 24]
+      offset: [0, 24],
+      animation: animation
     });
     return function () {
       var _document$getElementB, _document$getElementB2;
 
       (_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);
@@ -20389,6 +20419,12 @@ function useClickedOutsideElement(refElement, handleClickOutside) {
   }, []);
 }
 
+var LuiBadge = function LuiBadge(props) {
+  return React__default.createElement("p", {
+    className: clsx('LuiBadge', props.size === 'sm' && 'LuiBadge--sm', props.size === 'lg' && 'LuiBadge--lg', props.backgroundFill && 'LuiBadge--fill', props.variation === 'warning' && 'LuiBadge--warning')
+  }, props.children);
+};
+
 exports.FIRM_KEY = FIRM_KEY;
 exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
 exports.GLOBAL_CLIENT_REFERENCE_KEY = GLOBAL_CLIENT_REFERENCE_KEY;
@@ -20406,6 +20442,7 @@ exports.LOLUserContextProvider = LOLUserContextProvider;
 exports.LOLUserLastLogin = LOLUserLastLogin;
 exports.LuiAlertModal = LuiAlertModal;
 exports.LuiAlertModalButtons = LuiAlertModalButtons;
+exports.LuiBadge = LuiBadge;
 exports.LuiBanner = LuiBanner;
 exports.LuiBannerContent = LuiBannerContent;
 exports.LuiBearingFormikInput = LuiBearingFormikInput;