@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/cjs/content/StepNav/__stories__/Auto.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/content/StepNav/__stories__/Auto.tsx"],
   "sourcesContent": ["import React from 'react';\nimport {\n  StepNavCircleNumber,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavAuto,\n  StepNavAccordionAuto,\n  StepNavCloseAllButtonAuto,\n  StepNavOpenAllButtonAuto,\n} from '@digigov/ui/content/StepNav';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n  SummaryListItemValue,\n} from '@digigov/ui/content/SummaryList';\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nconst data = [\n  {\n    title: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n    codename: '(KEP-APA)',\n    date: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1 ',\n    codename: '(MORE-DOCS)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n    codename: '(MORE-DOCS-REQUEST)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '974256',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2 \u039C\u03CC\u03BD\u03B9\u03BC\u03B7\u03C2 \u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2',\n    codename: '(PERMRES-FOREIS)',\n    date: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n    actions: [\n      {\n        label: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n      },\n      {\n        label: '\u0391\u03AF\u03C4\u03B7\u03BC\u03B1 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n      },\n    ],\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '475747',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n];\n\nexport const Auto = () => {\n  return (\n    <StepNavAuto defaultOpen={'1'} singleOpen>\n      <StepNavControls>\n        <StepNavOpenAllButtonAuto>\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD</StepNavOpenAllButtonAuto>\n        <StepNavCloseAllButtonAuto>\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD</StepNavCloseAllButtonAuto>\n      </StepNavControls>\n      <StepNavList>\n        {data &&\n          data.map((field, index) => {\n            return (\n              <StepNavListItem key={index}>\n                <StepNavAccordionAuto id={`${index}`}>\n                  <StepNavAccordionSummary>\n                    <StepNavAccordionSummaryHeading aria-controls=\"content1\">\n                      <StepNavCircleNumber border={false}></StepNavCircleNumber>\n                      {index === 1 ? (\n                        <StepNavCircleNumber border={false}>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          \u03BA\u03B1\u03B9\n                        </StepNavCircleNumber>\n                      ) : (\n                        <StepNavCircleNumber>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          {index > 1 ? index : index + 1}\n                        </StepNavCircleNumber>\n                      )}\n                      <StepNavAccordionHeadingTitle>\n                        <StepNavAccordionHeadingText>\n                          {field.title}\n                          {field.codename && (\n                            <>\n                              {' - '} {field.codename}\n                            </>\n                          )}\n                        </StepNavAccordionHeadingText>\n                      </StepNavAccordionHeadingTitle>\n                    </StepNavAccordionSummaryHeading>\n                  </StepNavAccordionSummary>\n                  <StepNavAccordionContent id=\"content1\">\n                    <ButtonGroup>\n                      {(field.actions || []).map((action, subIndex) => (\n                        <Button color=\"primary\" key={subIndex}>\n                          {action.label}\n                        </Button>\n                      ))}\n                      <Button color=\"secondary\">\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5</Button>\n                    </ButtonGroup>\n                    {field.details && (\n                      <SummaryList>\n                        {field.details.map((field, index) => {\n                          return (\n                            <SummaryListItem key={index}>\n                              <SummaryListItemKey>\n                                {field.name}\n                              </SummaryListItemKey>\n                              <SummaryListItemValue>\n                                {field.value}\n                              </SummaryListItemValue>\n                              {field.actions && (\n                                <SummaryListItemAction>\n                                  <ButtonGroup>\n                                    {field.actions &&\n                                      field.actions.map((action, subIndex) => {\n                                        return (\n                                          <Button key={subIndex} variant=\"link\">\n                                            {action}\n                                          </Button>\n                                        );\n                                      })}\n                                  </ButtonGroup>\n                                </SummaryListItemAction>\n                              )}\n                            </SummaryListItem>\n                          );\n                        })}\n                      </SummaryList>\n                    )}\n                  </StepNavAccordionContent>\n                </StepNavAccordionAuto>\n              </StepNavListItem>\n            );\n          })}\n      </StepNavList>\n    </StepNavAuto>\n  );\n};\n\nexport default Auto;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React", "field", "index"]
 }

package/cjs/content/StepNav/__stories__/Default/index.js

@@ -1,35 +1,41 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
   Default: () => Default,
   default: () => Default_default
 });
-var import_react = __toModule(require("react"));
-var import_StepNav = __toModule(require("@digigov/ui/content/StepNav"));
-var import_SummaryList = __toModule(require("@digigov/ui/content/SummaryList"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
-var import_VisuallyHidden = __toModule(require("@digigov/ui/utils/VisuallyHidden"));
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_StepNav = require("@digigov/ui/content/StepNav");
+var import_SummaryList = require("@digigov/ui/content/SummaryList");
+var import_Button = require("@digigov/ui/form/Button");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 const data = [
   {
     title: "\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7",
@@ -142,7 +148,9 @@ const data = [
 ];
 const Default = () => {
   const [open, setOpen] = (0, import_react.useState)(false);
-  const [openItem, setOpenItem] = (0, import_react.useState)(Array(data.length).fill(false));
+  const [openItem, setOpenItem] = (0, import_react.useState)(
+    Array(data.length).fill(false)
+  );
   (0, import_react.useEffect)(() => {
     const stateArray = [];
     if (open === false) {
@@ -165,41 +173,27 @@ const Default = () => {
   function openCloseAll() {
     setOpen(!open);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNav, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavControls, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-    variant: "link",
-    onClick: () => {
-      openCloseAll();
-    }
-  }, open === false ? "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD" : "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD")), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavList, null, data && data.map((field, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavListItem, {
-      key: index
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordion, {
-      open
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummary, {
+  return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNav, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavControls, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
       onClick: () => {
-        openCloseItem(index);
+        openCloseAll();
       }
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummaryHeading, {
-      "aria-controls": "content1"
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, {
-      border: false
-    }), index === 1 ? /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, {
-      border: false
-    }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9") : /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), index > 1 ? index : index + 1), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingTitle, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, " - ", " ", field.codename))))), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionContent, {
-      id: "content1"
-    }, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, (field.actions || []).map((action, subIndex) => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-      color: "primary",
-      key: subIndex
-    }, action.label)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-      color: "secondary"
-    }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), field.details && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.details.map((field2, index2) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, {
-        key: index2
-      }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, field2.name), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, field2.value), field2.actions && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, field2.actions && field2.actions.map((action, subIndex) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-          key: subIndex,
-          variant: "link"
-        }, action);
+    },
+    open === false ? "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD" : "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD"
+  )), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavList, null, data && data.map((field, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavListItem, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordion, { open }, /* @__PURE__ */ import_react.default.createElement(
+      import_StepNav.StepNavAccordionSummary,
+      {
+        onClick: () => {
+          openCloseItem(index);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummaryHeading, { "aria-controls": "content1" }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, { border: false }), index === 1 ? /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, { border: false }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9") : /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), index > 1 ? index : index + 1), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingTitle, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, " - ", " ", field.codename))))
+    ), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionContent, { id: "content1" }, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, (field.actions || []).map((action, subIndex) => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "primary", key: subIndex }, action.label)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary" }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), field.details && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.details.map((field2, index2) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, { key: index2 }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, field2.name), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, field2.value), field2.actions && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, field2.actions && field2.actions.map((action, subIndex) => {
+        return /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { key: subIndex, variant: "link" }, action);
       }))));
     })))));
   })));

package/cjs/content/StepNav/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/content/StepNav/__stories__/Default.tsx"],
   "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport {\n  StepNav,\n  StepNavCircleNumber,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n  StepNavAccordion,\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n} from '@digigov/ui/content/StepNav';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n  SummaryListItemValue,\n} from '@digigov/ui/content/SummaryList';\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nconst data = [\n  {\n    title: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n    codename: '(KEP-APA)',\n    date: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1 ',\n    codename: '(MORE-DOCS)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n    codename: '(MORE-DOCS-REQUEST)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '974256',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2 \u039C\u03CC\u03BD\u03B9\u03BC\u03B7\u03C2 \u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2',\n    codename: '(PERMRES-FOREIS)',\n    date: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n    actions: [\n      {\n        label: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n      },\n      {\n        label: '\u0391\u03AF\u03C4\u03B7\u03BC\u03B1 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n      },\n    ],\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '475747',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n];\n\nexport const Default = () => {\n  const [open, setOpen] = useState<boolean>(false);\n  const [openItem, setOpenItem] = useState(\n    Array<boolean>(data.length).fill(false)\n  );\n  useEffect(() => {\n    const stateArray: boolean[] = [];\n    if (open === false) {\n      openItem.map(() => {\n        stateArray.push(false);\n      });\n      setOpenItem(stateArray);\n    } else {\n      openItem.map(() => {\n        stateArray.push(true);\n      });\n      setOpenItem(stateArray);\n    }\n  }, [open]);\n\n  function openCloseItem(index): void {\n    const statusOpenItem = [...openItem];\n    statusOpenItem[index] = !statusOpenItem[index];\n    setOpenItem(statusOpenItem);\n  }\n  function openCloseAll(): void {\n    setOpen(!open);\n  }\n  return (\n    <StepNav>\n      <StepNavControls>\n        <Button\n          variant=\"link\"\n          onClick={() => {\n            openCloseAll();\n          }}\n        >\n          {open === false ? '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD' : '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD'}\n        </Button>\n      </StepNavControls>\n      <StepNavList>\n        {data &&\n          data.map((field, index) => {\n            return (\n              <StepNavListItem key={index}>\n                <StepNavAccordion open={open}>\n                  <StepNavAccordionSummary\n                    onClick={() => {\n                      openCloseItem(index);\n                    }}\n                  >\n                    <StepNavAccordionSummaryHeading aria-controls=\"content1\">\n                      <StepNavCircleNumber border={false}></StepNavCircleNumber>\n                      {index === 1 ? (\n                        <StepNavCircleNumber border={false}>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          \u03BA\u03B1\u03B9\n                        </StepNavCircleNumber>\n                      ) : (\n                        <StepNavCircleNumber>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          {index > 1 ? index : index + 1}\n                        </StepNavCircleNumber>\n                      )}\n                      <StepNavAccordionHeadingTitle>\n                        <StepNavAccordionHeadingText>\n                          {field.title}\n                          {field.codename && (\n                            <>\n                              {' - '} {field.codename}\n                            </>\n                          )}\n                        </StepNavAccordionHeadingText>\n                      </StepNavAccordionHeadingTitle>\n                    </StepNavAccordionSummaryHeading>\n                  </StepNavAccordionSummary>\n                  <StepNavAccordionContent id=\"content1\">\n                    <ButtonGroup>\n                      {(field.actions || []).map((action, subIndex) => (\n                        <Button color=\"primary\" key={subIndex}>\n                          {action.label}\n                        </Button>\n                      ))}\n                      <Button color=\"secondary\">\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5</Button>\n                    </ButtonGroup>\n                    {field.details && (\n                      <SummaryList>\n                        {field.details.map((field, index) => {\n                          return (\n                            <SummaryListItem key={index}>\n                              <SummaryListItemKey>\n                                {field.name}\n                              </SummaryListItemKey>\n                              <SummaryListItemValue>\n                                {field.value}\n                              </SummaryListItemValue>\n                              {field.actions && (\n                                <SummaryListItemAction>\n                                  <ButtonGroup>\n                                    {field.actions &&\n                                      field.actions.map((action, subIndex) => {\n                                        return (\n                                          <Button key={subIndex} variant=\"link\">\n                                            {action}\n                                          </Button>\n                                        );\n                                      })}\n                                  </ButtonGroup>\n                                </SummaryListItemAction>\n                              )}\n                            </SummaryListItem>\n                          );\n                        })}\n                      </SummaryList>\n                    )}\n                  </StepNavAccordionContent>\n                </StepNavAccordion>\n              </StepNavListItem>\n            );\n          })}\n      </StepNavList>\n    </StepNav>\n  );\n};\n\nexport default Default;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React", "field", "index"]
 }

package/cjs/content/StepNav/__stories__/Dense/index.js

@@ -1,35 +1,41 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dense_exports = {};
+__export(Dense_exports, {
   Dense: () => Dense,
   default: () => Dense_default
 });
-var import_react = __toModule(require("react"));
-var import_StepNav = __toModule(require("@digigov/ui/content/StepNav"));
-var import_SummaryList = __toModule(require("@digigov/ui/content/SummaryList"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
-var import_VisuallyHidden = __toModule(require("@digigov/ui/utils/VisuallyHidden"));
+module.exports = __toCommonJS(Dense_exports);
+var import_react = __toESM(require("react"));
+var import_StepNav = require("@digigov/ui/content/StepNav");
+var import_SummaryList = require("@digigov/ui/content/SummaryList");
+var import_Button = require("@digigov/ui/form/Button");
+var import_VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 const data = [
   {
     title: "\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7",
@@ -142,7 +148,9 @@ const data = [
 ];
 const Dense = () => {
   const [open, setOpen] = (0, import_react.useState)(false);
-  const [openItem, setOpenItem] = (0, import_react.useState)(Array(data.length).fill(false));
+  const [openItem, setOpenItem] = (0, import_react.useState)(
+    Array(data.length).fill(false)
+  );
   (0, import_react.useEffect)(() => {
     const stateArray = [];
     if (open === false) {
@@ -165,43 +173,27 @@ const Dense = () => {
   function openCloseAll() {
     setOpen(!open);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNav, {
-    dense: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavControls, null, /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-    variant: "link",
-    onClick: () => {
-      openCloseAll();
-    }
-  }, open === false ? "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD" : "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD")), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavList, null, data && data.map((field, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavListItem, {
-      key: index
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordion, {
-      open
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummary, {
+  return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNav, { dense: true }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavControls, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
       onClick: () => {
-        openCloseItem(index);
+        openCloseAll();
       }
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummaryHeading, {
-      "aria-controls": "content1"
-    }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, {
-      border: false
-    }), index === 1 ? /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, {
-      border: false
-    }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9") : /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), index > 1 ? index : index + 1), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingTitle, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, " - ", " ", field.codename))))), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionContent, {
-      id: "content1"
-    }, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, (field.actions || []).map((action, subIndex) => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-      color: "primary",
-      key: subIndex
-    }, action.label)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-      color: "secondary"
-    }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), field.details && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.details.map((field2, index2) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, {
-        key: index2
-      }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, field2.name), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, field2.value), field2.actions && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, field2.actions && field2.actions.map((action, subIndex) => {
-        return /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
-          key: subIndex,
-          variant: "link"
-        }, action);
+    },
+    open === false ? "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD" : "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD"
+  )), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavList, null, data && data.map((field, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavListItem, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordion, { open }, /* @__PURE__ */ import_react.default.createElement(
+      import_StepNav.StepNavAccordionSummary,
+      {
+        onClick: () => {
+          openCloseItem(index);
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionSummaryHeading, { "aria-controls": "content1" }, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, { border: false }), index === 1 ? /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, { border: false }, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), "\u03BA\u03B1\u03B9") : /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavCircleNumber, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.VisuallyHidden, null, "\u0392\u03AE\u03BC\u03B1"), index > 1 ? index : index + 1), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingTitle, null, /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, " - ", " ", field.codename))))
+    ), /* @__PURE__ */ import_react.default.createElement(import_StepNav.StepNavAccordionContent, { id: "content1" }, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, (field.actions || []).map((action, subIndex) => /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "primary", key: subIndex }, action.label)), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { color: "secondary" }, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5")), field.details && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryList, null, field.details.map((field2, index2) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItem, { key: index2 }, /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemKey, null, field2.name), /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemValue, null, field2.value), field2.actions && /* @__PURE__ */ import_react.default.createElement(import_SummaryList.SummaryListItemAction, null, /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, null, field2.actions && field2.actions.map((action, subIndex) => {
+        return /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { key: subIndex, variant: "link" }, action);
       }))));
     })))));
   })));

package/cjs/content/StepNav/__stories__/Dense.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/content/StepNav/__stories__/Dense.tsx"],
   "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport {\n  StepNav,\n  StepNavCircleNumber,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n  StepNavAccordion,\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n} from '@digigov/ui/content/StepNav';\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n  SummaryListItemValue,\n} from '@digigov/ui/content/SummaryList';\nimport { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nconst data = [\n  {\n    title: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n    codename: '(KEP-APA)',\n    date: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1 ',\n    codename: '(MORE-DOCS)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '7 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 12:32\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '637283494',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n    codename: '(MORE-DOCS-REQUEST)',\n    date: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '5 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 8:32\u03C0.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '974256',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n  {\n    title: '\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2 \u039C\u03CC\u03BD\u03B9\u03BC\u03B7\u03C2 \u039A\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2',\n    codename: '(PERMRES-FOREIS)',\n    date: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n    actions: [\n      {\n        label: '\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7',\n      },\n      {\n        label: '\u0391\u03AF\u03C4\u03B7\u03BC\u03B1 \u03B3\u03B9\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03C9\u03BC\u03B1\u03C4\u03B9\u03BA\u03AC \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1',\n      },\n    ],\n    details: [\n      {\n        name: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1',\n        value: '3 \u0391\u03C0\u03C1\u03B9\u03BB\u03AF\u03BF\u03C5 2023, 5:42\u03BC.\u03BC.',\n      },\n      {\n        name: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n        value: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n        actions: ['\u0391\u03BD\u03AC\u03B8\u03B5\u03C3\u03B7'],\n      },\n      {\n        name: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03C0\u03B1\u03BB\u03AE\u03B8\u03B5\u03C5\u03C3\u03B7\u03C2',\n        value: '475747',\n      },\n      {\n        name: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n        value: '\u0395\u03B9\u03C3\u03B5\u03C1\u03C7\u03CC\u03BC\u03B5\u03BD\u03B7',\n        actions: ['\u0391\u03BB\u03BB\u03B1\u03B3\u03AE'],\n      },\n    ],\n  },\n];\n\nexport const Dense = () => {\n  const [open, setOpen] = useState<boolean>(false);\n  const [openItem, setOpenItem] = useState(\n    Array<boolean>(data.length).fill(false)\n  );\n  useEffect(() => {\n    const stateArray: boolean[] = [];\n    if (open === false) {\n      openItem.map(() => {\n        stateArray.push(false);\n      });\n      setOpenItem(stateArray);\n    } else {\n      openItem.map(() => {\n        stateArray.push(true);\n      });\n      setOpenItem(stateArray);\n    }\n  }, [open]);\n\n  function openCloseItem(index): void {\n    const statusOpenItem = [...openItem];\n    statusOpenItem[index] = !statusOpenItem[index];\n    setOpenItem(statusOpenItem);\n  }\n  function openCloseAll(): void {\n    setOpen(!open);\n  }\n  return (\n    <StepNav dense>\n      <StepNavControls>\n        <Button\n          variant=\"link\"\n          onClick={() => {\n            openCloseAll();\n          }}\n        >\n          {open === false ? '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03CC\u03BB\u03C9\u03BD' : '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 \u03CC\u03BB\u03C9\u03BD'}\n        </Button>\n      </StepNavControls>\n      <StepNavList>\n        {data &&\n          data.map((field, index) => {\n            return (\n              <StepNavListItem key={index}>\n                <StepNavAccordion open={open}>\n                  <StepNavAccordionSummary\n                    onClick={() => {\n                      openCloseItem(index);\n                    }}\n                  >\n                    <StepNavAccordionSummaryHeading aria-controls=\"content1\">\n                      <StepNavCircleNumber border={false}></StepNavCircleNumber>\n                      {index === 1 ? (\n                        <StepNavCircleNumber border={false}>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          \u03BA\u03B1\u03B9\n                        </StepNavCircleNumber>\n                      ) : (\n                        <StepNavCircleNumber>\n                          <VisuallyHidden>\u0392\u03AE\u03BC\u03B1</VisuallyHidden>\n                          {index > 1 ? index : index + 1}\n                        </StepNavCircleNumber>\n                      )}\n                      <StepNavAccordionHeadingTitle>\n                        <StepNavAccordionHeadingText>\n                          {field.title}\n                          {field.codename && (\n                            <>\n                              {' - '} {field.codename}\n                            </>\n                          )}\n                        </StepNavAccordionHeadingText>\n                      </StepNavAccordionHeadingTitle>\n                    </StepNavAccordionSummaryHeading>\n                  </StepNavAccordionSummary>\n                  <StepNavAccordionContent id=\"content1\">\n                    <ButtonGroup>\n                      {(field.actions || []).map((action, subIndex) => (\n                        <Button color=\"primary\" key={subIndex}>\n                          {action.label}\n                        </Button>\n                      ))}\n                      <Button color=\"secondary\">\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5</Button>\n                    </ButtonGroup>\n                    {field.details && (\n                      <SummaryList>\n                        {field.details.map((field, index) => {\n                          return (\n                            <SummaryListItem key={index}>\n                              <SummaryListItemKey>\n                                {field.name}\n                              </SummaryListItemKey>\n                              <SummaryListItemValue>\n                                {field.value}\n                              </SummaryListItemValue>\n                              {field.actions && (\n                                <SummaryListItemAction>\n                                  <ButtonGroup>\n                                    {field.actions &&\n                                      field.actions.map((action, subIndex) => {\n                                        return (\n                                          <Button key={subIndex} variant=\"link\">\n                                            {action}\n                                          </Button>\n                                        );\n                                      })}\n                                  </ButtonGroup>\n                                </SummaryListItemAction>\n                              )}\n                            </SummaryListItem>\n                          );\n                        })}\n                      </SummaryList>\n                    )}\n                  </StepNavAccordionContent>\n                </StepNavAccordion>\n              </StepNavListItem>\n            );\n          })}\n      </StepNavList>\n    </StepNav>\n  );\n};\n\nexport default Dense;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React", "field", "index"]
 }