@digigov/ui 0.24.0 → 0.24.3

package/es/admin/StepNav/__stories__/Default.js

@@ -0,0 +1,97 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import StepNav, { StepNavCircleΝumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordionOpened, StepNavAccordionClosed, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText } from '@digigov/ui/admin/StepNav';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import List, { ListItem } from '@digigov/ui/core/List';
+import Link from '@digigov/ui/core/Link';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Button from '@digigov/ui/core/Button';
+var data = [{
+  title: 'Title-1',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-2',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-3',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-4',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}];
+
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleΝumber, {
+  border: false
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step"), "and");
+
+var _ref2 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step");
+
+var _ref3 = /*#__PURE__*/React.createElement(StepNavAccordionOpened, null, "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7");
+
+var _ref4 = /*#__PURE__*/React.createElement(StepNavAccordionClosed, null, "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7");
+
+export var Default = function Default() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      SetOpen = _useState2[1];
+
+  var _useState3 = useState([false, false, false, false]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openItem = _useState4[0],
+      setOpenItem = _useState4[1];
+
+  useEffect(function () {
+    var stateArray = [];
+
+    if (open === false) {
+      openItem.map(function () {
+        stateArray.push(false);
+      });
+      setOpenItem(stateArray);
+    } else {
+      openItem.map(function () {
+        stateArray.push(true);
+      });
+      setOpenItem(stateArray);
+    }
+  }, [open]);
+
+  function openCloseItem(index) {
+    var statusOpenItem = _toConsumableArray(openItem);
+
+    statusOpenItem[index] = !statusOpenItem[index];
+    setOpenItem(statusOpenItem);
+  }
+
+  function openCloseAll() {
+    SetOpen(!open);
+  }
+
+  return /*#__PURE__*/React.createElement(StepNav, null, /*#__PURE__*/React.createElement(StepNavControls, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: function onClick() {
+      openCloseAll();
+    }
+  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (dt, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
+      key: index
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, {
+      open: open
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummary, {
+      onClick: function onClick() {
+        openCloseItem(index);
+      }
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
+      "aria-controls": "content1"
+    }, index === 2 ? _ref : /*#__PURE__*/React.createElement(StepNavCircleΝumber, null, _ref2, index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, dt.title), openItem[index] === true ? _ref3 : _ref4))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
+      id: "content1"
+    }, /*#__PURE__*/React.createElement(Paragraph, null, dt.description), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, dt.link))))));
+  })));
+};
+export default Default;

package/es/admin/StepNav/index.js

@@ -0,0 +1,15 @@
+import StepNavCircleΝumber from '@digigov/react-extensions/admin/StepNavCircleΝumber';
+import StepNav from '@digigov/react-extensions/admin/StepNav';
+import StepNavControls from '@digigov/react-extensions/admin/StepNavControls';
+import StepNavList from '@digigov/react-extensions/admin/StepNavList';
+import StepNavListItem from '@digigov/react-extensions/admin/StepNavListItem';
+import StepNavAccordion from '@digigov/react-extensions/admin/StepNavAccordion';
+import StepNavAccordionContent from '@digigov/react-extensions/admin/StepNavAccordionContent';
+import StepNavAccordionSummary from '@digigov/react-extensions/admin/StepNavAccordionSummary';
+import StepNavAccordionOpened from '@digigov/react-extensions/admin/StepNavAccordionOpened';
+import StepNavAccordionClosed from '@digigov/react-extensions/admin/StepNavAccordionClosed';
+import StepNavAccordionSummaryHeading from '@digigov/react-extensions/admin/StepNavAccordionSummaryHeading';
+import StepNavAccordionHeadingTitle from '@digigov/react-extensions/admin/StepNavAccordionHeadingTitle';
+import StepNavAccordionHeadingText from '@digigov/react-extensions/admin/StepNavAccordionHeadingText';
+export { StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleΝumber, StepNavAccordionOpened, StepNavAccordionClosed, StepNav, StepNavControls, StepNavList, StepNavListItem };
+export default StepNav;

package/es/admin/index.js

@@ -16,4 +16,5 @@ export * from '@digigov/ui/admin/SearchSection';
 export * from '@digigov/ui/admin/FilterSection';
 export * from '@digigov/ui/admin/AutoComplete';
 export * from '@digigov/ui/admin/Timeline';
-export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/StepNav';

package/es/core/Table/Table.stories.js

@@ -16,4 +16,5 @@ export * from './__stories__/DarkVariantWithVerticalHeaders';
 export * from './__stories__/WithLoader';
 export * from './__stories__/DefinedWidth';
 export * from './__stories__/Densed';
-export * from './__stories__/MultipleProps';
+export * from './__stories__/MultipleProps';
+export * from './__stories__/WithFloatingScroll';

package/es/core/Table/TableFloatingScroll.js

@@ -30,11 +30,13 @@ export function TableFloatingScroll(props) {
     var elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
 
     function onBodyScroll() {
-      var currentScroll = window.pageYOffset + window.innerHeight; // @ts-ignore
+      var currentScroll = window.pageYOffset + window.innerHeight;
 
-      if (currentScroll < elementOffset && currentScroll > contentRef.current.offsetTop) {
-        setPosition('fixed'); // @ts-ignore
-      } else if (currentScroll >= elementOffset || currentScroll <= contentRef.current.offsetTop) {
+      if (currentScroll < elementOffset && // @ts-ignore
+      currentScroll > contentRef.current.offsetTop) {
+        setPosition('fixed');
+      } else if (currentScroll >= elementOffset || // @ts-ignore
+      currentScroll <= contentRef.current.offsetTop) {
         setPosition('relative');
       }
     }

package/es/core/Table/__stories__/WithFloatingScroll.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import { Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, NavVertical, NavVerticalItem } from '@digigov/react-core';
+import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/admin';
+import TableFloatingScroll from '@digigov/ui/core/Table/TableFloatingScroll';
+var labels = {
+  name: 'Ονοματεπώνυμο',
+  email: 'Email',
+  phone: 'Τηλέφωνο',
+  role: 'Ρόλος',
+  status: 'Κατάσταση',
+  actions: 'Ενέργειες',
+  at: 'Αριθμός Ταυτότητας',
+  zip: 'Ταχυδρομικός Κώδικας',
+  address: 'Διεύθυνση',
+  city: 'Πόλη',
+  country: 'Χώρα',
+  active: 'Ενεργός',
+  last_login: 'Τελευταία Σύνδεση',
+  last_login_agent: 'Τελευταία Σύνδεση Αξεσουάρ',
+  last_login_ip: 'Τελευταία Σύνδεση IP',
+  afm: 'ΑΦΜ'
+};
+var data = new Array(20).fill({
+  name: 'Τάκης Τσούκαλος',
+  afm: '1111111114',
+  role: 'Χειριστής',
+  at: '1212121',
+  email: 'myhomeemail@gov.gr',
+  phone: '22222222',
+  address: 'Αγία Παρασκευής',
+  city: 'Αγία Παρασκευή',
+  country: 'Ελλάδα',
+  zip: '222233',
+  active: 'Ναι',
+  last_login: '12/12/12',
+  last_login_ip: '0.0.0.0',
+  last_login_agent: 'Firefox'
+});
+
+var _ref = /*#__PURE__*/React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
+
+var _ref2 = /*#__PURE__*/React.createElement(TableDataCell, null, /*#__PURE__*/React.createElement(Dropdown, {
+  "float": true,
+  align: "left",
+  placement: "bottom"
+}, /*#__PURE__*/React.createElement(DropdownButton, {
+  variant: "link"
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/React.createElement(DropdownContent, null, /*#__PURE__*/React.createElement(NavVertical, null, /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "Accept"), /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "Dismiss")))));
+
+var _ref3 = /*#__PURE__*/React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
+
+var _ref4 = /*#__PURE__*/React.createElement(TableDataCell, null, /*#__PURE__*/React.createElement(Dropdown, {
+  "float": true,
+  align: "left",
+  placement: "bottom"
+}, /*#__PURE__*/React.createElement(DropdownButton, {
+  variant: "link"
+}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/React.createElement(DropdownContent, null, /*#__PURE__*/React.createElement(NavVertical, null, /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "Accept"), /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "Dismiss")))));
+
+export var WithFloatingScroll = function WithFloatingScroll() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableFloatingScroll, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, Object.keys(data[0]).map(function (key) {
+    return /*#__PURE__*/React.createElement(TableHeadCell, {
+      key: key
+    }, labels[key]);
+  }), _ref)), /*#__PURE__*/React.createElement(TableBody, null, data && data.map(function (dt, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: index
+    }, Object.keys(dt).map(function (key) {
+      return /*#__PURE__*/React.createElement(TableDataCell, {
+        key: key
+      }, dt[key]);
+    }), _ref2);
+  })))), /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, Object.keys(data[0]).map(function (key) {
+    return /*#__PURE__*/React.createElement(TableHeadCell, {
+      key: key
+    }, labels[key]);
+  }), _ref3)), /*#__PURE__*/React.createElement(TableBody, null, data && data.map(function (dt, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: index
+    }, Object.keys(dt).map(function (key) {
+      return /*#__PURE__*/React.createElement(TableDataCell, {
+        key: key
+      }, dt[key]);
+    }), _ref4);
+  }))));
+};
+export default WithFloatingScroll;

package/es/core/Table/__stories__/WithLoader.js

@@ -64,7 +64,7 @@ export var WithLoader = function WithLoader() {
 
   setTimeout(function () {
     setTableData(data);
-  }, 8000);
+  }, 2000);
   return /*#__PURE__*/React.createElement("div", {
     className: "example"
   }, /*#__PURE__*/React.createElement(TableContainer, null, !tableData ? _ref : /*#__PURE__*/React.createElement(Table, null, _ref2, _ref3, /*#__PURE__*/React.createElement(TableBody, null, loading === true && _ref4, tableData && tableData.length > 0 ? tableData.map(function (d, index) {
@@ -73,11 +73,8 @@ export var WithLoader = function WithLoader() {
     }, /*#__PURE__*/React.createElement(TableDataCell, null, d.name), /*#__PURE__*/React.createElement(TableDataCell, null, d.job), /*#__PURE__*/React.createElement(TableDataCell, null, d.year), /*#__PURE__*/React.createElement(TableDataCell, null, d.salary));
   }) : _ref5))), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
-      setLoading(true);
-      /* setTimeout(() => {
-        setLoading(false);
-      }, 7000); */
+      setLoading(!loading);
     }
-  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03B7\u03BA\u03B7"));
+  }, "Toggle Loading"));
 };
 export default WithLoader;

package/es/registry.js

@@ -1,4 +1,5 @@
 import * as _digigov_ui from '@digigov/ui';
+import * as _digigov_ui_admin from '@digigov/ui/admin';
 import * as _digigov_ui_api_APIErrors from '@digigov/ui/api/APIErrors';
 import * as _digigov_ui_api_APIProvider from '@digigov/ui/api/APIProvider';
 import * as _digigov_ui_api_fetchAPI from '@digigov/ui/api/fetchAPI';
@@ -7,14 +8,13 @@ import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
 import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
 import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
 import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
-import * as _digigov_ui_admin from '@digigov/ui/admin';
+import * as _digigov_ui_core from '@digigov/ui/core';
 import * as _digigov_ui_app_App from '@digigov/ui/app/App';
 import * as _digigov_ui_app_I18nText from '@digigov/ui/app/I18nText';
 import * as _digigov_ui_app_OutdatedBrowserBanner from '@digigov/ui/app/OutdatedBrowserBanner';
 import * as _digigov_ui_app_PageTitle from '@digigov/ui/app/PageTitle';
 import * as _digigov_ui_app_i18n from '@digigov/ui/app/i18n';
 import * as _digigov_ui_app from '@digigov/ui/app';
-import * as _digigov_ui_core from '@digigov/ui/core';
 import * as _digigov_ui_govgr from '@digigov/ui/govgr';
 import * as _digigov_ui_hooks_useDebounce from '@digigov/ui/hooks/useDebounce';
 import * as _digigov_ui_hooks_useLatest from '@digigov/ui/hooks/useLatest';
@@ -46,19 +46,10 @@ import * as _digigov_ui_admin_Modal from '@digigov/ui/admin/Modal';
 import * as _digigov_ui_admin_Pagination from '@digigov/ui/admin/Pagination';
 import * as _digigov_ui_admin_ResultsHeading from '@digigov/ui/admin/ResultsHeading';
 import * as _digigov_ui_admin_SearchSection from '@digigov/ui/admin/SearchSection';
+import * as _digigov_ui_admin_StepNav from '@digigov/ui/admin/StepNav';
 import * as _digigov_ui_admin_TableLoaderBackground from '@digigov/ui/admin/TableLoaderBackground';
-import * as _digigov_ui_app_Confirmation from '@digigov/ui/app/Confirmation';
-import * as _digigov_ui_app_Footer from '@digigov/ui/app/Footer';
-import * as _digigov_ui_app_Header_HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import * as _digigov_ui_app_Header_HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
-import * as _digigov_ui_app_Header_HeaderSecondaryLogo from '@digigov/ui/app/Header/HeaderSecondaryLogo';
-import * as _digigov_ui_app_Header_HeaderSection from '@digigov/ui/app/Header/HeaderSection';
-import * as _digigov_ui_app_Header_HeaderSubtitle from '@digigov/ui/app/Header/HeaderSubtitle';
-import * as _digigov_ui_app_Header_HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
-import * as _digigov_ui_app_Header from '@digigov/ui/app/Header';
-import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
-import * as _digigov_ui_app_PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
-import * as _digigov_ui_app_QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
+import * as _digigov_ui_admin_TaskList from '@digigov/ui/admin/TaskList';
+import * as _digigov_ui_admin_Timeline from '@digigov/ui/admin/Timeline';
 import * as _digigov_ui_core_Accordion from '@digigov/ui/core/Accordion';
 import * as _digigov_ui_core_BackLink from '@digigov/ui/core/BackLink';
 import * as _digigov_ui_core_Blockquote from '@digigov/ui/core/Blockquote';
@@ -110,6 +101,18 @@ import * as _digigov_ui_core_TextArea from '@digigov/ui/core/TextArea';
 import * as _digigov_ui_core_TextInput from '@digigov/ui/core/TextInput';
 import * as _digigov_ui_core_VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
 import * as _digigov_ui_core_WarningText from '@digigov/ui/core/WarningText';
+import * as _digigov_ui_app_Confirmation from '@digigov/ui/app/Confirmation';
+import * as _digigov_ui_app_Footer from '@digigov/ui/app/Footer';
+import * as _digigov_ui_app_Header_HeaderContent from '@digigov/ui/app/Header/HeaderContent';
+import * as _digigov_ui_app_Header_HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
+import * as _digigov_ui_app_Header_HeaderSecondaryLogo from '@digigov/ui/app/Header/HeaderSecondaryLogo';
+import * as _digigov_ui_app_Header_HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import * as _digigov_ui_app_Header_HeaderSubtitle from '@digigov/ui/app/Header/HeaderSubtitle';
+import * as _digigov_ui_app_Header_HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
+import * as _digigov_ui_app_Header from '@digigov/ui/app/Header';
+import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
+import * as _digigov_ui_app_PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
+import * as _digigov_ui_app_QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
 import * as _digigov_ui_govgr_Footer_Copyright from '@digigov/ui/govgr/Footer/Copyright';
 import * as _digigov_ui_govgr_Footer_HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
 import * as _digigov_ui_govgr_Footer_LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
@@ -149,6 +152,7 @@ function lazyImport(pkgImport) {
 
 export default {
   '@digigov/ui': lazyImport(_digigov_ui),
+  '@digigov/ui/admin': lazyImport(_digigov_ui_admin),
   '@digigov/ui/api/APIErrors': lazyImport(_digigov_ui_api_APIErrors),
   '@digigov/ui/api/APIProvider': lazyImport(_digigov_ui_api_APIProvider),
   '@digigov/ui/api/fetchAPI': lazyImport(_digigov_ui_api_fetchAPI),
@@ -157,14 +161,13 @@ export default {
   '@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
   '@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
   '@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
-  '@digigov/ui/admin': lazyImport(_digigov_ui_admin),
+  '@digigov/ui/core': lazyImport(_digigov_ui_core),
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/I18nText': lazyImport(_digigov_ui_app_I18nText),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
   '@digigov/ui/app/i18n': lazyImport(_digigov_ui_app_i18n),
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
-  '@digigov/ui/core': lazyImport(_digigov_ui_core),
   '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/hooks/useDebounce': lazyImport(_digigov_ui_hooks_useDebounce),
   '@digigov/ui/hooks/useLatest': lazyImport(_digigov_ui_hooks_useLatest),
@@ -196,19 +199,10 @@ export default {
   '@digigov/ui/admin/Pagination': lazyImport(_digigov_ui_admin_Pagination),
   '@digigov/ui/admin/ResultsHeading': lazyImport(_digigov_ui_admin_ResultsHeading),
   '@digigov/ui/admin/SearchSection': lazyImport(_digigov_ui_admin_SearchSection),
+  '@digigov/ui/admin/StepNav': lazyImport(_digigov_ui_admin_StepNav),
   '@digigov/ui/admin/TableLoaderBackground': lazyImport(_digigov_ui_admin_TableLoaderBackground),
-  '@digigov/ui/app/Confirmation': lazyImport(_digigov_ui_app_Confirmation),
-  '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
-  '@digigov/ui/app/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
-  '@digigov/ui/app/Header/HeaderLogo': lazyImport(_digigov_ui_app_Header_HeaderLogo),
-  '@digigov/ui/app/Header/HeaderSecondaryLogo': lazyImport(_digigov_ui_app_Header_HeaderSecondaryLogo),
-  '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
-  '@digigov/ui/app/Header/HeaderSubtitle': lazyImport(_digigov_ui_app_Header_HeaderSubtitle),
-  '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
-  '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
-  '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
-  '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
-  '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
+  '@digigov/ui/admin/TaskList': lazyImport(_digigov_ui_admin_TaskList),
+  '@digigov/ui/admin/Timeline': lazyImport(_digigov_ui_admin_Timeline),
   '@digigov/ui/core/Accordion': lazyImport(_digigov_ui_core_Accordion),
   '@digigov/ui/core/BackLink': lazyImport(_digigov_ui_core_BackLink),
   '@digigov/ui/core/Blockquote': lazyImport(_digigov_ui_core_Blockquote),
@@ -260,6 +254,18 @@ export default {
   '@digigov/ui/core/TextInput': lazyImport(_digigov_ui_core_TextInput),
   '@digigov/ui/core/VisuallyHidden': lazyImport(_digigov_ui_core_VisuallyHidden),
   '@digigov/ui/core/WarningText': lazyImport(_digigov_ui_core_WarningText),
+  '@digigov/ui/app/Confirmation': lazyImport(_digigov_ui_app_Confirmation),
+  '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
+  '@digigov/ui/app/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
+  '@digigov/ui/app/Header/HeaderLogo': lazyImport(_digigov_ui_app_Header_HeaderLogo),
+  '@digigov/ui/app/Header/HeaderSecondaryLogo': lazyImport(_digigov_ui_app_Header_HeaderSecondaryLogo),
+  '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
+  '@digigov/ui/app/Header/HeaderSubtitle': lazyImport(_digigov_ui_app_Header_HeaderSubtitle),
+  '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
+  '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
+  '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
+  '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
+  '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
   '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
   '@digigov/ui/govgr/Footer/HellenicRepublicLogo': lazyImport(_digigov_ui_govgr_Footer_HellenicRepublicLogo),
   '@digigov/ui/govgr/Footer/LicenseCCSA': lazyImport(_digigov_ui_govgr_Footer_LicenseCCSA),

package/esm/admin/Dropdown/index.js

@@ -29,19 +29,37 @@ export 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 _innerRef$current2;
+
+        tbody.style.position = 'static';
+        var rect = (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.getBoundingClientRect();
+        var parentRect = parentElement.getBoundingClientRect();
+        innerRef.current.style.position = 'static'; // arbitrary spacing of 12 pixels because CSS
+
         var top = rect.top + window.pageYOffset;
         var left = rect.left + window.pageXOffset;
+        parentElement.style.height = "".concat(parentRect.height, "px");
+        parentElement.style.width = "".concat(parentRect.width, "px");
         innerRef.current.style.top = "".concat(top, "px");
         innerRef.current.style.left = "".concat(left, "px");
         innerRef.current.style.position = "absolute";
         innerRef.current.style.display = "block";
+        innerRef.current.style.background = 'white';
       } else {
+        tbody.style.position = 'relative';
+        parentElement.style.height = '';
+        parentElement.style.width = '';
         innerRef.current.style.top = "0";
         innerRef.current.style.left = "0";
         innerRef.current.style.position = "relative";
+        innerRef.current.style.display = "table-cell";
+        innerRef.current.style.background = 'transparent';
       }
     };
 

package/esm/admin/StepNav/StepNav.stories.js

@@ -0,0 +1,7 @@
+/* eslint-disable digigov/no-relative-imports */
+import StepNav from '@digigov/ui/admin/StepNav';
+export default {
+  title: 'Digigov UI/admin/StepNav',
+  component: StepNav
+};
+export * from './__stories__/Default';

package/esm/admin/StepNav/__stories__/Default.js

@@ -0,0 +1,97 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import StepNav, { StepNavCircleΝumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordionOpened, StepNavAccordionClosed, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText } from '@digigov/ui/admin/StepNav';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import List, { ListItem } from '@digigov/ui/core/List';
+import Link from '@digigov/ui/core/Link';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Button from '@digigov/ui/core/Button';
+var data = [{
+  title: 'Title-1',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-2',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-3',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-4',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}];
+
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleΝumber, {
+  border: false
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step"), "and");
+
+var _ref2 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step");
+
+var _ref3 = /*#__PURE__*/React.createElement(StepNavAccordionOpened, null, "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7");
+
+var _ref4 = /*#__PURE__*/React.createElement(StepNavAccordionClosed, null, "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7");
+
+export var Default = function Default() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      SetOpen = _useState2[1];
+
+  var _useState3 = useState([false, false, false, false]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openItem = _useState4[0],
+      setOpenItem = _useState4[1];
+
+  useEffect(function () {
+    var stateArray = [];
+
+    if (open === false) {
+      openItem.map(function () {
+        stateArray.push(false);
+      });
+      setOpenItem(stateArray);
+    } else {
+      openItem.map(function () {
+        stateArray.push(true);
+      });
+      setOpenItem(stateArray);
+    }
+  }, [open]);
+
+  function openCloseItem(index) {
+    var statusOpenItem = _toConsumableArray(openItem);
+
+    statusOpenItem[index] = !statusOpenItem[index];
+    setOpenItem(statusOpenItem);
+  }
+
+  function openCloseAll() {
+    SetOpen(!open);
+  }
+
+  return /*#__PURE__*/React.createElement(StepNav, null, /*#__PURE__*/React.createElement(StepNavControls, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: function onClick() {
+      openCloseAll();
+    }
+  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (dt, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
+      key: index
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, {
+      open: open
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummary, {
+      onClick: function onClick() {
+        openCloseItem(index);
+      }
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
+      "aria-controls": "content1"
+    }, index === 2 ? _ref : /*#__PURE__*/React.createElement(StepNavCircleΝumber, null, _ref2, index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, dt.title), openItem[index] === true ? _ref3 : _ref4))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
+      id: "content1"
+    }, /*#__PURE__*/React.createElement(Paragraph, null, dt.description), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, dt.link))))));
+  })));
+};
+export default Default;

package/esm/admin/StepNav/index.js

@@ -0,0 +1,15 @@
+import StepNavCircleΝumber from '@digigov/react-extensions/admin/StepNavCircleΝumber';
+import StepNav from '@digigov/react-extensions/admin/StepNav';
+import StepNavControls from '@digigov/react-extensions/admin/StepNavControls';
+import StepNavList from '@digigov/react-extensions/admin/StepNavList';
+import StepNavListItem from '@digigov/react-extensions/admin/StepNavListItem';
+import StepNavAccordion from '@digigov/react-extensions/admin/StepNavAccordion';
+import StepNavAccordionContent from '@digigov/react-extensions/admin/StepNavAccordionContent';
+import StepNavAccordionSummary from '@digigov/react-extensions/admin/StepNavAccordionSummary';
+import StepNavAccordionOpened from '@digigov/react-extensions/admin/StepNavAccordionOpened';
+import StepNavAccordionClosed from '@digigov/react-extensions/admin/StepNavAccordionClosed';
+import StepNavAccordionSummaryHeading from '@digigov/react-extensions/admin/StepNavAccordionSummaryHeading';
+import StepNavAccordionHeadingTitle from '@digigov/react-extensions/admin/StepNavAccordionHeadingTitle';
+import StepNavAccordionHeadingText from '@digigov/react-extensions/admin/StepNavAccordionHeadingText';
+export { StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleΝumber, StepNavAccordionOpened, StepNavAccordionClosed, StepNav, StepNavControls, StepNavList, StepNavListItem };
+export default StepNav;

package/esm/admin/index.js

@@ -16,4 +16,5 @@ export * from '@digigov/ui/admin/SearchSection';
 export * from '@digigov/ui/admin/FilterSection';
 export * from '@digigov/ui/admin/AutoComplete';
 export * from '@digigov/ui/admin/Timeline';
-export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/StepNav';

package/esm/core/Table/Table.stories.js

@@ -16,4 +16,5 @@ export * from './__stories__/DarkVariantWithVerticalHeaders';
 export * from './__stories__/WithLoader';
 export * from './__stories__/DefinedWidth';
 export * from './__stories__/Densed';
-export * from './__stories__/MultipleProps';
+export * from './__stories__/MultipleProps';
+export * from './__stories__/WithFloatingScroll';

package/esm/core/Table/TableFloatingScroll.js

@@ -30,11 +30,13 @@ export function TableFloatingScroll(props) {
     var elementOffset = contentRef.current.offsetTop + contentRef.current.offsetHeight;
 
     function onBodyScroll() {
-      var currentScroll = window.pageYOffset + window.innerHeight; // @ts-ignore
+      var currentScroll = window.pageYOffset + window.innerHeight;
 
-      if (currentScroll < elementOffset && currentScroll > contentRef.current.offsetTop) {
-        setPosition('fixed'); // @ts-ignore
-      } else if (currentScroll >= elementOffset || currentScroll <= contentRef.current.offsetTop) {
+      if (currentScroll < elementOffset && // @ts-ignore
+      currentScroll > contentRef.current.offsetTop) {
+        setPosition('fixed');
+      } else if (currentScroll >= elementOffset || // @ts-ignore
+      currentScroll <= contentRef.current.offsetTop) {
         setPosition('relative');
       }
     }