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

package/content/Table/Table.stories/index.js

@@ -1,26 +1,30 @@
-import Table from '@digigov/ui/content/Table';
-export default {
-  title: 'Digigov UI/content/Table',
-  description: 'Use the table component to make information easier to compare and scan for users.',
-  link: 'https://guide.services.gov.gr/docs/components/table',
+import Table from "@digigov/ui/content/Table";
+var Table_stories_default = {
+  title: "Digigov UI/content/Table",
+  description: "Use the table component to make information easier to compare and scan for users.",
+  link: "https://guide.services.gov.gr/docs/components/table",
   component: Table,
-  displayName: 'Table'
+  displayName: "Table"
 };
-export * from '@digigov/ui/content/Table/__stories__/Default';
-export * from '@digigov/ui/content/Table/__stories__/TableCaptions';
-export * from '@digigov/ui/content/Table/__stories__/NoData';
-export * from '@digigov/ui/content/Table/__stories__/VerticalHeaders';
-export * from '@digigov/ui/content/Table/__stories__/ZebraProp';
-export * from '@digigov/ui/content/Table/__stories__/NumericDataType';
-export * from '@digigov/ui/content/Table/__stories__/VerticalBorders';
-export * from '@digigov/ui/content/Table/__stories__/Stacked';
-export * from '@digigov/ui/content/Table/__stories__/DarkVariant';
-export * from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';
-export * from '@digigov/ui/content/Table/__stories__/WithLoader';
-export * from '@digigov/ui/content/Table/__stories__/DefinedWidth';
-export * from '@digigov/ui/content/Table/__stories__/Densed';
-export * from '@digigov/ui/content/Table/__stories__/RowColors';
-export * from '@digigov/ui/content/Table/__stories__/MultipleProps';
-export * from '@digigov/ui/content/Table/__stories__/WithSortFilters';
-export * from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';
-export * from '@digigov/ui/content/Table/__stories__/Full';
+export * from "@digigov/ui/content/Table/__stories__/Default";
+export * from "@digigov/ui/content/Table/__stories__/TableCaptions";
+export * from "@digigov/ui/content/Table/__stories__/NoData";
+export * from "@digigov/ui/content/Table/__stories__/VerticalHeaders";
+export * from "@digigov/ui/content/Table/__stories__/ZebraProp";
+export * from "@digigov/ui/content/Table/__stories__/NumericDataType";
+export * from "@digigov/ui/content/Table/__stories__/VerticalBorders";
+export * from "@digigov/ui/content/Table/__stories__/Stacked";
+export * from "@digigov/ui/content/Table/__stories__/DarkVariant";
+export * from "@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders";
+export * from "@digigov/ui/content/Table/__stories__/WithLoader";
+export * from "@digigov/ui/content/Table/__stories__/DefinedWidth";
+export * from "@digigov/ui/content/Table/__stories__/Densed";
+export * from "@digigov/ui/content/Table/__stories__/RowColors";
+export * from "@digigov/ui/content/Table/__stories__/MultipleProps";
+export * from "@digigov/ui/content/Table/__stories__/WithSortFilters";
+export * from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
+export * from "@digigov/ui/content/Table/__stories__/Full";
+export {
+  Table_stories_default as default
+};
+//# sourceMappingURL=Table.stories.js.map

package/content/Table/Table.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Table/Table.stories.js"],
+  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport * from '@digigov/ui/content/Table/__stories__/Default';\nexport * from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport * from '@digigov/ui/content/Table/__stories__/NoData';\nexport * from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport * from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport * from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport * from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport * from '@digigov/ui/content/Table/__stories__/Stacked';\nexport * from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport * from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport * from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport * from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport * from '@digigov/ui/content/Table/__stories__/Densed';\nexport * from '@digigov/ui/content/Table/__stories__/RowColors';\nexport * from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport * from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport * from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport * from '@digigov/ui/content/Table/__stories__/Full';\n"],
+  "mappings": "AAAA;AACA,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/content/Table/TableFloatingScroll/index.js

@@ -1,81 +1,62 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useRef, useState } from 'react';
-export function TableFloatingScroll(props) {
-  var ref = useRef(null);
-  var contentRef = useRef(null);
-  var scrollBlockRef = useRef(null);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    width = _useState2[0],
-    setWidth = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    containerWidth = _useState4[0],
-    setContainerWidth = _useState4[1];
-  var _useState5 = useState('relative'),
-    _useState6 = _slicedToArray(_useState5, 2),
-    position = _useState6[0],
-    setPosition = _useState6[1];
-  useEffect(function () {
-    var _ref$current;
-    var scrollBlockRefInstance = scrollBlockRef.current;
-    contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild;
-    // @ts-ignore
+import React, {useEffect, useRef, useState} from "react";
+function TableFloatingScroll(props) {
+  const ref = useRef(null);
+  const contentRef = useRef(null);
+  const scrollBlockRef = useRef(null);
+  const [width, setWidth] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [position, setPosition] = useState("relative");
+  useEffect(() => {
+    const scrollBlockRefInstance = scrollBlockRef.current;
+    contentRef.current = ref.current?.firstChild;
     setContainerWidth(ref.current.offsetWidth);
     setWidth(contentRef.current.scrollWidth);
-    var elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
+    const elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
     function onBodyScroll() {
-      var currentScroll = window.pageYOffset + window.innerHeight;
-      if (currentScroll < elementOffset &&
-      // @ts-ignore
-      currentScroll > contentRef.current.offsetTop) {
-        setPosition('fixed');
-      } else if (currentScroll >= elementOffset ||
-      // @ts-ignore
-      currentScroll <= contentRef.current.offsetTop) {
-        setPosition('relative');
+      const currentScroll = window.pageYOffset + window.innerHeight;
+      if (currentScroll < elementOffset && currentScroll > contentRef.current.offsetTop) {
+        setPosition("fixed");
+      } else if (currentScroll >= elementOffset || currentScroll <= contentRef.current.offsetTop) {
+        setPosition("relative");
       }
     }
     function onBlockScroll() {
-      // @ts-ignore
       ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;
     }
-    // @ts-ignore
-    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);
-    document.addEventListener('scroll', onBodyScroll);
-    window.addEventListener('resize', function () {
-      // @ts-ignore
+    scrollBlockRefInstance.addEventListener("scroll", onBlockScroll);
+    document.addEventListener("scroll", onBodyScroll);
+    window.addEventListener("resize", () => {
       setContainerWidth(ref.current.offsetWidth);
-      // @ts-ignore
       setWidth(contentRef.current.scrollWidth);
     });
-    return function () {
-      // @ts-ignore
-      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);
-      document.removeEventListener('scroll', onBodyScroll);
+    return () => {
+      scrollBlockRefInstance.removeEventListener("scroll", onBlockScroll);
+      document.removeEventListener("scroll", onBodyScroll);
     };
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    ref,
     style: {
-      maxWidth: '100%',
-      overflowX: 'scroll'
+      maxWidth: "100%",
+      overflowX: "scroll"
     }
-  }, props.children), /*#__PURE__*/React.createElement("div", {
+  }, props.children), /* @__PURE__ */ React.createElement("div", {
     style: {
-      overflow: 'auto',
-      height: '35px',
-      marginTop: '-35px',
-      position: position,
-      maxWidth: "".concat(containerWidth, "px"),
+      overflow: "auto",
+      height: "35px",
+      marginTop: "-35px",
+      position,
+      maxWidth: `${containerWidth}px`,
       bottom: 0
     },
     ref: scrollBlockRef
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: "".concat(width, "px"),
-      overflow: 'hidden'
-    }
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: {width: `${width}px`, overflow: "hidden"}
   })));
 }
-export default TableFloatingScroll;
+var TableFloatingScroll_default = TableFloatingScroll;
+export {
+  TableFloatingScroll,
+  TableFloatingScroll_default as default
+};
+//# sourceMappingURL=TableFloatingScroll.js.map

package/content/Table/TableFloatingScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Table/TableFloatingScroll.tsx"],
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      // @ts-ignore\n      setContainerWidth(ref.current.offsetWidth);\n      // @ts-ignore\n      setWidth(contentRef.current.scrollWidth);\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
+  "mappings": "AAAA;AAEO,6BAA6B,OAAO;AACzC,QAAM,MAAM,OAAuB;AACnC,QAAM,aAAa,OAA2B;AAC9C,QAAM,iBAAiB,OAAuB;AAC9C,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,CAAC,gBAAgB,qBAAqB,SAAS;AACrD,QAAM,CAAC,UAAU,eAAe,SAA+B;AAC/D,YAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ;AAC9B,aAAS,WAAW,QAAQ;AAC5B,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,4BAAwB;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB,iBAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY;AAAA,iBAEZ,iBAAiB,iBAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY;AAAA;AAAA;AAGhB,6BAAyB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA;AAGlD,2BAAuB,iBAAiB,UAAU;AAClD,aAAS,iBAAiB,UAAU;AACpC,WAAO,iBAAiB,UAAU,MAAM;AAEtC,wBAAkB,IAAI,QAAQ;AAE9B,eAAS,WAAW,QAAQ;AAAA;AAE9B,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU;AACrD,eAAS,oBAAoB,UAAU;AAAA;AAAA,KAExC;AACH,SACE,0DACE,oCAAC,OAAD;AAAA,IACE;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA;AAAA,KAGZ,MAAM,WAET,oCAAC,OAAD;AAAA,IACE,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX;AAAA,MACA,UAAU,GAAG;AAAA,MACb,QAAQ;AAAA;AAAA,IAEV,KAAK;AAAA,KAEL,oCAAC,OAAD;AAAA,IAAK,OAAO,CAAE,OAAO,GAAG,WAAW,UAAU;AAAA;AAAA;AAKrD,IAAO,8BAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/DarkVariant.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n    },\n  ],\n};\n\nexport const DarkVariant = () => {\n  return (\n    <TableContainer>\n      <Table headerVariant=\"dark\">\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 DarkVariant;\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,cAAc,MAAM;AAC/B,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD;AAAA,IAAO,eAAc;AAAA,KAClB,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,sBAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/DarkVariantWithVerticalHeaders.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n    },\n  ],\n};\n\nexport const DarkVariantWithVerticalHeaders = () => {\n  return (\n    <TableContainer>\n      <Table headerVariant=\"dark\">\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 DarkVariantWithVerticalHeaders;\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,iCAAiC,MAAM;AAClD,SACE,oCAAC,gBAAD,MACE,oCAAC,OAAD;AAAA,IAAO,eAAc;AAAA,KAClB,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,yCAAQ;",
+  "names": []
+}

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

@@ -1,41 +1,55 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/content/Table';
-var data = {
-  title: 'Χρήστες',
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
   labels: {
-    name: 'Ονοματεπώνυμο',
-    role: 'Ρόλος',
-    email: 'Email'
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email"
   },
-  content: [{
-    name: 'Μάριος Μενεξές',
-    role: 'Χειριστής',
-    email: 'marios@mail.com'
-  }, {
-    name: 'Καλλιόπη Παπαδοπούλου',
-    role: 'Χειριστής',
-    email: 'kalliopi@mail.com'
-  }, {
-    name: 'Μαρία Φλούπη',
-    role: 'Διαχειριστής',
-    email: 'maria@mail.com'
-  }]
+  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 Default = function Default() {
-  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(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));
-  })))));
+const Default = () => {
+  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(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 Default;
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
+};
+//# sourceMappingURL=Default.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/Table/__stories__/Default.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 Default = () => {\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                    <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 Default;\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,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,kBAAQ;",
+  "names": []
+}