@digigov/ui 2.0.0-6c42d5eb → 2.0.0-750aec28

package/content/StepNav/auto.js.map

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

package/content/StepNav/index.d.ts

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

package/content/StepNav/index.js

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

package/content/StepNav/index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -6,6 +6,128 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let containerBorder: boolean;
+        let headerVariant: string;
+        let verticalBorders: boolean;
+        let variant: string;
+        let stacked: string;
+        let dense: boolean;
+        let tableCaptionSize: string;
+        let tableRowHighlight: boolean;
+        let tableRowColor: string;
+        let firstTableHeadCellWidth: string;
+        let tableHeadCellDataType: string;
+    }
+    namespace argTypes {
+        export namespace containerBorder_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { containerBorder_1 as containerBorder };
+        export namespace headerVariant_1 {
+            export let options: string[];
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { headerVariant_1 as headerVariant };
+        export namespace verticalBorders_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { verticalBorders_1 as verticalBorders };
+        export namespace variant_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let options_1: string[];
+            export { options_1 as options };
+        }
+        export { variant_1 as variant };
+        export namespace stacked_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let options_2: string[];
+            export { options_2 as options };
+        }
+        export { stacked_1 as stacked };
+        export namespace dense_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+        }
+        export { dense_1 as dense };
+        export namespace tableCaptionSize_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            let options_3: string[];
+            export { options_3 as options };
+        }
+        export { tableCaptionSize_1 as tableCaptionSize };
+        export namespace tableRowHighlight_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { tableRowHighlight_1 as tableRowHighlight };
+        export namespace tableRowColor_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            let options_4: string[];
+            export { options_4 as options };
+        }
+        export { tableRowColor_1 as tableRowColor };
+        export namespace firstTableHeadCellWidth_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            let options_5: string[];
+            export { options_5 as options };
+        }
+        export { firstTableHeadCellWidth_1 as firstTableHeadCellWidth };
+        export namespace tableHeadCellDataType_1 {
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            let options_6: string[];
+            export { options_6 as options };
+        }
+        export { tableHeadCellDataType_1 as tableHeadCellDataType };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/content/Table/__stories__/Default";
 export { TableCaptions } from "@digigov/ui/content/Table/__stories__/TableCaptions";
 export { NoData } from "@digigov/ui/content/Table/__stories__/NoData";
@@ -18,10 +140,11 @@ export { DarkVariant } from "@digigov/ui/content/Table/__stories__/DarkVariant";
 export { DarkVariantWithVerticalHeaders } from "@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders";
 export { WithLoader } from "@digigov/ui/content/Table/__stories__/WithLoader";
 export { DefinedWidth } from "@digigov/ui/content/Table/__stories__/DefinedWidth";
-export { Densed } from "@digigov/ui/content/Table/__stories__/Densed";
+export { Dense } from "@digigov/ui/content/Table/__stories__/Dense";
 export { RowColors } from "@digigov/ui/content/Table/__stories__/RowColors";
 export { MultipleProps } from "@digigov/ui/content/Table/__stories__/MultipleProps";
 export { WithSortFilters } from "@digigov/ui/content/Table/__stories__/WithSortFilters";
 export { WithFloatingScroll } from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
 export { Full } from "@digigov/ui/content/Table/__stories__/Full";
-import Table from '@digigov/ui/content/Table';
+import { Table } from '@digigov/ui/content/Table';
+import React from 'react';

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/content/Table/Table.stories.js"],
-  "sourcesContent": ["import Table from '@digigov/ui/content/Table';\nexport default {\n  title: 'Digigov UI/content/Table',\n  description:\n    'Use the table component to make information easier to compare and scan for users.',\n  link: 'https://guide.services.gov.gr/docs/components/table',\n  component: Table,\n  displayName: 'Table',\n};\nexport { Default } from '@digigov/ui/content/Table/__stories__/Default';\nexport { TableCaptions } from '@digigov/ui/content/Table/__stories__/TableCaptions';\nexport { NoData } from '@digigov/ui/content/Table/__stories__/NoData';\nexport { VerticalHeaders } from '@digigov/ui/content/Table/__stories__/VerticalHeaders';\nexport { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';\nexport { NumericDataType } from '@digigov/ui/content/Table/__stories__/NumericDataType';\nexport { VerticalBorders } from '@digigov/ui/content/Table/__stories__/VerticalBorders';\nexport { Stacked } from '@digigov/ui/content/Table/__stories__/Stacked';\nexport { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';\nexport { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';\nexport { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';\nexport { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';\nexport { Densed } from '@digigov/ui/content/Table/__stories__/Densed';\nexport { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';\nexport { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';\nexport { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';\nexport { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFloatingScroll';\nexport { Full } from '@digigov/ui/content/Table/__stories__/Full';\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,sCAAsC;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,0BAA0B;AACnC,SAAS,YAAY;",
+  "sources": ["../../../src/content/Table/Table.stories.jsx"],
+  "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\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};\n\nconst data = {\n  title: '\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2',\n  labels: {\n    name: '\u039F\u03BD\u03BF\u03BC\u03B1\u03C4\u03B5\u03C0\u03CE\u03BD\u03C5\u03BC\u03BF',\n    role: '\u03A1\u03CC\u03BB\u03BF\u03C2',\n    email: 'Email',\n    phone: '\u038F\u03C1\u03B5\u03C2',\n  },\n  content: [\n    {\n      name: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'marios@mail.com',\n      phone: '34',\n    },\n    {\n      name: '\u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5',\n      role: '\u03A7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'kalliopi@mail.com',\n      phone: '65',\n    },\n    {\n      name: '\u039C\u03B1\u03C1\u03AF\u03B1 \u03A6\u03BB\u03BF\u03CD\u03C0\u03B7',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'maria@mail.com',\n      phone: '12',\n    },\n    {\n      name: '\u0397\u03BB\u03AD\u03BA\u03C4\u03C1\u03B1 \u0391\u03C0\u03BF\u03C3\u03C4\u03CC\u03BB\u03BF\u03C5',\n      role: '\u0394\u03B9\u03B1\u03C7\u03B5\u03B9\u03C1\u03B9\u03C3\u03C4\u03AE\u03C2',\n      email: 'ilektra@mail.com',\n      phone: '26',\n    },\n  ],\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <TableContainer border={args.containerBorder}>\n        <Table\n          headerVariant={args.headerVariant}\n          verticalBorders={args.verticalBorders}\n          variant={args.variant}\n          dense={args.dense}\n          stacked={args.stacked}\n        >\n          {data && (\n            <>\n              <TableCaption size={args.tableCaptionSize}>\n                {data.title}\n              </TableCaption>\n              <TableHead>\n                <TableRow>\n                  {data.labels &&\n                    Object.keys(data.labels).map((key, index) => (\n                      <TableHeadCell\n                        key={key}\n                        width={index === 0 && args.firstTableHeadCellWidth}\n                        dataType={key === 'phone' && args.tableHeadCellDataType}\n                      >\n                        {data.labels[key]}\n                      </TableHeadCell>\n                    ))}\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {data.content &&\n                  data.content.map((item, index) => (\n                    <TableRow\n                      key={index}\n                      highlight={index === 1 && args.tableRowHighlight}\n                      color={index === 1 && args.tableRowColor}\n                    >\n                      <TableDataCell data-label={data.labels.name}>\n                        {item.name}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.role}>\n                        {item.role}\n                      </TableDataCell>\n                      <TableDataCell data-label={data.labels.email}>\n                        {item.email}\n                      </TableDataCell>\n                      <TableDataCell\n                        data-label={data.labels.phone}\n                        dataType={args.tableHeadCellDataType}\n                      >\n                        {item.phone}\n                      </TableDataCell>\n                    </TableRow>\n                  ))}\n              </TableBody>\n            </>\n          )}\n        </Table>\n      </TableContainer>\n    );\n  },\n  args: {\n    containerBorder: false,\n    headerVariant: 'light',\n    verticalBorders: false,\n    variant: 'default',\n    stacked: 'md',\n    dense: false,\n    tableCaptionSize: 'md',\n    tableRowHighlight: false,\n    tableRowColor: 'primary',\n    firstTableHeadCellWidth: '25%',\n    tableHeadCellDataType: 'text',\n  },\n  argTypes: {\n    containerBorder: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    headerVariant: {\n      options: ['dark', 'light'],\n      control: { type: 'inline-radio' },\n    },\n    verticalBorders: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    variant: {\n      control: { type: 'inline-radio' },\n      options: ['default', 'zebra'],\n    },\n    stacked: {\n      control: {\n        type: 'select',\n      },\n      options: ['always', 'sm', 'md', 'never'],\n    },\n    dense: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableCaptionSize: {\n      control: {\n        type: 'select',\n      },\n      options: ['sm', 'md', 'lg', 'xl'],\n    },\n    tableRowHighlight: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    tableRowColor: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['primary', 'secondary'],\n    },\n    firstTableHeadCellWidth: {\n      control: {\n        type: 'select',\n      },\n      options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n    },\n    tableHeadCellDataType: {\n      control: {\n        type: 'inline-radio',\n      },\n      options: ['numeric', 'text'],\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\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": "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",
   "names": []
 }