@digigov/ui 2.0.0-85c27c19 → 2.0.0-aefd0709

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

@@ -18,7 +18,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 +29,7 @@ export {
   DarkVariantWithVerticalHeaders,
   Default,
   DefinedWidth,
-  Densed,
+  Dense,
   Full,
   MultipleProps,
   NoData,

package/content/Table/Table.stories.d.ts

@@ -18,7 +18,7 @@ export { DarkVariant } from "@digigov/ui/content/Table/__stories__/DarkVariant";
 export { DarkVariantWithVerticalHeaders } from "@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders";
 export { WithLoader } from "@digigov/ui/content/Table/__stories__/WithLoader";
 export { DefinedWidth } from "@digigov/ui/content/Table/__stories__/DefinedWidth";
-export { Densed } from "@digigov/ui/content/Table/__stories__/Densed";
+export { Dense } from "@digigov/ui/content/Table/__stories__/Dense";
 export { RowColors } from "@digigov/ui/content/Table/__stories__/RowColors";
 export { MultipleProps } from "@digigov/ui/content/Table/__stories__/MultipleProps";
 export { WithSortFilters } from "@digigov/ui/content/Table/__stories__/WithSortFilters";

package/content/Table/Table.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Table/Table.stories.js"],
-  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Densed } from '@digigov/ui/content/Table/__stories__/Densed';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,YAAY;",
+  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Dense } from '@digigov/ui/content/Table/__stories__/Dense';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,YAAY;",
   "names": []
 }

package/content/Table/TableFloatingScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/content/Table/TableFloatingScroll.tsx"],
-  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
-  "mappings": "AAAA,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA+B,UAAU;AACzE,YAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAE3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
+  "sourcesContent": ["import React, { useEffect, useRef, useState } from 'react';\n\nexport function TableFloatingScroll(props) {\n  const ref = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLElement | null>(null);\n  const scrollBlockRef = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const [position, setPosition] = useState<'relative' | 'fixed'>('relative');\n  useEffect(() => {\n    const scrollBlockRefInstance = scrollBlockRef.current;\n    contentRef.current = ref.current?.firstChild as HTMLElement;\n    // @ts-ignore\n    setContainerWidth(ref.current.offsetWidth);\n    setWidth(contentRef.current.scrollWidth);\n    const elementOffset =\n      contentRef.current.offsetTop + contentRef.current.offsetHeight;\n    function onBodyScroll() {\n      const currentScroll = window.pageYOffset + window.innerHeight;\n      if (\n        currentScroll < elementOffset &&\n        // @ts-ignore\n        currentScroll > contentRef.current.offsetTop\n      ) {\n        setPosition('fixed');\n      } else if (\n        currentScroll >= elementOffset ||\n        // @ts-ignore\n        currentScroll <= contentRef.current.offsetTop\n      ) {\n        setPosition('relative');\n      }\n    }\n    function onBlockScroll() {\n      // @ts-ignore\n      ref.current.scrollLeft = scrollBlockRefInstance.scrollLeft;\n    }\n    // @ts-ignore\n    scrollBlockRefInstance.addEventListener('scroll', onBlockScroll);\n    document.addEventListener('scroll', onBodyScroll);\n    window.addEventListener('resize', () => {\n      if (ref.current?.offsetWidth) {\n        // @ts-ignore\n        setContainerWidth(ref.current.offsetWidth);\n      }\n      if (contentRef.current?.offsetWidth) {\n        // @ts-ignore\n        setWidth(contentRef.current.scrollWidth);\n      }\n    });\n    return () => {\n      // @ts-ignore\n      scrollBlockRefInstance.removeEventListener('scroll', onBlockScroll);\n      document.removeEventListener('scroll', onBodyScroll);\n    };\n  }, []);\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          maxWidth: '100%',\n          overflowX: 'scroll',\n        }}\n      >\n        {props.children}\n      </div>\n      <div\n        style={{\n          overflow: 'auto',\n          height: '35px',\n          marginTop: '-35px',\n          position: position,\n          maxWidth: `${containerWidth}px`,\n          bottom: 0,\n        }}\n        ref={scrollBlockRef}\n      >\n        <div style={{ width: `${width}px`, overflow: 'hidden' }}></div>\n      </div>\n    </>\n  );\n}\nexport default TableFloatingScroll;\n"],
+  "mappings": "AAAA,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,aAAa,OAA2B,IAAI;AAClD,QAAM,iBAAiB,OAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA+B,UAAU;AACzE,YAAU,MAAM;AACd,UAAM,yBAAyB,eAAe;AAC9C,eAAW,UAAU,IAAI,SAAS;AAElC,sBAAkB,IAAI,QAAQ,WAAW;AACzC,aAAS,WAAW,QAAQ,WAAW;AACvC,UAAM,gBACJ,WAAW,QAAQ,YAAY,WAAW,QAAQ;AACpD,aAAS,eAAe;AACtB,YAAM,gBAAgB,OAAO,cAAc,OAAO;AAClD,UACE,gBAAgB;AAAA,MAEhB,gBAAgB,WAAW,QAAQ,WACnC;AACA,oBAAY,OAAO;AAAA,MACrB,WACE,iBAAiB;AAAA,MAEjB,iBAAiB,WAAW,QAAQ,WACpC;AACA,oBAAY,UAAU;AAAA,MACxB;AAAA,IACF;AACA,aAAS,gBAAgB;AAEvB,UAAI,QAAQ,aAAa,uBAAuB;AAAA,IAClD;AAEA,2BAAuB,iBAAiB,UAAU,aAAa;AAC/D,aAAS,iBAAiB,UAAU,YAAY;AAChD,WAAO,iBAAiB,UAAU,MAAM;AACtC,UAAI,IAAI,SAAS,aAAa;AAE5B,0BAAkB,IAAI,QAAQ,WAAW;AAAA,MAC3C;AACA,UAAI,WAAW,SAAS,aAAa;AAEnC,iBAAS,WAAW,QAAQ,WAAW;AAAA,MACzC;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AAEX,6BAAuB,oBAAoB,UAAU,aAAa;AAClE,eAAS,oBAAoB,UAAU,YAAY;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,QACX;AAAA,QACA,UAAU,GAAG,cAAc;AAAA,QAC3B,QAAQ;AAAA,MACV;AAAA,MACA,KAAK;AAAA;AAAA,IAEL,oCAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
   "names": []
 }

package/content/Table/__stories__/{Densed → Dense}/index.js

@@ -94,14 +94,14 @@ const data = [
     active: "\u038C\u03C7\u03B9"
   }
 ];
-const Densed = () => {
+const Dense = () => {
   return /* @__PURE__ */ React.createElement(TableContainer, { border: true }, /* @__PURE__ */ React.createElement(Table, { dense: true }, /* @__PURE__ */ React.createElement(TableCaption, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ React.createElement(TableHeadCell, { key }, labels[key])))), /* @__PURE__ */ React.createElement(TableBody, null, data && data.map((dt, index) => {
     return /* @__PURE__ */ React.createElement(TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ React.createElement(TableDataCell, { key }, dt[key])));
   }))));
 };
-var Densed_default = Densed;
+var Dense_default = Dense;
 export {
-  Densed,
-  Densed_default as default
+  Dense,
+  Dense_default as default
 };
-//# sourceMappingURL=Densed.js.map
+//# sourceMappingURL=Dense.js.map

package/content/Table/__stories__/Dense/package.json

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

package/content/Table/__stories__/Dense.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Dense: () => React.JSX.Element;
+export default Dense;

package/content/Table/__stories__/{Densed.js.map → Dense.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/content/Table/__stories__/Densed.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n  name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n  email: 'Email',\n  phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n  role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n  actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n  zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n  address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n  city: '\u03A0\u03CC\u03BB\u03B7',\n  country: '\u03A7\u03CE\u03C1\u03B1',\n  active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n  last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n  last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n  last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n  afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n  {\n    name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n    afm: '1111111112',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212121',\n    email: 'takis@gov.gr',\n    phone: '22222222',\n    address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n    city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222233',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n    afm: '1111111113',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212122',\n    email: 'marios@gov.gr',\n    phone: '33333333',\n    address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n    city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222244',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n    afm: '1111111114',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212123',\n    email: 'kalliopi@gov.gr',\n    phone: '44444444',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n    afm: '1111111115',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212124',\n    email: 'maria@gov.gr',\n    phone: '55555555',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u038C\u03C7\u03B9',\n  },\n  {\n    name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n    afm: '1111111116',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212125',\n    email: 'ilektra@gov.gr',\n    phone: '66666666',\n    address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n    city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222266',\n    active: '\u038C\u03C7\u03B9',\n  },\n];\n\nexport const Densed = () => {\n  return (\n    <TableContainer border>\n      <Table dense>\n        <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n        <TableHead>\n          <TableRow>\n            {Object.keys(data[0]).map((key) => (\n              <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data &&\n            data.map((dt, index) => {\n              return (\n                <TableRow key={index}>\n                  {Object.keys(dt).map((key) => (\n                    <TableDataCell key={key}>{dt[key]}</TableDataCell>\n                  ))}\n                </TableRow>\n              );\n            })}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default Densed;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,SAAS,MAAM;AAC1B,SACE,oCAAC,kBAAe,QAAM,QACpB,oCAAC,SAAM,OAAK,QACV,oCAAC,oBAAa,4CAAO,GACrB,oCAAC,iBACC,oCAAC,gBACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,oCAAC,iBAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,oCAAC,iBACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,oCAAC,YAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,oCAAC,iBAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,iBAAQ;",
+  "sources": ["../../../../src/content/Table/__stories__/Dense.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n} from '@digigov/ui/content/Table';\n\nconst labels = {\n  name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n  email: 'Email',\n  phone: '\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n  role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n  status: '\u039A\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7',\n  actions: '\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2',\n  at: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2',\n  zip: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u039A\u03CE\u03B4\u03B9\u03BA\u03B1\u03C2',\n  address: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7',\n  city: '\u03A0\u03CC\u03BB\u03B7',\n  country: '\u03A7\u03CE\u03C1\u03B1',\n  active: '\u0395\u03BD\u03B5\u03C1\u03B3\u03CC\u03C2',\n  last_login: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7',\n  last_login_agent: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u0391\u03BE\u03B5\u03C3\u03BF\u03C5\u03AC\u03C1',\n  last_login_ip: '\u03A4\u03B5\u03BB\u03B5\u03C5\u03C4\u03B1\u03AF\u03B1 \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 IP',\n  afm: '\u0391\u03A6\u039C',\n};\n\nconst data = [\n  {\n    name: '\u03A4\u03AC\u03BA\u03B7\u03C2 \u03A4\u03C3\u03BF\u03CD\u03BA\u03B1\u03BB\u03BF\u03C2',\n    afm: '1111111112',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212121',\n    email: 'takis@gov.gr',\n    phone: '22222222',\n    address: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE\u03C2',\n    city: '\u0391\u03B3\u03AF\u03B1 \u03A0\u03B1\u03C1\u03B1\u03C3\u03BA\u03B5\u03C5\u03AE',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222233',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n    afm: '1111111113',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212122',\n    email: 'marios@gov.gr',\n    phone: '33333333',\n    address: '\u03A7\u03B1\u03BB\u03B1\u03BD\u03B4\u03C1\u03AF\u03BF\u03C5',\n    city: '\u03A7\u03B1\u03BB\u03AC\u03BD\u03B4\u03C1\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222244',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n    afm: '1111111114',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212123',\n    email: 'kalliopi@gov.gr',\n    phone: '44444444',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u039D\u03B1\u03B9',\n  },\n  {\n    name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n    afm: '1111111115',\n    role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212124',\n    email: 'maria@gov.gr',\n    phone: '55555555',\n    address: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03B1\u03C4\u03AF\u03BF\u03C5',\n    city: '\u03A0\u03B1\u03B3\u03BA\u03C1\u03AC\u03C4\u03B9',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222255',\n    active: '\u038C\u03C7\u03B9',\n  },\n  {\n    name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n    afm: '1111111116',\n    role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n    at: '1212125',\n    email: 'ilektra@gov.gr',\n    phone: '66666666',\n    address: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1\u03C2',\n    city: '\u039A\u03B1\u03BB\u03BB\u03B9\u03B8\u03AD\u03B1',\n    country: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1',\n    zip: '222266',\n    active: '\u038C\u03C7\u03B9',\n  },\n];\n\nexport const Dense = () => {\n  return (\n    <TableContainer border>\n      <Table dense>\n        <TableCaption>\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2</TableCaption>\n        <TableHead>\n          <TableRow>\n            {Object.keys(data[0]).map((key) => (\n              <TableHeadCell key={key}>{labels[key]}</TableHeadCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {data &&\n            data.map((dt, index) => {\n              return (\n                <TableRow key={index}>\n                  {Object.keys(dt).map((key) => (\n                    <TableDataCell key={key}>{dt[key]}</TableDataCell>\n                  ))}\n                </TableRow>\n              );\n            })}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\nexport default Dense;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,SAAS;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,KAAK;AACP;AAEA,MAAM,OAAO;AAAA,EACX;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,QAAQ,MAAM;AACzB,SACE,oCAAC,kBAAe,QAAM,QACpB,oCAAC,SAAM,OAAK,QACV,oCAAC,oBAAa,4CAAO,GACrB,oCAAC,iBACC,oCAAC,gBACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,oCAAC,iBAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,oCAAC,iBACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,oCAAC,YAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,oCAAC,iBAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,gBAAQ;",
   "names": []
 }

package/content/Table/__stories__/WithLoader/index.js

@@ -1,8 +1,7 @@
 import React, { useState } from "react";
-import { CircularProgress } from "@digigov/ui/app/Loader";
-import { LoaderContainer } from "@digigov/ui/app/Loader";
-import { TableLoaderBackground } from "@digigov/ui/content/Table";
+import { CircularProgress, LoaderContainer } from "@digigov/ui/app/Loader";
 import {
+  TableLoaderBackground,
   TableContainer,
   Table,
   TableCaption,

package/content/Table/__stories__/WithLoader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Table/__stories__/WithLoader.tsx"],
-  "sourcesContent": ["// @delay-test-snapshot\nimport React, { useState } from 'react';\nimport { CircularProgress } from '@digigov/ui/app/Loader';\nimport { LoaderContainer } from '@digigov/ui/app/Loader';\nimport { TableLoaderBackground } from '@digigov/ui/content/Table';\nimport {\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n} from '@digigov/ui/content/Table';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n    },\n  ],\n};\n\nexport const WithLoader = () => {\n  const [tableData, setTableData] = useState<any | null>();\n  const [loading, setLoading] = useState(false);\n  setTimeout(() => {\n    setTableData(data);\n  }, 2000);\n\n  return (\n    <>\n      <TableContainer>\n        {!tableData ? (\n          <LoaderContainer>\n            <CircularProgress />\n          </LoaderContainer>\n        ) : (\n          <Table>\n            {tableData && (\n              <>\n                <TableCaption>{tableData.title}</TableCaption>\n                <TableHead>\n                  <TableRow>\n                    {tableData.labels &&\n                      Object.keys(tableData.labels).map((key) => (\n                        <TableHeadCell key={key}>\n                          {tableData.labels[key]}\n                        </TableHeadCell>\n                      ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {loading === true && (\n                    <TableLoaderBackground>\n                      <LoaderContainer>\n                        <CircularProgress />\n                      </LoaderContainer>\n                    </TableLoaderBackground>\n                  )}\n                  {tableData.content && tableData.content.length > 0 ? (\n                    tableData.content.map((item, index) => {\n                      return (\n                        <TableRow key={index}>\n                          <TableDataCell data-label={tableData.labels.name}>\n                            {item.name}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.role}>\n                            {item.role}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.email}>\n                            {item.email}\n                          </TableDataCell>\n                        </TableRow>\n                      );\n                    })\n                  ) : (\n                    <TableNoDataRow>No data</TableNoDataRow>\n                  )}\n                </TableBody>\n              </>\n            )}\n          </Table>\n        )}\n      </TableContainer>\n\n      <Button\n        color=\"secondary\"\n        onClick={() => {\n          setLoading(!loading);\n        }}\n      >\n        {loading ? '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 ' : '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 '}\n        \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2\n      </Button>\n    </>\n  );\n};\nexport default WithLoader;\n"],
-  "mappings": "AACA,OAAO,SAAS,gBAAgB;AAChC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAEvB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,aAAW,MAAM;AACf,iBAAa,IAAI;AAAA,EACnB,GAAG,GAAI;AAEP,SACE,0DACE,oCAAC,sBACE,CAAC,YACA,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,IAEA,oCAAC,aACE,aACC,0DACE,oCAAC,oBAAc,UAAU,KAAM,GAC/B,oCAAC,iBACC,oCAAC,gBACE,UAAU,UACT,OAAO,KAAK,UAAU,MAAM,EAAE,IAAI,CAAC,QACjC,oCAAC,iBAAc,OACZ,UAAU,OAAO,GAAG,CACvB,CACD,CACL,CACF,GACA,oCAAC,iBACE,YAAY,QACX,oCAAC,6BACC,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,CACF,GAED,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,SACzC,KAAK,KACR,CACF;AAAA,EAEJ,CAAC,IAED,oCAAC,sBAAe,SAAO,CAE3B,CACF,CAEJ,CAEJ,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,mBAAW,CAAC,OAAO;AAAA,MACrB;AAAA;AAAA,IAEC,UAAU,sDAAc;AAAA,IAAY;AAAA,EAEvC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
+  "sourcesContent": ["// @delay-test-snapshot\nimport React, { useState } from 'react';\nimport { CircularProgress, LoaderContainer } from '@digigov/ui/app/Loader';\nimport {\n  TableLoaderBackground,\n  TableContainer,\n  Table,\n  TableCaption,\n  TableHead,\n  TableRow,\n  TableBody,\n  TableHeadCell,\n  TableDataCell,\n  TableNoDataRow,\n} from '@digigov/ui/content/Table';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n    },\n  ],\n};\n\nexport const WithLoader = () => {\n  const [tableData, setTableData] = useState<any | null>();\n  const [loading, setLoading] = useState(false);\n  setTimeout(() => {\n    setTableData(data);\n  }, 2000);\n\n  return (\n    <>\n      <TableContainer>\n        {!tableData ? (\n          <LoaderContainer>\n            <CircularProgress />\n          </LoaderContainer>\n        ) : (\n          <Table>\n            {tableData && (\n              <>\n                <TableCaption>{tableData.title}</TableCaption>\n                <TableHead>\n                  <TableRow>\n                    {tableData.labels &&\n                      Object.keys(tableData.labels).map((key) => (\n                        <TableHeadCell key={key}>\n                          {tableData.labels[key]}\n                        </TableHeadCell>\n                      ))}\n                  </TableRow>\n                </TableHead>\n                <TableBody>\n                  {loading === true && (\n                    <TableLoaderBackground>\n                      <LoaderContainer>\n                        <CircularProgress />\n                      </LoaderContainer>\n                    </TableLoaderBackground>\n                  )}\n                  {tableData.content && tableData.content.length > 0 ? (\n                    tableData.content.map((item, index) => {\n                      return (\n                        <TableRow key={index}>\n                          <TableDataCell data-label={tableData.labels.name}>\n                            {item.name}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.role}>\n                            {item.role}\n                          </TableDataCell>\n                          <TableDataCell data-label={tableData.labels.email}>\n                            {item.email}\n                          </TableDataCell>\n                        </TableRow>\n                      );\n                    })\n                  ) : (\n                    <TableNoDataRow>No data</TableNoDataRow>\n                  )}\n                </TableBody>\n              </>\n            )}\n          </Table>\n        )}\n      </TableContainer>\n\n      <Button\n        color=\"secondary\"\n        onClick={() => {\n          setLoading(!loading);\n        }}\n      >\n        {loading ? '\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7 ' : '\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 '}\n        \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7\u03C2\n      </Button>\n    </>\n  );\n};\nexport default WithLoader;\n"],
+  "mappings": "AACA,OAAO,SAAS,gBAAgB;AAChC,SAAS,kBAAkB,uBAAuB;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAEvB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB;AACvD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,aAAW,MAAM;AACf,iBAAa,IAAI;AAAA,EACnB,GAAG,GAAI;AAEP,SACE,0DACE,oCAAC,sBACE,CAAC,YACA,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,IAEA,oCAAC,aACE,aACC,0DACE,oCAAC,oBAAc,UAAU,KAAM,GAC/B,oCAAC,iBACC,oCAAC,gBACE,UAAU,UACT,OAAO,KAAK,UAAU,MAAM,EAAE,IAAI,CAAC,QACjC,oCAAC,iBAAc,OACZ,UAAU,OAAO,GAAG,CACvB,CACD,CACL,CACF,GACA,oCAAC,iBACE,YAAY,QACX,oCAAC,6BACC,oCAAC,uBACC,oCAAC,sBAAiB,CACpB,CACF,GAED,UAAU,WAAW,UAAU,QAAQ,SAAS,IAC/C,UAAU,QAAQ,IAAI,CAAC,MAAM,UAAU;AACrC,WACE,oCAAC,YAAS,KAAK,SACb,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,QACzC,KAAK,IACR,GACA,oCAAC,iBAAc,cAAY,UAAU,OAAO,SACzC,KAAK,KACR,CACF;AAAA,EAEJ,CAAC,IAED,oCAAC,sBAAe,SAAO,CAE3B,CACF,CAEJ,CAEJ,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,mBAAW,CAAC,OAAO;AAAA,MACrB;AAAA;AAAA,IAEC,UAAU,sDAAc;AAAA,IAAY;AAAA,EAEvC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
   "names": []
 }

package/content/Table/hooks/useSort/index.js

@@ -1,5 +1,4 @@
-import { useState } from "react";
-import { useMemo } from "react";
+import { useState, useMemo } from "react";
 const useSort = (data) => {
   const [sortDataBy, setSortDataBy] = useState("");
   const [direction, setDirection] = useState(0);

package/content/Table/hooks/useSort.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Table/hooks/useSort.tsx"],
-  "sourcesContent": ["import { useState } from 'react';\nimport { useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAWjB,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB,CAAC;AACxD,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useState, useMemo } from 'react';\n\nexport type SortDirection = 1 | -1 | 0;\n\nexport interface UseSortResult {\n  sortedData: any[];\n  setSortedField: (item: string, value: SortDirection) => void;\n  field: string;\n  direction: SortDirection;\n}\nexport type SortData = Record<string, any>[];\nexport const useSort = (data: SortData): UseSortResult => {\n  const [sortDataBy, setSortDataBy] = useState('');\n  const [direction, setDirection] = useState<-1 | 1 | 0>(0);\n  const sortedItems = useMemo(() => {\n    const sortableItems = [...data];\n    if (sortableItems.length === 0) {\n      return [];\n    }\n    if (sortDataBy) {\n      sortableItems.sort((a, b) => {\n        if (a[sortDataBy] === null) return 1;\n        if (b[sortDataBy] === null) return -1;\n        if (a[sortDataBy] === null && b[sortDataBy] === null) return 0;\n        return (\n          a[sortDataBy]\n            .toString()\n            .localeCompare(b[sortDataBy].toString(), undefined, {\n              numeric: true,\n            }) * (direction > 0 ? 1 : -1)\n        );\n      });\n    }\n    return sortableItems;\n  }, [data, direction, sortDataBy]);\n\n  const setSortedField = (item, value) => {\n    if (item === sortDataBy && value === direction) {\n      setDirection(0);\n      setSortDataBy('');\n      return;\n    }\n    setDirection(value);\n    setSortDataBy(item);\n  };\n\n  return {\n    sortedData: sortedItems,\n    setSortedField,\n    field: sortDataBy,\n    direction,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAW3B,MAAM,UAAU,CAAC,SAAkC;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB,CAAC;AACxD,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,gBAAgB,CAAC,GAAG,IAAI;AAC9B,QAAI,cAAc,WAAW,GAAG;AAC9B,aAAO,CAAC;AAAA,IACV;AACA,QAAI,YAAY;AACd,oBAAc,KAAK,CAAC,GAAG,MAAM;AAC3B,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,KAAM,QAAO;AACnC,YAAI,EAAE,UAAU,MAAM,QAAQ,EAAE,UAAU,MAAM,KAAM,QAAO;AAC7D,eACE,EAAE,UAAU,EACT,SAAS,EACT,cAAc,EAAE,UAAU,EAAE,SAAS,GAAG,QAAW;AAAA,UAClD,SAAS;AAAA,QACX,CAAC,KAAK,YAAY,IAAI,IAAI;AAAA,MAEhC,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,WAAW,UAAU,CAAC;AAEhC,QAAM,iBAAiB,CAAC,MAAM,UAAU;AACtC,QAAI,SAAS,cAAc,UAAU,WAAW;AAC9C,mBAAa,CAAC;AACd,oBAAc,EAAE;AAChB;AAAA,IACF;AACA,iBAAa,KAAK;AAClB,kBAAc,IAAI;AAAA,EACpB;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": []
 }