@mtes-mct/monitor-ui 3.0.1 → 3.1.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [3.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v3.0.1...v3.1.0) (2023-02-23)
+
+
+### Features
+
+* **elements:** add bulletColor prop to Tag ([3ab795c](https://github.com/MTES-MCT/monitor-ui/commit/3ab795ca8db39faacfcfd644c85c9d2fed9195b2))
+
+## [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)
 
 

package/index.js

@@ -10,12 +10,22 @@ var Accent;
     Accent["SECONDARY"] = "SECONDARY";
     Accent["TERTIARY"] = "TERTIARY";
 })(Accent || (Accent = {}));
+var CoordinatesFormat;
+(function (CoordinatesFormat) {
+    CoordinatesFormat["DECIMAL_DEGREES"] = "DD";
+    CoordinatesFormat["DEGREES_MINUTES_DECIMALS"] = "DMD";
+    CoordinatesFormat["DEGREES_MINUTES_SECONDS"] = "DMS";
+})(CoordinatesFormat || (CoordinatesFormat = {}));
 var Size;
 (function (Size) {
     Size["LARGE"] = "LARGE";
     Size["NORMAL"] = "NORMAL";
     Size["SMALL"] = "SMALL";
 })(Size || (Size = {}));
+var TagBullet;
+(function (TagBullet) {
+    TagBullet["DISK"] = "DISK";
+})(TagBullet || (TagBullet = {}));
 const WSG84_PROJECTION = 'EPSG:4326';
 const OPENLAYERS_PROJECTION = 'EPSG:3857';
 
@@ -2059,13 +2069,6 @@ function ThemeProvider({ children, theme = {} }) {
     return jsx(UntypedStyledComponentsThemeProvider, { theme: finalTheme, children: children });
 }
 
-var CoordinatesFormat;
-(function (CoordinatesFormat) {
-    CoordinatesFormat["DECIMAL_DEGREES"] = "DD";
-    CoordinatesFormat["DEGREES_MINUTES_DECIMALS"] = "DMD";
-    CoordinatesFormat["DEGREES_MINUTES_SECONDS"] = "DMS";
-})(CoordinatesFormat || (CoordinatesFormat = {}));
-
 function Item({ Icon, ...originalProps }) {
     const icon = useMemo(() => (Icon ? jsx(Icon, { size: 20 }) : undefined), [Icon]);
     const hasIcon = useMemo(() => Boolean(Icon), [Icon]);
@@ -2793,28 +2796,24 @@ const Box$e = styled.div `
     `}
 `;
 
-var TagBullet;
-(function (TagBullet) {
-    TagBullet["DISK"] = "DISK";
-})(TagBullet || (TagBullet = {}));
-
 const Disk = styled.span `
   background-color: ${p => p.$color};
   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,
@@ -16095,5 +16094,5 @@ function FormikTextInput({ name, ...originalProps }) {
     return (jsx(TextInput, { defaultValue: defaultValue, error: meta.error, name: name, onChange: handleChange, ...originalProps }));
 }
 
-export { Accent, AutoComplete, Button, Checkbox, CoordinatesFormat, CoordinatesInput, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Select, SingleTag, Size, THEME, Tag, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, dayjs, getCoordinates, getLocalizedDayjs, getUtcizedDayjs, isNumeric, noop, stopMouseEventPropagation, useClickOutsideEffect, useForceUpdate, useKey, usePrevious };
+export { Accent, AutoComplete, Button, Checkbox, CoordinatesFormat, CoordinatesInput, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Select, SingleTag, Size, THEME, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, dayjs, getCoordinates, getLocalizedDayjs, getUtcizedDayjs, isNumeric, noop, stopMouseEventPropagation, useClickOutsideEffect, useForceUpdate, useKey, usePrevious };
 //# sourceMappingURL=index.js.map