@mtes-mct/monitor-ui 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [3.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v3.0.0...v3.0.1) (2023-02-22)
+
+
+### Bug Fixes
+
+* **formiks:** remove useMemo on fieldValue ([3ec8602](https://github.com/MTES-MCT/monitor-ui/commit/3ec86027dbcaf0f0faa4e92ad05d86a134e6c575))
+
+# [3.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.19.2...v3.0.0) (2023-02-21)
+
+
+* feat(fields)!: add disabled, error & label props to CoordinatesInput ([556de36](https://github.com/MTES-MCT/monitor-ui/commit/556de362cbaf0250523ea710f2d753712a13cf21))
+
+
+### Features
+
+* **formiks:** add FormikCoordinatesInput ([89d5455](https://github.com/MTES-MCT/monitor-ui/commit/89d54554ce6a6f90b608b0d8c37a089f4b934b99))
+
+
+### BREAKING CHANGES
+
+* CoordinatesInput onChange can now send undefined params
+* label is now mandatory in CoordinatesInput
+
 ## [2.19.2](https://github.com/MTES-MCT/monitor-ui/compare/v2.19.1...v2.19.2) (2023-02-20)
 
 

package/index.js

@@ -2803,18 +2803,19 @@ const Disk = styled.span `
   border-radius: 50%;
 `;
 
-function Tag({ accent, bullet, children, color, Icon, isLight = false, ...nativeProps }) {
+function Tag({ accent, bullet, bulletColor, children, color, Icon, isLight = false, ...nativeProps }) {
     const commonChildren = useMemo(() => {
         const defaultColor = color || THEME.color.gunMetal;
-        const bulletColor = accent
-            ? {
-                [Accent.PRIMARY]: THEME.color.gunMetal,
-                [Accent.SECONDARY]: THEME.color.gunMetal,
-                [Accent.TERTIARY]: THEME.color.white
-            }[accent]
-            : defaultColor;
-        return (jsxs(Fragment, { children: [Icon && jsx(Icon, { size: 1 }), bullet === TagBullet.DISK && jsx(Disk, { "$color": bulletColor }), children] }));
-    }, [accent, bullet, color, children, Icon]);
+        const controlledBulletColor = bulletColor ||
+            (accent
+                ? {
+                    [Accent.PRIMARY]: THEME.color.gunMetal,
+                    [Accent.SECONDARY]: THEME.color.gunMetal,
+                    [Accent.TERTIARY]: THEME.color.white
+                }[accent]
+                : defaultColor);
+        return (jsxs(Fragment, { children: [Icon && jsx(Icon, { size: 1 }), bullet === TagBullet.DISK && jsx(Disk, { "$color": controlledBulletColor }), children] }));
+    }, [accent, bullet, bulletColor, color, children, Icon]);
     const commonProps = useMemo(() => ({
         $isLight: isLight,
         children: commonChildren,
@@ -16046,10 +16047,8 @@ function FormikMultiCheckbox({ name, ...originalProps }) {
 function FormikMultiSelect({ name, ...originalProps }) {
     const [field, meta, helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const defaultValue = useMemo(() => field.value, []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     const handleChange = useMemo(() => helpers.setValue, []);
-    return (jsx(MultiSelect, { defaultValue: defaultValue, error: meta.error, name: name, onChange: handleChange, ...originalProps }));
+    return (jsx(MultiSelect, { defaultValue: field.value, error: meta.error, name: name, onChange: handleChange, ...originalProps }));
 }
 
 function FormikMultiRadio({ name, ...originalProps }) {