@digigov/ui 0.28.2 → 0.28.3

package/core/Table/index.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _TableContainer = require("@digigov/react-core/TableContainer");
+
+Object.keys(_TableContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableContainer[key];
+    }
+  });
+});
+
+var _Table = _interopRequireWildcard(require("@digigov/react-core/Table"));
+
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Table[key];
+    }
+  });
+});
+
+var _TableBody = require("@digigov/react-core/TableBody");
+
+Object.keys(_TableBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableBody[key];
+    }
+  });
+});
+
+var _TableCaption = require("@digigov/react-core/TableCaption");
+
+Object.keys(_TableCaption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableCaption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableCaption[key];
+    }
+  });
+});
+
+var _TableDataCell = require("@digigov/react-core/TableDataCell");
+
+Object.keys(_TableDataCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableDataCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableDataCell[key];
+    }
+  });
+});
+
+var _TableHead = require("@digigov/react-core/TableHead");
+
+Object.keys(_TableHead).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableHead[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableHead[key];
+    }
+  });
+});
+
+var _TableHeadCell = require("@digigov/react-core/TableHeadCell");
+
+Object.keys(_TableHeadCell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableHeadCell[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableHeadCell[key];
+    }
+  });
+});
+
+var _TableRow = require("@digigov/react-core/TableRow");
+
+Object.keys(_TableRow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableRow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableRow[key];
+    }
+  });
+});
+
+var _TableNoDataRow = require("@digigov/react-core/TableNoDataRow");
+
+Object.keys(_TableNoDataRow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableNoDataRow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableNoDataRow[key];
+    }
+  });
+});
+
+var _TableFloatingScroll = require("@digigov/ui/core/Table/TableFloatingScroll");
+
+Object.keys(_TableFloatingScroll).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TableFloatingScroll[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TableFloatingScroll[key];
+    }
+  });
+});
+
+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 _default = _Table["default"];
+exports["default"] = _default;

package/core/Table/index.mdx

@@ -0,0 +1,71 @@
+---
+id: table
+title: Table
+---
+
+# Table
+
+```bash
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+} 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 
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Table" />

package/core/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,11 @@
+declare namespace _default {
+    export const title: string;
+    export const tags: string[];
+    export const description: string;
+    export const link: string;
+    export { Tabs as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "./__stories__/Default";
+import Tabs from "@digigov/ui/core/Tabs";

package/core/Tabs/Tabs.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Tabs = _interopRequireDefault(require("@digigov/ui/core/Tabs"));
+
+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 _default = {
+  title: 'Digigov UI/core/Tabs',
+  tags: ["Experimental"],
+  description: "The tabs component lets users navigate between related sections of content, displaying one section at a time.",
+  link: "https://guide.services.gov.gr/docs/components/tabs",
+  component: _Tabs["default"],
+  displayName: 'Tabs'
+};
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+export declare function Default(): JSX.Element;
+export default Default;

package/core/Tabs/__stories__/Default.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = Default;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Tabs = require("@digigov/ui/core/Tabs");
+
+var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/react-core/VisuallyHidden"));
+
+var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
+
+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); }
+
+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(_Title["default"], {
+  size: "md",
+  element: "h3"
+}, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
+
+var _ref2 = /*#__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, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, " ", /*#__PURE__*/_react["default"].createElement(_Link["default"], null, " \u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))));
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+  size: "md",
+  element: "h3"
+}, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
+
+function Default() {
+  var _useTabs = (0, _Tabs.useTabs)(),
+      register = _useTabs.register,
+      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;

package/core/Tabs/index.d.ts

@@ -0,0 +1,16 @@
+import Tabs from '@digigov/react-core/Tabs';
+import { UseTogglableSectionsReturn } from '@digigov/ui/hooks/useTogglableSections';
+export interface UseTabsReturn extends UseTogglableSectionsReturn {
+    panel: (key: string) => {
+        active: boolean;
+        tabIndex: number;
+        id: string;
+    };
+}
+export declare const useTabs: () => UseTabsReturn;
+export * from '@digigov/react-core/Tabs';
+export * from '@digigov/react-core/TabsList';
+export * from '@digigov/react-core/TabsListItem';
+export * from '@digigov/react-core/TabsPanel';
+export * from '@digigov/react-core/TabsHeading';
+export default Tabs;

package/core/Tabs/index.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useTabs: true
+};
+exports.useTabs = exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _Tabs = _interopRequireWildcard(require("@digigov/react-core/Tabs"));
+
+Object.keys(_Tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tabs[key];
+    }
+  });
+});
+
+var _useTogglableSections2 = require("@digigov/ui/hooks/useTogglableSections");
+
+var _TabsList = require("@digigov/react-core/TabsList");
+
+Object.keys(_TabsList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsList[key];
+    }
+  });
+});
+
+var _TabsListItem = require("@digigov/react-core/TabsListItem");
+
+Object.keys(_TabsListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsListItem[key];
+    }
+  });
+});
+
+var _TabsPanel = require("@digigov/react-core/TabsPanel");
+
+Object.keys(_TabsPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsPanel[key];
+    }
+  });
+});
+
+var _TabsHeading = require("@digigov/react-core/TabsHeading");
+
+Object.keys(_TabsHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsHeading[key];
+    }
+  });
+});
+var _excluded = ["register", "opened"];
+
+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 useTabs = function useTabs() {
+  var registeredPanels = (0, _react.useRef)({});
+  var goTo = (0, _react.useCallback)(function (key) {
+    console.log(registeredPanels.current[key].offsetTop - rest.registered.current[key].offsetTop);
+
+    if (registeredPanels.current[key].offsetTop - rest.registered.current[key].offsetTop >= 30) {
+      var _registeredPanels$cur;
+
+      window.scrollTo({
+        top: (_registeredPanels$cur = registeredPanels.current[key]) === null || _registeredPanels$cur === void 0 ? void 0 : _registeredPanels$cur.offsetTop,
+        behavior: 'smooth'
+      });
+    }
+  }, []);
+
+  var _useTogglableSections = (0, _useTogglableSections2.useTogglableSections)({
+    singleOpen: true,
+    toggleProperty: 'selected',
+    onToggleProperty: 'onClick',
+    firstOpen: true,
+    ariaNavigation: true,
+    toggleHook: goTo
+  }),
+      register = _useTogglableSections.register,
+      opened = _useTogglableSections.opened,
+      rest = (0, _objectWithoutProperties2["default"])(_useTogglableSections, _excluded);
+
+  var panel = (0, _react.useCallback)(function (key) {
+    return {
+      ref: function ref(el) {
+        if (el && !registeredPanels.current[el.id]) {
+          registeredPanels.current[el.id] = el;
+        }
+      },
+      active: opened[key],
+      id: key,
+      tabIndex: opened[key] ? 1 : -1
+    };
+  }, [opened]);
+  return (0, _extends2["default"])({
+    register: register,
+    opened: opened,
+    panel: panel
+  }, rest);
+};
+
+exports.useTabs = useTabs;
+var _default = _Tabs["default"];
+exports["default"] = _default;

package/core/Tabs/index.mdx

@@ -0,0 +1,20 @@
+---
+id: tabs
+title: Tabs
+---
+
+# Tabs
+ 
+
+
+```bash
+import Tabs from '@digigov/ui/core/Tabs';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="core/Tabs" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Tabs" />

package/core/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,16 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { TextArea as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/WithHint";
+export * from "./__stories__/WithDeclaredRows";
+export * from "./__stories__/MultipleQuestions";
+export * from "./__stories__/LimitedCharacters";
+export * from "./__stories__/WithErrorMessage";
+export * from "./__stories__/DisabledInput";
+import TextArea from "@digigov/ui/core/TextArea";

package/core/TextArea/TextArea.stories.js

@@ -0,0 +1,117 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
+
+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 _WithHint = require("./__stories__/WithHint");
+
+Object.keys(_WithHint).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithHint[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithHint[key];
+    }
+  });
+});
+
+var _WithDeclaredRows = require("./__stories__/WithDeclaredRows");
+
+Object.keys(_WithDeclaredRows).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithDeclaredRows[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithDeclaredRows[key];
+    }
+  });
+});
+
+var _MultipleQuestions = require("./__stories__/MultipleQuestions");
+
+Object.keys(_MultipleQuestions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleQuestions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleQuestions[key];
+    }
+  });
+});
+
+var _LimitedCharacters = require("./__stories__/LimitedCharacters");
+
+Object.keys(_LimitedCharacters).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _LimitedCharacters[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LimitedCharacters[key];
+    }
+  });
+});
+
+var _WithErrorMessage = require("./__stories__/WithErrorMessage");
+
+Object.keys(_WithErrorMessage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithErrorMessage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithErrorMessage[key];
+    }
+  });
+});
+
+var _DisabledInput = require("./__stories__/DisabledInput");
+
+Object.keys(_DisabledInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DisabledInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DisabledInput[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/core/TextArea',
+  description: "Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.",
+  link: "https://guide.services.gov.gr/docs/components/textarea",
+  component: _TextArea["default"],
+  displayName: 'TextArea'
+};
+exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+export declare const Default: () => JSX.Element;
+export default Default;