@mtes-mct/monitor-ui 24.2.1 → 24.3.1

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+## [24.3.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.2.1...v24.3.0) (2024-10-24)
+
+
+### Features
+
+* **tables:** add isTableHeadHidden prop to DataTable ([fb723b0](https://github.com/MTES-MCT/monitor-ui/commit/fb723b078bf132806806ef7305d79b5d8e0ad926))
+* **tables:** add tableOptions prop to DataTable ([1a28bae](https://github.com/MTES-MCT/monitor-ui/commit/1a28bae13c859b074c404673bd1cfc62d16c5518))
+* **tables:** allow any object as collection item in DataTable data ([06ab17c](https://github.com/MTES-MCT/monitor-ui/commit/06ab17cc724021c40cb31b8dfdb212ea14d1e4c7))
+
+
+### Bug Fixes
+
+* **tables:** remove wrong 0 max-width from SimpleTable.Td ([e75b525](https://github.com/MTES-MCT/monitor-ui/commit/e75b525501fb6b84603d3484b332a898dbbdd9ac))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump tslib in the non-major-dependencies group ([c686c05](https://github.com/MTES-MCT/monitor-ui/commit/c686c056e3db44295ee5effebb94c39b0c32ab60))
+* **dev-deps:** bump eslint-plugin-cypress from 3.5.0 to 4.0.0 ([6411931](https://github.com/MTES-MCT/monitor-ui/commit/641193149549795a2be2cef4b7a4b773d6eedbad))
+* **dev-deps:** bump glob from 10.4.3 to 11.0.0 ([9fbf7af](https://github.com/MTES-MCT/monitor-ui/commit/9fbf7af3b7c22ff296e6013f9cd48ef973685ba4))
+* **dev-deps:** bump the all-non-major-dependencies group ([7030e2c](https://github.com/MTES-MCT/monitor-ui/commit/7030e2ceceadd5525c0557ca954dcae120819d32))
+* **dev-deps:** bump the non-major-dev-dependencies group with 13 updates ([1e1f0d2](https://github.com/MTES-MCT/monitor-ui/commit/1e1f0d272674250a2f0cea4c209f1d0ec824d6a3))
+
+
+### Documentation
+
+* **tables:** add comment to DataTable ([139ed72](https://github.com/MTES-MCT/monitor-ui/commit/139ed72e68600744ae3406d94a14172d54e178a6))
+* **tables:** remove useless generated doc exports from DataTable story ([e8ff655](https://github.com/MTES-MCT/monitor-ui/commit/e8ff6550401d56e0ce34c81be4bd28182d350b13))
+
+## [24.2.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.2.0...v24.2.1) (2024-10-18)
+
+
+### Code Refactoring
+
+* **fields:** move eslint disable ([1c1533a](https://github.com/MTES-MCT/monitor-ui/commit/1c1533af36f8180c6921d71a137f537256a70e1f))
+* **fields:** rename props ([e6ef3de](https://github.com/MTES-MCT/monitor-ui/commit/e6ef3de40c22f596abe24c99cea8f5d4db481569))
+
 ## [24.2.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.1.1...v24.2.0) (2024-10-18)
 
 

package/index.js

@@ -73834,7 +73834,6 @@ const Td$2 = styled.td.attrs((props)=>({
   font-size: 13px;
   font-weight: 500;
   line-height: 22px;
-  max-width: 0;
   overflow: hidden;
   padding: 9px 10px;
   text-align: ${(p)=>p.$isCenter ? 'center' : 'left'};
@@ -73967,7 +73966,7 @@ function Th$1({ children, header }) {
     }, header.id);
 }
 
-function DataTable({ columns, data, initialSorting }) {
+function DataTable({ columns, data, initialSorting, tableOptions, withoutHead = false }) {
     const [sorting, setSorting] = useState(initialSorting);
     const table = useReactTable({
         columns,
@@ -73979,7 +73978,8 @@ function DataTable({ columns, data, initialSorting }) {
         onSortingChange: setSorting,
         state: {
             sorting
-        }
+        },
+        ...tableOptions
     });
     const { rows } = table.getRowModel();
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -73994,16 +73994,18 @@ function DataTable({ columns, data, initialSorting }) {
                     }),
                     data.length > 0 && /*#__PURE__*/ jsxs(SimpleTable.Table, {
                         children: [
-                            /*#__PURE__*/ jsx(SimpleTable.Head, {
+                            !withoutHead && /*#__PURE__*/ jsx(SimpleTable.Head, {
                                 children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ jsx("tr", {
                                         children: headerGroup.headers.map((header)=>/*#__PURE__*/ jsx(Th$1, {
                                                 header: header
                                             }, header.id))
                                     }, headerGroup.id))
                             }),
-                            /*#__PURE__*/ jsx("tbody", {
-                                children: rows.map((row)=>/*#__PURE__*/ jsx(SimpleTable.BodyTr, {
-                                        "data-id": row.getValue('id'),
+                            /*#__PURE__*/ jsx(TBody, {
+                                $withTopBorder: withoutHead,
+                                children: rows.map((row)=>// `data-id` is expected by `cy.getTableRowById()` custom command
+                                    /*#__PURE__*/ jsx(SimpleTable.BodyTr, {
+                                        "data-id": 'id' in row.original ? row.original.id : row.id,
                                         children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ jsx(Td$1, {
                                                 cell: cell
                                             }, cell.id))
@@ -74016,6 +74018,13 @@ function DataTable({ columns, data, initialSorting }) {
         ]
     });
 }
+const TBody = styled.tbody`
+  > tr {
+    > td {
+      border-top: ${(p)=>p.$withTopBorder ? `1px solid ${p.theme.color.lightGray}` : 0};
+    }
+  }
+`;
 
 function RowCheckbox({ onChange, ...nativeProps }) {
     const handleOnChange = useCallback((_value, _checked, event)=>{

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": "24.2.1",
+  "version": "24.3.1",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {
@@ -12,7 +12,7 @@
     "@tanstack/react-table": "8.20.5",
     "@tanstack/react-virtual": "beta",
     "prop-types": "15.8.1",
-    "tslib": "2.7.0"
+    "tslib": "2.8.0"
   },
   "peerDependencies": {
     "@sentry/react": "^7.0.0 || ^8.0.0",

package/tables/DataTable/index.d.ts

@@ -1,9 +1,11 @@
-import { type ColumnDef, type SortingState } from '@tanstack/react-table';
-import type { CollectionItem } from '../../types/definitions';
-export type DataTableProps<T extends CollectionItem> = {
+import { type ColumnDef, type SortingState, type TableOptions } from '@tanstack/react-table';
+import type { AnyObject } from '../../types/definitions';
+export type DataTableProps<T extends AnyObject> = {
     columns: Array<ColumnDef<T>>;
     data: T[] | undefined;
     initialSorting: SortingState;
+    tableOptions?: Partial<TableOptions<T>> | undefined;
+    withoutHead?: boolean | undefined;
 };
-export declare function DataTable<T extends CollectionItem>({ columns, data, initialSorting }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T extends AnyObject>({ columns, data, initialSorting, tableOptions, withoutHead }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/tables/DataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EAIlB,MAAM,uBAAuB,CAAA;AAO9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAE7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,cAAc,IAAI;IACrD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5B,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAA;IACrB,cAAc,EAAE,YAAY,CAAA;CAC7B,CAAA;AACD,wBAAgB,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,2CAqDvG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tables/DataTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EAIlB,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAExD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5B,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAA;IACrB,cAAc,EAAE,YAAY,CAAA;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACnD,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AACD,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,EAAE,EAC7C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,WAAmB,EACpB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAyDnB"}

package/tables/SimpleTable/Td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAM7C,eAAO,MAAM,EAAE;gBAHD,OAAO,GAAG,SAAS;iBAClB,OAAO,GAAG,SAAS;6EA0BjC,CAAA"}
+{"version":3,"file":"Td.d.ts","sourceRoot":"","sources":["../../../src/tables/SimpleTable/Td.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAA;AAM7C,eAAO,MAAM,EAAE;gBAHD,OAAO,GAAG,SAAS;iBAClB,OAAO,GAAG,SAAS;6EAyBjC,CAAA"}