@digigov/ui 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/content/SummaryList/index.js

@@ -1,79 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _SummaryList = require("@digigov/react-core/SummaryList");
-
-Object.keys(_SummaryList).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SummaryList[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SummaryList[key];
-    }
-  });
-});
-
-var _SummaryListItemAction = require("@digigov/react-core/SummaryListItemAction");
-
-Object.keys(_SummaryListItemAction).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SummaryListItemAction[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SummaryListItemAction[key];
-    }
-  });
-});
-
-var _SummaryListItem = require("@digigov/react-core/SummaryListItem");
-
-Object.keys(_SummaryListItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SummaryListItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SummaryListItem[key];
-    }
-  });
-});
-
-var _SummaryListItemKey = require("@digigov/react-core/SummaryListItemKey");
-
-Object.keys(_SummaryListItemKey).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SummaryListItemKey[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SummaryListItemKey[key];
-    }
-  });
-});
-
-var _SummaryListItemValue = require("@digigov/react-core/SummaryListItemValue");
-
-Object.keys(_SummaryListItemValue).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _SummaryListItemValue[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _SummaryListItemValue[key];
-    }
-  });
-});
-var _default = _SummaryList.SummaryList;
-exports["default"] = _default;
+import { SummaryList } from '@digigov/react-core/SummaryList';
+export * from '@digigov/react-core/SummaryList';
+export * from '@digigov/react-core/SummaryListItemAction';
+export * from '@digigov/react-core/SummaryListItem';
+export * from '@digigov/react-core/SummaryListItemKey';
+export * from '@digigov/react-core/SummaryListItemValue';
+export default SummaryList;

package/content/SummaryList/index.spec.js

@@ -1,19 +1,9 @@
-"use strict";
+import * as React from 'react';
+import { mount } from 'enzyme';
+import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction } from "./";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _SummaryList = require("@digigov/ui/content/SummaryList");
-
-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.createElement(_SummaryList.SummaryList, null, /*#__PURE__*/React.createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/React.createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(_SummaryList.SummaryListItemValue, null, " \u039C\u03AC\u03C1\u03B9\u03BF\u03C2"), /*#__PURE__*/React.createElement(_SummaryList.SummaryListItemAction, null, " \u0391\u03BB\u03BB\u03B1\u03B3\u03AE")), /*#__PURE__*/React.createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/React.createElement(_SummaryList.SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(_SummaryList.SummaryListItemValue, null, "\u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2")));
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, " \u039C\u03AC\u03C1\u03B9\u03BF\u03C2"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, " \u0391\u03BB\u03BB\u03B1\u03B3\u03AE")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0395\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2")));
 
 it('renders the SummaryList with sample data', function () {
-  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+  expect(mount(_ref)).toMatchSnapshot();
 });

package/content/SummaryList/package.json

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

package/content/Table/Table.stories.js

@@ -1,273 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _Table = _interopRequireDefault(require("@digigov/ui/content/Table"));
-
-var _Default = require("./__stories__/Default");
-
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[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) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NoData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NoData[key];
-    }
-  });
-});
-
-var _VerticalHeaders = require("./__stories__/VerticalHeaders");
-
-Object.keys(_VerticalHeaders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VerticalHeaders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _VerticalHeaders[key];
-    }
-  });
-});
-
-var _ZebraProp = require("./__stories__/ZebraProp");
-
-Object.keys(_ZebraProp).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ZebraProp[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ZebraProp[key];
-    }
-  });
-});
-
-var _NumericDataType = require("./__stories__/NumericDataType");
-
-Object.keys(_NumericDataType).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NumericDataType[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NumericDataType[key];
-    }
-  });
-});
-
-var _VerticalBorders = require("./__stories__/VerticalBorders");
-
-Object.keys(_VerticalBorders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VerticalBorders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _VerticalBorders[key];
-    }
-  });
-});
-
-var _Stacked = require("./__stories__/Stacked");
-
-Object.keys(_Stacked).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Stacked[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Stacked[key];
-    }
-  });
-});
-
-var _DarkVariant = require("./__stories__/DarkVariant");
-
-Object.keys(_DarkVariant).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DarkVariant[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DarkVariant[key];
-    }
-  });
-});
-
-var _DarkVariantWithVerticalHeaders = require("./__stories__/DarkVariantWithVerticalHeaders");
-
-Object.keys(_DarkVariantWithVerticalHeaders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DarkVariantWithVerticalHeaders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DarkVariantWithVerticalHeaders[key];
-    }
-  });
-});
-
-var _WithLoader = require("./__stories__/WithLoader");
-
-Object.keys(_WithLoader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithLoader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithLoader[key];
-    }
-  });
-});
-
-var _DefinedWidth = require("./__stories__/DefinedWidth");
-
-Object.keys(_DefinedWidth).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DefinedWidth[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DefinedWidth[key];
-    }
-  });
-});
-
-var _Densed = require("./__stories__/Densed");
-
-Object.keys(_Densed).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Densed[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Densed[key];
-    }
-  });
-});
-
-var _RowColors = require("./__stories__/RowColors");
-
-Object.keys(_RowColors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _RowColors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RowColors[key];
-    }
-  });
-});
-
-var _MultipleProps = require("./__stories__/MultipleProps");
-
-Object.keys(_MultipleProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MultipleProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MultipleProps[key];
-    }
-  });
-});
-
-var _WithSortFilters = require("./__stories__/WithSortFilters");
-
-Object.keys(_WithSortFilters).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithSortFilters[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithSortFilters[key];
-    }
-  });
-});
-
-var _WithFloatingScroll = require("./__stories__/WithFloatingScroll");
-
-Object.keys(_WithFloatingScroll).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithFloatingScroll[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithFloatingScroll[key];
-    }
-  });
-});
-
-var _Full = require("./__stories__/Full");
-
-Object.keys(_Full).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Full[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Full[key];
-    }
-  });
-});
-
 /* eslint-disable digigov/no-relative-imports */
-var _default = {
+import Table from "./";
+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',
-  component: _Table["default"],
+  component: Table,
   displayName: 'Table'
 };
-exports["default"] = _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/TableCaptions";
+export * from "./__stories__/NoData";
+export * from "./__stories__/VerticalHeaders";
+export * from "./__stories__/ZebraProp";
+export * from "./__stories__/NumericDataType";
+export * from "./__stories__/VerticalBorders";
+export * from "./__stories__/Stacked";
+export * from "./__stories__/DarkVariant";
+export * from "./__stories__/DarkVariantWithVerticalHeaders";
+export * from "./__stories__/WithLoader";
+export * from "./__stories__/DefinedWidth";
+export * from "./__stories__/Densed";
+export * from "./__stories__/RowColors";
+export * from "./__stories__/MultipleProps";
+export * from "./__stories__/WithSortFilters";
+export * from "./__stories__/WithFloatingScroll";
+export * from "./__stories__/Full";

package/content/Table/TableFloatingScroll.js

@@ -1,44 +1,26 @@
-"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),
+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 = (0, _react.useState)(0),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
       containerWidth = _useState4[0],
       setContainerWidth = _useState4[1];
 
-  var _useState5 = (0, _react.useState)('relative'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+  var _useState5 = useState('relative'),
+      _useState6 = _slicedToArray(_useState5, 2),
       position = _useState6[0],
       setPosition = _useState6[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var _ref$current;
 
     contentRef.current = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.firstChild; // @ts-ignore
@@ -79,13 +61,13 @@ function TableFloatingScroll(props) {
       document.removeEventListener('scroll', onBodyScroll);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
       maxWidth: '100%',
       overflowX: 'scroll'
     }
-  }, props.children), /*#__PURE__*/_react["default"].createElement("div", {
+  }, props.children), /*#__PURE__*/React.createElement("div", {
     style: {
       overflow: 'auto',
       height: '35px',
@@ -95,13 +77,11 @@ function TableFloatingScroll(props) {
       bottom: 0
     },
     ref: scrollBlockRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: "".concat(width, "px"),
       overflow: 'hidden'
     }
   })));
 }
-
-var _default = TableFloatingScroll;
-exports["default"] = _default;
+export default TableFloatingScroll;

package/content/Table/__stories__/DarkVariant.js

@@ -1,16 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DarkVariant = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Table = require("@digigov/ui/content/Table");
-
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from "./..";
 var data = {
   title: 'Χρήστες',
   labels: {
@@ -36,27 +25,23 @@ var data = {
     email: 'ilektra@mail.com'
   }]
 };
-
-var DarkVariant = function DarkVariant() {
-  return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+export var DarkVariant = function DarkVariant() {
+  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
     headerVariant: "dark"
-  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
+  }, 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["default"].createElement(_Table.TableBody, null, data.content && data.content.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
+  }))), /*#__PURE__*/React.createElement(TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+    }, /*#__PURE__*/React.createElement(TableDataCell, {
       "data-label": data.labels.name
-    }, item.name), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+    }, item.name), /*#__PURE__*/React.createElement(TableDataCell, {
       "data-label": data.labels.role
-    }, item.role), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+    }, item.role), /*#__PURE__*/React.createElement(TableDataCell, {
       "data-label": data.labels.email
     }, item.email));
   })))));
 };
-
-exports.DarkVariant = DarkVariant;
-var _default = DarkVariant;
-exports["default"] = _default;
+export default DarkVariant;

package/content/Table/__stories__/DarkVariantWithVerticalHeaders.js

@@ -1,16 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DarkVariantWithVerticalHeaders = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Table = require("@digigov/ui/content/Table");
-
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from "./..";
 var data = {
   title: 'Χρήστες',
   labels: {
@@ -36,27 +25,23 @@ var data = {
     email: 'ilektra@mail.com'
   }]
 };
-
-var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
-  return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+export var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
+  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
     headerVariant: "dark"
-  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
+  }, 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["default"].createElement(_Table.TableBody, null, data.content && data.content.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
+  }))), /*#__PURE__*/React.createElement(TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
+    }, /*#__PURE__*/React.createElement(TableHeadCell, {
       "data-label": data.labels.name
-    }, item.name), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+    }, item.name), /*#__PURE__*/React.createElement(TableDataCell, {
       "data-label": data.labels.role
-    }, item.role), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+    }, item.role), /*#__PURE__*/React.createElement(TableDataCell, {
       "data-label": data.labels.email
     }, item.email));
   })))));
 };
-
-exports.DarkVariantWithVerticalHeaders = DarkVariantWithVerticalHeaders;
-var _default = DarkVariantWithVerticalHeaders;
-exports["default"] = _default;
+export default DarkVariantWithVerticalHeaders;