@linzjs/lui 17.16.2-1 → 17.16.2

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## [17.16.2](https://github.com/linz/lui/compare/v17.16.1...v17.16.2) (2022-10-10)
+
 ## [17.16.1](https://github.com/linz/lui/compare/v17.16.0...v17.16.1) (2022-10-06)
 
 

package/dist/assets/icons/waves.svg

@@ -1 +1 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.42 2.95-.8.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.93c1.35 0 2.2-.43 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V5.04c-.9 0-1.4-.25-2.05-.58ZM17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.87 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V9.49c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Z"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 14.9c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.42 2.95-.8.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V16.3c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8ZM17 6c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6-.9 0-1.4-.25-2.05-.6C9.2 6.42 8.38 6 7 6c-1.38 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.87 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V7.4c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Z" fill="#000"/></svg>

package/dist/assets/svg-content.tsx

@@ -897,7 +897,7 @@ iconMap['ic_warning_outline'] = (
 
 iconMap['ic_waves'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M17 16.99c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.42 2.95-.8.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm2.95-8.08c-.75-.38-1.58-.8-2.95-.8s-2.2.42-2.95.8c-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.37-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.93c1.35 0 2.2-.43 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V5.04c-.9 0-1.4-.25-2.05-.58ZM17 8.09c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.87 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V9.49c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Z" />
+    <path d="M17 14.9c-1.35 0-2.2.42-2.95.8-.65.33-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.42-2.95.8-.65.33-1.17.6-2.05.6v1.95c1.35 0 2.2-.42 2.95-.8.65-.33 1.17-.6 2.05-.6.88 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.42 2.95-.8.65-.33 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V16.3c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Zm0-4.45c-1.35 0-2.2.43-2.95.8-.65.32-1.18.6-2.05.6-.9 0-1.4-.25-2.05-.6-.75-.38-1.57-.8-2.95-.8-1.38 0-2.2.43-2.95.8-.65.32-1.17.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.35 1.15-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8v-1.95c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8ZM17 6c-1.35 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6-.9 0-1.4-.25-2.05-.6C9.2 6.42 8.38 6 7 6c-1.38 0-2.2.43-2.95.8-.65.35-1.15.6-2.05.6v1.95c1.35 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.87 0 1.4.25 2.05.6.75.38 1.57.8 2.95.8 1.38 0 2.2-.43 2.95-.8.65-.32 1.18-.6 2.05-.6.9 0 1.4.25 2.05.6.75.38 1.58.8 2.95.8V7.4c-.9 0-1.4-.25-2.05-.6-.75-.38-1.6-.8-2.95-.8Z" />
   </svg>
 );
 

package/dist/components/LuiBadge/LuiBadge.d.ts

@@ -4,6 +4,6 @@ export interface ILuiBadge {
     size?: 'sm' | 'default' | 'lg';
     backgroundFill?: boolean;
     variation?: 'default' | 'warning';
-    ariaRoleDescription?: string;
+    ariaRoleDescription: string;
 }
 export declare const LuiBadge: (props: ILuiBadge) => JSX.Element;

package/dist/components/LuiBearingInput/LuiBearingInput.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { LuiCommonInputProps } from '../LuiFormikForms/LuiFormikForm';
+interface LuiBearingInputProps {
+    name: string;
+    label?: string;
+    helperInfo?: ReactNode;
+    tooltip?: string;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    validationError?: string;
+    onValidate?: (error: string | null) => void;
+    /** If true, validationError prop takes precedence over the internalError value. */
+    preferValidationError?: boolean;
+}
+export declare const LuiBearingInput: React.FC<React.PropsWithChildren<LuiBearingInputProps & LuiCommonInputProps>>;
+interface LuiBearingFormikInputProps {
+    name: string;
+    label: string;
+    /** If true, validationError prop takes precedence over the LuiBearingInput internalError value. */
+    preferValidationError?: boolean;
+}
+export declare const LuiBearingFormikInput: React.FC<React.PropsWithChildren<LuiBearingFormikInputProps & LuiCommonInputProps>>;
+export {};

package/dist/components/LuiFormikForms/LuiFormikCheckbox/LuiFormikCheckbox.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { LuiCommonInputProps } from '../LuiFormikForm';
+export declare function LuiFormikCheckbox(props: {
+    name: string;
+    value: string;
+    label: ReactNode;
+    htmlFor?: string;
+    className?: string;
+} & LuiCommonInputProps): JSX.Element;

package/dist/components/LuiFormikForms/LuiFormikForm.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FormikConfig, FormikValues } from 'formik';
+export declare function LuiFormikForm<Values extends FormikValues = FormikValues, ExtraProps = {}>(props: FormikConfig<Values> & ExtraProps & {
+    className?: string;
+}): JSX.Element;
+export interface LuiCommonInputProps {
+    inputProps?: object;
+    required?: boolean;
+    disabled?: boolean;
+}

package/dist/components/LuiFormikForms/LuiFormikFormLabel/LuiFormikFormLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const LuiFormikFormLabel: React.FC<React.PropsWithChildren<{
+    for: string;
+    label: string;
+    className?: string;
+    required?: boolean;
+    tooltip?: string;
+}>>;

package/dist/components/LuiFormikForms/LuiFormikFormSubmitButton/LuiFormikFormSubmitButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const LuiFormikFormSubmitButton: React.ComponentType<{
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    'data-testid'?: string | undefined;
+}>;

package/dist/components/LuiFormikForms/LuiFormikRadioButton/LuiFormikRadioButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LuiCommonInputProps } from '../LuiFormikForm';
+export declare const LuiFormikRadioButton: React.FC<React.PropsWithChildren<{
+    label: string;
+    className?: string;
+    value: string;
+    name: string;
+} & LuiCommonInputProps>>;

package/dist/components/LuiFormikForms/LuiFormikRadioGroup/LuiFormikRadioGroup.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const LuiFormikRadioGroup: React.FC<React.PropsWithChildren<{
+    hint?: string;
+    legend: string;
+    name: string;
+    required?: boolean;
+}>>;

package/dist/components/LuiFormikForms/LuiFormikSelect/LuiFormikSelect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LuiCommonInputProps } from '../LuiFormikForm';
+export declare const LuiFormikSelect: React.ComponentType<{
+    name: string;
+    label: string;
+    className?: string | undefined;
+    defaultValue?: string | undefined;
+    helperInfo?: (() => React.Component) | undefined;
+    tooltip?: string | undefined;
+    validate?: ((value: string) => string | undefined) | undefined;
+} & LuiCommonInputProps>;

package/dist/components/LuiFormikForms/LuiFormikTextInput/LuiFormikTextInput.d.ts

@@ -0,0 +1,17 @@
+import { FormikContextType } from 'formik';
+import React, { ReactNode } from 'react';
+import { LuiCommonInputProps } from '../LuiFormikForm';
+export declare const LuiFormikTextInput: React.ComponentType<{
+    name: string;
+    label?: string | undefined;
+    className?: string | undefined;
+    helperInfo?: ReactNode;
+    tooltip?: string | undefined;
+    validate?: ((value: string) => string | undefined) | undefined;
+    onValueChange?: ((newValue: {
+        value: string;
+        formik: FormikContextType<any>;
+    }) => void) | undefined;
+    validateOnChange?: boolean | undefined;
+    multiLine?: boolean | undefined;
+} & LuiCommonInputProps>;

package/dist/components/LuiUpdateSplashModal/LuiUpdatesSplashModal.d.ts

@@ -3,7 +3,7 @@ export declare const LuiUpdatesSplashModal: React.FC<React.PropsWithChildren<{
     bigImage: string;
     smallImage: string;
     header: string;
-    wrapperClass?: string;
+    wrapperClass: string;
     onClose: () => void;
     id: string;
 }>>;

package/dist/index.d.ts

@@ -14,13 +14,22 @@ export { LuiTab } from './components/LuiTabs/LuiTab/LuiTab';
 export { LuiTabsGroup } from './components/LuiTabs/LuiTabsGroup/LuiTabsGroup';
 export { LuiTabsPanel } from './components/LuiTabs/LuiTabsPanel/LuiTabsPanel';
 export { LuiTabsPanelSwitch } from './components/LuiTabs/LuiTabsPanelSwitch/LuiTabsPanelSwitch';
+export { LuiCommonInputProps, LuiFormikForm, } from './components/LuiFormikForms/LuiFormikForm';
 export { LuiCheckboxInput } from './components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput';
 export { LuiFileInputBox } from './components/LuiFormElements/LuiFileInputBox/LuiFileInputBox';
 export { LuiSelectInput } from './components/LuiFormElements/LuiSelectInput/LuiSelectInput';
 export { LuiTextAreaInput } from './components/LuiFormElements/LuiTextAreaInput/LuiTextAreaInput';
 export { LuiTextInput } from './components/LuiFormElements/LuiTextInput/LuiTextInput';
 export { LuiRadioInput } from './components/LuiFormElements/LuiRadioInput/LuiRadioInput';
+export { LuiFormikCheckbox } from './components/LuiFormikForms/LuiFormikCheckbox/LuiFormikCheckbox';
+export { LuiFormikTextInput } from './components/LuiFormikForms/LuiFormikTextInput/LuiFormikTextInput';
+export { LuiFormikFormLabel } from './components/LuiFormikForms/LuiFormikFormLabel/LuiFormikFormLabel';
+export { LuiFormikRadioButton } from './components/LuiFormikForms/LuiFormikRadioButton/LuiFormikRadioButton';
+export { LuiFormikRadioGroup } from './components/LuiFormikForms/LuiFormikRadioGroup/LuiFormikRadioGroup';
+export { LuiFormikFormSubmitButton } from './components/LuiFormikForms/LuiFormikFormSubmitButton/LuiFormikFormSubmitButton';
+export { LuiFormikSelect } from './components/LuiFormikForms/LuiFormikSelect/LuiFormikSelect';
 export { LuiIcon } from './components/LuiIcon/LuiIcon';
+export { LuiBearingFormikInput, LuiBearingInput, } from './components/LuiBearingInput/LuiBearingInput';
 export { LuiFooter } from './components/LuiFooter/LuiFooter';
 export { LuiComboSelect, LuiComboSelectProps, LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
 export { LuiFormSectionHeader, IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';