@mtes-mct/monitor-ui 11.0.0 → 11.1.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [11.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v11.0.0...v11.0.1) (2024-01-17)
+
+
+### Bug Fixes
+
+* **icon:** fix Attention icon ([72f0161](https://github.com/MTES-MCT/monitor-ui/commit/72f016188dbe016842a693e441ce8a22532354f5))
+
+## [11.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v10.19.1...v11.0.0) (2024-01-16)
+
+
+### ⚠ BREAKING CHANGES
+
+* **tables:** Add width prop in TableWithSelectableRows.Td to have fixed columns size.
+* **table:** add width prop in TableWithSelectableRows.Td and update table-layout to fixed
+
+### Features
+
+* **tables:** add width prop in TableWithSelectableRows.Td & update table-layout to fixed ([e80f88f](https://github.com/MTES-MCT/monitor-ui/commit/e80f88fb36f5a1210b36e1ef114249c1c1a3586d))
+
+
+### Bug Fixes
+
+* **table:** add width prop in TableWithSelectableRows.Td and update table-layout to fixed ([38a9d3e](https://github.com/MTES-MCT/monitor-ui/commit/38a9d3ef2f8b756b43dc43ebce89f10965c60fd4))
+
 ## [10.19.1](https://github.com/MTES-MCT/monitor-ui/compare/v10.19.0...v10.19.1) (2024-01-15)
 
 ### Bug Fixes

package/icons/Attention.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Attention.d.ts","sourceRoot":"","sources":["../../src/icons/Attention.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,SAAS,2CA2CnE"}
+{"version":3,"file":"Attention.d.ts","sourceRoot":"","sources":["../../src/icons/Attention.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,SAAS,2CAsCnE"}

package/index.js

@@ -33943,7 +33943,7 @@ function IconButton({ accent = Accent.PRIMARY, className, color, Icon, iconSize,
     ]);
     const commonChildren = useMemo(()=>/*#__PURE__*/ jsx(Icon, {
             color: color,
-            size: iconSize || ICON_SIZE_IN_PX[size]
+            size: iconSize ?? ICON_SIZE_IN_PX[size]
         }), [
         color,
         Icon,
@@ -34315,68 +34315,43 @@ function Attention({ color, size, ...nativeProps }) {
                 transform: "translate(200 -82)",
                 children: [
                     /*#__PURE__*/ jsxs("g", {
+                        fill: "none",
+                        strokeMiterlimit: "10",
                         children: [
-                            /*#__PURE__*/ jsxs("g", {
-                                fill: "none",
-                                strokeMiterlimit: "10",
-                                children: [
-                                    /*#__PURE__*/ jsx("path", {
-                                        d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-190,99Z",
-                                        stroke: "none"
-                                    }),
-                                    /*#__PURE__*/ jsx("path", {
-                                        d: "M -190 83 C -185.0290069580078 83 -181 87.02899932861328 -181 92 C -181 96.97100067138672 -185.0290069580078 101 -190 101 C -194.9709930419922 101 -199 96.97100067138672 -199 92 C -199 87.02899932861328 -194.9709930419922 83 -190 83 Z M -190 99 C -186.1340026855469 99 -183 95.86599731445313 -183 92 C -183 88.13400268554688 -186.1340026855469 85 -190 85 C -193.8659973144531 85 -197 88.13400268554688 -197 92 C -197 95.86599731445313 -193.8659973144531 99 -190 99 Z",
-                                        fill: "currentColor",
-                                        stroke: "none"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs("g", {
-                                fill: "none",
-                                stroke: "currentColor",
-                                strokeMiterlimit: "10",
-                                strokeWidth: "2",
-                                transform: "translate(-189 93) rotate(180)",
-                                children: [
-                                    /*#__PURE__*/ jsx("rect", {
-                                        height: "5",
-                                        stroke: "none",
-                                        width: "2"
-                                    }),
-                                    /*#__PURE__*/ jsx("rect", {
-                                        fill: "none",
-                                        height: "3",
-                                        x: "1",
-                                        y: "1"
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M-190,83a9,9,0,0,0-9,9,9,9,0,0,0,9,9,9,9,0,0,0,9-9A9,9,0,0,0-190,83Zm0,16a7,7,0,0,1-7-7,7,7,0,0,1,7-7,7,7,0,0,1,7,7A7,7,0,0,1-190,99Z",
+                                stroke: "none"
                             }),
-                            /*#__PURE__*/ jsxs("g", {
-                                fill: "none",
-                                stroke: "currentColor",
-                                strokeMiterlimit: "10",
-                                strokeWidth: "2",
-                                transform: "translate(-189 96) rotate(180)",
-                                children: [
-                                    /*#__PURE__*/ jsx("rect", {
-                                        height: "2",
-                                        stroke: "none",
-                                        width: "2"
-                                    }),
-                                    /*#__PURE__*/ jsx("rect", {
-                                        fill: "none",
-                                        x: "1",
-                                        y: "1"
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx("path", {
+                                d: "M -190 83 C -185.0290069580078 83 -181 87.02899932861328 -181 92 C -181 96.97100067138672 -185.0290069580078 101 -190 101 C -194.9709930419922 101 -199 96.97100067138672 -199 92 C -199 87.02899932861328 -194.9709930419922 83 -190 83 Z M -190 99 C -186.1340026855469 99 -183 95.86599731445313 -183 92 C -183 88.13400268554688 -186.1340026855469 85 -190 85 C -193.8659973144531 85 -197 88.13400268554688 -197 92 C -197 95.86599731445313 -193.8659973144531 99 -190 99 Z",
+                                fill: "currentColor",
+                                stroke: "none"
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx("rect", {
-                        fill: "none",
-                        height: "20",
-                        transform: "translate(-200 82)",
-                        width: "20"
+                    /*#__PURE__*/ jsx("g", {
+                        fill: "currentColor",
+                        stroke: "currentColor",
+                        strokeMiterlimit: "10",
+                        strokeWidth: "2",
+                        transform: "translate(-189 93) rotate(180)",
+                        children: /*#__PURE__*/ jsx("rect", {
+                            height: "5",
+                            stroke: "none",
+                            width: "2"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("g", {
+                        fill: "currentColor",
+                        stroke: "currentColor",
+                        strokeMiterlimit: "10",
+                        strokeWidth: "2",
+                        transform: "translate(-189 96) rotate(180)",
+                        children: /*#__PURE__*/ jsx("rect", {
+                            height: "2",
+                            stroke: "none",
+                            width: "2"
+                        })
                     })
                 ]
             })
@@ -37979,7 +37954,7 @@ const Header = styled.div`
   padding: 9px 4px 9px 10px;
 `;
 const Title = styled.span.attrs((props)=>({
-        title: String(props.children)
+        title: props.title ?? String(props.children)
     }))`
   color: ${(p)=>p.theme.color.white};
   font-size: 16px;
@@ -38020,9 +37995,9 @@ const MapMenuDialog = {
 };
 
 const ExclamationPoint = styled.span`
-  background: ${(p)=>p.backgroundColor || p.theme.color.goldenPoppy};
+  background: ${(p)=>p.backgroundColor ?? p.theme.color.goldenPoppy};
   border-radius: 15px;
-  color: ${(p)=>p.color || p.theme.color.white};
+  color: ${(p)=>p.color ?? p.theme.color.white};
   display: inline-block;
   font-size: 11px;
   font-weight: 700;
@@ -38075,8 +38050,8 @@ const Text = styled.div`
   margin-left: 8px;
 `;
 const Box$h = styled.span`
-  background: ${(p)=>p.backgroundColor || p.theme.color.goldenPoppy25};
-  color: ${(p)=>p.color || p.theme.color.slateGray};
+  background: ${(p)=>p.backgroundColor ?? p.theme.color.goldenPoppy25};
+  color: ${(p)=>p.color ?? p.theme.color.slateGray};
   padding: 8px 16px 16px 8px;
   display: flex;
   border-radius: 2px;
@@ -38177,8 +38152,8 @@ function Tag({ accent, backgroundColor, borderColor, bullet, bulletColor, childr
         withBullet
     ]);
     const commonChildren = useMemo(()=>{
-        const defaultColor = color || THEME.color.gunMetal;
-        const cutomIconColor = bulletColor || iconColor || (accent ? ({
+        const defaultColor = color ?? THEME.color.gunMetal;
+        const cutomIconColor = bulletColor ?? iconColor ?? (accent ? ({
             [Accent.PRIMARY]: THEME.color.gunMetal,
             [Accent.SECONDARY]: THEME.color.gunMetal,
             [Accent.TERTIARY]: THEME.color.white
@@ -55714,7 +55689,7 @@ function Search({ baseContainer, className, customSearch = undefined, customSear
                         container: boxRef.current,
                         // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                         // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
-                        data: controlledRsuiteData || data,
+                        data: controlledRsuiteData ?? data,
                         // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                         // that's why we send this "always true" filter to disable Rsuite SelectPicker internal search filtering
                         filterBy: customSearch ? ()=>true : undefined,
@@ -55993,7 +55968,7 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
                     container: boxRef.current,
                     // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                     // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
-                    data: controlledRsuiteData || rsuiteData,
+                    data: controlledRsuiteData ?? rsuiteData,
                     disabled: disabled,
                     id: originalProps.name,
                     onChange: handleChange,
@@ -56003,7 +55978,7 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
                     // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                     // that's why we send this "always true" filter to disable Rsuite CheckPicker internal search filtering
                     searchBy: customSearch ? ()=>true : undefined,
-                    size: originalProps.size || 'sm',
+                    size: originalProps.size ?? 'sm',
                     value: selectedRsuiteValue,
                     ...originalProps
                 }, key)
@@ -56176,7 +56151,7 @@ customDayjs.locale('fr');
  * // => `2022-01-02T03:04:05.006Z
  * ```
  */ function getUtcizedDayjs(localDate) {
-    const definedLocalDate = localDate || new Date();
+    const definedLocalDate = localDate ?? new Date();
     // The number of minutes returned by getTimezoneOffset() is positive if the local time zone is behind UTC,
     // and negative if the local time zone is ahead of UTC. For example, for UTC+10, `-600` will be returned.
     //
@@ -57379,7 +57354,7 @@ function DatePicker({ baseContainer, className, defaultValue, disabled = false,
                     /*#__PURE__*/ jsx(Field$1, {
                         children: /*#__PURE__*/ jsx(DateInput, {
                             ref: dateInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isEndDate: isEndDate,
@@ -57396,7 +57371,7 @@ function DatePicker({ baseContainer, className, defaultValue, disabled = false,
                         $isTimeField: true,
                         children: /*#__PURE__*/ jsx(TimeInput, {
                             ref: timeInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isLight: isLight,
@@ -57931,7 +57906,7 @@ function DateRangePicker({ baseContainer, className, defaultValue, disabled = fa
             hasMountedRef.current = true;
             return;
         }
-        if (defaultValue && previousDefaultValue && defaultValue[0] instanceof Date && defaultValue[1] instanceof Date && previousDefaultValue[0] instanceof Date && previousDefaultValue[1] instanceof Date && defaultValue[0].toISOString() === previousDefaultValue[0].toISOString() && defaultValue[1].toISOString() === previousDefaultValue[1].toISOString() || lodashExports.isEqual(defaultValue, previousDefaultValue)) {
+        if (!!defaultValue && !!previousDefaultValue && defaultValue[0] instanceof Date && defaultValue[1] instanceof Date && previousDefaultValue[0] instanceof Date && previousDefaultValue[1] instanceof Date && defaultValue[0].toISOString() === previousDefaultValue[0].toISOString() && defaultValue[1].toISOString() === previousDefaultValue[1].toISOString() || lodashExports.isEqual(defaultValue, previousDefaultValue)) {
             return;
         }
         selectedStartDateTimeAsDayjsRef.current = defaultValue ? customDayjs(defaultValue[0]) : undefined;
@@ -57962,7 +57937,7 @@ function DateRangePicker({ baseContainer, className, defaultValue, disabled = fa
                     /*#__PURE__*/ jsx(Field, {
                         children: /*#__PURE__*/ jsx(DateInput, {
                             ref: startDateInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isForcedFocused: isRangeCalendarPickerOpen,
@@ -57980,7 +57955,7 @@ function DateRangePicker({ baseContainer, className, defaultValue, disabled = fa
                         isTimeField: true,
                         children: /*#__PURE__*/ jsx(TimeInput, {
                             ref: startTimeInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isLight: isLight,
@@ -57999,7 +57974,7 @@ function DateRangePicker({ baseContainer, className, defaultValue, disabled = fa
                         isEndDateField: true,
                         children: /*#__PURE__*/ jsx(DateInput, {
                             ref: endDateInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isEndDate: true,
@@ -58019,7 +57994,7 @@ function DateRangePicker({ baseContainer, className, defaultValue, disabled = fa
                         isTimeField: true,
                         children: /*#__PURE__*/ jsx(TimeInput, {
                             ref: endTimeInputRef,
-                            baseContainer: baseContainer || undefined,
+                            baseContainer: baseContainer ?? undefined,
                             disabled: disabled,
                             isCompact: isCompact,
                             isEndDate: true,
@@ -58098,9 +58073,9 @@ function MultiCheckbox({ className, disabled = false, error, isErrorMessageHidde
             return;
         }
         const nextCheckedOptionValues = isChecked ? [
-            ...value || [],
+            ...value ?? [],
             nextOptionValue
-        ] : reject$1(equals$2(nextOptionValue))(value || []);
+        ] : reject$1(equals$2(nextOptionValue))(value ?? []);
         const normalizedNextValue = nextCheckedOptionValues.length ? nextCheckedOptionValues : undefined;
         onChange(normalizedNextValue);
     }, [
@@ -58121,8 +58096,8 @@ function MultiCheckbox({ className, disabled = false, error, isErrorMessageHidde
                 $hasError: hasError,
                 $isInline: isInline,
                 children: options.map((option, index)=>/*#__PURE__*/ jsx(Checkbox, {
-                        checked: includes$1(option.value, value || []),
-                        disabled: option.isDisabled || disabled,
+                        checked: includes$1(option.value, value ?? []),
+                        disabled: !!option.isDisabled || disabled,
                         label: option.label,
                         name: `${name}${index}`,
                         onChange: (isChecked)=>handleChange(option.value, isChecked)
@@ -58189,7 +58164,7 @@ function MultiSelect({ baseContainer, className, customSearch, customSearchMinQu
         originalProps.name,
         value
     ]);
-    const selectedRsuiteValue = useMemo(()=>(value || []).map((valueItem)=>getRsuiteValueFromOptionValue(valueItem, optionValueKey)), [
+    const selectedRsuiteValue = useMemo(()=>(value ?? []).map((valueItem)=>getRsuiteValueFromOptionValue(valueItem, optionValueKey)), [
         optionValueKey,
         value
     ]);
@@ -58285,7 +58260,7 @@ function MultiSelect({ baseContainer, className, customSearch, customSearchMinQu
                     container: boxRef.current,
                     // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                     // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
-                    data: controlledRsuiteData || rsuiteData,
+                    data: controlledRsuiteData ?? rsuiteData,
                     disabled: disabled,
                     id: originalProps.name,
                     onChange: handleChange,
@@ -58293,7 +58268,7 @@ function MultiSelect({ baseContainer, className, customSearch, customSearchMinQu
                     onSearch: handleSearch,
                     open: isOpen,
                     renderMenuItem: renderMenuItem,
-                    searchable: !!customSearch || searchable,
+                    searchable: !!customSearch ?? searchable,
                     // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                     // that's why we send this "always true" filter to disable Rsuite TagPicker internal search filtering
                     searchBy: customSearch ? ()=>true : undefined,
@@ -58469,7 +58444,7 @@ function MultiRadio({ className, disabled = false, error, isErrorMessageHidden =
                 $isReadOnly: isReadOnly,
                 children: options.map((option)=>/*#__PURE__*/ jsx(Radio, {
                         checked: equals$2(option.value, value),
-                        disabled: option.isDisabled || disabled,
+                        disabled: !!option.isDisabled || disabled,
                         name: name,
                         onChange: (_, isChecked)=>handleChange(option.value, isChecked),
                         readOnly: isReadOnly,
@@ -58758,7 +58733,7 @@ function NumberInput({ className, error, isErrorMessageHidden = false, isLabelHi
                 onChange: handleChange,
                 onFocus: handleFocus,
                 type: "number",
-                value: value || '',
+                value: value ?? '',
                 ...originalProps
             }, key),
             !isErrorMessageHidden && hasError && /*#__PURE__*/ jsx(FieldError, {
@@ -69542,7 +69517,7 @@ var CoordinateLatLon;
         return [];
     }
     let longitude = longitudeInteger.toString().trim().replace(/-/g, '');
-    const decimals = longitudeDecimals?.substring(0, precision) || '000000';
+    const decimals = longitudeDecimals?.substring(0, precision) ?? '000000';
     longitude = `${isNegative ? '-' : ''}${getPaddedDegrees(longitude, "LONGITUDE")}.${decimals}`;
     return [
         `${transformedCoordinates[1].toFixed(precision)}°`,
@@ -69981,7 +69956,7 @@ function Select({ baseContainer, className, customSearch, customSearchMinQueryLe
         isOpen,
         disabled
     ]);
-    const disabledItemValues = useMemo(()=>(controlledRsuiteData || rsuiteData).filter((option)=>option.isDisabled).map((option)=>option.value), [
+    const disabledItemValues = useMemo(()=>(controlledRsuiteData ?? rsuiteData).filter((option)=>option.isDisabled).map((option)=>option.value), [
         controlledRsuiteData,
         rsuiteData
     ]);
@@ -70013,7 +69988,7 @@ function Select({ baseContainer, className, customSearch, customSearchMinQueryLe
                     container: boxRef.current,
                     // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
                     // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
-                    data: controlledRsuiteData || rsuiteData,
+                    data: controlledRsuiteData ?? rsuiteData,
                     disabled: disabled,
                     disabledItemValues: disabledItemValues,
                     id: originalProps.name,
@@ -70165,7 +70140,7 @@ function Textarea({ className, error, isErrorMessageHidden = false, isLabelHidde
                 id: originalProps.name,
                 onChange: handleChange,
                 rows: rows,
-                value: value || '',
+                value: value ?? '',
                 ...originalProps
             }, key),
             !isErrorMessageHidden && hasError && /*#__PURE__*/ jsx(FieldError, {
@@ -70250,7 +70225,7 @@ function TextInput({ className, error, Icon, isErrorMessageHidden = false, isLab
                         id: originalProps.name,
                         onChange: handleChange,
                         type: type,
-                        value: value || '',
+                        value: value ?? '',
                         ...originalProps
                     }, key),
                     isSearchInput && !Icon && /*#__PURE__*/ jsxs(IconsContainer, {
@@ -76405,7 +76380,7 @@ const SimpleTable = {
 };
 
 function Td$1({ cell, children }) {
-    const controlledChildren = children || flexRender(cell.column.columnDef.cell, cell.getContext());
+    const controlledChildren = children ?? flexRender(cell.column.columnDef.cell, cell.getContext());
     return /*#__PURE__*/ jsx(SimpleTable.Td, {
         $isCenter: false,
         style: {
@@ -76428,7 +76403,7 @@ const SortingIcon = styled(Chevron)`
 `;
 
 function Th$1({ children, header }) {
-    const controlledChildren = children || !header.isPlaceholder ? /*#__PURE__*/ jsxs(SimpleTable.SortContainer, {
+    const controlledChildren = children ?? !header.isPlaceholder ? /*#__PURE__*/ jsxs(SimpleTable.SortContainer, {
         className: header.column.getCanSort() ? 'cursor-pointer select-none' : '',
         onClick: header.column.getToggleSortingHandler(),
         children: [
@@ -76457,7 +76432,7 @@ function DataTable({ columns, data, initialSorting }) {
     const [sorting, setSorting] = useState(initialSorting);
     const table = useReactTable({
         columns,
-        data: data || [],
+        data: data ?? [],
         // eslint-disable-next-line @typescript-eslint/naming-convention
         enableSortingRemoval: false,
         getCoreRowModel: getCoreRowModel(),