@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/form/Button/ButtonLink/index.js

@@ -1,7 +1,17 @@
-import ButtonLink from "@digigov/react-core/ButtonLink";
-export * from "@digigov/react-core/ButtonLink";
+export * from "@digigov/react-core/ButtonLinkBase";
+import React from "react";
+import {
+  ButtonLinkBase
+} from "@digigov/react-core/ButtonLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const ButtonLink = React.forwardRef(
+  function ButtonLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(ButtonLinkBase, { as: Link, ref, ...props }, children);
+  }
+);
 var ButtonLink_default = ButtonLink;
 export {
+  ButtonLink,
   ButtonLink_default as default
 };
 //# sourceMappingURL=ButtonLink.js.map

package/form/Button/ButtonLink.d.ts

@@ -1,3 +1,7 @@
-import ButtonLink from '@digigov/react-core/ButtonLink';
-export * from '@digigov/react-core/ButtonLink';
+export * from '@digigov/react-core/ButtonLinkBase';
+import React from 'react';
+import { ButtonLinkBaseProps } from '@digigov/react-core/ButtonLinkBase';
+export interface ButtonLinkProps extends ButtonLinkBaseProps {
+}
+export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default ButtonLink;

package/form/Button/ButtonLink.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/Button/ButtonLink.tsx"],
-  "sourcesContent": ["import ButtonLink from '@digigov/react-core/ButtonLink';\n\nexport * from '@digigov/react-core/ButtonLink';\nexport default ButtonLink;\n"],
-  "mappings": "AAAA,OAAO,gBAAgB;AAEvB,cAAc;AACd,IAAO,qBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/ButtonLinkBase';\nimport React from 'react';\nimport {\n  ButtonLinkBase,\n  ButtonLinkBaseProps,\n} from '@digigov/react-core/ButtonLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface ButtonLinkProps extends ButtonLinkBaseProps {}\n\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink({ children, ...props }, ref) {\n    return (\n      <ButtonLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </ButtonLinkBase>\n    );\n  }\n);\nexport default ButtonLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,oCAAC,kBAAe,IAAI,MAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["ButtonLink"]
 }

package/form/Button/CallToAction/index.js

@@ -1,7 +1,15 @@
-import CallToAction from "@digigov/react-core/CallToAction";
-export * from "@digigov/react-core/CallToAction";
+export * from "@digigov/react-core/CallToActionBase";
+import React from "react";
+import {
+  CallToActionBase
+} from "@digigov/react-core/CallToActionBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const CallToAction = React.forwardRef(function CallToAction2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(CallToActionBase, { as: Link, ref, ...props }, children);
+});
 var CallToAction_default = CallToAction;
 export {
+  CallToAction,
   CallToAction_default as default
 };
 //# sourceMappingURL=CallToAction.js.map

package/form/Button/CallToAction.d.ts

@@ -1,3 +1,7 @@
-import CallToAction from '@digigov/react-core/CallToAction';
-export * from '@digigov/react-core/CallToAction';
+export * from '@digigov/react-core/CallToActionBase';
+import React from 'react';
+import { CallToActionBaseProps } from '@digigov/react-core/CallToActionBase';
+export interface CallToActionProps extends CallToActionBaseProps {
+}
+export declare const CallToAction: React.ForwardRefExoticComponent<Omit<CallToActionProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default CallToAction;

package/form/Button/CallToAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form/Button/CallToAction.tsx"],
-  "sourcesContent": ["import CallToAction from '@digigov/react-core/CallToAction';\n\nexport * from '@digigov/react-core/CallToAction';\nexport default CallToAction;\n"],
-  "mappings": "AAAA,OAAO,kBAAkB;AAEzB,cAAc;AACd,IAAO,uBAAQ;",
-  "names": []
+  "sourcesContent": ["export * from '@digigov/react-core/CallToActionBase';\nimport React from 'react';\nimport {\n  CallToActionBase,\n  CallToActionBaseProps,\n} from '@digigov/react-core/CallToActionBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface CallToActionProps extends CallToActionBaseProps {}\n\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction({ children, ...props }, ref) {\n  return (\n    <CallToActionBase as={Link} ref={ref} {...props}>\n      {children}\n    </CallToActionBase>\n  );\n});\n\nexport default CallToAction;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,eAAe,MAAM,WAGhC,SAASA,cAAa,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACnD,SACE,oCAAC,oBAAiB,IAAI,MAAM,KAAW,GAAG,SACvC,QACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "names": ["CallToAction"]
 }

package/form/Button/__stories__/Primary/index.js

@@ -1,6 +1,23 @@
 import React from "react";
 import { Button } from "@digigov/ui/form/Button";
-const Primary = () => /* @__PURE__ */ React.createElement(Button, { "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+const Primary = ({
+  variant = "button",
+  color = "primary",
+  children = "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1",
+  dense = false,
+  printHidden = true,
+  "aria-label": ariaLabel = "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"
+}) => /* @__PURE__ */ React.createElement(
+  Button,
+  {
+    variant,
+    color,
+    dense,
+    printHidden,
+    "aria-label": ariaLabel
+  },
+  children
+);
 var Primary_default = Primary;
 export {
   Primary,

package/form/Button/__stories__/Primary.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
-export declare const Primary: () => React.JSX.Element;
+export declare const Primary: ({ variant, color, children, dense, printHidden, "aria-label": ariaLabel, }: {
+    variant?: "button" | "link";
+    color?: "primary" | "secondary" | "warning";
+    children?: React.ReactNode;
+    dense?: boolean;
+    printHidden?: boolean;
+    "aria-label"?: string;
+}) => React.JSX.Element;
 export default Primary;

package/form/Button/__stories__/Primary.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/form/Button/__stories__/Primary.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = () => (\n  <Button aria-label=\"\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n);\nexport default Primary;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AAEhB,MAAM,UAAU,MACrB,oCAAC,UAAO,cAAW,qKAAgC,kDAAQ;AAE7D,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Primary = ({\n  variant = 'button',\n  color = 'primary',\n  children = '\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1',\n  dense = false,\n  printHidden = true,\n  'aria-label': ariaLabel = '\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1',\n}: {\n  variant?: 'button' | 'link';\n  color?: 'primary' | 'secondary' | 'warning';\n  children?: React.ReactNode;\n  dense?: boolean;\n  printHidden?: boolean;\n  'aria-label'?: string;\n}) => (\n  <Button\n    variant={variant}\n    color={color}\n    dense={dense}\n    printHidden={printHidden}\n    aria-label={ariaLabel}\n  >\n    {children}\n  </Button>\n);\nexport default Primary;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,cAAc;AAEhB,MAAM,UAAU,CAAC;AAAA,EACtB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc,YAAY;AAC5B,MAQE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAY;AAAA;AAAA,EAEX;AACH;AAEF,IAAO,kBAAQ;",
   "names": []
 }

package/form/Checkbox/Checkbox.stories/index.js

@@ -1,4 +1,13 @@
-import Checkbox from "@digigov/ui/form/Checkbox";
+import React from "react";
+import { Checkbox, CheckboxItem } from "@digigov/ui/form/Checkbox";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 var Checkbox_stories_default = {
   title: "Digigov UI/form/Checkbox",
   description: "Let users select one or more options by using the checkboxes component.",
@@ -6,6 +15,110 @@ var Checkbox_stories_default = {
   component: Checkbox,
   displayName: "Checkbox"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(FieldContainer, { error: args.error }, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ React.createElement(
+      FieldsetLegend,
+      {
+        size: args.legendSize,
+        heading: args.singleQuestionInPage
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ React.createElement(Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ React.createElement(ErrorMessage, { id: args.errorId }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ React.createElement(Checkbox, { layout: args.layout, dense: args.dense }, args.items.map((item) => /* @__PURE__ */ React.createElement(
+      CheckboxItem,
+      {
+        key: item.value,
+        name: args.fieldsetName,
+        value: item.value,
+        dividerText: item.dividerText
+      },
+      item.label
+    )))));
+  },
+  args: {
+    legend: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;",
+    legendSize: "lg",
+    singleQuestionInPage: true,
+    fieldsetName: "feeling",
+    hint: true,
+    hintMessage: "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9.",
+    hintId: "feeling-hint",
+    error: false,
+    errorMessage: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.",
+    errorId: "feeling-error",
+    layout: "vertical",
+    dense: false,
+    items: [
+      {
+        value: "cold",
+        label: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9",
+        dividerText: void 0
+      },
+      {
+        value: "fever",
+        label: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC",
+        dividerText: void 0
+      },
+      {
+        value: "good",
+        label: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03B1\u03BB\u03AC",
+        dividerText: "\u03AE"
+      }
+    ]
+  },
+  argTypes: {
+    legend: {
+      control: { type: "text" }
+    },
+    legendSize: {
+      options: ["sm", "md", "lg"],
+      control: { type: "radio" }
+    },
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    fieldsetName: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    layout: {
+      options: ["horizontal", "vertical"],
+      control: { type: "radio" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    items: {
+      control: { type: "array" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: ["ref"]
+    }
+  }
+};
 import { Default } from "@digigov/ui/form/Checkbox/__stories__/Default";
 import { Inline } from "@digigov/ui/form/Checkbox/__stories__/Inline";
 import { InlineWithDivider } from "@digigov/ui/form/Checkbox/__stories__/InlineWithDivider";
@@ -25,6 +138,7 @@ export {
   MultipleQuestions,
   NoneAnswer,
   NoneAnswerWithError,
+  WithControls,
   WithErrorMessage,
   WithHint,
   Checkbox_stories_default as default

package/form/Checkbox/Checkbox.stories.d.ts

@@ -6,6 +6,170 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let legend: string;
+        let legendSize: string;
+        let singleQuestionInPage: boolean;
+        let fieldsetName: string;
+        let hint: boolean;
+        let hintMessage: string;
+        let hintId: string;
+        let error: boolean;
+        let errorMessage: string;
+        let errorId: string;
+        let layout: string;
+        let dense: boolean;
+        let items: ({
+            value: string;
+            label: string;
+            dividerText: undefined;
+        } | {
+            value: string;
+            label: string;
+            dividerText: string;
+        })[];
+    }
+    namespace argTypes {
+        export namespace legend_1 {
+            namespace control {
+                let type: string;
+            }
+        }
+        export { legend_1 as legend };
+        export namespace legendSize_1 {
+            export let options: string[];
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { legendSize_1 as legendSize };
+        export namespace singleQuestionInPage_1 {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { singleQuestionInPage_1 as singleQuestionInPage };
+        export namespace fieldsetName_1 {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+        }
+        export { fieldsetName_1 as fieldsetName };
+        export namespace hint_1 {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+        }
+        export { hint_1 as hint };
+        export namespace hintMessage_1 {
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+            }
+            export { control_5 as control };
+            export namespace _if {
+                let arg: string;
+                let eq: boolean;
+            }
+            export { _if as if };
+        }
+        export { hintMessage_1 as hintMessage };
+        export namespace hintId_1 {
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+            }
+            export { control_6 as control };
+            export namespace _if_1 {
+                let arg_1: string;
+                export { arg_1 as arg };
+                let eq_1: boolean;
+                export { eq_1 as eq };
+            }
+            export { _if_1 as if };
+        }
+        export { hintId_1 as hintId };
+        export namespace error_1 {
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+        }
+        export { error_1 as error };
+        export namespace errorMessage_1 {
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            export namespace _if_2 {
+                let arg_2: string;
+                export { arg_2 as arg };
+                let eq_2: boolean;
+                export { eq_2 as eq };
+            }
+            export { _if_2 as if };
+        }
+        export { errorMessage_1 as errorMessage };
+        export namespace errorId_1 {
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            export namespace _if_3 {
+                let arg_3: string;
+                export { arg_3 as arg };
+                let eq_3: boolean;
+                export { eq_3 as eq };
+            }
+            export { _if_3 as if };
+        }
+        export { errorId_1 as errorId };
+        export namespace layout_1 {
+            let options_1: string[];
+            export { options_1 as options };
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+        }
+        export { layout_1 as layout };
+        export namespace dense_1 {
+            export namespace control_11 {
+                let type_11: string;
+                export { type_11 as type };
+            }
+            export { control_11 as control };
+        }
+        export { dense_1 as dense };
+        export namespace items_1 {
+            export namespace control_12 {
+                let type_12: string;
+                export { type_12 as type };
+            }
+            export { control_12 as control };
+        }
+        export { items_1 as items };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/form/Checkbox/__stories__/Default";
 export { Inline } from "@digigov/ui/form/Checkbox/__stories__/Inline";
 export { InlineWithDivider } from "@digigov/ui/form/Checkbox/__stories__/InlineWithDivider";
@@ -16,4 +180,5 @@ export { NoneAnswerWithError } from "@digigov/ui/form/Checkbox/__stories__/NoneA
 export { WithErrorMessage } from "@digigov/ui/form/Checkbox/__stories__/WithErrorMessage";
 export { ConditionalReveal } from "@digigov/ui/form/Checkbox/__stories__/ConditionalReveal";
 export { Dense } from "@digigov/ui/form/Checkbox/__stories__/Dense";
-import Checkbox from '@digigov/ui/form/Checkbox';
+import { Checkbox } from '@digigov/ui/form/Checkbox';
+import React from 'react';

package/form/Checkbox/Checkbox.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/form/Checkbox/Checkbox.stories.js"],
-  "sourcesContent": ["import Checkbox from '@digigov/ui/form/Checkbox';\nexport default {\n  title: 'Digigov UI/form/Checkbox',\n  description:\n    'Let users select one or more options by using the checkboxes component.',\n  link: 'https://guide.services.gov.gr/docs/components/checkboxes',\n  component: Checkbox,\n  displayName: 'Checkbox',\n};\nexport { Default } from '@digigov/ui/form/Checkbox/__stories__/Default';\nexport { Inline } from '@digigov/ui/form/Checkbox/__stories__/Inline';\nexport { InlineWithDivider } from '@digigov/ui/form/Checkbox/__stories__/InlineWithDivider';\nexport { MultipleQuestions } from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';\nexport { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';\nexport { NoneAnswer } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';\nexport { NoneAnswerWithError } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';\nexport { WithErrorMessage } from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';\nexport { ConditionalReveal } from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';\nexport { Dense } from '@digigov/ui/form/Checkbox/__stories__/Dense';\n"],
-  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,aAAa;",
+  "sources": ["../../../src/form/Checkbox/Checkbox.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';\n\nimport {\n  FieldContainer,\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/form/Checkbox',\n  description:\n    'Let users select one or more options by using the checkboxes component.',\n  link: 'https://guide.services.gov.gr/docs/components/checkboxes',\n  component: Checkbox,\n  displayName: 'Checkbox',\n};\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <FieldContainer error={args.error}>\n        <Fieldset aria-describedby={[`${args.hintId} ${args.errorId}`]}>\n          <FieldsetLegend\n            size={args.legendSize}\n            heading={args.singleQuestionInPage}\n          >\n            {args.legend}\n          </FieldsetLegend>\n          {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n          {args.error && (\n            <ErrorMessage id={args.errorId}>\n              <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n              {args.errorMessage}\n            </ErrorMessage>\n          )}\n          <Checkbox layout={args.layout} dense={args.dense}>\n            {args.items.map((item) => (\n              <CheckboxItem\n                key={item.value}\n                name={args.fieldsetName}\n                value={item.value}\n                dividerText={item.dividerText}\n              >\n                {item.label}\n              </CheckboxItem>\n            ))}\n          </Checkbox>\n        </Fieldset>\n      </FieldContainer>\n    );\n  },\n  args: {\n    legend: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;',\n    legendSize: 'lg',\n    singleQuestionInPage: true,\n    fieldsetName: 'feeling',\n    hint: true,\n    hintMessage:\n      '\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9.',\n    hintId: 'feeling-hint',\n    error: false,\n    errorMessage: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2.',\n    errorId: 'feeling-error',\n    layout: 'vertical',\n    dense: false,\n    items: [\n      {\n        value: 'cold',\n        label: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9',\n        dividerText: undefined,\n      },\n      {\n        value: 'fever',\n        label: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC',\n        dividerText: undefined,\n      },\n      {\n        value: 'good',\n        label: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03B1\u03BB\u03AC',\n        dividerText: '\u03AE',\n      },\n    ],\n  },\n  argTypes: {\n    legend: {\n      control: { type: 'text' },\n    },\n    legendSize: {\n      options: ['sm', 'md', 'lg'],\n      control: { type: 'radio' },\n    },\n    singleQuestionInPage: {\n      control: { type: 'boolean' },\n    },\n    fieldsetName: {\n      control: { type: 'text' },\n    },\n    hint: {\n      control: { type: 'boolean' },\n    },\n    hintMessage: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    hintId: {\n      control: { type: 'text' },\n      if: { arg: 'hint', eq: true },\n    },\n    error: {\n      control: { type: 'boolean' },\n    },\n    errorMessage: {\n      control: { type: 'text' },\n      if: { arg: 'error', eq: true },\n    },\n    errorId: {\n      control: { type: 'text' },\n      if: { arg: 'error', eq: true },\n    },\n    layout: {\n      options: ['horizontal', 'vertical'],\n      control: { type: 'radio' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n    items: {\n      control: { type: 'array' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: ['ref'],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/Checkbox/__stories__/Default';\nexport { Inline } from '@digigov/ui/form/Checkbox/__stories__/Inline';\nexport { InlineWithDivider } from '@digigov/ui/form/Checkbox/__stories__/InlineWithDivider';\nexport { MultipleQuestions } from '@digigov/ui/form/Checkbox/__stories__/MultipleQuestions';\nexport { WithHint } from '@digigov/ui/form/Checkbox/__stories__/WithHint';\nexport { NoneAnswer } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';\nexport { NoneAnswerWithError } from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';\nexport { WithErrorMessage } from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';\nexport { ConditionalReveal } from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';\nexport { Dense } from '@digigov/ui/form/Checkbox/__stories__/Dense';\n"],
+  "mappings": "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",
   "names": []
 }

package/form/DateInputContainer/DateInputContainer.stories/index.js

@@ -1,4 +1,16 @@
-import DateInputContainer from "@digigov/ui/form/DateInputContainer";
+import React from "react";
+import {
+  DateInputContainer,
+  DateInputItem
+} from "@digigov/ui/form/DateInputContainer";
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend
+} from "@digigov/ui/form/FieldContainer";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
 var DateInputContainer_stories_default = {
   title: "Digigov UI/form/DateInputContainer",
   description: "Use the date input component to help users enter a memorable date or one they can easily look up.",
@@ -6,6 +18,74 @@ var DateInputContainer_stories_default = {
   component: DateInputContainer,
   displayName: "DateInputContainer"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ React.createElement(FieldContainer, { error: args.error }, /* @__PURE__ */ React.createElement(Fieldset, { "aria-describedby": [`${args.hintId} ${args.errorId}`] }, /* @__PURE__ */ React.createElement(
+      FieldsetLegend,
+      {
+        heading: args.singleQuestionInPage,
+        size: args.singleQuestionInPage ? "sm" : "lg"
+      },
+      args.legend
+    ), args.hint && /* @__PURE__ */ React.createElement(Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ React.createElement(ErrorMessage, { id: args.errorId }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ React.createElement(DateInputContainer, { "aria-describedby": args.id, dense: args.dense }, /* @__PURE__ */ React.createElement(DateInputItem, { name: "day" }, args.day), /* @__PURE__ */ React.createElement(DateInputItem, { name: "month" }, args.month), /* @__PURE__ */ React.createElement(DateInputItem, { width: 4, name: "year", error: args.error }, args.year))));
+  },
+  args: {
+    singleQuestionInPage: true,
+    legend: "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;",
+    hint: true,
+    hintMessage: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020",
+    hintId: "passport-hint",
+    day: "\u0397\u03BC\u03AD\u03C1\u03B1",
+    month: "\u039C\u03AE\u03BD\u03B1\u03C2",
+    year: "\u0388\u03C4\u03BF\u03C2",
+    error: false,
+    errorMessage: "\u03A0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03CE \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03AD\u03B3\u03BA\u03C5\u03C1\u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1",
+    errorId: "passport-error",
+    dense: false
+  },
+  argTypes: {
+    singleQuestionInPage: {
+      control: { type: "boolean" }
+    },
+    legend: {
+      control: { type: "text" }
+    },
+    hint: {
+      control: { type: "boolean" }
+    },
+    hintMessage: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    hintId: {
+      control: { type: "text" },
+      if: { arg: "hint", eq: true }
+    },
+    day: {
+      control: { type: "text" }
+    },
+    month: {
+      control: { type: "text" }
+    },
+    year: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    },
+    error: {
+      control: { type: "boolean" }
+    },
+    errorMessage: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    },
+    errorId: {
+      control: { type: "text" },
+      if: { arg: "error", eq: true }
+    }
+  }
+};
 import { Default } from "@digigov/ui/form/DateInputContainer/__stories__/Default";
 import { MultipleQuestions } from "@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions";
 import { WithErrorMessage } from "@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage";
@@ -15,6 +95,7 @@ export {
   Default,
   Dense,
   MultipleQuestions,
+  WithControls,
   WithErrorMessage,
   WithErrorMessageForSingleField,
   DateInputContainer_stories_default as default