@mtes-mct/monitor-ui 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [2.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.0.0...v2.1.0) (2022-12-15)
+
+
+### Features
+
+* **elements:** add isLight & hasBorder props to Fieldset ([#134](https://github.com/MTES-MCT/monitor-ui/issues/134)) ([761ea73](https://github.com/MTES-MCT/monitor-ui/commit/761ea733f1441c32986b64f2ad6be4541073a485))
+* **fields:** add MultiZoneEditor ([#135](https://github.com/MTES-MCT/monitor-ui/issues/135)) ([8a3d653](https://github.com/MTES-MCT/monitor-ui/commit/8a3d6537484f8a0b85289f6903e5567cdef0673b))
+
 # [2.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.14.0...v2.0.0) (2022-12-14)
 
 

package/index.js

@@ -4851,36 +4851,20 @@ function FormikAutoComplete({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(AutoComplete, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(AutoComplete, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikCheckbox({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
     const defaultChecked = useMemo(() => Boolean(field.value), []);
-    const handleChange = useCallback((isChecked) => {
-        helpers.setValue(isChecked);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(Checkbox, { defaultChecked: defaultChecked, name: name, onChange: handleChange, ...originalProps });
+    return jsx(Checkbox, { defaultChecked: defaultChecked, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikDatePicker({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
     return jsx(DatePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
 }
 
@@ -4888,8 +4872,6 @@ function FormikDateRangePicker({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
     return jsx(DateRangePicker, { defaultValue: defaultValue, onChange: helpers.setValue, ...originalProps });
 }
 
@@ -4905,84 +4887,42 @@ function FormikMultiCheckbox({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(MultiCheckbox, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(MultiCheckbox, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikMultiSelect({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(MultiSelect, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(MultiSelect, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikMultiRadio({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(MultiRadio, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(MultiRadio, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikSelect({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(Select, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(Select, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikTextarea({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(Textarea, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(Textarea, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 function FormikTextInput({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const defaultValue = useMemo(() => field.value, []);
-    const handleChange = useCallback((nextValue) => {
-        helpers.setValue(nextValue);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(() => () => helpers.setValue(undefined), []);
-    return jsx(TextInput, { defaultValue: defaultValue, name: name, onChange: handleChange, ...originalProps });
+    return jsx(TextInput, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }
 
 export { Accent, AutoComplete, Button, Checkbox, DatePicker, DateRangePicker, Dropdown, Field$2 as Field, Fieldset, FormikAutoComplete, FormikCheckbox, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, Select, Size, THEME, Tag$1 as Tag, TextInput, Textarea, ThemeProvider };