@digigov/ui 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/content/StepNav/__stories__/Dense.js

@@ -1,32 +1,10 @@
-"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.Dense = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _StepNav = require("@digigov/ui/content/StepNav");
-
-var _Button = require("@digigov/ui/form/Button");
-
-var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-
-var _SummaryList = require("@digigov/ui/content/SummaryList");
-
-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; }
-
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { StepNav, StepNavCircleNumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText } from "./..";
+import { Button, ButtonGroup } from "../../../form/Button";
+import { VisuallyHidden } from "../../../utils/VisuallyHidden";
+import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from "../../SummaryList";
 var data = [{
   title: 'Απάντηση',
   codename: '(KEP-APA)',
@@ -110,32 +88,32 @@ var data = [{
   }]
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, {
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
   border: false
 });
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, {
+var _ref2 = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
   border: false
-}, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9");
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9");
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1");
+var _ref3 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1");
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref4 = /*#__PURE__*/React.createElement(Button, {
   color: "secondary"
 }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5");
 
-var Dense = function Dense() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+export var Dense = function Dense() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(Array(data.length).fill(false)),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(Array(data.length).fill(false)),
+      _useState4 = _slicedToArray(_useState3, 2),
       openItem = _useState4[0],
       setOpenItem = _useState4[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var stateArray = [];
 
     if (open === false) {
@@ -152,7 +130,8 @@ var Dense = function Dense() {
   }, [open]);
 
   function openCloseItem(index) {
-    var statusOpenItem = (0, _toConsumableArray2["default"])(openItem);
+    var statusOpenItem = _toConsumableArray(openItem);
+
     statusOpenItem[index] = !statusOpenItem[index];
     setOpenItem(statusOpenItem);
   }
@@ -161,36 +140,36 @@ var Dense = function Dense() {
     setOpen(!open);
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_StepNav.StepNav, {
+  return /*#__PURE__*/React.createElement(StepNav, {
     dense: true
-  }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavControls, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  }, /*#__PURE__*/React.createElement(StepNavControls, null, /*#__PURE__*/React.createElement(Button, {
     variant: "link",
     onClick: function onClick() {
       openCloseAll();
     }
-  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavList, null, data && data.map(function (field, index) {
-    return /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavListItem, {
+  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordion, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, {
       open: open
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionSummary, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummary, {
       onClick: function onClick() {
         openCloseItem(index);
       }
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionSummaryHeading, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
       "aria-controls": "content1"
-    }, _ref, index === 1 ? _ref2 : /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingTitle, null, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ' - ', " ", field.codename))))), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionContent, {
+    }, _ref, index === 1 ? _ref2 : /*#__PURE__*/React.createElement(StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/React.createElement(React.Fragment, null, ' - ', " ", field.codename))))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
       id: "content1"
-    }, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
-      return /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+    }, /*#__PURE__*/React.createElement(ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
+      return /*#__PURE__*/React.createElement(Button, {
         color: "primary",
         key: subIndex
       }, action.label);
-    }), _ref4), field.details && /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, field.details.map(function (field, index) {
-      return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
+    }), _ref4), field.details && /*#__PURE__*/React.createElement(SummaryList, null, field.details.map(function (field, index) {
+      return /*#__PURE__*/React.createElement(SummaryListItem, {
         key: index
-      }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value), field.actions && /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
-        return /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+      }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value), field.actions && /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
+        return /*#__PURE__*/React.createElement(Button, {
           key: subIndex,
           variant: "link"
         }, action);
@@ -198,7 +177,4 @@ var Dense = function Dense() {
     })))));
   })));
 };
-
-exports.Dense = Dense;
-var _default = Dense;
-exports["default"] = _default;
+export default Dense;

package/content/StepNav/__stories__/WithHints.js

@@ -1,34 +1,11 @@
-"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.WithHints = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _StepNav = require("@digigov/ui/content/StepNav");
-
-var _Button = require("@digigov/ui/form/Button");
-
-var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-
-var _SummaryList = require("@digigov/ui/content/SummaryList");
-
-var _Hint = require("@digigov/ui/typography/Hint");
-
-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; }
-
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import { StepNav, StepNavCircleNumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText } from "./..";
+import { Button, ButtonGroup } from "../../../form/Button";
+import { VisuallyHidden } from "../../../utils/VisuallyHidden";
+import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from "../../SummaryList";
+import { Hint } from "../../../typography/Hint";
 var data = [{
   title: 'Απάντηση',
   codename: '(KEP-APA)',
@@ -112,40 +89,40 @@ var data = [{
   }]
 }];
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, {
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
   border: false
 });
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, {
+var _ref2 = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
   border: false
-}, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9");
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9");
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1");
+var _ref3 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1");
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref4 = /*#__PURE__*/React.createElement(Button, {
   color: "secondary"
 }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5");
 
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref5 = /*#__PURE__*/React.createElement(Button, {
   color: "secondary"
 }, "\u039B\u03AE\u03C8\u03B7 PDF");
 
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+var _ref6 = /*#__PURE__*/React.createElement(Button, {
   color: "secondary"
 }, "\u03A0\u03C1\u03BF\u03CE\u03B8\u03B7\u03C3\u03B7 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5");
 
-var WithHints = function WithHints() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+export var WithHints = function WithHints() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       SetOpen = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(Array(data.length).fill(false)),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(Array(data.length).fill(false)),
+      _useState4 = _slicedToArray(_useState3, 2),
       openItem = _useState4[0],
       setOpenItem = _useState4[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var stateArray = [];
 
     if (open === false) {
@@ -162,7 +139,8 @@ var WithHints = function WithHints() {
   }, [open]);
 
   function openCloseItem(index) {
-    var statusOpenItem = (0, _toConsumableArray2["default"])(openItem);
+    var statusOpenItem = _toConsumableArray(openItem);
+
     statusOpenItem[index] = !statusOpenItem[index];
     setOpenItem(statusOpenItem);
   }
@@ -171,36 +149,36 @@ var WithHints = function WithHints() {
     SetOpen(!open);
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_StepNav.StepNav, null, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavControls, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  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["default"].createElement(_StepNav.StepNavList, null, data && data.map(function (field, index) {
-    return /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavListItem, {
+  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordion, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, {
       open: open
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionSummary, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummary, {
       onClick: function onClick() {
         openCloseItem(index);
       }
-    }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionSummaryHeading, {
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
       "aria-controls": "content1"
-    }, _ref, index === 1 ? _ref2 : /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingTitle, null, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ' - ', " ", field.codename)), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+    }, _ref, index === 1 ? _ref2 : /*#__PURE__*/React.createElement(StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/React.createElement(React.Fragment, null, ' - ', " ", field.codename)), /*#__PURE__*/React.createElement(Hint, {
       fontSize: 14
-    }, field.date)))), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionContent, {
+    }, field.date)))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
       id: "content1"
-    }, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
-      return /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+    }, /*#__PURE__*/React.createElement(ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
+      return /*#__PURE__*/React.createElement(Button, {
         color: "primary",
         key: subIndex
       }, action.label);
-    }), _ref4, _ref5, _ref6), field.details && /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, field.details.map(function (field, index) {
-      return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
+    }), _ref4, _ref5, _ref6), field.details && /*#__PURE__*/React.createElement(SummaryList, null, field.details.map(function (field, index) {
+      return /*#__PURE__*/React.createElement(SummaryListItem, {
         key: index
-      }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, field.name), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, field.value), field.actions && /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
-        return /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+      }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value), field.actions && /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
+        return /*#__PURE__*/React.createElement(Button, {
           key: subIndex,
           variant: "link"
         }, action);
@@ -208,7 +186,4 @@ var WithHints = function WithHints() {
     })))));
   })));
 };
-
-exports.WithHints = WithHints;
-var _default = WithHints;
-exports["default"] = _default;
+export default WithHints;

package/content/StepNav/__stories__/WithHook.d.ts

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

package/content/StepNav/__stories__/WithHook.js

@@ -0,0 +1,143 @@
+import React from 'react';
+import { StepNav, StepNavCircleNumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, useStepNav } from "./..";
+import { Button, ButtonGroup } from "../../../form/Button";
+import { VisuallyHidden } from "../../../utils/VisuallyHidden";
+import { SummaryList, SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from "../../SummaryList";
+var data = [{
+  title: 'Απάντηση',
+  codename: '(KEP-APA)',
+  date: '7 Απριλίου 2023, 12:32μ.μ.',
+  details: [{
+    name: 'Ημερομηνία',
+    value: '7 Απριλίου 2023, 12:32μ.μ.'
+  }, {
+    name: 'Χειριστής',
+    value: 'Καλλιόπη Παπαδοπούλου',
+    actions: ['Ανάθεση']
+  }, {
+    name: 'Κωδικός επαλήθευσης',
+    value: '637283494'
+  }, {
+    name: 'Κατάσταση',
+    value: 'Εισερχόμενη',
+    actions: ['Αλλαγή']
+  }]
+}, {
+  title: 'Συμπληρωματικά έγγραφα ',
+  codename: '(MORE-DOCS)',
+  date: '5 Απριλίου 2023, 8:32π.μ.',
+  details: [{
+    name: 'Ημερομηνία',
+    value: '7 Απριλίου 2023, 12:32μ.μ.'
+  }, {
+    name: 'Χειριστής',
+    value: 'Μαρία Φλούπη',
+    actions: ['Ανάθεση']
+  }, {
+    name: 'Κωδικός επαλήθευσης',
+    value: '637283494'
+  }, {
+    name: 'Κατάσταση',
+    value: 'Εισερχόμενη',
+    actions: ['Αλλαγή']
+  }]
+}, {
+  title: 'Αίτηση για συμπληρωματικά έγγραφα',
+  codename: '(MORE-DOCS-REQUEST)',
+  date: '5 Απριλίου 2023, 8:32π.μ.',
+  details: [{
+    name: 'Ημερομηνία',
+    value: '5 Απριλίου 2023, 8:32π.μ.'
+  }, {
+    name: 'Χειριστής',
+    value: 'Μαρία Φλούπη',
+    actions: ['Ανάθεση']
+  }, {
+    name: 'Κωδικός επαλήθευσης',
+    value: '974256'
+  }, {
+    name: 'Κατάσταση',
+    value: 'Εισερχόμενη',
+    actions: ['Αλλαγή']
+  }]
+}, {
+  title: 'Αίτηση Βεβαίωσης Μόνιμης Κατοικίας',
+  codename: '(PERMRES-FOREIS)',
+  date: '3 Απριλίου 2023, 5:42μ.μ.',
+  actions: [{
+    label: 'Απάντηση'
+  }, {
+    label: 'Αίτημα για συμπληρωματικά έγγραφα'
+  }],
+  details: [{
+    name: 'Ημερομηνία',
+    value: '3 Απριλίου 2023, 5:42μ.μ.'
+  }, {
+    name: 'Χειριστής',
+    value: 'Μαρία Φλούπη',
+    actions: ['Ανάθεση']
+  }, {
+    name: 'Κωδικός επαλήθευσης',
+    value: '475747'
+  }, {
+    name: 'Κατάσταση',
+    value: 'Εισερχόμενη',
+    actions: ['Αλλαγή']
+  }]
+}];
+
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
+  border: false
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(StepNavCircleNumber, {
+  border: false
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9");
+
+var _ref3 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1");
+
+var _ref4 = /*#__PURE__*/React.createElement(Button, {
+  color: "secondary"
+}, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5");
+
+export var WithHook = function WithHook() {
+  var _useStepNav = useStepNav({
+    singleOpen: false,
+    defaultOpen: 0
+  }),
+      section = _useStepNav.section,
+      openAll = _useStepNav.openAll,
+      closeAll = _useStepNav.closeAll,
+      hasOpen = _useStepNav.hasOpen;
+
+  return /*#__PURE__*/React.createElement(StepNav, null, /*#__PURE__*/React.createElement(StepNavControls, null, hasOpen ? /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: closeAll
+  }, "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD") : /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: openAll
+  }, "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD")), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
+      key: index
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, section(index), /*#__PURE__*/React.createElement(StepNavAccordionSummary, null, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
+      "aria-controls": "content1"
+    }, _ref, index === 1 ? _ref2 : /*#__PURE__*/React.createElement(StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/React.createElement(React.Fragment, null, ' - ', " ", field.codename))))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
+      id: "content1"
+    }, /*#__PURE__*/React.createElement(ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
+      return /*#__PURE__*/React.createElement(Button, {
+        color: "primary",
+        key: subIndex
+      }, action.label);
+    }), _ref4), field.details && /*#__PURE__*/React.createElement(SummaryList, null, field.details.map(function (field, index) {
+      return /*#__PURE__*/React.createElement(SummaryListItem, {
+        key: index
+      }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value), field.actions && /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
+        return /*#__PURE__*/React.createElement(Button, {
+          key: subIndex,
+          variant: "link"
+        }, action);
+      }))));
+    })))));
+  })));
+};
+export default WithHook;

package/content/StepNav/auto.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonProps } from '@digigov/react-core/Button';
+import { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';
+import { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';
+import { StepNavAccordionProps } from '@digigov/ui/content/StepNav';
+export interface ButtonAutoProps extends ButtonProps {
+}
+export interface StepNavAccordionAutoProps extends StepNavAccordionProps {
+    id: string;
+}
+export declare const StepNavAuto: ({ singleOpen, defaultOpen, children, ...props }: {
+    singleOpen?: boolean | undefined;
+    defaultOpen?: StepNavItemId | undefined;
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useStepNavContext: () => useStepNavReturn | null;
+export declare const StepNavAccordionAuto: React.ForwardRefExoticComponent<Pick<StepNavAccordionAutoProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "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" | "open" | "onToggle" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLDetailsElement>>;
+export declare const StepNavOpenAllButtonAuto: React.ForwardRefExoticComponent<Pick<ButtonAutoProps, "children" | "form" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const StepNavCloseAllButtonAuto: React.ForwardRefExoticComponent<Pick<ButtonAutoProps, "children" | "form" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "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" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense"> & React.RefAttributes<HTMLButtonElement>>;

package/content/StepNav/auto.js

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["singleOpen", "defaultOpen", "children"],
+    _excluded2 = ["id"];
+import React, { useContext } from 'react';
+import { Button } from '@digigov/react-core/Button';
+import { useStepNav } from "./";
+import { StepNav, StepNavAccordion } from "./";
+var StepNavContext = /*#__PURE__*/React.createContext(null);
+export var StepNavAuto = function StepNavAuto(_ref) {
+  var singleOpen = _ref.singleOpen,
+      defaultOpen = _ref.defaultOpen,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var accordion = useStepNav({
+    singleOpen: singleOpen,
+    defaultOpen: defaultOpen
+  });
+  return /*#__PURE__*/React.createElement(StepNavContext.Provider, {
+    value: accordion
+  }, /*#__PURE__*/React.createElement(StepNav, props, children));
+};
+export var useStepNavContext = function useStepNavContext() {
+  var context = useContext(StepNavContext);
+  return context;
+};
+export var StepNavAccordionAuto = /*#__PURE__*/React.forwardRef(function StepNavAccordionAuto(_ref2, ref) {
+  var id = _ref2.id,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+
+  var context = useStepNavContext();
+
+  if (!context) {
+    throw new Error('StepNavAccordionAuto must be used within an StepNavProvider');
+  }
+
+  var section = context.section;
+  return /*#__PURE__*/React.createElement(StepNavAccordion, _extends({}, section(id), {
+    ref: section(id).ref || ref
+  }, props));
+});
+export var StepNavOpenAllButtonAuto = /*#__PURE__*/React.forwardRef(function StepNavOpenAllButtonAuto(props, ref) {
+  var context = useStepNavContext();
+
+  if (!context) {
+    throw new Error('StepNavOpenAllButton must be used within an StepNavProvider');
+  }
+
+  var openAll = context.openAll,
+      hasOpen = context.hasOpen;
+  return !hasOpen ? /*#__PURE__*/React.createElement(Button, _extends({
+    variant: "link",
+    ref: ref,
+    onClick: openAll
+  }, props)) : null;
+});
+export var StepNavCloseAllButtonAuto = /*#__PURE__*/React.forwardRef(function StepNavCloseAllButtonAuto(props, ref) {
+  var context = useStepNavContext();
+
+  if (!context) {
+    throw new Error('StepNavCloseAllButton must be used within an StepNavProvider');
+  }
+
+  var closeAll = context.closeAll,
+      hasOpen = context.hasOpen;
+  return hasOpen ? /*#__PURE__*/React.createElement(Button, _extends({
+    variant: "link",
+    ref: ref,
+    onClick: closeAll
+  }, props)) : null;
+});

package/content/StepNav/index.d.ts

@@ -1,5 +1,4 @@
 import StepNav from '@digigov/react-core/StepNav';
-import StepNavAccordion from '@digigov/react-core/StepNavAccordion';
 import StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';
 import StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';
 import StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';
@@ -9,5 +8,9 @@ import StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';
 import StepNavControls from '@digigov/react-core/StepNavControls';
 import StepNavList from '@digigov/react-core/StepNavList';
 import StepNavListItem from '@digigov/react-core/StepNavListItem';
-export { StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleNumber, StepNav, StepNavControls, StepNavList, StepNavListItem, };
+export * from '@digigov/ui/content/Accordion/hooks';
+export * from '@digigov/ui/content/StepNav/auto';
+export { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';
+export * from '@digigov/react-core/StepNavAccordion';
+export { StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleNumber, StepNav, StepNavControls, StepNavList, StepNavListItem, };
 export default StepNav;