@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

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

@@ -0,0 +1,70 @@
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
+import Link from "@digigov/ui/navigation/Link";
+const data = {
+  title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2",
+  labels: {
+    date: "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1",
+    title: "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2",
+    actions: "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"
+  },
+  content: [
+    {
+      date: "24-07-23 16:34",
+      title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+      actions: "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2",
+      new: true
+    },
+    {
+      date: "24-07-23 12:41",
+      title: "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2",
+      actions: "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2",
+      new: true
+    },
+    {
+      date: "24-07-23 12:40",
+      title: "\u039C\u03AE\u03BD\u03C5\u03BC\u03B1 \u03B1\u03C0\u03CC \u03C4\u03BF\u03BD \u03B4\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE",
+      actions: "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2",
+      new: false
+    },
+    {
+      date: "23-07-23 15:14",
+      title: "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF",
+      actions: "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2",
+      new: false
+    },
+    {
+      date: "23-07-23 13:25",
+      title: "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03AC\u03BB\u03BB\u03B1\u03BE\u03B5",
+      actions: "\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2",
+      new: false
+    }
+  ]
+};
+const RowColors = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, { variant: "default" }, 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,
+      color: item.new ? "primary" : "secondary"
+    },
+    /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.date }, item.date),
+    /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.title }, item.title),
+    /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.actions }, /* @__PURE__ */ React.createElement(Link, { href: "#" }, item.actions))
+  ))))));
+};
+var RowColors_default = RowColors;
+export {
+  RowColors,
+  RowColors_default as default
+};
+//# sourceMappingURL=RowColors.js.map

package/content/Table/__stories__/RowColors/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/RowColors/index.js"
+}

package/content/Table/__stories__/RowColors.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const RowColors: (_: any) => React.JSX.Element;
+export declare const RowColors: () => React.JSX.Element;
 export default RowColors;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/RowColors.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} from '@digigov/ui/content/Table';\nimport Link from '@digigov/ui/navigation/Link';\n\nconst data = {\n  title: '\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03B9\u03AE\u03C3\u03B5\u03B9\u03C2',\n  labels: {\n    date: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n    title: '\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2',\n    actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  },\n  content: [\n    {\n      date: '24-07-23 16:34',\n      title: '\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7',\n      actions: '\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2',\n      new: true,\n    },\n    {\n      date: '24-07-23 12:41',\n      title: '\u039C\u03AE\u03BD\u03C5\u03BC\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2',\n      actions: '\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2',\n      new: true,\n    },\n    {\n      date: '24-07-23 12:40',\n      title: '\u039C\u03AE\u03BD\u03C5\u03BC\u03B1 \u03B1\u03C0\u03CC \u03C4\u03BF\u03BD \u03B4\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE',\n      actions: '\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2',\n      new: false,\n    },\n    {\n      date: '23-07-23 15:14',\n      title: '\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF',\n      actions: '\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2',\n      new: false,\n    },\n    {\n      date: '23-07-23 13:25',\n      title: '\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03AC\u03BB\u03BB\u03B1\u03BE\u03B5',\n      actions: '\u039B\u03B5\u03C0\u03C4\u03BF\u03BC\u03AD\u03C1\u03B5\u03B9\u03B5\u03C2',\n      new: false,\n    },\n  ],\n};\n\nexport const RowColors = () => {\n  return (\n    <TableContainer>\n      <Table variant=\"default\">\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\n                    key={index}\n                    color={item.new ? 'primary' : 'secondary'}\n                  >\n                    <TableDataCell data-label={data.labels.date}>\n                      {item.date}\n                    </TableDataCell>\n                    <TableDataCell data-label={data.labels.title}>\n                      {item.title}\n                    </TableDataCell>\n                    <TableDataCell data-label={data.labels.actions}>\n                      <Link href=\"#\">{item.actions}</Link>\n                    </TableDataCell>\n                  </TableRow>\n                ))}\n            </TableBody>\n          </>\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\nexport default RowColors;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AAEjB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAC7B,SACE,oCAAC,sBACC,oCAAC,SAAM,SAAQ,aACZ,QACC,0DACE,oCAAC,oBAAc,KAAK,KAAM,GAC1B,oCAAC,iBACC,oCAAC,gBACE,KAAK,UACJ,OAAO,KAAK,KAAK,MAAM,EAAE,IAAI,CAAC,QAC5B,oCAAC,iBAAc,OAAW,KAAK,OAAO,GAAG,CAAE,CAC5C,CACL,CACF,GACA,oCAAC,iBACE,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO,KAAK,MAAM,YAAY;AAAA;AAAA,IAE9B,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR;AAAA,IACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,SACpC,KAAK,KACR;AAAA,IACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,WACrC,oCAAC,QAAK,MAAK,OAAK,KAAK,OAAQ,CAC/B;AAAA,EACF,CACD,CACL,CACF,CAEJ,CACF;AAEJ;AACA,IAAO,oBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+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: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
+  },
+  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"
+    }
+  ]
+};
+const Stacked = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, { stacked: "always" }, 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)))))));
+};
+var Stacked_default = Stacked;
+export {
+  Stacked,
+  Stacked_default as default
+};
+//# sourceMappingURL=Stacked.js.map

package/content/Table/__stories__/Stacked/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/Stacked/index.js"
+}

package/content/Table/__stories__/Stacked.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Stacked: (_: any) => React.JSX.Element;
+export declare const Stacked: () => React.JSX.Element;
 export default Stacked;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/Stacked.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};\n\nexport const Stacked = () => {\n  return (\n    <TableContainer>\n      <Table stacked=\"always\">\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 Stacked;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,sBACC,oCAAC,SAAM,SAAQ,YACZ,QACC,0DACE,oCAAC,oBAAc,KAAK,KAAM,GAC1B,oCAAC,iBACC,oCAAC,gBACE,KAAK,UACJ,OAAO,KAAK,KAAK,MAAM,EAAE,IAAI,CAAC,QAC5B,oCAAC,iBAAc,OAAW,KAAK,OAAO,GAAG,CAAE,CAC5C,CACL,CACF,GACA,oCAAC,iBACE,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,SACpC,KAAK,KACR,CACF,CACD,CACL,CACF,CAEJ,CACF;AAEJ;AACA,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { TableContainer, Table, TableCaption } from "@digigov/ui/content/Table";
+const TableCaptions = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableCaption, { size: "xl" }, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 xl"), /* @__PURE__ */ React.createElement(TableCaption, { size: "lg" }, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 lg"), /* @__PURE__ */ React.createElement(TableCaption, { size: "md" }, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 md"), /* @__PURE__ */ React.createElement(TableCaption, { size: "sm" }, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 sm")));
+};
+var TableCaptions_default = TableCaptions;
+export {
+  TableCaptions,
+  TableCaptions_default as default
+};
+//# sourceMappingURL=TableCaptions.js.map

package/content/Table/__stories__/TableCaptions/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/TableCaptions/index.js"
+}

package/content/Table/__stories__/TableCaptions.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const TableCaptions: (_: any) => React.JSX.Element;
+export declare const TableCaptions: () => React.JSX.Element;
 export default TableCaptions;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/TableCaptions.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { TableContainer, Table, TableCaption } from '@digigov/ui/content/Table';\n\nexport const TableCaptions = () => {\n  return (\n    <TableContainer>\n      <Table>\n        <TableCaption size=\"xl\">\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 xl</TableCaption>\n        <TableCaption size=\"lg\">\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 lg</TableCaption>\n        <TableCaption size=\"md\">\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 md</TableCaption>\n        <TableCaption size=\"sm\">\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A0\u03AF\u03BD\u03B1\u03BA\u03B1 sm</TableCaption>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default TableCaptions;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,gBAAgB,OAAO,oBAAoB;AAE7C,MAAM,gBAAgB,MAAM;AACjC,SACE,oCAAC,sBACC,oCAAC,aACC,oCAAC,gBAAa,MAAK,QAAK,8EAAgB,GACxC,oCAAC,gBAAa,MAAK,QAAK,8EAAgB,GACxC,oCAAC,gBAAa,MAAK,QAAK,8EAAgB,GACxC,oCAAC,gBAAa,MAAK,QAAK,8EAAgB,CAC1C,CACF;AAEJ;AACA,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,50 @@
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+  TableCaption
+} from "@digigov/ui/content/Table";
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
+  },
+  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"
+    }
+  ]
+};
+const VerticalBorders = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, { verticalBorders: true }, 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)))))));
+};
+var VerticalBorders_default = VerticalBorders;
+export {
+  VerticalBorders,
+  VerticalBorders_default as default
+};
+//# sourceMappingURL=VerticalBorders.js.map

package/content/Table/__stories__/VerticalBorders/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/VerticalBorders/index.js"
+}

package/content/Table/__stories__/VerticalBorders.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const VerticalBorders: (_: any) => React.JSX.Element;
+export declare const VerticalBorders: () => React.JSX.Element;
 export default VerticalBorders;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/VerticalBorders.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  TableContainer,\n  Table,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableCaption,\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 VerticalBorders = () => {\n  return (\n    <TableContainer>\n      <Table verticalBorders>\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 VerticalBorders;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,kBAAkB,MAAM;AACnC,SACE,oCAAC,sBACC,oCAAC,SAAM,iBAAe,QACnB,QACC,0DACE,oCAAC,oBAAc,KAAK,KAAM,GAC1B,oCAAC,iBACC,oCAAC,gBACE,KAAK,UACJ,OAAO,KAAK,KAAK,MAAM,EAAE,IAAI,CAAC,QAC5B,oCAAC,iBAAc,OAAW,KAAK,OAAO,GAAG,CAAE,CAC5C,CACL,CACF,GACA,oCAAC,iBACE,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,SACpC,KAAK,KACR,CACF,CACD,CACL,CACF,CAEJ,CACF;AAEJ;AACA,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+  TableCaption
+} from "@digigov/ui/content/Table";
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
+  },
+  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"
+    }
+  ]
+};
+const VerticalHeaders = () => {
+  return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, null, 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(TableHeadCell, { "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)))))));
+};
+var VerticalHeaders_default = VerticalHeaders;
+export {
+  VerticalHeaders,
+  VerticalHeaders_default as default
+};
+//# sourceMappingURL=VerticalHeaders.js.map

package/content/Table/__stories__/VerticalHeaders/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/VerticalHeaders/index.js"
+}

package/content/Table/__stories__/VerticalHeaders.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const VerticalHeaders: (_: any) => React.JSX.Element;
+export declare const VerticalHeaders: () => React.JSX.Element;
 export default VerticalHeaders;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/VerticalHeaders.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  TableContainer,\n  Table,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableCaption,\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};\n\nexport const VerticalHeaders = () => {\n  return (\n    <TableContainer>\n      <Table>\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                    <TableHeadCell data-label={data.labels.name}>\n                      {item.name}\n                    </TableHeadCell>\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 VerticalHeaders;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,kBAAkB,MAAM;AACnC,SACE,oCAAC,sBACC,oCAAC,aACE,QACC,0DACE,oCAAC,oBAAc,KAAK,KAAM,GAC1B,oCAAC,iBACC,oCAAC,gBACE,KAAK,UACJ,OAAO,KAAK,KAAK,MAAM,EAAE,IAAI,CAAC,QAC5B,oCAAC,iBAAc,OAAW,KAAK,OAAO,GAAG,CAAE,CAC5C,CACL,CACF,GACA,oCAAC,iBACE,KAAK,WACJ,KAAK,QAAQ,IAAI,CAAC,MAAM,UACtB,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,QACpC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,KAAK,OAAO,SACpC,KAAK,KACR,CACF,CACD,CACL,CACF,CAEJ,CACF;AAEJ;AACA,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,61 @@
+import React from "react";
+import {
+  Table,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
+import { TableFloatingScroll } from "@digigov/ui/content/Table/TableFloatingScroll";
+import {
+  Dropdown,
+  DropdownButton,
+  DropdownContent
+} from "@digigov/ui/navigation/Dropdown";
+import NavList, { NavListItemAction } from "@digigov/ui/navigation/NavList";
+const labels = {
+  name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+  email: "Email",
+  phone: "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF",
+  role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+  status: "\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7",
+  actions: "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2",
+  at: "\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2",
+  zip: "\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2",
+  address: "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7",
+  city: "\u03A0\u03CC\u03BB\u03B7",
+  country: "\u03A7\u03CE\u03C1\u03B1",
+  active: "\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2",
+  last_login: "\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7",
+  last_login_agent: "\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1",
+  last_login_ip: "\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP",
+  afm: "\u0391\u03A6\u039C"
+};
+const data = new Array(20).fill({
+  name: "\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2",
+  afm: "1111111114",
+  role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+  at: "1212121",
+  email: "myhomeemail@gov.gr",
+  phone: "22222222",
+  address: "\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2",
+  city: "\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE",
+  country: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1",
+  zip: "222233",
+  active: "\u039D\u03B1\u03B9",
+  last_login: "12/12/12",
+  last_login_ip: "0.0.0.0",
+  last_login_agent: "Firefox"
+});
+const WithFloatingScroll = () => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableFloatingScroll, null, /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ React.createElement(TableHeadCell, { key }, labels[key])), /* @__PURE__ */ React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"))), /* @__PURE__ */ React.createElement(TableBody, null, data && data.map((dt, index) => {
+    return /* @__PURE__ */ React.createElement(TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ React.createElement(TableDataCell, { key }, dt[key])), /* @__PURE__ */ React.createElement(TableDataCell, null, /* @__PURE__ */ React.createElement(Dropdown, { float: true, align: "right", placement: "bottom" }, /* @__PURE__ */ React.createElement(DropdownButton, { variant: "link" }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /* @__PURE__ */ React.createElement(DropdownContent, null, /* @__PURE__ */ React.createElement(NavList, { layout: "vertical" }, /* @__PURE__ */ React.createElement(NavListItemAction, { href: "#" }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /* @__PURE__ */ React.createElement(NavListItemAction, { href: "#" }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"))))));
+  })))));
+};
+var WithFloatingScroll_default = WithFloatingScroll;
+export {
+  WithFloatingScroll,
+  WithFloatingScroll_default as default
+};
+//# sourceMappingURL=WithFloatingScroll.js.map

package/content/Table/__stories__/WithFloatingScroll/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/WithFloatingScroll/index.js"
+}

package/content/Table/__stories__/WithFloatingScroll.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithFloatingScroll: (_: any) => React.JSX.Element;
+export declare const WithFloatingScroll: () => React.JSX.Element;
 export default WithFloatingScroll;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/WithFloatingScroll.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  Table,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nimport { TableFloatingScroll } from '@digigov/ui/content/Table/TableFloatingScroll';\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport NavList, { NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nconst labels = {\n  name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n  email: 'Email',\n  phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n  role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n  actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n  zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n  address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n  city: '\u03A0\u03CC\u03BB\u03B7',\n  country: '\u03A7\u03CE\u03C1\u03B1',\n  active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n  last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n  last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n  last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n  afm: '\u0391\u03A6\u039C',\n};\n\nconst data = new Array(20).fill({\n  name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n  afm: '1111111114',\n  role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n  at: '1212121',\n  email: 'myhomeemail@gov.gr',\n  phone: '22222222',\n  address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n  city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n  country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n  zip: '222233',\n  active: '\u039D\u03B1\u03B9',\n  last_login: '12/12/12',\n  last_login_ip: '0.0.0.0',\n  last_login_agent: 'Firefox',\n});\n\nexport const WithFloatingScroll = () => {\n  return (\n    <>\n      <TableFloatingScroll>\n        <Table>\n          <TableHead>\n            <TableRow>\n              {Object.keys(data[0]).map((key) => (\n                <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n              ))}\n              <TableHeadCell>\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2</TableHeadCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {data &&\n              data.map((dt, index) => {\n                return (\n                  <TableRow key={index}>\n                    {Object.keys(dt).map((key) => (\n                      <TableDataCell key={key}>{dt[key]}</TableDataCell>\n                    ))}\n                    <TableDataCell>\n                      <Dropdown float align=\"right\" placement=\"bottom\">\n                        <DropdownButton variant=\"link\">\n                          \u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2\n                        </DropdownButton>\n                        <DropdownContent>\n                          <NavList layout=\"vertical\">\n                            <NavListItemAction href=\"#\">\n                              \u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1\n                            </NavListItemAction>\n                            <NavListItemAction href=\"#\">\n                              \u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE\n                            </NavListItemAction>\n                          </NavList>\n                        </DropdownContent>\n                      </Dropdown>\n                    </TableDataCell>\n                  </TableRow>\n                );\n              })}\n          </TableBody>\n        </Table>\n      </TableFloatingScroll>\n    </>\n  );\n};\nexport default WithFloatingScroll;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,WAAW,yBAAyB;AAE3C,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO,IAAI,MAAM,EAAE,EAAE,KAAK;AAAA,EAC9B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,kBAAkB;AACpB,CAAC;AAEM,MAAM,qBAAqB,MAAM;AACtC,SACE,0DACE,oCAAC,2BACC,oCAAC,aACC,oCAAC,iBACC,oCAAC,gBACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,oCAAC,iBAAc,OAAW,OAAO,GAAG,CAAE,CACvC,GACD,oCAAC,qBAAc,wDAAS,CAC1B,CACF,GACA,oCAAC,iBACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,oCAAC,YAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,oCAAC,iBAAc,OAAW,GAAG,GAAG,CAAE,CACnC,GACD,oCAAC,qBACC,oCAAC,YAAS,OAAK,MAAC,OAAM,SAAQ,WAAU,YACtC,oCAAC,kBAAe,SAAQ,UAAO,wDAE/B,GACA,oCAAC,uBACC,oCAAC,WAAQ,QAAO,cACd,oCAAC,qBAAkB,MAAK,OAAI,oEAE5B,GACA,oCAAC,qBAAkB,MAAK,OAAI,kDAE5B,CACF,CACF,CACF,CACF,CACF;AAAA,EAEJ,CAAC,CACL,CACF,CACF,CACF;AAEJ;AACA,IAAO,6BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,66 @@
+import React, { useState } from "react";
+import { CircularProgress, LoaderContainer } from "@digigov/ui/app/Loader";
+import {
+  TableLoaderBackground,
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+  TableNoDataRow
+} from "@digigov/ui/content/Table";
+import { Button } from "@digigov/ui/form/Button";
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
+  },
+  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"
+    }
+  ]
+};
+const WithLoader = () => {
+  const [tableData, setTableData] = useState();
+  const [loading, setLoading] = useState(false);
+  setTimeout(() => {
+    setTableData(data);
+  }, 2e3);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableContainer, null, !tableData ? /* @__PURE__ */ React.createElement(LoaderContainer, null, /* @__PURE__ */ React.createElement(CircularProgress, null)) : /* @__PURE__ */ React.createElement(Table, null, tableData && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableCaption, null, tableData.title), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, tableData.labels && Object.keys(tableData.labels).map((key) => /* @__PURE__ */ React.createElement(TableHeadCell, { key }, tableData.labels[key])))), /* @__PURE__ */ React.createElement(TableBody, null, loading === true && /* @__PURE__ */ React.createElement(TableLoaderBackground, null, /* @__PURE__ */ React.createElement(LoaderContainer, null, /* @__PURE__ */ React.createElement(CircularProgress, null))), tableData.content && tableData.content.length > 0 ? tableData.content.map((item, index) => {
+    return /* @__PURE__ */ React.createElement(TableRow, { key: index }, /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": tableData.labels.name }, item.name), /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": tableData.labels.role }, item.role), /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": tableData.labels.email }, item.email));
+  }) : /* @__PURE__ */ React.createElement(TableNoDataRow, null, "No data"))))), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      color: "secondary",
+      onClick: () => {
+        setLoading(!loading);
+      }
+    },
+    loading ? "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 " : "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 ",
+    "\u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2"
+  ));
+};
+var WithLoader_default = WithLoader;
+export {
+  WithLoader,
+  WithLoader_default as default
+};
+//# sourceMappingURL=WithLoader.js.map

package/content/Table/__stories__/WithLoader/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/Table/__stories__/WithLoader/index.js"
+}

package/content/Table/__stories__/WithLoader.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithLoader: (_: any) => React.JSX.Element;
+export declare const WithLoader: () => React.JSX.Element;
 export default WithLoader;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/WithLoader.tsx"],
+  "sourcesContent": ["// @delay-test-snapshot\nimport React, { useState } from 'react';\nimport { CircularProgress, LoaderContainer } from '@digigov/ui/app/Loader';\nimport {\n  TableLoaderBackground,\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n} from '@digigov/ui/content/Table';\nimport { Button } from '@digigov/ui/form/Button';\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};\n\nexport const WithLoader = () => {\n  const [tableData, setTableData] = useState<any | null>();\n  const [loading, setLoading] = useState(false);\n  setTimeout(() => {\n    setTableData(data);\n  }, 2000);\n\n  return (\n    <>\n      <TableContainer>\n        {!tableData ? (\n          <LoaderContainer>\n            <CircularProgress />\n          </LoaderContainer>\n        ) : (\n          <Table>\n            {tableData && (\n              <>\n                <TableCaption>{tableData.title}</TableCaption>\n                <TableHead>\n                  <TableRow>\n                    {tableData.labels &&\n                      Object.keys(tableData.labels).map((key) => (\n                        <TableHeadCell key={key}>\n                          {tableData.labels[key]}\n                        </TableHeadCell>\n                      ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {loading === true && (\n                    <TableLoaderBackground>\n                      <LoaderContainer>\n                        <CircularProgress />\n                      </LoaderContainer>\n                    </TableLoaderBackground>\n                  )}\n                  {tableData.content && tableData.content.length > 0 ? (\n                    tableData.content.map((item, index) => {\n                      return (\n                        <TableRow key={index}>\n                          <TableDataCell data-label={tableData.labels.name}>\n                            {item.name}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.role}>\n                            {item.role}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.email}>\n                            {item.email}\n                          </TableDataCell>\n                        </TableRow>\n                      );\n                    })\n                  ) : (\n                    <TableNoDataRow>No data</TableNoDataRow>\n                  )}\n                </TableBody>\n              </>\n            )}\n          </Table>\n        )}\n      </TableContainer>\n\n      <Button\n        color=\"secondary\"\n        onClick={() => {\n          setLoading(!loading);\n        }}\n      >\n        {loading ? '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 ' : '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 '}\n        \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2\n      </Button>\n    </>\n  );\n};\nexport default WithLoader;\n"],
+  "mappings": "AACA,OAAO,SAAS,gBAAgB;AAChC,SAAS,kBAAkB,uBAAuB;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAEvB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,aAAW,MAAM;AACf,iBAAa,IAAI;AAAA,EACnB,GAAG,GAAI;AAEP,SACE,0DACE,oCAAC,sBACE,CAAC,YACA,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,IAEA,oCAAC,aACE,aACC,0DACE,oCAAC,oBAAc,UAAU,KAAM,GAC/B,oCAAC,iBACC,oCAAC,gBACE,UAAU,UACT,OAAO,KAAK,UAAU,MAAM,EAAE,IAAI,CAAC,QACjC,oCAAC,iBAAc,OACZ,UAAU,OAAO,GAAG,CACvB,CACD,CACL,CACF,GACA,oCAAC,iBACE,YAAY,QACX,oCAAC,6BACC,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,CACF,GAED,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,SACzC,KAAK,KACR,CACF;AAAA,EAEJ,CAAC,IAED,oCAAC,sBAAe,SAAO,CAE3B,CACF,CAEJ,CAEJ,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,mBAAW,CAAC,OAAO;AAAA,MACrB;AAAA;AAAA,IAEC,UAAU,sDAAc;AAAA,IAAY;AAAA,EAEvC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
+  "names": []
+}