@linzjs/lui 16.3.0 → 16.5.1-0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [16.5.0](https://github.com/linz/lui/compare/v16.4.0...v16.5.0) (2022-05-02)
+
+
+### Features
+
+* **LuiBearingFormikInput:** Add preferValidationError prop ([#660](https://github.com/linz/lui/issues/660)) ([657dc23](https://github.com/linz/lui/commit/657dc23807aca7a2cd7e1c1d6e3788b40de1af08))
+
+# [16.4.0](https://github.com/linz/lui/compare/v16.3.0...v16.4.0) (2022-05-02)
+
+
+### Features
+
+* **LuiBearingInput:** Allow validationError prop to optionally override internalError ([#659](https://github.com/linz/lui/issues/659)) ([55e016c](https://github.com/linz/lui/commit/55e016c568997b663e4d7b95708198bf648fd3bb))
+
 # [16.3.0](https://github.com/linz/lui/compare/v16.2.9...v16.3.0) (2022-05-01)
 
 

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

@@ -9,11 +9,15 @@ interface LuiBearingInputProps {
     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<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<LuiBearingFormikInputProps & LuiCommonInputProps>;
 export {};

package/dist/components/LuiFilterMenu/LuiFilterMenu.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import '@szhsin/react-menu/dist/index.css';
 declare type LuiFilterMenuProps = {
     menuButton: (toggleMenu: () => void) => ReactNode;
     filteredItems: SelectMenuItem[];

package/dist/index.js

@@ -655,33 +655,6 @@ var LuiControlledMenu = function (props) {
     return React__default["default"].createElement(reactMenu.ControlledMenu, __assign({ menuClassName: 'lui-menu', offsetY: 12 }, props));
 };
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
 var LuiFilterMenu = function (props) {
     var _a = React.useState(''), filter = _a[0], setFilter = _a[1];
     var _b = reactMenu.useMenuState(), toggleMenu = _b.toggleMenu, menuProps = __rest(_b, ["toggleMenu"]);
@@ -782,6 +755,33 @@ function LuiFormikForm(props) {
                 " "))));
 }
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
 var css_248z$3 = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n:root {\n  --grey-80: #2a292c;\n  --grey-60: #6b6966;\n  --$gray: #989189;\n  --grey-20: #beb9b4;\n  --grey-10: #eaeaea;\n  --grey-05: #f9f9f9;\n  --teal: #00425d;\n  --sea: #007198;\n  --electric: #0096cc;\n  --spray: #73c8e1;\n  --polar: #e2f3f7;\n  --sherpa: #004b50;\n  --surfie: #017a76;\n  --persian: #00a599;\n  --downy: #73cdc8;\n  --iceberg: #dcf5f0;\n  --sacramento: #004e32;\n  --salem: #08814d;\n  --pigment: #0aa245;\n  --granny: #9bd79b;\n  --panache: #e9fae7;\n  --brand-primary: #004b50;\n  --brand-secondary: #017a76;\n  --success: #0aa245;\n  --success-bg: #e9fae7;\n  --info: #3a7cdf;\n  --info-bg: #d8e5f9;\n  --warning: #ea6a2e;\n  --warning-bg: #fbdfd2;\n  --error: #cc0000;\n  --error-focus: #5a0000;\n  --error-bg: #f5cccc;\n  --visited: #00425d;\n  --green-hover: #107c3a;\n  --color-green-active: #094A22;\n  --green-btn: #0aa245;\n  --txt-link: #0096cc;\n  --color-primary-hover-btn: #005678;\n  --color-selection: #c7e9f3;\n  --heading-color: #017a76;\n  --heading-color--secondary: #2a292c;\n  --base-type-color: #2a292c;\n  --base-icon-color: #007198;\n  --disabled-color: #989189;\n  --disabled-color-dark: #6b6966;\n  --linz-color-primary: #023d48;\n  --linz-color-primary-hover: #01818a;\n  --linz-color-tertiary: #e1e44a;\n  --linz-color-tertiary-hover: #cdcf59;\n  --color-test-pink: #f09;\n  --linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  --linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}\n\n:export {\n  charcoal: #2a292c;\n  fuscous: #6b6966;\n  gray: #989189;\n  silver: #beb9b4;\n  lily: #eaeaea;\n  hint: #f9f9f9;\n  snow: #ffffff;\n  white: #ffffff;\n  teal: #00425d;\n  sea: #007198;\n  electric: #0096cc;\n  spray: #73c8e1;\n  polar: #e2f3f7;\n  sherpa: #004b50;\n  surfie: #017a76;\n  persian: #00a599;\n  downy: #73cdc8;\n  iceberg: #dcf5f0;\n  sacramento: #004e32;\n  salem: #08814d;\n  pigment: #0aa245;\n  granny: #9bd79b;\n  panache: #e9fae7;\n  brand-primary: #004b50;\n  brand-secondary: #017a76;\n  error: #cc0000;\n  error-bg: #f5cccc;\n  error-focus: #5a0000;\n  warning: #ea6a2e;\n  warning-bg: #fbdfd2;\n  warning-focus: #b33a01;\n  success: #0aa245;\n  success-bg: #e9fae7;\n  info: #3a7cdf;\n  info-bg: #d8e5f9;\n  visited: #00425d;\n  green-hover: #107c3a;\n  green-active: #094A22;\n  green-btn: #0aa245;\n  txt-link: #0096cc;\n  primary-hover-btn: #005678;\n  selection: #c7e9f3;\n  heading-color: #017a76;\n  heading-color--secondary: #2a292c;\n  base-type-color: #2a292c;\n  input-text: #2a292c;\n  input-placeholder: #6b6966;\n  input-placeholder-when-disabled: #989189;\n  base-icon-color: #007198;\n  disabled-color: #989189;\n  disabled-color-dark: #6b6966;\n  linz-color-primary: #023d48;\n  linz-color-primary-hover: #01818a;\n  linz-color-tertiary: #e1e44a;\n  linz-color-tertiary-hover: #cdcf59;\n  color-test-pink: #f09;\n  linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n  linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}\n\n.LuiError {\n  font-family: \"Open Sans\", system-ui, sans-serif;\n  font-style: normal;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  color: #2a292c;\n}\n.LuiError-errorIcon {\n  vertical-align: middle;\n  display: inline-block;\n}\n.LuiError-errorText {\n  margin-left: 0.5rem;\n}";
 styleInject(css_248z$3);
 
@@ -1347,7 +1347,9 @@ var LuiBearingInput = function (props) {
     }
     var parsedBearing = parseBearing(props.value);
     var internalError = validateBearing(parsedBearing);
-    var error = internalError || props.validationError || null;
+    var error = props.preferValidationError
+        ? props.validationError || internalError || null
+        : internalError || props.validationError || null;
     var showError = error !== null;
     props.onValidate && props.onValidate(internalError);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -1371,7 +1373,7 @@ var LuiBearingFormikInput = function (props) {
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(formik.Field, { name: props.name, validate: validateBearing }, function (renderProps) {
-            return (React__default["default"].createElement(LuiBearingInput, __assign({ name: props.name }, renderProps.field, { validationError: formik.getIn(ctx === null || ctx === void 0 ? void 0 : ctx.errors, props.name), required: true, onValidate: onValidate, inputProps: props.inputProps })));
+            return (React__default["default"].createElement(LuiBearingInput, __assign({ name: props.name }, renderProps.field, { validationError: formik.getIn(ctx === null || ctx === void 0 ? void 0 : ctx.errors, props.name), required: true, onValidate: onValidate, inputProps: props.inputProps, preferValidationError: props.preferValidationError })));
         })));
 };