@digigov/ui 2.0.0-f2d82d25 → 2.0.0-rc.0

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

@@ -1,100 +0,0 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow, TableSortLabel } from '@digigov/ui/content/Table';
-import { useSort } from '@digigov/ui/content/Table/hooks/useSort';
-var headerConfig = [{
-  name: 'product',
-  label: 'Προϊόν',
-  sortLabels: {
-    asc: 'Αλφαβητική σειρά (Α -> Ω)',
-    desc: 'Αλφαβητική σειρά (Ω -> Α)'
-  }
-}, {
-  name: 'price',
-  label: 'Τιμή',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
-  }
-}, {
-  name: 'stock',
-  label: 'Στοκ',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
-  }
-}, {
-  name: 'date',
-  label: 'Ημερομηνία',
-  sortLabels: {
-    asc: 'Αύξουσα σειρά',
-    desc: 'Φθίνουσα σειρά'
-  }
-}];
-var data = [{
-  id: 1,
-  product: 'Τυρί',
-  price: '4.9€',
-  stock: 20,
-  date: '2013-04-01'
-}, {
-  id: 2,
-  product: 'Γάλα',
-  price: '1.9€',
-  stock: 32,
-  date: '2013-01-01'
-}, {
-  id: 3,
-  product: 'Γιαούρτι',
-  price: '2.4€',
-  stock: 12,
-  date: '2002-04-12'
-}, {
-  id: 4,
-  product: 'Κρέμα',
-  price: '3.9€',
-  stock: 8,
-  date: '2011-12-12'
-}, {
-  id: 5,
-  product: 'Βούτυρο',
-  price: '0.9€',
-  stock: 99,
-  date: '2019-06-01'
-}, {
-  id: 6,
-  product: 'Καφές',
-  price: '2.9€',
-  stock: 86,
-  date: '2023-02-11'
-}, {
-  id: 7,
-  product: 'Ψωμί',
-  price: '99€',
-  stock: 12,
-  date: '2000-12-12'
-}];
-var _ref = /*#__PURE__*/React.createElement(TableCaption, null, "\u03A0\u03AF\u03BD\u03B1\u03BA\u03B1\u03C2 \u03C0\u03C1\u03BF\u03CA\u03CC\u03BD\u03C4\u03C9\u03BD");
-var _ref2 = /*#__PURE__*/React.createElement(TableNoDataRow, null, "\u0394\u03B5\u03BD \u03C5\u03C0\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1");
-export var WithSortFilters = function WithSortFilters() {
-  var _useSort = useSort(data),
-    sortedData = _useSort.sortedData,
-    setSortedField = _useSort.setSortedField,
-    field = _useSort.field,
-    direction = _useSort.direction;
-  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, _ref, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, headerConfig.map(function (header, index) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
-      key: index
-    }, /*#__PURE__*/React.createElement(TableSortLabel, {
-      labels: header.sortLabels,
-      onSort: function onSort(dir) {
-        return setSortedField(header.name, dir);
-      },
-      direction: header.name === field ? direction : 0
-    }, header.label));
-  }))), /*#__PURE__*/React.createElement(TableBody, null, sortedData.length > 0 ? sortedData.map(function (d, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
-      key: index
-    }, /*#__PURE__*/React.createElement(TableDataCell, null, d.product), /*#__PURE__*/React.createElement(TableDataCell, null, d.price), /*#__PURE__*/React.createElement(TableDataCell, null, d.stock), /*#__PURE__*/React.createElement(TableDataCell, null, new Date(d.date).toLocaleDateString('en-GB')));
-  }) : _ref2)));
-};
-export default WithSortFilters;

package/content/Table/__stories__/WithSortFilters/package.json

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

package/content/Table/__stories__/WithSortFilters.d.ts

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

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

@@ -1,47 +0,0 @@
-import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/content/Table';
-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'
-  }]
-};
-export var ZebraProp = function ZebraProp() {
-  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
-    variant: "zebra"
-  }, data && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableCaption, null, data.title), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
-    return /*#__PURE__*/React.createElement(TableHeadCell, {
-      key: key
-    }, data.labels[key]);
-  }))), /*#__PURE__*/React.createElement(TableBody, null, data.content && data.content.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(TableRow, {
-      key: index
-    }, /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.name
-    }, item.name), /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.role
-    }, item.role), /*#__PURE__*/React.createElement(TableDataCell, {
-      "data-label": data.labels.email
-    }, item.email));
-  })))));
-};
-export default ZebraProp;

package/content/Table/__stories__/ZebraProp/package.json

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

package/content/Table/__stories__/ZebraProp.d.ts

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

package/content/Table/hooks/useSort/index.js

@@ -1,46 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState } from 'react';
-import { useMemo } from 'react';
-export var useSort = function useSort(data) {
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortDataBy = _useState2[0],
-    setSortDataBy = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    direction = _useState4[0],
-    setDirection = _useState4[1];
-  var sortedItems = useMemo(function () {
-    var sortableItems = _toConsumableArray(data);
-    if (sortableItems.length === 0) {
-      return [];
-    }
-    if (sortDataBy) {
-      sortableItems.sort(function (a, b) {
-        if (a[sortDataBy] === null) return 1;
-        if (b[sortDataBy] === null) return -1;
-        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;
-        return a[sortDataBy].toString().localeCompare(b[sortDataBy].toString(), undefined, {
-          numeric: true
-        }) * (direction > 0 ? 1 : -1);
-      });
-    }
-    return sortableItems;
-  }, [data, direction, sortDataBy]);
-  var setSortedField = function setSortedField(item, value) {
-    if (item === sortDataBy && value === direction) {
-      setDirection(0);
-      setSortDataBy('');
-      return;
-    }
-    setDirection(value);
-    setSortDataBy(item);
-  };
-  return {
-    sortedData: sortedItems,
-    setSortedField: setSortedField,
-    field: sortDataBy,
-    direction: direction
-  };
-};

package/content/Table/hooks/useSort/package.json

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

package/content/Table/hooks/useSort.d.ts

@@ -1,9 +0,0 @@
-import { SortDirection } from '@digigov/ui/content/Table';
-export interface UseSortResult {
-    sortedData: any[];
-    setSortedField: (item: string, value: SortDirection) => void;
-    field: string;
-    direction: SortDirection;
-}
-export type SortData = Record<string, any>[];
-export declare const useSort: (data: SortData) => UseSortResult;

package/content/Table/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import Table from '@digigov/react-core/Table';
-import { DropdownProps } from '@digigov/ui/navigation/Dropdown';
-export type SortDirection = 1 | -1 | 0;
-export interface TableSortLabelProps extends DropdownProps {
-    labels: {
-        asc: string;
-        desc: string;
-    };
-    disabled?: boolean;
-    direction?: SortDirection;
-    onSort: (direction: SortDirection) => void;
-}
-export declare const TableSortLabel: React.ForwardRefExoticComponent<Pick<TableSortLabelProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "direction" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "open" | "onToggle" | "align" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "placement" | "closeBehaviour" | "float" | "labels" | "onSort"> & React.RefAttributes<HTMLDetailsElement>>;
-export * from '@digigov/react-core/TableContainer';
-export * from '@digigov/react-core/Table';
-export * from '@digigov/react-core/TableBody';
-export * from '@digigov/react-core/TableCaption';
-export * from '@digigov/react-core/TableDataCell';
-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/react-core/TableLoaderBackground';
-export * from '@digigov/react-core/TableSortIconContainer';
-export * from '@digigov/ui/content/Table/TableFloatingScroll';
-export * from '@digigov/ui/content/Table/hooks/useSort';
-export default Table;

package/content/Table/index.js

@@ -1,99 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["labels", "disabled", "children", "direction", "onSort"];
-import React, { useRef } from 'react';
-import Table from '@digigov/react-core/Table';
-import TableSortIconContainer from '@digigov/react-core/TableSortIconContainer';
-import { CaretIcon } from '@digigov/ui/icons';
-import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/navigation/Dropdown';
-import { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';
-var _ref2 = /*#__PURE__*/React.createElement(CaretIcon, {
-  direction: 'up',
-  marginRight: 1,
-  marginTop: 1,
-  size: "sm"
-});
-var _ref3 = /*#__PURE__*/React.createElement(CaretIcon, {
-  direction: 'down',
-  marginRight: 1,
-  marginTop: 1,
-  size: "sm"
-});
-export var TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(_ref, _ref4) {
-  var labels = _ref.labels,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 0 : _ref$direction,
-    onSort = _ref.onSort,
-    props = _objectWithoutProperties(_ref, _excluded);
-  // TODO: this is a workaround for the dropdown component
-  // https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd
-  var dropdownRef = useRef(null);
-  var active = [-1, 1].includes(direction);
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    ref: function ref(el) {
-      dropdownRef.current = el;
-      typeof _ref4 === 'function' && _ref4(el);
-    },
-    disabled: disabled
-  }, props), /*#__PURE__*/React.createElement(DropdownButton, {
-    variant: "link",
-    tabIndex: 0,
-    underline: active
-  }, children, /*#__PURE__*/React.createElement(TableSortIconContainer, {
-    marginLeft: 1
-  }, /*#__PURE__*/React.createElement(CaretIcon, {
-    direction: 'up',
-    size: "sm",
-    color: direction === 1 ? 'dark' : 'gray'
-  }), /*#__PURE__*/React.createElement(CaretIcon, {
-    direction: 'down',
-    size: "sm",
-    color: direction === -1 ? 'dark' : 'gray'
-  }))), /*#__PURE__*/React.createElement(DropdownContent, null, /*#__PURE__*/React.createElement(NavList, {
-    layout: "vertical"
-  }, /*#__PURE__*/React.createElement(NavListItemAction, {
-    active: direction === 1,
-    tabIndex: 0,
-    arrow: false,
-    onClick: function onClick() {
-      onSort(1);
-      dropdownRef.current && (dropdownRef.current.open = false);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter') {
-        onSort(1);
-        dropdownRef.current && (dropdownRef.current.open = false);
-      }
-    }
-  }, _ref2, labels.asc), /*#__PURE__*/React.createElement(NavListItemAction, {
-    active: direction === -1,
-    tabIndex: 0,
-    arrow: false,
-    onClick: function onClick() {
-      onSort(-1);
-      dropdownRef.current && (dropdownRef.current.open = false);
-    },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter') {
-        onSort(-1);
-        dropdownRef.current && (dropdownRef.current.open = false);
-      }
-    }
-  }, _ref3, labels.desc))));
-});
-export * from '@digigov/react-core/TableContainer';
-export * from '@digigov/react-core/Table';
-export * from '@digigov/react-core/TableBody';
-export * from '@digigov/react-core/TableCaption';
-export * from '@digigov/react-core/TableDataCell';
-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/react-core/TableLoaderBackground';
-export * from '@digigov/react-core/TableSortIconContainer';
-export * from '@digigov/ui/content/Table/TableFloatingScroll';
-export * from '@digigov/ui/content/Table/hooks/useSort';
-export default Table;

package/content/Table/index.mdx

@@ -1,112 +0,0 @@
----
-id: table
-title: Table
----
-
-# Table
-
-```bash
-import {
-  TableContainer,
-  Table,
-  TableCaption,
-  TableHead,
-  TableRow,
-  TableBody,
-  TableHeadCell,
-  TableDataCell,
-} from '@digigov/ui/content/Table';
-```
-
-## How to use
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="Default.tsx"
-/>
-
-### Table with dark header
-
-<Story
-  packageName="@digigov/ui"
-  component="content/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="content/Table"
-  story="TableCaptions.tsx"
-/>
-
-### Numbers in a table
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="NumericDataType.tsx"
-/>
-
-### Zebra rows
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="ZebraProp.tsx"
-/>
-
-### Rows with primary or secondary color
-
-The prop `color='primary'` or `color='secondary'` is only functional when Table component has `variant='default'`.
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="RowColors.tsx"
-/>
-
-### Vertical lines
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="VerticalBorders.tsx"
-/>
-
-### Dense tables
-
-<Story packageName="@digigov/ui" component="content/Table" story="Densed.tsx" />
-
-### Custom column widths
-
-<Story
-  packageName="@digigov/ui"
-  component="content/Table"
-  story="DefinedWidth.tsx"
-/>
-
-### No data
-
-<Story packageName="@digigov/ui" component="content/Table" story="NoData.tsx" />
-
-### Using loader
-
-<Story
-  packageName="@digigov/ui"
-  component="content/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.
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="Table" />

package/content/Table/package.json

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

package/content/TaskList/TaskList.stories/index.js

@@ -1,9 +0,0 @@
-import TaskList from '@digigov/ui/content/TaskList';
-export default {
-  title: 'Digigov UI/content/TaskList',
-  description: 'Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.',
-  component: TaskList,
-  displayName: 'TaskList'
-};
-export * from '@digigov/ui/content/TaskList/__stories__/Default';
-export * from '@digigov/ui/content/TaskList/__stories__/Dense';

package/content/TaskList/TaskList.stories/package.json

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

package/content/TaskList/TaskList.stories.d.ts

@@ -1,10 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export let description: string;
-    export { TaskList as component };
-    export let displayName: string;
-}
-export default _default;
-export * from "@digigov/ui/content/TaskList/__stories__/Default";
-export * from "@digigov/ui/content/TaskList/__stories__/Dense";
-import TaskList from '@digigov/ui/content/TaskList';

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey } from '@digigov/ui/content/SummaryList';
-import { TaskList, TaskListItem, TaskListItemHeading, TaskListItemContent, TaskListItemTag } from '@digigov/ui/content/TaskList';
-import { LinkBase } from '@digigov/ui/navigation/Link';
-var fields = [{
-  title: 'Έλεγχοι πριν ξεκινήσετε',
-  tasks: [{
-    text: 'Ελέγξτε την καταλληλότητα',
-    status: 'Ολοκληρωθηκε'
-  }, {
-    text: 'Εμφάνιση δήλωσης',
-    status: 'Ολοκληρωθηκε'
-  }]
-}, {
-  title: 'Προετοιμασία αίτησης',
-  tasks: [{
-    text: 'Στοιχεία εταιρείας',
-    status: 'Ολοκληρωθηκε'
-  }, {
-    text: 'Στοιχεία επικοινωνίας',
-    status: 'Σε εξελιξη'
-  }, {
-    text: 'Λίστα αποδείξεων',
-    status: 'Δεν εχει ξεκινησει'
-  }, {
-    text: 'Παροχή οικονομικών στοιχείων',
-    status: 'Σε αναμονη'
-  }, {
-    text: 'Παροχή ιατρικών πληροφοριών',
-    status: 'Σε αναμονη'
-  }]
-}, {
-  title: 'Αίτηση',
-  tasks: [{
-    text: 'Υποβολή και πληρωμή',
-    status: 'Σε αναμονη'
-  }]
-}];
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TaskList, null, fields && fields.map(function (field, index) {
-    return /*#__PURE__*/React.createElement(TaskListItem, {
-      key: index
-    }, /*#__PURE__*/React.createElement(TaskListItemHeading, {
-      size: "md"
-    }, "".concat(index + 1, ". ").concat(field.title)), /*#__PURE__*/React.createElement(TaskListItemContent, null, /*#__PURE__*/React.createElement(SummaryList, null, field.tasks.map(function (task, key) {
-      var tagColor;
-      switch (task.status) {
-        case 'Ολοκληρωθηκε':
-          tagColor = 'info';
-          break;
-        case 'Σε εξελιξη':
-          tagColor = 'primary';
-          break;
-        case 'Δεν εχει ξεκινησει':
-          tagColor = 'secondary';
-          break;
-        case 'Σε αναμονη':
-          tagColor = 'secondary';
-          break;
-      }
-      return /*#__PURE__*/React.createElement(SummaryListItem, {
-        key: key
-      }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, /*#__PURE__*/React.createElement(LinkBase, null, task.text)), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(TaskListItemTag, {
-        color: tagColor
-      }, task.status)));
-    }))));
-  })));
-};
-export default Default;

package/content/TaskList/__stories__/Default/package.json

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

package/content/TaskList/__stories__/Default.d.ts

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