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

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;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;AAAA;AAKN,MAAM,UAAU,MAAM;AAC3B,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,kBAAQ;",
+  "names": []
+}

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

@@ -1,15 +1,19 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption } from '@digigov/ui/content/Table';
-var _ref = /*#__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")));
-export var TableCaptions = function TableCaptions() {
-  return _ref;
+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")));
 };
-export default TableCaptions;
+var TableCaptions_default = TableCaptions;
+export {
+  TableCaptions,
+  TableCaptions_default as default
+};
+//# sourceMappingURL=TableCaptions.js.map

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;AAEA;AAEO,MAAM,gBAAgB,MAAM;AACjC,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD,MACE,oCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,KAAK,iFACxB,oCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,KAAK,iFACxB,oCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,KAAK,iFACxB,oCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,KAAK;AAAA;AAKhC,IAAO,wBAAQ;",
+  "names": []
+}

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

@@ -1,47 +1,62 @@
-import React from 'react';
-import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/content/Table';
-var data = {
-  title: 'Χρήστες',
+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: 'Ονοματεπώνυμο',
-    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 VerticalBorders = function VerticalBorders() {
-  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+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(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 VerticalBorders;
+var VerticalBorders_default = VerticalBorders;
+export {
+  VerticalBorders,
+  VerticalBorders_default as default
+};
+//# sourceMappingURL=VerticalBorders.js.map

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;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,kBAAkB,MAAM;AACnC,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD;AAAA,IAAO,iBAAe;AAAA,KACnB,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,0BAAQ;",
+  "names": []
+}

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

@@ -1,41 +1,55 @@
-import React from 'react';
-import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/content/Table';
-var data = {
-  title: 'Χρήστες',
+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: 'Ονοματεπώνυμο',
-    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'
-  }]
+  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"
+    }
+  ]
 };
-export var VerticalHeaders = function 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(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(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));
-  })))));
+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)))))));
 };
-export default VerticalHeaders;
+var VerticalHeaders_default = VerticalHeaders;
+export {
+  VerticalHeaders,
+  VerticalHeaders_default as default
+};
+//# sourceMappingURL=VerticalHeaders.js.map

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;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;AAAA;AAKN,MAAM,kBAAkB,MAAM;AACnC,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD,MACG,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,0BAAQ;",
+  "names": []
+}

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

@@ -1,69 +1,79 @@
-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';
-var labels = {
-  name: 'Ονοματεπώνυμο',
-  email: 'Email',
-  phone: 'Τηλέφωνο',
-  role: 'Ρόλος',
-  status: 'Κατάσταση',
-  actions: 'Ενέργειες',
-  at: 'Αριθμός Ταυτότητας',
-  zip: 'Ταχυδρομικός Κώδικας',
-  address: 'Διεύθυνση',
-  city: 'Πόλη',
-  country: 'Χώρα',
-  active: 'Ενεργός',
-  last_login: 'Τελευταία Σύνδεση',
-  last_login_agent: 'Τελευταία Σύνδεση Αξεσουάρ',
-  last_login_ip: 'Τελευταία Σύνδεση IP',
-  afm: 'ΑΦΜ'
+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"
 };
-var data = new Array(20).fill({
-  name: 'Τάκης Τσούκαλος',
-  afm: '1111111114',
-  role: 'Χειριστής',
-  at: '1212121',
-  email: 'myhomeemail@gov.gr',
-  phone: '22222222',
-  address: 'Αγία Παρασκευής',
-  city: 'Αγία Παρασκευή',
-  country: 'Ελλάδα',
-  zip: '222233',
-  active: 'Ναι',
-  last_login: '12/12/12',
-  last_login_ip: '0.0.0.0',
-  last_login_agent: 'Firefox'
+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"
 });
-var _ref = /*#__PURE__*/React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
-var _ref2 = /*#__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")))));
-export var WithFloatingScroll = function 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(function (key) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
-      key: key
-    }, labels[key]);
-  }), _ref)), /*#__PURE__*/React.createElement(TableBody, null, data && data.map(function (dt, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
+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(function (key) {
-      return /*#__PURE__*/React.createElement(TableDataCell, {
-        key: key
-      }, dt[key]);
-    }), _ref2);
+    }, 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"))))));
   })))));
 };
-export default WithFloatingScroll;
+var WithFloatingScroll_default = WithFloatingScroll;
+export {
+  WithFloatingScroll,
+  WithFloatingScroll_default as default
+};
+//# sourceMappingURL=WithFloatingScroll.js.map

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;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA,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;AAAA;AAGP,MAAM,OAAO,IAAI,MAAM,IAAI,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;AAAA;AAGb,MAAM,qBAAqB,MAAM;AACtC,SACE,0DACE,oCAAC,qBAAD,MACE,oCAAC,OAAD,MACE,oCAAC,WAAD,MACE,oCAAC,UAAD,MACG,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,QACzB,oCAAC,eAAD;AAAA,IAAe;AAAA,KAAW,OAAO,QAEnC,oCAAC,eAAD,MAAe,6DAGnB,oCAAC,WAAD,MACG,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,oCAAC,UAAD;AAAA,MAAU,KAAK;AAAA,OACZ,OAAO,KAAK,IAAI,IAAI,CAAC,QACpB,oCAAC,eAAD;AAAA,MAAe;AAAA,OAAW,GAAG,QAE/B,oCAAC,eAAD,MACE,oCAAC,UAAD;AAAA,MAAU,OAAK;AAAA,MAAC,OAAM;AAAA,MAAQ,WAAU;AAAA,OACtC,oCAAC,gBAAD;AAAA,MAAgB,SAAQ;AAAA,OAAO,2DAG/B,oCAAC,iBAAD,MACE,oCAAC,SAAD;AAAA,MAAS,QAAO;AAAA,OACd,oCAAC,mBAAD;AAAA,MAAmB,MAAK;AAAA,OAAI,uEAG5B,oCAAC,mBAAD;AAAA,MAAmB,MAAK;AAAA,OAAI;AAAA;AAAA;AAgBxD,IAAO,6BAAQ;",
+  "names": []
+}

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

@@ -1,65 +1,72 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from 'react';
-import { CircularProgress } from '@digigov/ui/app/Loader';
-import { LoaderContainer } from '@digigov/ui/app/Loader';
-import { TableLoaderBackground } from '@digigov/ui/content/Table';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow } from '@digigov/ui/content/Table';
-import { Button } from '@digigov/ui/form/Button';
-var data = {
-  title: 'Χρήστες',
+import React, {useState} from "react";
+import {CircularProgress} from "@digigov/ui/app/Loader";
+import {LoaderContainer} from "@digigov/ui/app/Loader";
+import {TableLoaderBackground} from "@digigov/ui/content/Table";
+import {
+  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: 'Ονοματεπώνυμο',
-    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'
-  }]
+  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"
+    }
+  ]
 };
-var _ref = /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, null));
-var _ref2 = /*#__PURE__*/React.createElement(TableLoaderBackground, null, /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, null)));
-var _ref3 = /*#__PURE__*/React.createElement(TableNoDataRow, null, "No data");
-export var WithLoader = function WithLoader() {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    tableData = _useState2[0],
-    setTableData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  setTimeout(function () {
+const WithLoader = () => {
+  const [tableData, setTableData] = useState();
+  const [loading, setLoading] = useState(false);
+  setTimeout(() => {
     setTableData(data);
-  }, 2000);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableContainer, null, !tableData ? _ref : /*#__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(function (key) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
-      key: key
-    }, tableData.labels[key]);
-  }))), /*#__PURE__*/React.createElement(TableBody, null, loading === true && _ref2, tableData.content && tableData.content.length > 0 ? tableData.content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
+  }, 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, {
+    }, /* @__PURE__ */ React.createElement(TableDataCell, {
       "data-label": tableData.labels.name
-    }, item.name), /*#__PURE__*/React.createElement(TableDataCell, {
+    }, item.name), /* @__PURE__ */ React.createElement(TableDataCell, {
       "data-label": tableData.labels.role
-    }, item.role), /*#__PURE__*/React.createElement(TableDataCell, {
+    }, item.role), /* @__PURE__ */ React.createElement(TableDataCell, {
       "data-label": tableData.labels.email
     }, item.email));
-  }) : _ref3)))), /*#__PURE__*/React.createElement(Button, {
+  }) : /* @__PURE__ */ React.createElement(TableNoDataRow, null, "No data"))))), /* @__PURE__ */ React.createElement(Button, {
     color: "secondary",
-    onClick: function onClick() {
+    onClick: () => {
       setLoading(!loading);
     }
-  }, loading ? 'Απόκρυψη ' : 'Εμφάνιση ', "\u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2"));
+  }, 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
 };
-export default WithLoader;
+//# sourceMappingURL=WithLoader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/WithLoader.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { CircularProgress } from '@digigov/ui/app/Loader';\nimport { LoaderContainer } from '@digigov/ui/app/Loader';\nimport { TableLoaderBackground } from '@digigov/ui/content/Table';\nimport {\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": "AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA,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;AAAA;AAKN,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,gBAAgB;AAClC,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,aAAW,MAAM;AACf,iBAAa;AAAA,KACZ;AAEH,SACE,0DACE,oCAAC,gBAAD,MACG,CAAC,YACA,oCAAC,iBAAD,MACE,oCAAC,kBAAD,SAGF,oCAAC,OAAD,MACG,aACC,0DACE,oCAAC,cAAD,MAAe,UAAU,QACzB,oCAAC,WAAD,MACE,oCAAC,UAAD,MACG,UAAU,UACT,OAAO,KAAK,UAAU,QAAQ,IAAI,CAAC,QACjC,oCAAC,eAAD;AAAA,IAAe;AAAA,KACZ,UAAU,OAAO,UAK5B,oCAAC,WAAD,MACG,YAAY,QACX,oCAAC,uBAAD,MACE,oCAAC,iBAAD,MACE,oCAAC,kBAAD,SAIL,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,oCAAC,UAAD;AAAA,MAAU,KAAK;AAAA,OACb,oCAAC,eAAD;AAAA,MAAe,cAAY,UAAU,OAAO;AAAA,OACzC,KAAK,OAER,oCAAC,eAAD;AAAA,MAAe,cAAY,UAAU,OAAO;AAAA,OACzC,KAAK,OAER,oCAAC,eAAD;AAAA,MAAe,cAAY,UAAU,OAAO;AAAA,OACzC,KAAK;AAAA,OAMd,oCAAC,gBAAD,MAAgB,gBAS9B,oCAAC,QAAD;AAAA,IACE,OAAM;AAAA,IACN,SAAS,MAAM;AACb,iBAAW,CAAC;AAAA;AAAA,KAGb,UAAU,sDAAc,qDAAY;AAAA;AAM7C,IAAO,qBAAQ;",
+  "names": []
+}