@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-7d9a8d86

package/content/Table/__stories__/WithSortFilters/index.js

@@ -1,100 +1,121 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow, TableSortLabel } from '@digigov/ui/content/Table';
-import { useSort } from '@digigov/ui/content/Table/hooks/useSort';
-var headerConfig = [{
-  name: 'product',
-  label: 'Προϊόν',
-  sortLabels: {
-    asc: 'Αλφαβητική σειρά (Α -> Ω)',
-    desc: 'Αλφαβητική σειρά (Ω -> Α)'
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+  TableNoDataRow,
+  TableSortLabel
+} from "@digigov/ui/content/Table";
+import {useSort} from "@digigov/ui/content/Table/hooks/useSort";
+const headerConfig = [
+  {
+    name: "product",
+    label: "\u03A0\u03C1\u03BF\u03CA\u03CC\u03BD",
+    sortLabels: {
+      asc: "\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u0391 -> \u03A9)",
+      desc: "\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u03A9 -> \u0391)"
+    }
+  },
+  {
+    name: "price",
+    label: "\u03A4\u03B9\u03BC\u03AE",
+    sortLabels: {
+      asc: "\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC",
+      desc: "\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC"
+    }
+  },
+  {
+    name: "stock",
+    label: "\u03A3\u03C4\u03BF\u03BA",
+    sortLabels: {
+      asc: "\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC",
+      desc: "\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC"
+    }
+  },
+  {
+    name: "date",
+    label: "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1",
+    sortLabels: {
+      asc: "\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC",
+      desc: "\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC"
+    }
   }
-}, {
-  name: 'price',
-  label: 'Τιμή',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
+];
+const data = [
+  {
+    id: 1,
+    product: "\u03A4\u03C5\u03C1\u03AF",
+    price: "4.9\u20AC",
+    stock: 20,
+    date: "2013-04-01"
+  },
+  {
+    id: 2,
+    product: "\u0393\u03AC\u03BB\u03B1",
+    price: "1.9\u20AC",
+    stock: 32,
+    date: "2013-01-01"
+  },
+  {
+    id: 3,
+    product: "\u0393\u03B9\u03B1\u03BF\u03CD\u03C1\u03C4\u03B9",
+    price: "2.4\u20AC",
+    stock: 12,
+    date: "2002-04-12"
+  },
+  {
+    id: 4,
+    product: "\u039A\u03C1\u03AD\u03BC\u03B1",
+    price: "3.9\u20AC",
+    stock: 8,
+    date: "2011-12-12"
+  },
+  {
+    id: 5,
+    product: "\u0392\u03BF\u03CD\u03C4\u03C5\u03C1\u03BF",
+    price: "0.9\u20AC",
+    stock: 99,
+    date: "2019-06-01"
+  },
+  {
+    id: 6,
+    product: "\u039A\u03B1\u03C6\u03AD\u03C2",
+    price: "2.9\u20AC",
+    stock: 86,
+    date: "2023-02-11"
+  },
+  {
+    id: 7,
+    product: "\u03A8\u03C9\u03BC\u03AF",
+    price: "99\u20AC",
+    stock: 12,
+    date: "2000-12-12"
   }
-}, {
-  name: 'stock',
-  label: 'Στοκ',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
-  }
-}, {
-  name: 'date',
-  label: 'Ημερομηνία',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
-  }
-}];
-var data = [{
-  id: 1,
-  product: 'Τυρί',
-  price: '4.9€',
-  stock: 20,
-  date: '2013-04-01'
-}, {
-  id: 2,
-  product: 'Γάλα',
-  price: '1.9€',
-  stock: 32,
-  date: '2013-01-01'
-}, {
-  id: 3,
-  product: 'Γιαούρτι',
-  price: '2.4€',
-  stock: 12,
-  date: '2002-04-12'
-}, {
-  id: 4,
-  product: 'Κρέμα',
-  price: '3.9€',
-  stock: 8,
-  date: '2011-12-12'
-}, {
-  id: 5,
-  product: 'Βούτυρο',
-  price: '0.9€',
-  stock: 99,
-  date: '2019-06-01'
-}, {
-  id: 6,
-  product: 'Καφές',
-  price: '2.9€',
-  stock: 86,
-  date: '2023-02-11'
-}, {
-  id: 7,
-  product: 'Ψωμί',
-  price: '99€',
-  stock: 12,
-  date: '2000-12-12'
-}];
-var _ref = /*#__PURE__*/React.createElement(TableCaption, null, "\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03C0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD");
-var _ref2 = /*#__PURE__*/React.createElement(TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1");
-export var WithSortFilters = function WithSortFilters() {
-  var _useSort = useSort(data),
-    sortedData = _useSort.sortedData,
-    setSortedField = _useSort.setSortedField,
-    field = _useSort.field,
-    direction = _useSort.direction;
-  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, _ref, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, headerConfig.map(function (header, index) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
+];
+const WithSortFilters = () => {
+  const {sortedData, setSortedField, field, direction} = useSort(data);
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableCaption, null, "\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03C0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD"), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, headerConfig.map((header, index) => {
+    return /* @__PURE__ */ React.createElement(TableHeadCell, {
       key: index
-    }, /*#__PURE__*/React.createElement(TableSortLabel, {
+    }, /* @__PURE__ */ React.createElement(TableSortLabel, {
       labels: header.sortLabels,
-      onSort: function onSort(dir) {
-        return setSortedField(header.name, dir);
-      },
+      onSort: (dir) => setSortedField(header.name, dir),
       direction: header.name === field ? direction : 0
     }, header.label));
-  }))), /*#__PURE__*/React.createElement(TableBody, null, sortedData.length > 0 ? sortedData.map(function (d, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
+  }))), /* @__PURE__ */ React.createElement(TableBody, null, sortedData.length > 0 ? sortedData.map((d, index) => {
+    return /* @__PURE__ */ React.createElement(TableRow, {
       key: index
-    }, /*#__PURE__*/React.createElement(TableDataCell, null, d.product), /*#__PURE__*/React.createElement(TableDataCell, null, d.price), /*#__PURE__*/React.createElement(TableDataCell, null, d.stock), /*#__PURE__*/React.createElement(TableDataCell, null, new Date(d.date).toLocaleDateString('en-GB')));
-  }) : _ref2)));
+    }, /* @__PURE__ */ React.createElement(TableDataCell, null, d.product), /* @__PURE__ */ React.createElement(TableDataCell, null, d.price), /* @__PURE__ */ React.createElement(TableDataCell, null, d.stock), /* @__PURE__ */ React.createElement(TableDataCell, null, new Date(d.date).toLocaleDateString("en-GB")));
+  }) : /* @__PURE__ */ React.createElement(TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1"))));
+};
+var WithSortFilters_default = WithSortFilters;
+export {
+  WithSortFilters,
+  WithSortFilters_default as default
 };
-export default WithSortFilters;
+//# sourceMappingURL=WithSortFilters.js.map

package/content/Table/__stories__/WithSortFilters.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/WithSortFilters.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n  TableSortLabel,\n} from '@digigov/ui/content/Table';\nimport { useSort } from '@digigov/ui/content/Table/hooks/useSort';\n\nconst headerConfig = [\n  {\n    name: 'product',\n    label: '\u03A0\u03C1\u03BF\u03CA\u03CC\u03BD',\n    sortLabels: {\n      asc: '\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u0391 -> \u03A9)',\n      desc: '\u0391\u03BB\u03C6\u03B1\u03B2\u03B7\u03C4\u03B9\u03BA\u03AE \u03C3\u03B5\u03B9\u03C1\u03AC (\u03A9 -> \u0391)',\n    },\n  },\n  {\n    name: 'price',\n    label: '\u03A4\u03B9\u03BC\u03AE',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n  {\n    name: 'stock',\n    label: '\u03A3\u03C4\u03BF\u03BA',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n  {\n    name: 'date',\n    label: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n    sortLabels: {\n      asc: '\u0391\u03CD\u03BE\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n      desc: '\u03A6\u03B8\u03AF\u03BD\u03BF\u03C5\u03C3\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC',\n    },\n  },\n];\n\nconst data = [\n  {\n    id: 1,\n    product: '\u03A4\u03C5\u03C1\u03AF',\n    price: '4.9\u20AC',\n    stock: 20,\n    date: '2013-04-01',\n  },\n  {\n    id: 2,\n    product: '\u0393\u03AC\u03BB\u03B1',\n    price: '1.9\u20AC',\n    stock: 32,\n    date: '2013-01-01',\n  },\n  {\n    id: 3,\n    product: '\u0393\u03B9\u03B1\u03BF\u03CD\u03C1\u03C4\u03B9',\n    price: '2.4\u20AC',\n    stock: 12,\n    date: '2002-04-12',\n  },\n  {\n    id: 4,\n    product: '\u039A\u03C1\u03AD\u03BC\u03B1',\n    price: '3.9\u20AC',\n    stock: 8,\n    date: '2011-12-12',\n  },\n  {\n    id: 5,\n    product: '\u0392\u03BF\u03CD\u03C4\u03C5\u03C1\u03BF',\n    price: '0.9\u20AC',\n    stock: 99,\n    date: '2019-06-01',\n  },\n  {\n    id: 6,\n    product: '\u039A\u03B1\u03C6\u03AD\u03C2',\n    price: '2.9\u20AC',\n    stock: 86,\n    date: '2023-02-11',\n  },\n  {\n    id: 7,\n    product: '\u03A8\u03C9\u03BC\u03AF',\n    price: '99\u20AC',\n    stock: 12,\n    date: '2000-12-12',\n  },\n];\n\nexport const WithSortFilters = () => {\n  const { sortedData, setSortedField, field, direction } = useSort(data);\n\n  return (\n    <TableContainer>\n      <Table>\n        <TableCaption>\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03C0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD</TableCaption>\n        <TableHead>\n          <TableRow>\n            {headerConfig.map((header, index) => {\n              return (\n                <TableHeadCell key={index}>\n                  <TableSortLabel\n                    labels={header.sortLabels}\n                    onSort={(dir) => setSortedField(header.name, dir)}\n                    direction={header.name === field ? direction : 0}\n                  >\n                    {header.label}\n                  </TableSortLabel>\n                </TableHeadCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {sortedData.length > 0 ? (\n            sortedData.map((d, index) => {\n              return (\n                <TableRow key={index}>\n                  <TableDataCell>{d.product}</TableDataCell>\n                  <TableDataCell>{d.price}</TableDataCell>\n                  <TableDataCell>{d.stock}</TableDataCell>\n                  <TableDataCell>\n                    {new Date(d.date).toLocaleDateString('en-GB')}\n                  </TableDataCell>\n                </TableRow>\n              );\n            })\n          ) : (\n            <TableNoDataRow>\u0394\u03B5\u03BD \u03C5\u03C0\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1</TableNoDataRow>\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default WithSortFilters;\n"],
+  "mappings": "AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AAEA,MAAM,eAAe;AAAA,EACnB;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA,EAGV;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA;AAAA;AAAA;AAKZ,MAAM,OAAO;AAAA,EACX;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA,EAER;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA;AAAA;AAIH,MAAM,kBAAkB,MAAM;AACnC,QAAM,CAAE,YAAY,gBAAgB,OAAO,aAAc,QAAQ;AAEjE,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD,MACE,oCAAC,cAAD,MAAc,sGACd,oCAAC,WAAD,MACE,oCAAC,UAAD,MACG,aAAa,IAAI,CAAC,QAAQ,UAAU;AACnC,WACE,oCAAC,eAAD;AAAA,MAAe,KAAK;AAAA,OAClB,oCAAC,gBAAD;AAAA,MACE,QAAQ,OAAO;AAAA,MACf,QAAQ,CAAC,QAAQ,eAAe,OAAO,MAAM;AAAA,MAC7C,WAAW,OAAO,SAAS,QAAQ,YAAY;AAAA,OAE9C,OAAO;AAAA,QAOpB,oCAAC,WAAD,MACG,WAAW,SAAS,IACnB,WAAW,IAAI,CAAC,GAAG,UAAU;AAC3B,WACE,oCAAC,UAAD;AAAA,MAAU,KAAK;AAAA,OACb,oCAAC,eAAD,MAAgB,EAAE,UAClB,oCAAC,eAAD,MAAgB,EAAE,QAClB,oCAAC,eAAD,MAAgB,EAAE,QAClB,oCAAC,eAAD,MACG,IAAI,KAAK,EAAE,MAAM,mBAAmB;AAAA,OAM7C,oCAAC,gBAAD,MAAgB;AAAA;AAO5B,IAAO,0BAAQ;",
+  "names": []
+}

package/content/Table/__stories__/ZebraProp/index.js

@@ -1,47 +1,62 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/content/Table';
-var data = {
-  title: 'Χρήστες',
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
   labels: {
-    name: 'Ονοματεπώνυμο',
-    role: 'Ρόλος',
-    email: 'Email'
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
   },
-  content: [{
-    name: 'Μάριος Μενεξές',
-    role: 'Χειριστής',
-    email: 'marios@mail.com'
-  }, {
-    name: 'Καλλιόπη Παπαδοπούλου',
-    role: 'Χειριστής',
-    email: 'kalliopi@mail.com'
-  }, {
-    name: 'Μαρία Φλούπη',
-    role: 'Διαχειριστής',
-    email: 'maria@mail.com'
-  }, {
-    name: 'Ηλέκτρα Αποστόλου',
-    role: 'Διαχειριστής',
-    email: 'ilektra@mail.com'
-  }]
+  content: [
+    {
+      name: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "marios@mail.com"
+    },
+    {
+      name: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "kalliopi@mail.com"
+    },
+    {
+      name: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "maria@mail.com"
+    },
+    {
+      name: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "ilektra@mail.com"
+    }
+  ]
 };
-export var ZebraProp = function ZebraProp() {
-  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+const ZebraProp = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, {
     variant: "zebra"
-  }, data && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCaption, null, data.title), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
-      key: key
-    }, data.labels[key]);
-  }))), /*#__PURE__*/React.createElement(TableBody, null, data.content && data.content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
-      key: index
-    }, /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.name
-    }, item.name), /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.role
-    }, item.role), /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.email
-    }, item.email));
-  })))));
+  }, data && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableCaption, null, data.title), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map((key) => /* @__PURE__ */ React.createElement(TableHeadCell, {
+    key
+  }, data.labels[key])))), /* @__PURE__ */ React.createElement(TableBody, null, data.content && data.content.map((item, index) => /* @__PURE__ */ React.createElement(TableRow, {
+    key: index
+  }, /* @__PURE__ */ React.createElement(TableDataCell, {
+    "data-label": data.labels.name
+  }, item.name), /* @__PURE__ */ React.createElement(TableDataCell, {
+    "data-label": data.labels.role
+  }, item.role), /* @__PURE__ */ React.createElement(TableDataCell, {
+    "data-label": data.labels.email
+  }, item.email)))))));
 };
-export default ZebraProp;
+var ZebraProp_default = ZebraProp;
+export {
+  ZebraProp,
+  ZebraProp_default as default
+};
+//# sourceMappingURL=ZebraProp.js.map

package/content/Table/__stories__/ZebraProp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/ZebraProp.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n    },\n  ],\n};\n\nexport const ZebraProp = () => {\n  return (\n    <TableContainer>\n      <Table variant=\"zebra\">\n        {data && (\n          <>\n            <TableCaption>{data.title}</TableCaption>\n            <TableHead>\n              <TableRow>\n                {data.labels &&\n                  Object.keys(data.labels).map((key) => (\n                    <TableHeadCell key={key}>{data.labels[key]}</TableHeadCell>\n                  ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {data.content &&\n                data.content.map((item, index) => (\n                  <TableRow key={index}>\n                    <TableDataCell data-label={data.labels.name}>\n                      {item.name}\n                    </TableDataCell>\n                    <TableDataCell data-label={data.labels.role}>\n                      {item.role}\n                    </TableDataCell>\n                    <TableDataCell data-label={data.labels.email}>\n                      {item.email}\n                    </TableDataCell>\n                  </TableRow>\n                ))}\n            </TableBody>\n          </>\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\nexport default ZebraProp;\n"],
+  "mappings": "AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA,EAET,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA,IAET;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA;AAAA;AAAA;AAKN,MAAM,YAAY,MAAM;AAC7B,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD;AAAA,IAAO,SAAQ;AAAA,KACZ,QACC,0DACE,oCAAC,cAAD,MAAe,KAAK,QACpB,oCAAC,WAAD,MACE,oCAAC,UAAD,MACG,KAAK,UACJ,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,QAC5B,oCAAC,eAAD;AAAA,IAAe;AAAA,KAAW,KAAK,OAAO,UAI9C,oCAAC,WAAD,MACG,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,oCAAC,UAAD;AAAA,IAAU,KAAK;AAAA,KACb,oCAAC,eAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK,OAER,oCAAC,eAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK,OAER,oCAAC,eAAD;AAAA,IAAe,cAAY,KAAK,OAAO;AAAA,KACpC,KAAK;AAAA;AAW5B,IAAO,oBAAQ;",
+  "names": []
+}

package/content/Table/hooks/useSort/index.js

@@ -1,37 +1,32 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState } from 'react';
-import { useMemo } from 'react';
-export var useSort = function useSort(data) {
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortDataBy = _useState2[0],
-    setSortDataBy = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    direction = _useState4[0],
-    setDirection = _useState4[1];
-  var sortedItems = useMemo(function () {
-    var sortableItems = _toConsumableArray(data);
+import {useState} from "react";
+import {useMemo} from "react";
+const useSort = (data) => {
+  const [sortDataBy, setSortDataBy] = useState("");
+  const [direction, setDirection] = useState(0);
+  const sortedItems = useMemo(() => {
+    const sortableItems = [...data];
     if (sortableItems.length === 0) {
       return [];
     }
     if (sortDataBy) {
-      sortableItems.sort(function (a, b) {
-        if (a[sortDataBy] === null) return 1;
-        if (b[sortDataBy] === null) return -1;
-        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;
-        return a[sortDataBy].toString().localeCompare(b[sortDataBy].toString(), undefined, {
+      sortableItems.sort((a, b) => {
+        if (a[sortDataBy] === null)
+          return 1;
+        if (b[sortDataBy] === null)
+          return -1;
+        if (a[sortDataBy] === null && b[sortDataBy] === null)
+          return 0;
+        return a[sortDataBy].toString().localeCompare(b[sortDataBy].toString(), void 0, {
           numeric: true
         }) * (direction > 0 ? 1 : -1);
       });
     }
     return sortableItems;
   }, [data, direction, sortDataBy]);
-  var setSortedField = function setSortedField(item, value) {
+  const setSortedField = (item, value) => {
     if (item === sortDataBy && value === direction) {
       setDirection(0);
-      setSortDataBy('');
+      setSortDataBy("");
       return;
     }
     setDirection(value);
@@ -39,8 +34,12 @@ export var useSort = function useSort(data) {
   };
   return {
     sortedData: sortedItems,
-    setSortedField: setSortedField,
+    setSortedField,
     field: sortDataBy,
-    direction: direction
+    direction
   };
-};
+};
+export {
+  useSort
+};
+//# sourceMappingURL=useSort.js.map

package/content/Table/hooks/useSort.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/hooks/useSort.tsx"],
+  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\nimport { SortDirection } from '@digigov/ui/content/Table';\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
+  "mappings": "AAAA;AACA;AAUO,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,SAAqB;AACvD,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG;AAC1B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO;AAAA;AAET,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,gBAAgB;AAAM,iBAAO;AACnC,YAAI,EAAE,gBAAgB;AAAM,iBAAO;AACnC,YAAI,EAAE,gBAAgB,QAAQ,EAAE,gBAAgB;AAAM,iBAAO;AAC7D,eACE,EAAE,YACC,WACA,cAAc,EAAE,YAAY,YAAY,QAAW;AAAA,UAClD,SAAS;AAAA,aACL,aAAY,IAAI,IAAI;AAAA;AAAA;AAIlC,WAAO;AAAA,KACN,CAAC,MAAM,WAAW;AAErB,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa;AACb,oBAAc;AACd;AAAA;AAEF,iBAAa;AACb,kBAAc;AAAA;AAGhB,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA;AAAA;",
+  "names": []
+}

package/content/Table/index.d.ts

@@ -11,7 +11,7 @@ export interface TableSortLabelProps extends DropdownProps {
     direction?: SortDirection;
     onSort: (direction: SortDirection) => void;
 }
-export declare const TableSortLabel: React.ForwardRefExoticComponent<Pick<TableSortLabelProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "direction" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "open" | "onToggle" | "align" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "placement" | "closeBehaviour" | "float" | "labels" | "onSort"> & React.RefAttributes<HTMLDetailsElement>>;
+export declare const TableSortLabel: React.ForwardRefExoticComponent<Pick<TableSortLabelProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "direction" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "open" | "onToggle" | "align" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "placement" | "closeBehaviour" | "float" | "labels" | "onSort"> & React.RefAttributes<HTMLDetailsElement>>;
 export * from '@digigov/react-core/TableContainer';
 export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';