@digigov/ui 0.22.0 → 0.24.1

package/admin/Dropdown/index.js

@@ -76,19 +76,30 @@ var Dropdown = function Dropdown(_ref) {
     }
 
     var toggleFloat = function toggleFloat() {
+      var _innerRef$current;
+
+      var tbody = innerRef.current.closest('tbody');
+      var parentElement = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.parentElement;
+
       if (innerRef.current.open) {
-        var rect = innerRef.current.getBoundingClientRect();
-        innerRef.current.style.position = 'static';
-        var top = rect.top + window.pageYOffset;
+        tbody.style.position = 'static';
+        var rect = parentElement.getBoundingClientRect();
+        innerRef.current.style.position = 'static'; // arbitrary spacing of 12 pixels because CSS
+
+        var top = rect.top + window.pageYOffset + 12;
         var left = rect.left + window.pageXOffset;
-        innerRef.current.style.top = "".concat(top, "px");
-        innerRef.current.style.left = "".concat(left, "px");
-        innerRef.current.style.position = "absolute";
-        innerRef.current.style.display = "block";
+        parentElement.style.top = "".concat(top, "px");
+        parentElement.style.left = "".concat(left, "px");
+        parentElement.style.position = "absolute";
+        parentElement.style.display = "block";
+        parentElement.style.background = 'white';
       } else {
-        innerRef.current.style.top = "0";
-        innerRef.current.style.left = "0";
-        innerRef.current.style.position = "relative";
+        tbody.style.position = 'relative';
+        parentElement.style.top = "0";
+        parentElement.style.left = "0";
+        parentElement.style.position = "relative";
+        parentElement.style.display = "table-cell";
+        parentElement.style.background = 'transparent';
       }
     };
 

package/admin/Dropdown/index.mdx

@@ -0,0 +1,29 @@
+---
+id: dropdown
+title: Dropdown
+---
+
+# Dropdown
+
+```bash
+import Dropdown from '@digigov/ui/admin/Dropdown';
+``` 
+## How to use
+
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="Default.tsx" />
+
+### Dropdown with align right
+
+You can display the dropdown menu to the right side of the `Dropdown` button.
+
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="AlignRight.tsx" />
+
+### Dropdown with placement top
+
+You can display the dropdown menu to the top of the `Dropdown` button.
+
+<Story packageName="@digigov/ui" component="admin/Dropdown" story="PlacementTop.tsx" />
+
+You can read more about the accessibility patterns used in our Dropdown
+implementation in the ARIA Authoring Practices Guide (APG) at 
+[Menu Button](https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/) section.

package/admin/Modal/Modal.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export const title: string;
+    export { Modal as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/AlertDialog";
+import Modal from "@digigov/ui/admin/Modal";

package/admin/Modal/Modal.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Modal = _interopRequireDefault(require("@digigov/ui/admin/Modal"));
+
+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 _AlertDialog = require("./__stories__/AlertDialog");
+
+Object.keys(_AlertDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AlertDialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AlertDialog[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/Modal',
+  component: _Modal["default"]
+};
+exports["default"] = _default;

package/admin/Modal/__stories__/AlertDialog.d.ts

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

package/admin/Modal/__stories__/AlertDialog.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AlertDialog = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = _interopRequireWildcard(require("@digigov/ui/admin/Modal"));
+
+var _core = require("@digigov/ui/core");
+
+var _typography = require("@digigov/ui/typography");
+
+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 useModal() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  function toggleModal() {
+    setOpen(!open);
+  }
+
+  return {
+    open: open,
+    toggleModal: toggleModal
+  };
+}
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Modal.ModalHeading, {
+  id: "modal-label"
+}, "\u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Modal.ModalContent, {
+  id: "modal-content"
+}, /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "\u0395\u03AF\u03C3\u03C4\u03B5 \u03C3\u03AF\u03B3\u03BF\u03C5\u03C1\u03BF\u03B9 \u03CC\u03C4\u03B9 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B9\u03B1\u03B3\u03C1\u03AC\u03C8\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03AE;"));
+
+var AlertDialog = function AlertDialog() {
+  var _useModal = useModal(),
+      open = _useModal.open,
+      toggleModal = _useModal.toggleModal;
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    color: "warning",
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+    open: open,
+    role: "alertdialog",
+    "aria-modal": "true",
+    "aria-labelledby": "modal-label",
+    "aria-describedby": "modal-content"
+  }, _ref, _ref2, /*#__PURE__*/_react["default"].createElement(_Modal.ModalAction, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    variant: "link",
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
+};
+
+exports.AlertDialog = AlertDialog;
+var _default = AlertDialog;
+exports["default"] = _default;

package/admin/Modal/__stories__/Default.d.ts

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

package/admin/Modal/__stories__/Default.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Modal = _interopRequireWildcard(require("@digigov/ui/admin/Modal"));
+
+var _core = require("@digigov/ui/core");
+
+var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
+
+var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+
+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 useModal() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  function toggleModal() {
+    setOpen(!open);
+  }
+
+  return {
+    open: open,
+    toggleModal: toggleModal
+  };
+}
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Modal.ModalHeading, {
+  id: "modal-label"
+}, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Modal.ModalContent, null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /*#__PURE__*/_react["default"].createElement(_core.TextInput, {
+  name: "inputext",
+  characterWidth: 10
+}))));
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE");
+
+var Default = function Default() {
+  var _useModal = useModal(),
+      open = _useModal.open,
+      toggleModal = _useModal.toggleModal;
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+    open: open,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": "modal-label"
+  }, _ref, _ref2, /*#__PURE__*/_react["default"].createElement(_Modal.ModalAction, null, _ref3, /*#__PURE__*/_react["default"].createElement(_core.Button, {
+    variant: "link",
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/Modal/index.mdx

@@ -0,0 +1,26 @@
+---
+id: modal
+title: Modal
+---
+
+```bash
+import Modal, {ModalHeading, ModalContent, ModalAction} from "@digigov/ui/admin/Modal";
+``` 
+
+## How to use
+
+### As a Dialog
+
+<Story packageName="@digigov/ui" component="admin/Modal" story="Default.tsx" />
+
+### As an Alert Dialog
+
+<Story packageName="@digigov/ui" component="admin/Modal" story="AlertDialog.tsx" />
+
+
+## Accessibility
+
+You can read more about the accessibility patterns used in our Modal
+implementation in the ARIA Authoring Practices Guide (APG) at 
+[Dialog](https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/) and 
+[Alert Dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/) sections.

package/admin/TaskList/TaskList.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { TaskList as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+import TaskList from "@digigov/ui/admin/TaskList";

package/admin/TaskList/TaskList.stories.js

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

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

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

package/admin/TaskList/__stories__/Default.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
+
+var _admin = require("@digigov/ui/admin");
+
+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 fields = [{
+  title: 'Check before you start',
+  tasks: [{
+    text: 'Check eligibility',
+    status: 'Completed'
+  }, {
+    text: 'Read declaration',
+    status: 'Completed'
+  }]
+}, {
+  title: 'Prepare application',
+  tasks: [{
+    text: 'Company information',
+    status: 'Completed'
+  }, {
+    text: 'Your contact details',
+    status: 'In progress'
+  }, {
+    text: 'List convictions',
+    status: 'Not started'
+  }, {
+    text: 'Provide financial evidence',
+    status: 'Cannot start yet'
+  }, {
+    text: 'Give medical information',
+    status: 'Cannot start yet'
+  }]
+}, {
+  title: 'Apply',
+  tasks: [{
+    text: 'Submit and pay',
+    status: 'Cannot start yet'
+  }]
+}];
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_admin.TaskList, null, fields && fields.map(function (field, index) {
+    return /*#__PURE__*/_react["default"].createElement(_admin.TaskListItem, {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_admin.TaskListItemHeading, {
+      size: "m"
+    }, "".concat(index + 1, ". ").concat(field.title)), /*#__PURE__*/_react["default"].createElement(_admin.TaskListItemContent, null, /*#__PURE__*/_react["default"].createElement(_SummaryList["default"], null, field.tasks.map(function (task, key) {
+      var tagColor;
+
+      switch (task.status) {
+        case 'Completed':
+          tagColor = 'completed';
+          break;
+
+        case 'In progress':
+          tagColor = 'in-progress';
+          break;
+
+        case 'Not started':
+          tagColor = 'not-started';
+          break;
+
+        case 'Cannot start yet':
+          tagColor = 'not-started';
+          break;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
+        key: key
+      }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Link, null, task.text)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_admin.TaskListItemTag, {
+        status: tagColor
+      }, task.status)));
+    }))));
+  })));
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/TaskList/index.d.ts

@@ -0,0 +1,7 @@
+export * from '@digigov/react-extensions/admin/TaskList';
+export * from '@digigov/react-extensions/admin/TaskListItem';
+export * from '@digigov/react-extensions/admin/TaskListItemContent';
+export * from '@digigov/react-extensions/admin/TaskListItemHeading';
+export * from '@digigov/react-extensions/admin/TaskListItemTag';
+import TaskList from '@digigov/react-extensions/admin/TaskList';
+export default TaskList;

package/admin/TaskList/index.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _TaskList = _interopRequireWildcard(require("@digigov/react-extensions/admin/TaskList"));
+
+Object.keys(_TaskList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TaskList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TaskList[key];
+    }
+  });
+});
+
+var _TaskListItem = require("@digigov/react-extensions/admin/TaskListItem");
+
+Object.keys(_TaskListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TaskListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TaskListItem[key];
+    }
+  });
+});
+
+var _TaskListItemContent = require("@digigov/react-extensions/admin/TaskListItemContent");
+
+Object.keys(_TaskListItemContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TaskListItemContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TaskListItemContent[key];
+    }
+  });
+});
+
+var _TaskListItemHeading = require("@digigov/react-extensions/admin/TaskListItemHeading");
+
+Object.keys(_TaskListItemHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TaskListItemHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TaskListItemHeading[key];
+    }
+  });
+});
+
+var _TaskListItemTag = require("@digigov/react-extensions/admin/TaskListItemTag");
+
+Object.keys(_TaskListItemTag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TaskListItemTag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TaskListItemTag[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 = _TaskList["default"];
+exports["default"] = _default;

package/admin/Timeline/Timeline.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Timeline as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+import Timeline from "@digigov/ui/admin/Timeline";

package/admin/Timeline/Timeline.stories.js

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

package/admin/Timeline/__stories__/Default.d.ts

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