@digigov/ui 0.21.2 → 0.23.0

package/core/SummaryList/__stories__/WithActions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WithActions: () => JSX.Element;
+export default WithActions;

package/core/SummaryList/__stories__/{SummaryListWithActions.js → WithActions.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SummaryListWithActions = void 0;
+exports["default"] = exports.WithActions = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,28 +17,26 @@ var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyH
 
 var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
-var _reactCore = require("@digigov/react-core");
-
 var _core = require("@digigov/ui/core");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, " \u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
   href: "#"
 }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
   href: "#"
-}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B72"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-  href: "#"
-}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-  href: "#"
-}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u0394\u03BF\u03BA\u03B9\u03BC\u03AE ", /*#__PURE__*/_react["default"].createElement(_reactCore.ArrowIcon, null)))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/_react["default"].createElement(_core.Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE2")))));
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  variant: "link"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  variant: "link"
+}, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"))))));
 
-var SummaryListWithActions = function SummaryListWithActions() {
+var WithActions = function WithActions() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
 };
 
-exports.SummaryListWithActions = SummaryListWithActions;
-var _default = SummaryListWithActions;
+exports.WithActions = WithActions;
+var _default = WithActions;
 exports["default"] = _default;

package/core/SummaryList/__stories__/WithoutBorders.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WithoutBorders: () => JSX.Element;
+export default WithoutBorders;

package/core/SummaryList/__stories__/{SummaryListWithoutBorders.js → WithoutBorders.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SummaryListWithoutBorders = void 0;
+exports["default"] = exports.WithoutBorders = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,12 +19,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], {
   border: false
-}, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "699876543")));
+}, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
 
-var SummaryListWithoutBorders = function SummaryListWithoutBorders() {
+var WithoutBorders = function WithoutBorders() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
 };
 
-exports.SummaryListWithoutBorders = SummaryListWithoutBorders;
-var _default = SummaryListWithoutBorders;
+exports.WithoutBorders = WithoutBorders;
+var _default = WithoutBorders;
 exports["default"] = _default;

package/core/SummaryList/index.mdx

@@ -1,80 +1,32 @@
 ---
-title: Summary List
-parent: docs/ui/components
+id: summary-list
+title: SummaryList
 ---
 
-import {
-  SummaryList,
-  SummaryListItem,
-  SummaryListItemKey,
-  SummaryListItemValue,
-  SummaryListItemAction,
-} from '@digigov/ui/core/SummaryList';
+# SummaryList
 
-## Example
+Use the summary list to summarise information, for example, a user’s responses at the end of a form.
+ 
 
-```jsx live path=core/SummaryList/index.tsx
-<SummaryList>
-  <SummaryListItem>
-    <SummaryListItemKey>Όνομα</SummaryListItemKey>
-    <SummaryListItemValue> Μάριος</SummaryListItemValue>
-    <SummaryListItemAction> Αλλαγή</SummaryListItemAction>
-  </SummaryListItem>
-  <SummaryListItem>
-    <SummaryListItemKey>Επώνυμο</SummaryListItemKey>
-    <SummaryListItemValue>Μενεξές</SummaryListItemValue>
-  </SummaryListItem>
-</SummaryList>
-```
 
-<br />
+```bash
+import SummaryList from '@digigov/ui/core/SummaryList';
+``` 
 
-## When to use this component
+## How to use
 
-Use the SummaryList component to present pairs of related information, known
-as key-value pairs, in a list.
-
-> The key is a description or label of a piece of
-> information, like `Name`, and the value is the piece of information itself,
-> like `John Smith`.
-
-## When not to use this component
-
-Only use it to present information that has a key and at least one value.
-
-Do not use it for tabular data or a simple list of information or tasks, like
-a task list.
-
-## How it works
+<Story packageName="@digigov/ui" component="core/SummaryList" story="Default.tsx" />
 
 ### Summary list with actions
 
-You can add actions to a summary list, like a ‘Change’ link to let users go
-back and edit their answer.
-
-For sighted users, the actions get their context from the other content in the
-row they appear in.
-
-Assistive technology users, like those who use a screen reader, may hear the
-links out of context and not know what they do. To give more context, add
-visually hidden text to the links. This means a screen reader user will hear
-a meaningful action, like `Change name` or `Change date of birth`.
-
-## API
+Assistive technology users, like those who use a screen reader, may hear the links out of context and not know what they do. 
+To give more context, add visually hidden text to the links. 
+This means a screen reader user will hear a meaningful action, like ‘Αλλαγή ονόματος’ or ‘Αλλαγή ημερομηνίας γέννησης’.
 
-### Properties
+<Story packageName="@digigov/ui" component="core/SummaryList" story="WithActions.tsx" />
 
-<PropsDoc data={SummaryList.__doc__} />
-<PropsDoc data={SummaryListItem.__doc__} />
-<PropsDoc data={SummaryListItemKey.__doc__} />
-<PropsDoc data={SummaryListItemValue.__doc__} />
-<PropsDoc data={SummaryListItemAction.__doc__} />
-<br />
+### Summary list without borders
 
-### Styles
+If you do not include actions in your summary list and it would be better for your design to remove the separating borders, use the `border={false}` prop.
 
-<StylesDoc data={SummaryList.__doc__} />
-<StylesDoc data={SummaryListItem.__doc__} />
-<StylesDoc data={SummaryListItemKey.__doc__} />
-<StylesDoc data={SummaryListItemValue.__doc__} />
-<StylesDoc data={SummaryListItemAction.__doc__} />
+<Story packageName="@digigov/ui" component="core/SummaryList" story="WithoutBorders.tsx" />

package/core/Table/Table.stories.d.ts

@@ -4,6 +4,7 @@ declare namespace _default {
 }
 export default _default;
 export * from "./__stories__/Default";
+export * from "./__stories__/TableCaptions";
 export * from "./__stories__/NoData";
 export * from "./__stories__/VerticalHeaders";
 export * from "./__stories__/ZebraProp";

package/core/Table/Table.stories.js

@@ -24,6 +24,20 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _TableCaptions = require("./__stories__/TableCaptions");
+
+Object.keys(_TableCaptions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableCaptions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableCaptions[key];
+    }
+  });
+});
+
 var _NoData = require("./__stories__/NoData");
 
 Object.keys(_NoData).forEach(function (key) {

package/core/Table/TableFloatingScroll.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function TableFloatingScroll(props: any): JSX.Element;
+export default TableFloatingScroll;

package/core/Table/TableFloatingScroll.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableFloatingScroll = TableFloatingScroll;
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function TableFloatingScroll(props) {
+  var ref = (0, _react.useRef)(null);
+  var contentRef = (0, _react.useRef)(null);
+  var scrollBlockRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      containerWidth = _useState4[0],
+      setContainerWidth = _useState4[1];
+
+  var _useState5 = (0, _react.useState)('relative'),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      position = _useState6[0],
+      setPosition = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    var _ref$current;
+
+    contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild; // @ts-ignore
+
+    setContainerWidth(ref.current.offsetWidth);
+    setWidth(contentRef.current.scrollWidth);
+    var elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
+
+    function onBodyScroll() {
+      var currentScroll = window.pageYOffset + window.innerHeight; // @ts-ignore
+
+      if (currentScroll < elementOffset && currentScroll > contentRef.current.offsetTop) {
+        setPosition('fixed'); // @ts-ignore
+      } else if (currentScroll >= elementOffset || currentScroll <= contentRef.current.offsetTop) {
+        setPosition('relative');
+      }
+    }
+
+    function onBlockScroll() {
+      // @ts-ignore
+      ref.current.scrollLeft = scrollBlockRef.current.scrollLeft;
+    } // @ts-ignore
+
+
+    scrollBlockRef.current.addEventListener('scroll', onBlockScroll);
+    document.addEventListener('scroll', onBodyScroll);
+    window.addEventListener('resize', function () {
+      // @ts-ignore
+      setContainerWidth(ref.current.offsetWidth); // @ts-ignore
+
+      setWidth(contentRef.current.scrollWidth);
+    });
+    return function () {
+      // @ts-ignore
+      scrollBlockRef.current.removeEventListener('scroll', onBlockScroll);
+      document.removeEventListener('scroll', onBodyScroll);
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    style: {
+      maxWidth: '100%',
+      overflowX: 'scroll'
+    }
+  }, props.children), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      overflow: 'auto',
+      height: '35px',
+      marginTop: '-35px',
+      position: position,
+      maxWidth: "".concat(containerWidth, "px"),
+      bottom: 0
+    },
+    ref: scrollBlockRef
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      width: "".concat(width, "px"),
+      overflow: 'hidden'
+    }
+  })));
+}
+
+var _default = TableFloatingScroll;
+exports["default"] = _default;

package/core/Table/__stories__/DarkVariant.js

@@ -13,7 +13,7 @@ var _reactCore = require("@digigov/react-core");
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, {
   variant: "dark"
-}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with dark variant"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2 \u03BA\u03B1\u03B9 \u03C0\u03BF\u03C3\u03AC"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u039C\u03B5\u03B9\u03C9\u03BC\u03AD\u03BD\u03BF \u03C0\u03BF\u03C3\u03CC"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u03A0\u03C1\u03CE\u03C4\u03B5\u03C2 6 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC109.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC69.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B5\u03C2 33 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC99.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC64.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u03A3\u03C5\u03BD\u03BF\u03BB\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC4.282,20 "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC3.282,20")))));
 
 var DarkVariant = function DarkVariant() {
   return _ref;

package/core/Table/__stories__/Default.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactCore = require("@digigov/react-core");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table no props"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "First 6 weeks"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC109.80")))));
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2 \u03BA\u03B1\u03B9 \u03C0\u03BF\u03C3\u03AC"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "\u039C\u03B5\u03B9\u03C9\u03BC\u03AD\u03BD\u03BF \u03C0\u03BF\u03C3\u03CC"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u03A0\u03C1\u03CE\u03C4\u03B5\u03C2 6 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC109.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC69.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B5\u03C2 33 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC99.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC64.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u03A3\u03C5\u03BD\u03BF\u03BB\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, "\u20AC4.282,20 "), /*#__PURE__*/_react["default"].createElement(_reactCore.TableDataCell, null, " \u20AC3.282,20")))));
 
 var Default = function Default() {
   return _ref;

package/core/Table/__stories__/NoData.js

@@ -11,7 +11,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactCore = require("@digigov/react-core");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with no data"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableNoDataRow, null, "No data"))));
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table with no data"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Date"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Amount"))), /*#__PURE__*/_react["default"].createElement(_reactCore.TableBody, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableNoDataRow, {
+  "aria-colspan": 100
+}, "No data"))));
 
 var NoData = function NoData() {
   return _ref;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TableCaptions: () => JSX.Element;
+export default TableCaptions;

package/core/Table/__stories__/TableCaptions.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TableCaptions = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Table, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, {
+  size: "xl"
+}, "Table Caption Extra Large"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, {
+  size: "l"
+}, "Table Caption Large"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, {
+  size: "m"
+}, "Table Caption Medium"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, {
+  size: "s"
+}, "Table Caption Small")));
+
+var TableCaptions = function TableCaptions() {
+  return _ref;
+};
+
+exports.TableCaptions = TableCaptions;
+var _default = TableCaptions;
+exports["default"] = _default;

package/core/Table/__stories__/WithLoader.js

@@ -15,7 +15,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactCore = require("@digigov/react-core");
 
-var _admin = require("@digigov/react-extensions/admin/");
+var _TableLoaderBackground = _interopRequireDefault(require("@digigov/ui/admin/TableLoaderBackground"));
+
+var _LoaderContainer = _interopRequireDefault(require("@digigov/ui/admin/LoaderContainer"));
+
+var _CircularProgress = _interopRequireDefault(require("@digigov/ui/admin/CircularProgress"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -25,46 +29,46 @@ var data = [{
   name: 'Dimitris',
   job: 'carpenter',
   year: '5 years',
-  salary: '10.80$'
+  salary: '10.80€'
 }, {
   name: 'Katerina',
   job: 'engineer',
   year: '6 years',
-  salary: '19.60$'
+  salary: '19.60€'
 }, {
   name: 'Vasilis',
   job: 'taxi driver',
   year: '10 years',
-  salary: '12.83$'
+  salary: '12.83€'
 }, {
   name: 'Giorgos',
   job: 'yoga master',
   year: '15 years',
-  salary: '27.80$'
+  salary: '27.80€'
 }, {
   name: 'Giannis',
   job: 'unemployed',
   year: '5 years',
-  salary: '00.00$'
+  salary: '00.00€'
 }, {
   name: 'Katerina',
   job: 'car driver',
   year: '10 years',
-  salary: '11.80$'
+  salary: '11.80€'
 }, {
   name: 'Thanasis',
   job: 'babysitter',
   year: '5 years',
-  salary: '15.80$'
+  salary: '15.80€'
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_admin.LoaderContainer, null, /*#__PURE__*/_react["default"].createElement(_admin.CircularProgress, null));
+var _ref = /*#__PURE__*/_react["default"].createElement(_LoaderContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null));
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement(_reactCore.TableCaption, null, "Table loading test");
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_reactCore.TableHead, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableRow, null, /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Employee name"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Job"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Years"), /*#__PURE__*/_react["default"].createElement(_reactCore.TableHeadCell, null, "Salary")));
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_admin.TableLoaderBackground, null, /*#__PURE__*/_react["default"].createElement(_admin.LoaderContainer, null, /*#__PURE__*/_react["default"].createElement(_admin.CircularProgress, null)));
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_TableLoaderBackground["default"], null, /*#__PURE__*/_react["default"].createElement(_LoaderContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null)));
 
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_reactCore.TableNoDataRow, null, "No data");
 
@@ -91,9 +95,9 @@ var WithLoader = function WithLoader() {
   }) : _ref5))), /*#__PURE__*/_react["default"].createElement(_reactCore.Button, {
     onClick: function onClick() {
       setLoading(true);
-      setTimeout(function () {
+      /* setTimeout(() => {
         setLoading(false);
-      }, 7000);
+      }, 7000); */
     }
   }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03B7\u03BA\u03B7"));
 };

package/core/Table/index.d.ts

@@ -7,3 +7,4 @@ export * from '@digigov/react-core/TableHead';
 export * from '@digigov/react-core/TableHeadCell';
 export * from '@digigov/react-core/TableRow';
 export * from '@digigov/react-core/TableNoDataRow';
+export * from '@digigov/ui/core/Table/TableFloatingScroll';

package/core/Table/index.js

@@ -119,4 +119,17 @@ Object.keys(_TableNoDataRow).forEach(function (key) {
       return _TableNoDataRow[key];
     }
   });
+});
+
+var _TableFloatingScroll = require("@digigov/ui/core/Table/TableFloatingScroll");
+
+Object.keys(_TableFloatingScroll).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableFloatingScroll[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableFloatingScroll[key];
+    }
+  });
 });

package/core/Table/index.mdx

@@ -0,0 +1,59 @@
+---
+id: table
+title: Table
+---
+
+# Table
+
+```bash
+import Table from '@digigov/ui/core/Table';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="core/Table" story="Default.tsx" />
+
+### Table with dark header
+
+<Story packageName="@digigov/ui" component="core/Table" story="DarkVariant.tsx" />
+
+### Table captions
+ 
+Use the `<TableCaption>` element to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables.
+
+<Story packageName="@digigov/ui" component="core/Table" story="TableCaptions.tsx" />
+
+### Numbers in a table
+
+<Story packageName="@digigov/ui" component="core/Table" story="NumericDataType.tsx" />
+
+### Zebra rows
+
+<Story packageName="@digigov/ui" component="core/Table" story="ZebraProp.tsx" />
+
+### Vertical lines
+
+<Story packageName="@digigov/ui" component="core/Table" story="VerticalBorders.tsx" />
+
+### Dense tables
+
+<Story packageName="@digigov/ui" component="core/Table" story="Densed.tsx" />
+
+### Custom column widths
+
+<Story packageName="@digigov/ui" component="core/Table" story="DefinedWidth.tsx" />
+
+### No data
+
+<Story packageName="@digigov/ui" component="core/Table" story="NoData.tsx" />
+
+### Using loader
+
+<Story packageName="@digigov/ui" component="core/Table" story="WithLoader.tsx" />
+
+
+## Accessibility
+
+You can read more about the accessibility patterns used in our Table
+implementation in the ARIA Authoring Practices Guide (APG) at 
+[Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) section.

package/core/Tabs/__stories__/Default.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
 export declare function Default(): JSX.Element;
+export default Default;

package/core/Tabs/__stories__/Default.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Default = Default;
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,7 +20,7 @@ var _VisuallyHidden = _interopRequireDefault(require("@digigov/react-core/Visual
 
 var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
 
-var _Link = _interopRequireDefault(require("../../Link"));
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -45,4 +46,7 @@ function Default() {
       panel = _useTabs.panel;
 
   return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsList, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('a'), "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('b'), "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('a'), _ref, _ref2), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('b'), _ref3, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
-}
+}
+
+var _default = Default;
+exports["default"] = _default;