@mtes-mct/monitor-ui 6.5.2 → 6.6.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [6.5.2](https://github.com/MTES-MCT/monitor-ui/compare/v6.5.1...v6.5.2) (2023-05-27)
+
+
+### Bug Fixes
+
+* **fields:** add missing and normalize error styles ([8104328](https://github.com/MTES-MCT/monitor-ui/commit/810432817e7ea1dfa77427a1ea4fac83cdd41713))
+
 ## [6.5.1](https://github.com/MTES-MCT/monitor-ui/compare/v6.5.0...v6.5.1) (2023-05-26)
 
 

package/formiks/FormikEffect.d.ts

@@ -1,5 +1,6 @@
 import type { Promisable } from 'type-fest';
 export type FormikEffectProps = {
     onChange: (nextValues: Record<string, any>) => Promisable<void>;
+    onError?: ((nextValues: Record<string, any>) => Promisable<void>) | undefined;
 };
-export declare function FormikEffect({ onChange }: FormikEffectProps): JSX.Element;
+export declare function FormikEffect({ onChange, onError }: FormikEffectProps): JSX.Element;

package/index.d.ts

@@ -62,7 +62,6 @@ export { getCoordinates, coordinatesAreDistinct } from './utils/coordinates';
 export { getLocalizedDayjs } from './utils/getLocalizedDayjs';
 export { getPseudoRandomString } from './utils/getPseudoRandomString';
 export { getUtcizedDayjs } from './utils/getUtcizedDayjs';
-export { noop } from './utils/noop';
 export { isNumeric } from './utils/isNumeric';
 export { stopMouseEventPropagation } from './utils/stopMouseEventPropagation';
 export type { PartialTheme, Theme } from './theme';

package/index.js

@@ -34984,9 +34984,7 @@ const Box$1 = styled.div `
   text-align: left;
 `;
 
-const noop = () => { };
-
-function CoordinatesInput({ className, coordinatesFormat, defaultValue, error, isLabelHidden = false, isLight = false, label, onChange = noop, ...nativeProps }) {
+function CoordinatesInput({ className, coordinatesFormat, defaultValue, error, isLabelHidden = false, isLight = false, label, onChange = fp.noop, ...nativeProps }) {
     const controlledClassName = classnames('Field-CoordinatesInput', className);
     const controlledError = useMemo(() => normalizeString(error), [error]);
     const hasError = useMemo(() => Boolean(controlledError), [controlledError]);
@@ -35332,11 +35330,22 @@ function FormikDateRangePicker({ name, ...originalProps }) {
     return (jsx(UntypedDateRangePicker, { defaultValue: field.value, error: meta.error, onChange: handleChange, ...originalProps }));
 }
 
-function FormikEffect({ onChange }) {
-    const { values } = useFormikContext();
+function FormikEffect({ onChange, onError }) {
+    const { errors, values } = useFormikContext();
+    const previousErrors = usePrevious(errors);
+    const previousValues = usePrevious(values);
     useEffect(() => {
+        if (fp.isEqual(previousValues, values)) {
+            return;
+        }
         onChange(values);
-    }, [onChange, values]);
+    }, [onChange, previousValues, values]);
+    useEffect(() => {
+        if (!onError || fp.isEqual(previousErrors, errors)) {
+            return;
+        }
+        onError(errors);
+    }, [errors, onError, previousErrors]);
     return jsx(Fragment, {});
 }
 
@@ -35449,5 +35458,5 @@ function useNewWindow() {
     return contextValue;
 }
 
-export { Accent, Button, Checkbox, CoordinatesFormat, CoordinatesInput, CustomSearch, DatePicker, DateRangePicker, Dialog, Dropdown, Field$2 as Field, Fieldset, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Search, Select, SimpleTable, SingleTag, Size, THEME, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, customDayjs, getCoordinates, getLocalizedDayjs, getPseudoRandomString, getUtcizedDayjs, isNumeric, noop, stopMouseEventPropagation, useClickOutsideEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePrevious };
+export { Accent, Button, Checkbox, CoordinatesFormat, CoordinatesInput, CustomSearch, DatePicker, DateRangePicker, Dialog, Dropdown, Field$2 as Field, Fieldset, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Search, Select, SimpleTable, SingleTag, Size, THEME, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, customDayjs, getCoordinates, getLocalizedDayjs, getPseudoRandomString, getUtcizedDayjs, isNumeric, stopMouseEventPropagation, useClickOutsideEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePrevious };
 //# sourceMappingURL=index.js.map