@digigov/ui 2.0.0-b4cd6916 → 2.0.0-d0adc9fb

package/cjs/content/Accordion/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n} from '@digigov/ui/content/Accordion/hooks';\n\nimport { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\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 AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAGO;AASP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;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,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Accordion } from '@digigov/react-core/Accordion';\nimport {\n  AccordionSection,\n  type AccordionSectionProps,\n} from '@digigov/react-core/AccordionSection';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport {\n  AccordionItemId,\n  useAccordion,\n  UseAccordionReturn,\n} from '@digigov/ui/content/Accordion/hooks';\n\nexport interface ButtonAccordionAutoProps extends ButtonProps {}\nexport interface AccordionSectionAutoProps extends AccordionSectionProps {\n  id: string;\n}\n\nconst AccordionContext = React.createContext<UseAccordionReturn | null>(null);\nexport const AccordionAuto = ({\n  singleOpen,\n  defaultOpen,\n  children,\n  ...props\n}: {\n  singleOpen?: boolean;\n  defaultOpen?: AccordionItemId;\n  children: React.ReactNode;\n}) => {\n  const accordion = useAccordion({\n    singleOpen,\n    defaultOpen,\n  });\n\n  return (\n    <AccordionContext.Provider value={accordion}>\n      <Accordion {...props}>{children}</Accordion>\n    </AccordionContext.Provider>\n  );\n};\nexport const useAccordionContext = (): UseAccordionReturn | null => {\n  const context = useContext(AccordionContext);\n  if (context === null) {\n    throw new Error(\n      'AccordionContext must be used within an AccordionProvider'\n    );\n  }\n  return context;\n};\n\nexport const AccordionSectionAuto = React.forwardRef<\n  HTMLDetailsElement,\n  AccordionSectionAutoProps\n>(function AccordionSectionAuto({ id, ...props }, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionSectionAuto must be used within an AccordionProvider'\n    );\n  }\n  const { section } = context;\n  return (\n    <AccordionSection\n      {...section(id)}\n      ref={section(id).ref || ref}\n      {...props}\n    />\n  );\n});\n\nexport const AccordionOpenAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionOpenAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionOpenAllButtonAuto must be used within an AccordionProvider'\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 AccordionCloseAllButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ButtonAccordionAutoProps\n>(function AccordionCloseAllButtonAuto(props, ref) {\n  const context = useAccordionContext();\n  if (!context) {\n    throw new Error(\n      'AccordionCloseAllButtonAuto must be used within an AccordionProvider'\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,uBAA0B;AAC1B,8BAGO;AACP,oBAAoC;AACpC,mBAIO;AAOP,MAAM,mBAAmB,aAAAA,QAAM,cAAyC,IAAI;AACrE,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,2BAAa;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAA,QAAA,cAAC,iBAAiB,UAAjB,EAA0B,OAAO,aAChC,6BAAAA,QAAA,cAAC,8BAAW,GAAG,SAAQ,QAAS,CAClC;AAEJ;AACO,MAAM,sBAAsB,MAAiC;AAClE,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAASC,sBAAqB,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACrD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,QAAQ,IAAI;AACpB,SACE,6BAAAD,QAAA;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,6BAA6B,aAAAA,QAAM,WAG9C,SAASE,4BAA2B,OAAO,KAAK;AAChD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,SAAO,CAAC,UACN,6BAAAF,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,8BAA8B,aAAAA,QAAM,WAG/C,SAASG,6BAA4B,OAAO,KAAK;AACjD,QAAM,UAAU,oBAAoB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,EAAE,UAAU,QAAQ,IAAI;AAC9B,SAAO,UACL,6BAAAH,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
   "names": ["React", "AccordionSectionAuto", "AccordionOpenAllButtonAuto", "AccordionCloseAllButtonAuto"]
 }

package/cjs/content/Accordion/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAsB;AAEtB,8BAAc,0CAHd;AAIA,8BAAc,kDAJd;AAKA,8BAAc,iDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,wDAPd;AAQA,8BAAc,+DARd;AASA,8BAAc,gDATd;AAWA,IAAO,oBAAQ,iBAAAA;",
+  "sourcesContent": ["import Accordion from '@digigov/react-core/Accordion';\n\nexport * from '@digigov/react-core/Accordion';\nexport * from '@digigov/react-core/AccordionControls';\nexport * from '@digigov/react-core/AccordionSection';\nexport * from '@digigov/react-core/AccordionSectionContent';\nexport * from '@digigov/react-core/AccordionSectionSummary';\nexport * from '@digigov/react-core/AccordionSectionSummaryHeading';\nexport * from '@digigov/ui/content/Accordion/hooks';\n\nexport default Accordion;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,8BAAc,0CAFd;AAGA,8BAAc,kDAHd;AAIA,8BAAc,iDAJd;AAKA,8BAAc,wDALd;AAMA,8BAAc,wDANd;AAOA,8BAAc,+DAPd;AAQA,8BAAc,gDARd;AAUA,IAAO,oBAAQ,iBAAAA;",
   "names": ["Accordion"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/List/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport const Default = () => (\n  <List>\n    <ListItem>\n      \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD\n    </ListItem>\n    <ListItem>\n      \u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2\n    </ListItem>\n    <ListItem>\n      \u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2\n    </ListItem>\n  </List>\n);\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,sBAAyB;AAElB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAS,yRAEV,GACA,6BAAAA,QAAA,cAAC,gCAAS,kLAEV,GACA,6BAAAA,QAAA,cAAC,gCAAS,sQAEV,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { List } from '@digigov/ui/content/List/List';\nimport { ListItem } from '@digigov/ui/content/List/ListItem';\n\nexport const Default = () => (\n  <List>\n    <ListItem>\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B4\u03B9\u03B1\u03B3\u03BD\u03C9\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B5\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03B5\u03BE\u03B5\u03C4\u03AC\u03C3\u03B5\u03C9\u03BD</ListItem>\n    <ListItem>\u03A0\u03C4\u03C5\u03C7\u03AF\u03B1 \u03C4\u03C1\u03B9\u03C4\u03BF\u03B2\u03AC\u03B8\u03BC\u03B9\u03B1\u03C2 \u03B5\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7\u03C2</ListItem>\n    <ListItem>\u03A5\u03C0\u03B5\u03CD\u03B8\u03C5\u03BD\u03B7 \u0394\u03AE\u03BB\u03C9\u03C3\u03B7 / \u0395\u03BE\u03BF\u03C5\u03C3\u03B9\u03BF\u03B4\u03CC\u03C4\u03B7\u03C3\u03B7 / \u0393\u03BD\u03AE\u03C3\u03B9\u03BF \u03A5\u03C0\u03BF\u03B3\u03C1\u03B1\u03C6\u03AE\u03C2</ListItem>\n  </List>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAqB;AACrB,sBAAyB;AAElB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,gCAAS,yRAAiD,GAC3D,6BAAAA,QAAA,cAAC,gCAAS,kLAA+B,GACzC,6BAAAA,QAAA,cAAC,gCAAS,sQAAkD,CAC9D;AAGF,IAAO,kBAAQ;",
   "names": ["React"]
 }

package/cjs/content/Markdown/Markdown.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Markdown/Markdown.stories.js"],
-  "sourcesContent": ["import Markdown from '@digigov/ui/content/Markdown';\nexport default {\n  title: 'Digigov UI/content/Markdown',\n  description:\n    'Display markdown content',\n  component: Markdown,\n  displayName: 'Markdown',\n};\nexport { Default } from '@digigov/ui/content/Markdown/__stories__/Default';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAQrB,qBAAwB;AAPxB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import Markdown from '@digigov/ui/content/Markdown';\nexport default {\n  title: 'Digigov UI/content/Markdown',\n  description: 'Display markdown content',\n  component: Markdown,\n  displayName: 'Markdown',\n};\nexport { Default } from '@digigov/ui/content/Markdown/__stories__/Default';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAOrB,qBAAwB;AANxB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Markdown"]
 }

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

@@ -32,9 +32,9 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
-var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 var import_Markdown = __toESM(require("@digigov/ui/content/Markdown"));
 var import_layouts = require("@digigov/ui/layouts");
+var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 const markdownExamples = [
   "## \u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h2",
   "\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/Markdown/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport Markdown from '@digigov/ui/content/Markdown';\nimport { SectionBreak } from '@digigov/ui/layouts';\n\nconst markdownExamples = [\n  '## \u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h2',\n  '\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>',\n  '[\u03B5\u03B4\u03CE](http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang)',\n  '[https://pki.aped.gov.gr/repository](https://pki.aped.gov.gr/repository)',\n  '**\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC:**',\n  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013\n  * \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC\\n\\n`,\n  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\n  \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5\n  \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,\n  \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,\n];\n\nexport const Default = () => {\n  return (\n    <>\n      {markdownExamples.map((markdown, index) => (\n        <Grid container key={index} spacing={4}>\n          <Grid item xs={12} sm={6}>\n            {markdown}\n          </Grid>\n          <Grid item xs={12} sm={6}>\n            <Markdown content={markdown} />\n          </Grid>\n          <Grid item xs={12}>\n            <SectionBreak />\n          </Grid>\n        </Grid>\n      ))}\n    </>);\n};\n\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAqB;AACrB,qBAA6B;AAE7B,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA;AAAA;AAAA;AAIF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,iBAAiB,IAAI,CAAC,UAAU,UAC/B,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,KAAK,OAAO,SAAS,KACnC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACpB,QACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACrB,6BAAAD,QAAA,cAAC,gBAAAE,SAAA,EAAS,SAAS,UAAU,CAC/B,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,MACb,6BAAAD,QAAA,cAAC,iCAAa,CAChB,CACF,CACD,CACH;AACJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Markdown from '@digigov/ui/content/Markdown';\nimport { SectionBreak } from '@digigov/ui/layouts';\nimport Grid from '@digigov/ui/layouts/Grid';\n\nconst markdownExamples = [\n  '## \u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h2',\n  '\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>',\n  '[\u03B5\u03B4\u03CE](http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang)',\n  '[https://pki.aped.gov.gr/repository](https://pki.aped.gov.gr/repository)',\n  '**\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC:**',\n  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013\n  * \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018\n  * \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC\\n\\n`,\n  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\n  \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5\n  \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,\n  \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,\n];\n\nexport const Default = () => {\n  return (\n    <>\n      {markdownExamples.map((markdown, index) => (\n        <Grid container key={index} spacing={4}>\n          <Grid item xs={12} sm={6}>\n            {markdown}\n          </Grid>\n          <Grid item xs={12} sm={6}>\n            <Markdown content={markdown} />\n          </Grid>\n          <Grid item xs={12}>\n            <SectionBreak />\n          </Grid>\n        </Grid>\n      ))}\n    </>\n  );\n};\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAqB;AACrB,qBAA6B;AAC7B,kBAAiB;AAEjB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA;AAAA;AAAA;AAIF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,iBAAiB,IAAI,CAAC,UAAU,UAC/B,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,KAAK,OAAO,SAAS,KACnC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACpB,QACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACrB,6BAAAD,QAAA,cAAC,gBAAAE,SAAA,EAAS,SAAS,UAAU,CAC/B,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,MACb,6BAAAD,QAAA,cAAC,iCAAa,CAChB,CACF,CACD,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": ["React", "Grid", "Markdown"]
 }

package/cjs/content/Markdown/index.js

@@ -34,7 +34,10 @@ module.exports = __toCommonJS(Markdown_exports);
 var import_react = __toESM(require("react"));
 var import_useMarkdownToHTML = require("@digigov/ui/content/Markdown/useMarkdownToHTML");
 var import_SafeHTML = __toESM(require("@digigov/ui/content/SafeHTML"));
-const Markdown = ({ children, content }) => {
+const Markdown = ({
+  children,
+  content
+}) => {
   content = content || children;
   const html = (0, import_useMarkdownToHTML.useMarkdownToHTML)(content);
   return /* @__PURE__ */ import_react.default.createElement(import_SafeHTML.default, { content: html });

package/cjs/content/Markdown/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Markdown/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({ children, content }: { children?: React.ReactNode; content?: string }) => {\n  content = content || children as string;\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,sBAAqB;AAEd,MAAM,WAAW,CAAC,EAAE,UAAU,QAAQ,MAAwD;AACnG,YAAU,WAAW;AAErB,QAAM,WAAO,4CAAkB,OAAO;AACtC,SAAO,6BAAAA,QAAA,cAAC,gBAAAC,SAAA,EAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({\n  children,\n  content,\n}: {\n  children?: React.ReactNode;\n  content?: string;\n}) => {\n  content = content || (children as string);\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,sBAAqB;AAEd,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,YAAU,WAAY;AAEtB,QAAM,WAAO,4CAAkB,OAAO;AACtC,SAAO,6BAAAA,QAAA,cAAC,gBAAAC,SAAA,EAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
   "names": ["React", "SafeHTML"]
 }

package/cjs/content/SafeHTML/SafeHTML.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/SafeHTML/SafeHTML.stories.js"],
-  "sourcesContent": ["import SafeHTML from '@digigov/ui/content/SafeHTML';\nexport default {\n  title: 'Digigov UI/content/SafeHTML',\n  description:\n    'Display html content',\n  component: SafeHTML,\n  displayName: 'SafeHTML',\n};\nexport { Default } from '@digigov/ui/content/SafeHTML/__stories__/Default';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAQrB,qBAAwB;AAPxB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import SafeHTML from '@digigov/ui/content/SafeHTML';\nexport default {\n  title: 'Digigov UI/content/SafeHTML',\n  description: 'Display html content',\n  component: SafeHTML,\n  displayName: 'SafeHTML',\n};\nexport { Default } from '@digigov/ui/content/SafeHTML/__stories__/Default';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAOrB,qBAAwB;AANxB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["SafeHTML"]
 }

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

@@ -32,9 +32,9 @@ __export(Default_exports, {
 });
 module.exports = __toCommonJS(Default_exports);
 var import_react = __toESM(require("react"));
-var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 var import_SafeHTML = __toESM(require("@digigov/ui/content/SafeHTML"));
 var import_layouts = require("@digigov/ui/layouts");
+var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
 const htmlExamples = [
   "<h1>\u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h1</h1>",
   "\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/SafeHTML/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\nimport { SectionBreak } from '@digigov/ui/layouts';\n\nconst htmlExamples = [\n  '<h1>\u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h1</h1>',\n  '\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>',\n  '<a target=\"_blank\" href=\"http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang\">\u03B5\u03B4\u03CE</a>',\n  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:<br/><br/>\n  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013<br/>\n  \u2022 \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018<br/>\n  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC<br/><br/>`,\n  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5\n    \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\n    \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,\n    \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,\n  '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ul><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ul>',\n  '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ol><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ol>',\n];\n\nexport const Default = () => {\n  return (\n    <>\n      {htmlExamples.map((html, index) => (\n        <Grid container key={index} spacing={4}>\n          <Grid item xs={12} sm={6}>\n            {html}\n          </Grid>\n          <Grid item xs={12} sm={6}>\n            <SafeHTML content={html} />\n          </Grid>\n          <Grid item xs={12}>\n            <SectionBreak />\n          </Grid>\n        </Grid>\n      ))}\n    </>);\n};\n\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,sBAAqB;AACrB,qBAA6B;AAE7B,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,EACA;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,aAAa,IAAI,CAAC,MAAM,UACvB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,KAAK,OAAO,SAAS,KACnC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACpB,IACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACrB,6BAAAD,QAAA,cAAC,gBAAAE,SAAA,EAAS,SAAS,MAAM,CAC3B,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,MACb,6BAAAD,QAAA,cAAC,iCAAa,CAChB,CACF,CACD,CACH;AACJ;AAEA,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\nimport { SectionBreak } from '@digigov/ui/layouts';\nimport Grid from '@digigov/ui/layouts/Grid';\n\nconst htmlExamples = [\n  '<h1>\u03A0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 h1</h1>',\n  '\u03A0\u03C1\u03BF\u03C2:<sup>(1)</sup>',\n  '<a target=\"_blank\" href=\"http://www.astynomia.gr/index.php?option=ozo_content&perform=view&id=139&Itemid=132&lang\">\u03B5\u03B4\u03CE</a>',\n  `\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B1\u03B9\u03C4\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03B3\u03B9\u03B1 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03B1 \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B9\u03BA\u03AE\u03C2 \u03A0\u03C1\u03AC\u03BE\u03B7\u03C2 \u03C0\u03BF\u03C5:<br/><br/>\n  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 08/05/2013<br/>\n  \u2022 \u03BC\u03B5\u03C4\u03B1\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03AE \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC\u03C3\u03C0\u03B1\u03C3\u03BC\u03AC \u03C4\u03B7\u03C2 \u03BC\u03B5\u03C4\u03AC \u03C4\u03BF 2018<br/>\n  \u2022 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03B1\u03C0\u03CC \u03C4\u03BF \u0395\u03B9\u03B4\u03B9\u03BA\u03CC \u039B\u03B7\u03BE\u03B9\u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u0391\u03B8\u03B7\u03BD\u03CE\u03BD \u03BC\u03B5\u03C4\u03AC \u03C4\u03B9\u03C2 22/01/2018 \u03BA\u03B1\u03B9 \u03B1\u03C6\u03BF\u03C1\u03AC \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C4\u03B1 \u03C0\u03BF\u03C5 \u03C4\u03B5\u03BB\u03AD\u03C3\u03C4\u03B7\u03BA\u03B1\u03BD \u03C3\u03C4\u03BF \u03B5\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03CC<br/><br/>`,\n  `\u0395\u03AC\u03BD \u03B5\u03AF\u03C3\u03C4\u03B5 \u03B5\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CC\u03C2 (\u03B4\u03B7\u03BC\u03BF\u03C3\u03AF\u03BF\u03C5 \u03AE \u03B9\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03BF\u03CD \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5) \u03AE \u03B1\u03BD\u03AE\u03BA\u03B5\u03C4\u03B5\n    \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03AC\u03BB\u03BB\u03B7 \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03AF\u03B1 \u03B1\u03C4\u03CC\u03BC\u03C9\u03BD \u03C0\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C3\u03BA\u03BF\u03BC\u03AF\u03C3\u03BF\u03C5\u03BD \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\n    \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03C0\u03C1\u03CC\u03C3\u03B2\u03B1\u03C3\u03B7 \u03C3\u03B5 \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1,\n    \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03C3\u03C7\u03BF\u03BB\u03B5\u03AF\u03BF\u03C5</b>, \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03B5\u03C4\u03B9\u03BA\u03AC \u03B1\u03C6\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B5\u03BD\u03CC.`,\n  '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ul><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ul>',\n  '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03BA\u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03AD\u03B3\u03B3\u03C1\u03B1\u03C6\u03B1: <ol><li>\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B3\u03AC\u03BC\u03BF\u03C5</li><li>\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03BF\u03B9\u03BA\u03BF\u03B3\u03B5\u03BD\u03B5\u03B9\u03B1\u03BA\u03AE\u03C2 \u03BA\u03B1\u03C4\u03AC\u03C3\u03C4\u03B1\u03C3\u03B7\u03C2</li></ol>',\n];\n\nexport const Default = () => {\n  return (\n    <>\n      {htmlExamples.map((html, index) => (\n        <Grid container key={index} spacing={4}>\n          <Grid item xs={12} sm={6}>\n            {html}\n          </Grid>\n          <Grid item xs={12} sm={6}>\n            <SafeHTML content={html} />\n          </Grid>\n          <Grid item xs={12}>\n            <SectionBreak />\n          </Grid>\n        </Grid>\n      ))}\n    </>\n  );\n};\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,sBAAqB;AACrB,qBAA6B;AAC7B,kBAAiB;AAEjB,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,EACA;AACF;AAEO,MAAM,UAAU,MAAM;AAC3B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,aAAa,IAAI,CAAC,MAAM,UACvB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,KAAK,OAAO,SAAS,KACnC,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACpB,IACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,IAAI,IAAI,KACrB,6BAAAD,QAAA,cAAC,gBAAAE,SAAA,EAAS,SAAS,MAAM,CAC3B,GACA,6BAAAF,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,MACb,6BAAAD,QAAA,cAAC,iCAAa,CAChB,CACF,CACD,CACH;AAEJ;AAEA,IAAO,kBAAQ;",
   "names": ["React", "Grid", "SafeHTML"]
 }

package/cjs/content/SafeHTML/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/SafeHTML/index.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function(node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: Array<string> = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: Array<string>;\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,mBAAAA,QAAU,QAAQ,2BAA2B,SAAS,MAAM;AAC1D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAuB,CAAC;AAC9B,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,WAAO,iBAAAA,QAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function (node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: string[] = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: string[];\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,mBAAAA,QAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,WAAO,iBAAAA,QAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": ["DomPurify", "React"]
 }

package/cjs/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\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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",
+  "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": ["React", "field", "index"]
 }

package/cjs/content/StepNav/auto/index.js

@@ -38,7 +38,7 @@ var import_react = __toESM(require("react"));
 var import_Button = require("@digigov/react-core/Button");
 var import_StepNav = __toESM(require("@digigov/react-core/StepNav"));
 var import_StepNavAccordion = require("@digigov/react-core/StepNavAccordion");
-var import_hooks3 = require("@digigov/ui/content/Accordion/hooks");
+var import_hooks = require("@digigov/ui/content/Accordion/hooks");
 const StepNavContext = import_react.default.createContext(null);
 const StepNavAuto = ({
   singleOpen,
@@ -46,7 +46,7 @@ const StepNavAuto = ({
   children,
   ...props
 }) => {
-  const accordion = (0, import_hooks3.useAccordion)({
+  const accordion = (0, import_hooks.useAccordion)({
     singleOpen,
     defaultOpen
   });

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AACpC,qBAAoB;AACpB,8BAGO;AAGP,IAAAA,gBAA2C;AAO3C,MAAM,iBAAiB,aAAAC,QAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,cAAAC,cAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,cAAU,yBAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAF,QAAM,WAGxC,SAASG,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,6BAAAH,QAAA;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,aAAAA,QAAM,WAG5C,SAASI,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,6BAAAJ,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASK,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,6BAAAL,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
-  "names": ["import_hooks", "React", "useStepNav", "StepNav", "StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,oBAAoC;AACpC,qBAAoB;AACpB,8BAGO;AACP,mBAIO;AAOP,MAAM,iBAAiB,aAAAA,QAAM,cAAuC,IAAI;AACjE,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAIM;AACJ,QAAM,gBAAY,aAAAC,cAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,6BAAAD,QAAA,cAAC,eAAe,UAAf,EAAwB,OAAO,aAC9B,6BAAAA,QAAA,cAAC,eAAAE,SAAA,EAAS,GAAG,SAAQ,QAAS,CAChC;AAEJ;AACO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,cAAU,yBAAW,cAAc;AACzC,SAAO;AACT;AAEO,MAAM,uBAAuB,aAAAF,QAAM,WAGxC,SAASG,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,6BAAAH,QAAA;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,aAAAA,QAAM,WAG5C,SAASI,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,6BAAAJ,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,SAAU,GAAG,OAAO,IAC5D;AACN,CAAC;AAEM,MAAM,4BAA4B,aAAAA,QAAM,WAG7C,SAASK,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,6BAAAL,QAAA,cAAC,wBAAO,SAAQ,QAAO,KAAU,SAAS,UAAW,GAAG,OAAO,IAC7D;AACN,CAAC;",
+  "names": ["React", "useStepNav", "StepNav", "StepNavAccordionAuto", "StepNavOpenAllButtonAuto", "StepNavCloseAllButtonAuto"]
 }

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

@@ -31,7 +31,7 @@ __export(Table_stories_exports, {
   DarkVariantWithVerticalHeaders: () => import_DarkVariantWithVerticalHeaders.DarkVariantWithVerticalHeaders,
   Default: () => import_Default.Default,
   DefinedWidth: () => import_DefinedWidth.DefinedWidth,
-  Densed: () => import_Densed.Densed,
+  Dense: () => import_Dense.Dense,
   Full: () => import_Full.Full,
   MultipleProps: () => import_MultipleProps.MultipleProps,
   NoData: () => import_NoData.NoData,
@@ -61,7 +61,7 @@ var import_DarkVariant = require("@digigov/ui/content/Table/__stories__/DarkVari
 var import_DarkVariantWithVerticalHeaders = require("@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders");
 var import_WithLoader = require("@digigov/ui/content/Table/__stories__/WithLoader");
 var import_DefinedWidth = require("@digigov/ui/content/Table/__stories__/DefinedWidth");
-var import_Densed = require("@digigov/ui/content/Table/__stories__/Densed");
+var import_Dense = require("@digigov/ui/content/Table/__stories__/Dense");
 var import_RowColors = require("@digigov/ui/content/Table/__stories__/RowColors");
 var import_MultipleProps = require("@digigov/ui/content/Table/__stories__/MultipleProps");
 var import_WithSortFilters = require("@digigov/ui/content/Table/__stories__/WithSortFilters");
@@ -80,7 +80,7 @@ var Table_stories_default = {
   DarkVariantWithVerticalHeaders,
   Default,
   DefinedWidth,
-  Densed,
+  Dense,
   Full,
   MultipleProps,
   NoData,

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,oBAAuB;AACvB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AASlB,qBAAwB;AACxB,2BAA8B;AAC9B,oBAAuB;AACvB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAgC;AAChC,6BAAgC;AAChC,qBAAwB;AACxB,yBAA4B;AAC5B,4CAA+C;AAC/C,wBAA2B;AAC3B,0BAA6B;AAC7B,mBAAsB;AACtB,uBAA0B;AAC1B,2BAA8B;AAC9B,6BAAgC;AAChC,gCAAmC;AACnC,kBAAqB;AAzBrB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,aAAAA;AAAA,EACX,aAAa;AACf;",
   "names": ["Table"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,iBAAa,qBAA2B,IAAI;AAClD,QAAM,qBAAiB,qBAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,UAAU;AACzE,8BAAU,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,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmD;AAE5C,SAAS,oBAAoB,OAAO;AACzC,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,iBAAa,qBAA2B,IAAI;AAClD,QAAM,qBAAiB,qBAAuB,IAAI;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC;AACtD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,UAAU;AACzE,8BAAU,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,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,GACA,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAM,UAAU,SAAS,GAAG;AAAA,EAC3D,CACF;AAEJ;AACA,IAAO,8BAAQ;",
   "names": ["React"]
 }

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

@@ -25,12 +25,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Densed_exports = {};
-__export(Densed_exports, {
-  Densed: () => Densed,
-  default: () => Densed_default
+var Dense_exports = {};
+__export(Dense_exports, {
+  Dense: () => Dense,
+  default: () => Dense_default
 });
-module.exports = __toCommonJS(Densed_exports);
+module.exports = __toCommonJS(Dense_exports);
 var import_react = __toESM(require("react"));
 var import_Table = require("@digigov/ui/content/Table");
 const labels = {
@@ -118,14 +118,14 @@ const data = [
     active: "\u038C\u03C7\u03B9"
   }
 ];
-const Densed = () => {
+const Dense = () => {
   return /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, { border: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.Table, { dense: true }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, Object.keys(data[0]).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, data && data.map((dt, index) => {
     return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, Object.keys(dt).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { key }, dt[key])));
   }))));
 };
-var Densed_default = Densed;
+var Dense_default = Dense;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Densed
+  Dense
 });
-//# sourceMappingURL=Densed.js.map
+//# sourceMappingURL=Dense.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;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,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBASO;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,6BAAAA,QAAA,cAAC,+BAAe,QAAM,QACpB,6BAAAA,QAAA,cAAC,sBAAM,OAAK,QACV,6BAAAA,QAAA,cAAC,iCAAa,4CAAO,GACrB,6BAAAA,QAAA,cAAC,8BACC,6BAAAA,QAAA,cAAC,6BACE,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,QACzB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,OAAO,GAAG,CAAE,CACvC,CACH,CACF,GACA,6BAAAA,QAAA,cAAC,8BACE,QACC,KAAK,IAAI,CAAC,IAAI,UAAU;AACtB,WACE,6BAAAA,QAAA,cAAC,yBAAS,KAAK,SACZ,OAAO,KAAK,EAAE,EAAE,IAAI,CAAC,QACpB,6BAAAA,QAAA,cAAC,8BAAc,OAAW,GAAG,GAAG,CAAE,CACnC,CACH;AAAA,EAEJ,CAAC,CACL,CACF,CACF;AAEJ;AACA,IAAO,gBAAQ;",
   "names": ["React"]
 }

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

@@ -33,9 +33,7 @@ __export(WithLoader_exports, {
 module.exports = __toCommonJS(WithLoader_exports);
 var import_react = __toESM(require("react"));
 var import_Loader = require("@digigov/ui/app/Loader");
-var import_Loader2 = require("@digigov/ui/app/Loader");
 var import_Table = require("@digigov/ui/content/Table");
-var import_Table2 = require("@digigov/ui/content/Table");
 var import_Button = require("@digigov/ui/form/Button");
 const data = {
   title: "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2",
@@ -68,9 +66,9 @@ const WithLoader = () => {
   setTimeout(() => {
     setTableData(data);
   }, 2e3);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableContainer, null, !tableData ? /* @__PURE__ */ import_react.default.createElement(import_Loader2.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)) : /* @__PURE__ */ import_react.default.createElement(import_Table2.Table, null, tableData && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableCaption, null, tableData.title), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableRow, null, tableData.labels && Object.keys(tableData.labels).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table2.TableHeadCell, { key }, tableData.labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableBody, null, loading === true && /* @__PURE__ */ import_react.default.createElement(import_Table.TableLoaderBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader2.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null))), tableData.content && tableData.content.length > 0 ? tableData.content.map((item, index) => {
-    return /* @__PURE__ */ import_react.default.createElement(import_Table2.TableRow, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.name }, item.name), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.role }, item.role), /* @__PURE__ */ import_react.default.createElement(import_Table2.TableDataCell, { "data-label": tableData.labels.email }, item.email));
-  }) : /* @__PURE__ */ import_react.default.createElement(import_Table2.TableNoDataRow, null, "No data"))))), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableContainer, null, !tableData ? /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null)) : /* @__PURE__ */ import_react.default.createElement(import_Table.Table, null, tableData && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableCaption, null, tableData.title), /* @__PURE__ */ import_react.default.createElement(import_Table.TableHead, null, /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, null, tableData.labels && Object.keys(tableData.labels).map((key) => /* @__PURE__ */ import_react.default.createElement(import_Table.TableHeadCell, { key }, tableData.labels[key])))), /* @__PURE__ */ import_react.default.createElement(import_Table.TableBody, null, loading === true && /* @__PURE__ */ import_react.default.createElement(import_Table.TableLoaderBackground, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.LoaderContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Loader.CircularProgress, null))), tableData.content && tableData.content.length > 0 ? tableData.content.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Table.TableRow, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.name }, item.name), /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.role }, item.role), /* @__PURE__ */ import_react.default.createElement(import_Table.TableDataCell, { "data-label": tableData.labels.email }, item.email));
+  }) : /* @__PURE__ */ import_react.default.createElement(import_Table.TableNoDataRow, null, "No data"))))), /* @__PURE__ */ import_react.default.createElement(
     import_Button.Button,
     {
       color: "secondary",