@digigov/ui 2.0.0-85c27c19 → 2.0.0-87b6232d

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

@@ -1,7 +1,7 @@
 {
   "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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",
+  "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} from '@digigov/ui/content/StepNav';\nimport {\n  StepNavAuto,\n  StepNavAccordionAuto,\n  StepNavCloseAllButtonAuto,\n  StepNavOpenAllButtonAuto,\n} from '@digigov/ui/content/StepNav/auto';\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": ["field", "index"]
 }

package/content/StepNav/auto/index.js

@@ -4,7 +4,9 @@ import StepNav from "@digigov/react-core/StepNav";
 import {
   StepNavAccordion
 } from "@digigov/react-core/StepNavAccordion";
-import { useAccordion as useStepNav } from "@digigov/ui/content/Accordion/hooks";
+import {
+  useAccordion as useStepNav
+} from "@digigov/ui/content/Accordion/hooks";
 const StepNavContext = React.createContext(null);
 const StepNavAuto = ({
   singleOpen,

package/content/StepNav/auto.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
 import { ButtonProps } from '@digigov/react-core/Button';
 import { StepNavAccordionProps } from '@digigov/react-core/StepNavAccordion';
-import { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';
-import { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';
+import { UseAccordionReturn as useStepNavReturn, AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';
 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;
+    singleOpen?: boolean;
+    defaultOpen?: StepNavItemId;
     children: React.ReactNode;
 }) => React.JSX.Element;
 export declare const useStepNavContext: () => useStepNavReturn | null;

package/content/StepNav/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/StepNav/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport { UseAccordionReturn as useStepNavReturn } from '@digigov/ui/content/Accordion/hooks';\nimport { AccordionItemId as StepNavItemId } from '@digigov/ui/content/Accordion/hooks';\nimport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
-  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AACpC,OAAO,aAAa;AACpB;AAAA,EACE;AAAA,OAEK;AAGP,SAAS,gBAAgB,kBAAkB;AAO3C,MAAM,iBAAiB,MAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,oCAAC,WAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,UAAU,WAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,MAAM,WAG5C,SAASC,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,MAAM,WAG7C,SAASC,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport StepNav from '@digigov/react-core/StepNav';\nimport {\n  StepNavAccordion,\n  StepNavAccordionProps,\n} from '@digigov/react-core/StepNavAccordion';\nimport {\n  UseAccordionReturn as useStepNavReturn,\n  AccordionItemId as StepNavItemId,\n  useAccordion as useStepNav,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAutoProps extends ButtonProps {}\nexport interface StepNavAccordionAutoProps extends StepNavAccordionProps {\n  id: string;\n}\n\nconst StepNavContext = React.createContext<useStepNavReturn | null>(null);\nexport const StepNavAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: StepNavItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useStepNav({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <StepNavContext.Provider value={accordion}>\n      <StepNav {...props}>{children}</StepNav>\n    </StepNavContext.Provider>\n  );\n};\nexport const useStepNavContext = (): useStepNavReturn | null => {\n  const context = useContext(StepNavContext);\n  return context;\n};\n\nexport const StepNavAccordionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  StepNavAccordionAutoProps\n>(function StepNavAccordionAuto({ id, ...props }, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavAccordionAuto must be used within an StepNavProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <StepNavAccordion\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const StepNavOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavOpenAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavOpenAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { openAll, hasOpen } = context;\n  return !hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={openAll} {...props} />\n  ) : null;\n});\n\nexport const StepNavCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAutoProps\n>(function StepNavCloseAllButtonAuto(props, ref) {\n  const context = useStepNavContext();\n  if (!context) {\n    throw new Error(\n      'StepNavCloseAllButton must be used within an StepNavProvider'\n    );\n  }\n  const { closeAll, hasOpen } = context;\n  return hasOpen ? (\n    <Button variant=\"link\" ref={ref} onClick={closeAll} {...props} />\n  ) : null;\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AACpC,OAAO,aAAa;AACpB;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EAGE,gBAAgB;AAAA,OACX;AAOP,MAAM,iBAAiB,MAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,YAAY,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,oCAAC,WAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,UAAU,WAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,QAAQ,EAAE;AAAA,MACd,KAAK,QAAQ,EAAE,EAAE,OAAO;AAAA,MACvB,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAEM,MAAM,2BAA2B,MAAM,WAG5C,SAASC,0BAAyB,OAAO,KAAK;AAC9C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,MAAM,WAG7C,SAASC,2BAA0B,OAAO,KAAK;AAC/C,QAAM,UAAU,kBAAkB;AAClC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,oCAAC,UAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
 }

package/content/StepNav/index.d.ts

@@ -9,7 +9,6 @@ import StepNavControls from '@digigov/react-core/StepNavControls';
 import StepNavList from '@digigov/react-core/StepNavList';
 import StepNavListItem from '@digigov/react-core/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, };

package/content/StepNav/index.js

@@ -9,7 +9,6 @@ import StepNavControls from "@digigov/react-core/StepNavControls";
 import StepNavList from "@digigov/react-core/StepNavList";
 import StepNavListItem from "@digigov/react-core/StepNavListItem";
 export * from "@digigov/ui/content/Accordion/hooks";
-export * from "@digigov/ui/content/StepNav/auto";
 import { useAccordion } from "@digigov/ui/content/Accordion/hooks";
 export * from "@digigov/react-core/StepNavAccordion";
 var StepNav_default = StepNav;

package/content/StepNav/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/StepNav/index.tsx"],
-  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/ui/content/StepNav/auto';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,6BAA6B;AACpC,OAAO,iCAAiC;AACxC,OAAO,kCAAkC;AACzC,OAAO,6BAA6B;AACpC,OAAO,oCAAoC;AAC3C,OAAO,yBAAyB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,iBAAiB;AACxB,OAAO,qBAAqB;AAC5B,cAAc;AACd,cAAc;AACd,SAAyB,oBAAkB;AAC3C,cAAc;AAad,IAAO,kBAAQ;",
+  "sourcesContent": ["import StepNav from '@digigov/react-core/StepNav';\nimport StepNavAccordionContent from '@digigov/react-core/StepNavAccordionContent';\nimport StepNavAccordionHeadingText from '@digigov/react-core/StepNavAccordionHeadingText';\nimport StepNavAccordionHeadingTitle from '@digigov/react-core/StepNavAccordionHeadingTitle';\nimport StepNavAccordionSummary from '@digigov/react-core/StepNavAccordionSummary';\nimport StepNavAccordionSummaryHeading from '@digigov/react-core/StepNavAccordionSummaryHeading';\nimport StepNavCircleNumber from '@digigov/react-core/StepNavCircleNumber';\nimport StepNavControls from '@digigov/react-core/StepNavControls';\nimport StepNavList from '@digigov/react-core/StepNavList';\nimport StepNavListItem from '@digigov/react-core/StepNavListItem';\nexport * from '@digigov/ui/content/Accordion/hooks';\nexport { useAccordion as useStepNav } from '@digigov/ui/content/Accordion/hooks';\nexport * from '@digigov/react-core/StepNavAccordion';\nexport {\n  StepNavAccordionContent,\n  StepNavAccordionSummary,\n  StepNavAccordionSummaryHeading,\n  StepNavAccordionHeadingTitle,\n  StepNavAccordionHeadingText,\n  StepNavCircleNumber,\n  StepNav,\n  StepNavControls,\n  StepNavList,\n  StepNavListItem,\n};\nexport default StepNav;\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,6BAA6B;AACpC,OAAO,iCAAiC;AACxC,OAAO,kCAAkC;AACzC,OAAO,6BAA6B;AACpC,OAAO,oCAAoC;AAC3C,OAAO,yBAAyB;AAChC,OAAO,qBAAqB;AAC5B,OAAO,iBAAiB;AACxB,OAAO,qBAAqB;AAC5B,cAAc;AACd,SAAyB,oBAAkB;AAC3C,cAAc;AAad,IAAO,kBAAQ;",
   "names": []
 }

package/content/SummaryList/SummaryList.stories/index.js

@@ -1,26 +1,26 @@
-import SummaryList from "@digigov/ui/content/SummaryList";
 var SummaryList_stories_default = {
   title: "Digigov UI/content/SummaryList",
-  description: "Use the summary list to summarise information.",
+  description: "Use the summary list to summarize information.",
   link: "https://guide.services.gov.gr/docs/components/summary-list",
-  component: SummaryList,
-  displayName: "SummaryList"
+  displayName: "SummaryList",
+  component: SummaryListExample
+};
+import { SummaryListExample } from "@digigov/ui/content/SummaryList/__stories__/SummaryListExample";
+const Default = {
+  args: {
+    sm: 5,
+    md: 4,
+    lg: 3,
+    border: true,
+    noLastBorder: false,
+    itemBorder: true,
+    showKey: true,
+    showValue: true,
+    showActions: true
+  }
 };
-import { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
-import { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
-import { WithoutActions } from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
-import { WithNoLastBorder } from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
-import { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
-import { WithKeyAndAction } from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
-import { RowVariations } from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
 export {
   Default,
-  RowVariations,
-  WithActions,
-  WithKeyAndAction,
-  WithNoLastBorder,
-  WithoutActions,
-  WithoutBorders,
   SummaryList_stories_default as default
 };
 //# sourceMappingURL=SummaryList.stories.js.map

package/content/SummaryList/SummaryList.stories.d.ts

@@ -2,15 +2,21 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export let link: string;
-    export { SummaryList as component };
     export let displayName: string;
+    export { SummaryListExample as component };
 }
 export default _default;
-export { Default } from "@digigov/ui/content/SummaryList/__stories__/Default";
-export { WithActions } from "@digigov/ui/content/SummaryList/__stories__/WithActions";
-export { WithoutActions } from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
-export { WithNoLastBorder } from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
-export { WithoutBorders } from "@digigov/ui/content/SummaryList/__stories__/WithoutBorders";
-export { WithKeyAndAction } from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
-export { RowVariations } from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
-import SummaryList from '@digigov/ui/content/SummaryList';
+export namespace Default {
+    namespace args {
+        let sm: number;
+        let md: number;
+        let lg: number;
+        let border: boolean;
+        let noLastBorder: boolean;
+        let itemBorder: boolean;
+        let showKey: boolean;
+        let showValue: boolean;
+        let showActions: boolean;
+    }
+}
+import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';

package/content/SummaryList/SummaryList.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/SummaryList/SummaryList.stories.js"],
-  "sourcesContent": ["import SummaryList from '@digigov/ui/content/SummaryList';\nexport default {\n  title: 'Digigov UI/content/SummaryList',\n  description: 'Use the summary list to summarise information.',\n  link: 'https://guide.services.gov.gr/docs/components/summary-list',\n  component: SummaryList,\n  displayName: 'SummaryList',\n};\nexport { Default } from '@digigov/ui/content/SummaryList/__stories__/Default';\nexport { WithActions } from '@digigov/ui/content/SummaryList/__stories__/WithActions';\nexport { WithoutActions } from '@digigov/ui/content/SummaryList/__stories__/WithoutActions';\nexport { WithNoLastBorder } from '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder';\nexport { WithoutBorders } from '@digigov/ui/content/SummaryList/__stories__/WithoutBorders';\nexport { WithKeyAndAction } from '@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction';\nexport { RowVariations } from '@digigov/ui/content/SummaryList/__stories__/RowVariations';\n"],
-  "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;",
+  "sourcesContent": ["export default {\n  title: 'Digigov UI/content/SummaryList',\n  description: 'Use the summary list to summarize information.',\n  link: 'https://guide.services.gov.gr/docs/components/summary-list',\n  displayName: 'SummaryList',\n  component: SummaryListExample,\n};\nimport { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';\n\nexport const Default = {\n  args: {\n    sm: 5,\n    md: 4,\n    lg: 3,\n    border: true,\n    noLastBorder: false,\n    itemBorder: true,\n    showKey: true,\n    showValue: true,\n    showActions: true,\n  },\n};\n"],
+  "mappings": "AAAA,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAW;AACb;AACA,SAAS,0BAA0B;AAE5B,MAAM,UAAU;AAAA,EACrB,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,EACf;AACF;",
   "names": []
 }

package/content/SummaryList/__stories__/SummaryListExample/index.js

@@ -0,0 +1,43 @@
+import React from "react";
+import {
+  SummaryList,
+  SummaryListItem,
+  SummaryListItemAction,
+  SummaryListItemKey,
+  SummaryListItemValue
+} from "@digigov/ui/content/SummaryList";
+import { Link } from "@digigov/ui/navigation/Link";
+const data = [
+  {
+    key: "\u038C\u03BD\u03BF\u03BC\u03B1",
+    value: "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE"
+  },
+  {
+    key: "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2",
+    value: "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2"
+  },
+  {
+    key: "\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2",
+    value: "6941234567",
+    action: "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE"
+  }
+];
+const SummaryListExample = ({
+  sm,
+  md,
+  lg,
+  border = true,
+  noLastBorder = false,
+  itemBorder = true,
+  showKey = true,
+  showValue = true,
+  showActions = true
+}) => /* @__PURE__ */ React.createElement(SummaryList, { border, noLastBorder }, data && data.map((item, index) => /* @__PURE__ */ React.createElement(SummaryListItem, { key: index, border: itemBorder }, showKey && /* @__PURE__ */ React.createElement(SummaryListItemKey, { sm, md, lg }, item.key), showValue && /* @__PURE__ */ React.createElement(SummaryListItemValue, null, item.value), showActions && /* @__PURE__ */ React.createElement(SummaryListItemAction, null, /* @__PURE__ */ React.createElement(Link, { href: "#" }, item.action)))));
+var SummaryListExample_default = SummaryListExample;
+export {
+  SummaryListExample,
+  SummaryListExample_default as default
+};
+//# sourceMappingURL=SummaryListExample.js.map

package/content/SummaryList/__stories__/SummaryListExample/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/content/SummaryList/__stories__/SummaryListExample/index.js"
+}

package/content/SummaryList/__stories__/SummaryListExample.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { WidthValues } from '@digigov/ui/content/SummaryList';
+export declare const SummaryListExample: ({ sm, md, lg, border, noLastBorder, itemBorder, showKey, showValue, showActions, }: {
+    sm?: WidthValues;
+    md?: WidthValues;
+    lg?: WidthValues;
+    border?: boolean;
+    noLastBorder?: boolean;
+    itemBorder?: boolean;
+    showKey?: boolean;
+    showValue?: boolean;
+    showActions?: boolean;
+}) => React.JSX.Element;
+export default SummaryListExample;

package/content/SummaryList/__stories__/SummaryListExample.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/SummaryList/__stories__/SummaryListExample.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  SummaryList,\n  SummaryListItem,\n  SummaryListItemAction,\n  SummaryListItemKey,\n  SummaryListItemValue,\n  WidthValues,\n} from '@digigov/ui/content/SummaryList';\n\nimport { Link } from '@digigov/ui/navigation/Link';\n\nconst data = [\n  {\n    key: '\u038C\u03BD\u03BF\u03BC\u03B1',\n    value: '\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE',\n  },\n  {\n    key: '\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2',\n    value: '11 \u039C\u03B1\u03CA\u03BF\u03C5 1990',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2',\n  },\n  {\n    key: '\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2',\n    value: '6941234567',\n    action: '\u0391\u03BB\u03BB\u03B1\u03B3\u03AE',\n  },\n];\n\nexport const SummaryListExample = ({\n  sm,\n  md,\n  lg,\n  border = true,\n  noLastBorder = false,\n  itemBorder = true,\n  showKey = true,\n  showValue = true,\n  showActions = true,\n}: {\n  sm?: WidthValues;\n  md?: WidthValues;\n  lg?: WidthValues;\n  border?: boolean;\n  noLastBorder?: boolean;\n  itemBorder?: boolean;\n  showKey?: boolean;\n  showValue?: boolean;\n  showActions?: boolean;\n}) => (\n  <SummaryList border={border} noLastBorder={noLastBorder}>\n    {data &&\n      data.map((item, index) => (\n        <SummaryListItem key={index} border={itemBorder}>\n          {showKey && (\n            <SummaryListItemKey sm={sm} md={md} lg={lg}>\n              {item.key}\n            </SummaryListItemKey>\n          )}\n          {showValue && (\n            <SummaryListItemValue>{item.value}</SummaryListItemValue>\n          )}\n          {showActions && (\n            <SummaryListItemAction>\n              <Link href=\"#\">{item.action}</Link>\n            </SummaryListItemAction>\n          )}\n        </SummaryListItem>\n      ))}\n  </SummaryList>\n);\n\nexport default SummaryListExample;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,YAAY;AAErB,MAAM,OAAO;AAAA,EACX;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAChB,MAWE,oCAAC,eAAY,QAAgB,gBAC1B,QACC,KAAK,IAAI,CAAC,MAAM,UACd,oCAAC,mBAAgB,KAAK,OAAO,QAAQ,cAClC,WACC,oCAAC,sBAAmB,IAAQ,IAAQ,MACjC,KAAK,GACR,GAED,aACC,oCAAC,4BAAsB,KAAK,KAAM,GAEnC,eACC,oCAAC,6BACC,oCAAC,QAAK,MAAK,OAAK,KAAK,MAAO,CAC9B,CAEJ,CACD,CACL;AAGF,IAAO,6BAAQ;",
+  "names": []
+}

package/content/Table/Table.stories/index.js

@@ -1,4 +1,14 @@
-import Table from "@digigov/ui/content/Table";
+import React from "react";
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell
+} from "@digigov/ui/content/Table";
 var Table_stories_default = {
   title: "Digigov UI/content/Table",
   description: "Use the table component to make information easier to compare and scan for users.",
@@ -6,6 +16,158 @@ var Table_stories_default = {
   component: Table,
   displayName: "Table"
 };
+const data = {
+  title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
+  labels: {
+    name: "\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF",
+    role: "\u03A1\u03CC\u03BB\u03BF\u03C2",
+    email: "Email",
+    phone: "\u038F\u03C1\u03B5\u03C2"
+  },
+  content: [
+    {
+      name: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "marios@mail.com",
+      phone: "34"
+    },
+    {
+      name: "\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5",
+      role: "\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "kalliopi@mail.com",
+      phone: "65"
+    },
+    {
+      name: "\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "maria@mail.com",
+      phone: "12"
+    },
+    {
+      name: "\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5",
+      role: "\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2",
+      email: "ilektra@mail.com",
+      phone: "26"
+    }
+  ]
+};
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(TableContainer, { border: args.containerBorder }, /* @__PURE__ */ React.createElement(
+      Table,
+      {
+        headerVariant: args.headerVariant,
+        verticalBorders: args.verticalBorders,
+        variant: args.variant,
+        dense: args.dense,
+        stacked: args.stacked
+      },
+      data && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableCaption, { size: args.tableCaptionSize }, data.title), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, data.labels && Object.keys(data.labels).map((key, index) => /* @__PURE__ */ React.createElement(
+        TableHeadCell,
+        {
+          key,
+          width: index === 0 && args.firstTableHeadCellWidth,
+          dataType: key === "phone" && args.tableHeadCellDataType
+        },
+        data.labels[key]
+      )))), /* @__PURE__ */ React.createElement(TableBody, null, data.content && data.content.map((item, index) => /* @__PURE__ */ React.createElement(
+        TableRow,
+        {
+          key: index,
+          highlight: index === 1 && args.tableRowHighlight,
+          color: index === 1 && args.tableRowColor
+        },
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.name }, item.name),
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.role }, item.role),
+        /* @__PURE__ */ React.createElement(TableDataCell, { "data-label": data.labels.email }, item.email),
+        /* @__PURE__ */ React.createElement(
+          TableDataCell,
+          {
+            "data-label": data.labels.phone,
+            dataType: args.tableHeadCellDataType
+          },
+          item.phone
+        )
+      ))))
+    ));
+  },
+  args: {
+    containerBorder: false,
+    headerVariant: "light",
+    verticalBorders: false,
+    variant: "default",
+    stacked: "md",
+    dense: false,
+    tableCaptionSize: "md",
+    tableRowHighlight: false,
+    tableRowColor: "primary",
+    firstTableHeadCellWidth: "25%",
+    tableHeadCellDataType: "text"
+  },
+  argTypes: {
+    containerBorder: {
+      control: {
+        type: "boolean"
+      }
+    },
+    headerVariant: {
+      options: ["dark", "light"],
+      control: { type: "inline-radio" }
+    },
+    verticalBorders: {
+      control: {
+        type: "boolean"
+      }
+    },
+    variant: {
+      control: { type: "inline-radio" },
+      options: ["default", "zebra"]
+    },
+    stacked: {
+      control: {
+        type: "select"
+      },
+      options: ["always", "sm", "md", "never"]
+    },
+    dense: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableCaptionSize: {
+      control: {
+        type: "select"
+      },
+      options: ["sm", "md", "lg", "xl"]
+    },
+    tableRowHighlight: {
+      control: {
+        type: "boolean"
+      }
+    },
+    tableRowColor: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["primary", "secondary"]
+    },
+    firstTableHeadCellWidth: {
+      control: {
+        type: "select"
+      },
+      options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"]
+    },
+    tableHeadCellDataType: {
+      control: {
+        type: "inline-radio"
+      },
+      options: ["numeric", "text"]
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 import { Default } from "@digigov/ui/content/Table/__stories__/Default";
 import { TableCaptions } from "@digigov/ui/content/Table/__stories__/TableCaptions";
 import { NoData } from "@digigov/ui/content/Table/__stories__/NoData";
@@ -18,7 +180,7 @@ import { DarkVariant } from "@digigov/ui/content/Table/__stories__/DarkVariant";
 import { DarkVariantWithVerticalHeaders } from "@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders";
 import { WithLoader } from "@digigov/ui/content/Table/__stories__/WithLoader";
 import { DefinedWidth } from "@digigov/ui/content/Table/__stories__/DefinedWidth";
-import { Densed } from "@digigov/ui/content/Table/__stories__/Densed";
+import { Dense } from "@digigov/ui/content/Table/__stories__/Dense";
 import { RowColors } from "@digigov/ui/content/Table/__stories__/RowColors";
 import { MultipleProps } from "@digigov/ui/content/Table/__stories__/MultipleProps";
 import { WithSortFilters } from "@digigov/ui/content/Table/__stories__/WithSortFilters";
@@ -29,7 +191,7 @@ export {
   DarkVariantWithVerticalHeaders,
   Default,
   DefinedWidth,
-  Densed,
+  Dense,
   Full,
   MultipleProps,
   NoData,
@@ -39,6 +201,7 @@ export {
   TableCaptions,
   VerticalBorders,
   VerticalHeaders,
+  WithControls,
   WithFloatingScroll,
   WithLoader,
   WithSortFilters,