@linzjs/lui 17.16.3-1 → 17.17.0

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# [17.17.0](https://github.com/linz/lui/compare/v17.16.3...v17.17.0) (2022-10-13)
+
+## [17.16.3](https://github.com/linz/lui/compare/v17.16.2...v17.16.3) (2022-10-12)
+
+
+### Bug Fixes
+
+* added visible-focus on checkboxes and radio buttons ([#782](https://github.com/linz/lui/issues/782)) ([41f449d](https://github.com/linz/lui/commit/41f449d092958be807d93c0a959324b7aae08c5c))
+
 ## [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/maori_land.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.1 4.9C17.1 3 14.8 2 12 2S6.9 3 4.9 4.9C3 6.9 2 9.2 2 12s1 5.1 2.9 7.1c2 2 4.3 2.9 7.1 2.9s5.1-1 7.1-2.9S22 14.8 22 12s-1-5.1-2.9-7.1Zm-5.9 10.8H12V9.5l-2.2 6.2H8.7L6.6 9.5c.1.9.1 1.8.1 2.6v3.6H5.5V8.3h1.7l2.1 5.9 2.1-5.9h1.7v7.4h.1Zm1.9 0V8.3h1.2v6.4h3.2v1h-4.4Z" fill="#000"/></svg>

package/dist/assets/svg-content.tsx

@@ -511,6 +511,12 @@ iconMap['ic_manage_adjust'] = (
   </svg>
 );
 
+iconMap['ic_maori_land'] = (
+  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.1 4.9C17.1 3 14.8 2 12 2S6.9 3 4.9 4.9C3 6.9 2 9.2 2 12s1 5.1 2.9 7.1c2 2 4.3 2.9 7.1 2.9s5.1-1 7.1-2.9S22 14.8 22 12s-1-5.1-2.9-7.1Zm-5.9 10.8H12V9.5l-2.2 6.2H8.7L6.6 9.5c.1.9.1 1.8.1 2.6v3.6H5.5V8.3h1.7l2.1 5.9 2.1-5.9h1.7v7.4h.1Zm1.9 0V8.3h1.2v6.4h3.2v1h-4.4Z" />
+  </svg>
+);
+
 iconMap['ic_mark_linking'] = (
   <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3Z" />

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';