@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b4257f67

package/cjs/content/Table/Table.stories.js

@@ -0,0 +1,273 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ = _interopRequireDefault(require("./"));
+
+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 = {
+  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: _["default"],
+  displayName: 'Table'
+};
+exports["default"] = _default;

package/cjs/content/Table/TableFloatingScroll.js

@@ -0,0 +1,107 @@
+"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;
+
+      if (currentScroll < elementOffset && // @ts-ignore
+      currentScroll > contentRef.current.offsetTop) {
+        setPosition('fixed');
+      } else if (currentScroll >= elementOffset || // @ts-ignore
+      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/cjs/content/Table/__stories__/DarkVariant.js

@@ -0,0 +1,62 @@
+"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 _ = require("./..");
+
+var data = {
+  title: 'Χρήστες',
+  labels: {
+    name: 'Ονοματεπώνυμο',
+    role: 'Ρόλος',
+    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'
+  }]
+};
+
+var DarkVariant = function DarkVariant() {
+  return /*#__PURE__*/_react["default"].createElement(_.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_.Table, {
+    headerVariant: "dark"
+  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_.TableHead, null, /*#__PURE__*/_react["default"].createElement(_.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+      key: key
+    }, data.labels[key]);
+  }))), /*#__PURE__*/_react["default"].createElement(_.TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableRow, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.name
+    }, item.name), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.role
+    }, item.role), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.email
+    }, item.email));
+  })))));
+};
+
+exports.DarkVariant = DarkVariant;
+var _default = DarkVariant;
+exports["default"] = _default;

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

@@ -0,0 +1,62 @@
+"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 _ = require("./..");
+
+var data = {
+  title: 'Χρήστες',
+  labels: {
+    name: 'Ονοματεπώνυμο',
+    role: 'Ρόλος',
+    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'
+  }]
+};
+
+var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
+  return /*#__PURE__*/_react["default"].createElement(_.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_.Table, {
+    headerVariant: "dark"
+  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_.TableHead, null, /*#__PURE__*/_react["default"].createElement(_.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+      key: key
+    }, data.labels[key]);
+  }))), /*#__PURE__*/_react["default"].createElement(_.TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableRow, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+      "data-label": data.labels.name
+    }, item.name), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.role
+    }, item.role), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.email
+    }, item.email));
+  })))));
+};
+
+exports.DarkVariantWithVerticalHeaders = DarkVariantWithVerticalHeaders;
+var _default = DarkVariantWithVerticalHeaders;
+exports["default"] = _default;

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("./..");
+
+var data = {
+  title: 'Χρήστες',
+  labels: {
+    name: 'Ονοματεπώνυμο',
+    role: 'Ρόλος',
+    email: 'Email'
+  },
+  content: [{
+    name: 'Μάριος Μενεξές',
+    role: 'Χειριστής',
+    email: 'marios@mail.com'
+  }, {
+    name: 'Καλλιόπη Παπαδοπούλου',
+    role: 'Χειριστής',
+    email: 'kalliopi@mail.com'
+  }, {
+    name: 'Μαρία Φλούπη',
+    role: 'Διαχειριστής',
+    email: 'maria@mail.com'
+  }]
+};
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_.Table, null, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_.TableHead, null, /*#__PURE__*/_react["default"].createElement(_.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+      key: key
+    }, data.labels[key]);
+  }))), /*#__PURE__*/_react["default"].createElement(_.TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableRow, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.name
+    }, item.name), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.role
+    }, item.role), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.email
+    }, item.email));
+  })))));
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/cjs/content/Table/__stories__/DefinedWidth.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DefinedWidth = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("./..");
+
+var data = {
+  title: 'Χρήστες',
+  labels: {
+    name: 'Ονοματεπώνυμο',
+    role: 'Ρόλος',
+    email: 'Email'
+  },
+  content: [{
+    name: 'Μάριος Μενεξές',
+    role: 'Χειριστής',
+    email: 'marios@mail.com'
+  }, {
+    name: 'Καλλιόπη Παπαδοπούλου',
+    role: 'Χειριστής',
+    email: 'kalliopi@mail.com'
+  }, {
+    name: 'Μαρία Φλούπη',
+    role: 'Διαχειριστής',
+    email: 'maria@mail.com'
+  }]
+};
+
+var DefinedWidth = function DefinedWidth() {
+  return /*#__PURE__*/_react["default"].createElement(_.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_.Table, null, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_.TableHead, null, /*#__PURE__*/_react["default"].createElement(_.TableRow, null, data.labels && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+    width: "50%"
+  }, data.labels.name), /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+    width: "25%"
+  }, data.labels.role), /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+    width: "25%"
+  }, data.labels.email)))), /*#__PURE__*/_react["default"].createElement(_.TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.TableRow, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_.TableHeadCell, {
+      "data-label": data.labels.name
+    }, item.name), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.role
+    }, item.role), /*#__PURE__*/_react["default"].createElement(_.TableDataCell, {
+      "data-label": data.labels.email
+    }, item.email));
+  })))));
+};
+
+exports.DefinedWidth = DefinedWidth;
+var _default = DefinedWidth;
+exports["default"] = _default;