@mtes-mct/monitor-ui 11.0.1 → 11.1.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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)
 
 

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,
@@ -37954,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;
@@ -37995,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;
@@ -38050,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;
@@ -38152,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
@@ -55689,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,
@@ -55968,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,
@@ -55978,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)
@@ -56151,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.
     //
@@ -57354,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,
@@ -57371,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,
@@ -57906,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;
@@ -57937,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,
@@ -57955,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,
@@ -57974,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,
@@ -57994,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,
@@ -58073,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);
     }, [
@@ -58096,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)
@@ -58164,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
     ]);
@@ -58260,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,
@@ -58268,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,
@@ -58444,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,
@@ -58733,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, {
@@ -69517,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)}°`,
@@ -69956,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
     ]);
@@ -69988,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,
@@ -70140,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, {
@@ -70225,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, {
@@ -76380,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: {
@@ -76403,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: [
@@ -76432,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(),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "11.0.1",
+  "version": "11.1.0",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {

package/symbols/ExclamationPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExclamationPoint.d.ts","sourceRoot":"","sources":["../../src/symbols/ExclamationPoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACpE,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,gBAAgB;sBAHT,MAAM,GAAG,SAAS;YAC5B,MAAM,GAAG,SAAS;SAkB3B,CAAA"}
+{"version":3,"file":"ExclamationPoint.d.ts","sourceRoot":"","sources":["../../src/symbols/ExclamationPoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACpE,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,gBAAgB;sBAHT,MAAM,GAAG,SAAS;YAC5B,MAAM,GAAG,SAAS;SAkB3B,CAAA"}