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

package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js

@@ -34,10 +34,15 @@ __export(ErrorSummary_stories_exports, {
   LinkedToField: () => import_LinkedToField.LinkedToField,
   LinkedToInput: () => import_LinkedToInput.LinkedToInput,
   WithBackLinkAndButton: () => import_WithBackLinkAndButton.WithBackLinkAndButton,
+  WithControls: () => WithControls,
   default: () => ErrorSummary_stories_default
 });
 module.exports = __toCommonJS(ErrorSummary_stories_exports);
-var import_ErrorSummary = __toESM(require("@digigov/ui/feedback/ErrorSummary"));
+var import_react = __toESM(require("react"));
+var import_ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Heading = require("@digigov/ui/typography/Heading");
+var import_List = require("@digigov/ui/content/List");
 var import_Default = require("@digigov/ui/feedback/ErrorSummary/__stories__/Default");
 var import_Dense = require("@digigov/ui/feedback/ErrorSummary/__stories__/Dense");
 var import_LinkedToInput = require("@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput");
@@ -49,9 +54,42 @@ var ErrorSummary_stories_default = {
   title: "Digigov UI/feedback/ErrorSummary",
   description: "Use this component at the top of a page to summarise any errors a user has made.",
   link: "https://guide.services.gov.gr/docs/components/error-summary",
-  component: import_ErrorSummary.default,
+  component: import_ErrorSummary.ErrorSummary,
   displayName: "ErrorSummary"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_ErrorSummary.ErrorSummary, { dense: args.dense }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "sm" }, args.heading), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "none" }, args.links.map((link, index) => /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: link.href }, link.label)))));
+  },
+  parameters: {
+    controls: { exclude: ["variant", "ref"] }
+  },
+  args: {
+    dense: false,
+    heading: "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1",
+    links: [
+      {
+        href: "#",
+        label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2"
+      },
+      {
+        href: "#",
+        label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1"
+      }
+    ]
+  },
+  argTypes: {
+    dense: {
+      control: { type: "boolean" }
+    },
+    heading: {
+      control: { type: "text" }
+    },
+    links: {
+      control: { type: "object" }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
@@ -60,6 +98,7 @@ var ErrorSummary_stories_default = {
   LinkedToCheckbox,
   LinkedToField,
   LinkedToInput,
-  WithBackLinkAndButton
+  WithBackLinkAndButton,
+  WithControls
 });
 //# sourceMappingURL=ErrorSummary.stories.js.map

package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/feedback/ErrorSummary/ErrorSummary.stories.js"],
-  "sourcesContent": ["import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';\nexport default {\n  title: 'Digigov UI/feedback/ErrorSummary',\n  description:\n    'Use this component at the top of a page to summarise any errors a user has made.',\n  link: 'https://guide.services.gov.gr/docs/components/error-summary',\n  component: ErrorSummary,\n  displayName: 'ErrorSummary',\n};\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AASzB,qBAAwB;AACxB,mBAAsB;AACtB,2BAA8B;AAC9B,2BAA8B;AAC9B,8BAAiC;AACjC,qCAAwC;AACxC,mCAAsC;AAdtC,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,oBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["ErrorSummary"]
+  "sources": ["../../../../src/feedback/ErrorSummary/ErrorSummary.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { List, ListItem } from '@digigov/ui/content/List';\n\nexport default {\n  title: 'Digigov UI/feedback/ErrorSummary',\n  description:\n    'Use this component at the top of a page to summarise any errors a user has made.',\n  link: 'https://guide.services.gov.gr/docs/components/error-summary',\n  component: ErrorSummary,\n  displayName: 'ErrorSummary',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <ErrorSummary dense={args.dense}>\n        <Heading size=\"sm\">{args.heading}</Heading>\n        <List listStyle=\"none\">\n          {args.links.map((link, index) => (\n            <ListItem key={index}>\n              <Link href={link.href}>{link.label}</Link>\n            </ListItem>\n          ))}\n        </List>\n      </ErrorSummary>\n    );\n  },\n  parameters: {\n    controls: { exclude: ['variant', 'ref'] },\n  },\n  args: {\n    dense: false,\n    heading: '\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1',\n    links: [\n      {\n        href: '#',\n        label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2',\n      },\n      {\n        href: '#',\n        label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1',\n      },\n    ],\n  },\n  argTypes: {\n    dense: {\n      control: { type: 'boolean' },\n    },\n    heading: {\n      control: { type: 'text' },\n    },\n    links: {\n      control: { type: 'object' },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,kBAAqB;AACrB,qBAAwB;AACxB,kBAA+B;AAwD/B,qBAAwB;AACxB,mBAAsB;AACtB,2BAA8B;AAC9B,2BAA8B;AAC9B,8BAAiC;AACjC,qCAAwC;AACxC,mCAAsC;AA5DtC,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA,cAAC,oCAAa,OAAO,KAAK,SACxB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAM,KAAK,OAAQ,GACjC,6BAAAA,QAAA,cAAC,oBAAK,WAAU,UACb,KAAK,MAAM,IAAI,CAAC,MAAM,UACrB,6BAAAA,QAAA,cAAC,wBAAS,KAAK,SACb,6BAAAA,QAAA,cAAC,oBAAK,MAAM,KAAK,QAAO,KAAK,KAAM,CACrC,CACD,CACH,CACF;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,WAAW,KAAK,EAAE;AAAA,EAC1C;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AACF;",
+  "names": ["React"]
 }

package/cjs/feedback/NotificationBanner/NotificationBanner.stories/index.js

@@ -30,6 +30,7 @@ __export(NotificationBanner_stories_exports, {
   Default: () => import_Default.Default,
   Dense: () => import_Dense.Dense,
   Success: () => import_Success.Success,
+  WithControls: () => WithControls,
   default: () => NotificationBanner_stories_default
 });
 module.exports = __toCommonJS(NotificationBanner_stories_exports);
@@ -45,10 +46,44 @@ var NotificationBanner_stories_default = {
   component: import_NotificationBanner.default,
   displayName: "NotificationBanner"
 };
+const WithControls = {
+  args: {
+    title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+    children: " \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.",
+    link: {
+      label: "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2",
+      href: "#"
+    },
+    variant: "info",
+    dense: false
+  },
+  argTypes: {
+    title: {
+      control: { type: "text" }
+    },
+    children: {
+      control: { type: "text" }
+    },
+    link: {
+      control: { type: "object" }
+    },
+    variant: {
+      options: ["info", "success", "error"],
+      control: { type: "select" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
   Dense,
-  Success
+  Success,
+  WithControls
 });
 //# sourceMappingURL=NotificationBanner.stories.js.map

package/cjs/feedback/NotificationBanner/NotificationBanner.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/NotificationBanner/NotificationBanner.stories.js"],
-  "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\nexport default {\n  title: 'Digigov UI/feedback/NotificationBanner',\n  tags: ['Experimental'],\n  description:\n    'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n  link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n  component: NotificationBanner,\n  displayName: 'NotificationBanner',\n};\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAW/B,qBAAwB;AACxB,qBAAwB;AACxB,mBAAsB;AAZtB,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW,0BAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\n\nexport default {\n  title: 'Digigov UI/feedback/NotificationBanner',\n  tags: ['Experimental'],\n  description:\n    'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n  link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n  component: NotificationBanner,\n  displayName: 'NotificationBanner',\n};\n\nexport const WithControls = {\n  args: {\n    title: '\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7',\n    children: ' \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.',\n    link: {\n      label: '\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2',\n      href: '#',\n    },\n    variant: 'info',\n    dense: false,\n  },\n  argTypes: {\n    title: {\n      control: { type: 'text' },\n    },\n    children: {\n      control: { type: 'text' },\n    },\n    link: {\n      control: { type: 'object' },\n    },\n    variant: {\n      options: ['info', 'success', 'error'],\n      control: { type: 'select' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AA+C/B,qBAAwB;AACxB,qBAAwB;AACxB,mBAAsB;AA/CtB,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW,0BAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
   "names": ["NotificationBanner"]
 }

package/cjs/feedback/PhaseBanner/PhaseBanner.stories/index.js

@@ -29,22 +29,46 @@ var PhaseBanner_stories_exports = {};
 __export(PhaseBanner_stories_exports, {
   Default: () => import_Default.Default,
   Underlined: () => import_Underlined.Underlined,
+  WithControls: () => WithControls,
   default: () => PhaseBanner_stories_default
 });
 module.exports = __toCommonJS(PhaseBanner_stories_exports);
-var import_PhaseBanner = __toESM(require("@digigov/ui/feedback/PhaseBanner"));
+var import_react = __toESM(require("react"));
+var import_PhaseBanner = require("@digigov/ui/feedback/PhaseBanner");
+var import_Link = require("@digigov/ui/navigation/Link");
 var import_Default = require("@digigov/ui/feedback/PhaseBanner/__stories__/Default");
 var import_Underlined = require("@digigov/ui/feedback/PhaseBanner/__stories__/Underlined");
 var PhaseBanner_stories_default = {
   title: "Digigov UI/feedback/PhaseBanner",
   description: "Use the phase banner component to show users your service is still being worked on.",
   link: "https://guide.services.gov.gr/docs/components/phase-banner",
-  component: import_PhaseBanner.default,
+  component: import_PhaseBanner.PhaseBanner,
   displayName: "PhaseBanner"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBanner, { underline: args.underline }, /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerTag, null, args.tag), /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#feedback" }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " ", "\u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
+  },
+  args: {
+    tag: "ALPHA",
+    underline: true
+  },
+  argTypes: {
+    underline: {
+      control: { type: "boolean" }
+    },
+    tag: {
+      control: { type: "text" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
-  Underlined
+  Underlined,
+  WithControls
 });
 //# sourceMappingURL=PhaseBanner.stories.js.map

package/cjs/feedback/PhaseBanner/PhaseBanner.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/feedback/PhaseBanner/PhaseBanner.stories.js"],
-  "sourcesContent": ["import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';\nexport default {\n  title: 'Digigov UI/feedback/PhaseBanner',\n  description:\n    'Use the phase banner component to show users your service is still being worked on.',\n  link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n  component: PhaseBanner,\n  displayName: 'PhaseBanner',\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwB;AASxB,qBAAwB;AACxB,wBAA2B;AAT3B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,mBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["PhaseBanner"]
+  "sources": ["../../../../src/feedback/PhaseBanner/PhaseBanner.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  PhaseBanner,\n  PhaseBannerTag,\n  PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport default {\n  title: 'Digigov UI/feedback/PhaseBanner',\n  description:\n    'Use the phase banner component to show users your service is still being worked on.',\n  link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n  component: PhaseBanner,\n  displayName: 'PhaseBanner',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <PhaseBanner underline={args.underline}>\n        <PhaseBannerTag>{args.tag}</PhaseBannerTag>\n        <PhaseBannerText>\n          \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link>{' '}\n          \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n        </PhaseBannerText>\n      </PhaseBanner>\n    );\n  },\n  args: {\n    tag: 'ALPHA',\n    underline: true,\n  },\n  argTypes: {\n    underline: {\n      control: { type: 'boolean' },\n    },\n    tag: {\n      control: { type: 'text' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,yBAIO;AACP,kBAAqB;AAuCrB,qBAAwB;AACxB,wBAA2B;AAtC3B,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA,cAAC,kCAAY,WAAW,KAAK,aAC3B,6BAAAA,QAAA,cAAC,yCAAgB,KAAK,GAAI,GAC1B,6BAAAA,QAAA,cAAC,0CAAgB,uKACkB,6BAAAA,QAAA,cAAC,oBAAK,MAAK,eAAY,sCAAM,GAAQ,KAAI,yMAE5E,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,KAAK;AAAA,MACH,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
+  "names": ["React"]
 }

package/cjs/feedback/WarningText/WarningText.stories/index.js

@@ -30,6 +30,7 @@ __export(WarningText_stories_exports, {
   AssistiveText: () => import_AssistiveText.AssistiveText,
   Default: () => import_Default.Default,
   Dense: () => import_Dense.Dense,
+  WithControls: () => WithControls,
   default: () => WarningText_stories_default
 });
 module.exports = __toCommonJS(WarningText_stories_exports);
@@ -44,10 +45,32 @@ var WarningText_stories_default = {
   component: import_WarningText.default,
   displayName: "WarningText"
 };
+const WithControls = {
+  args: {
+    children: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.",
+    assistiveText: "\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC",
+    dense: false
+  },
+  argTypes: {
+    children: {
+      control: { type: "text" }
+    },
+    assistiveText: {
+      control: { type: "text" }
+    },
+    dense: {
+      control: { type: "boolean" }
+    }
+  },
+  parameters: {
+    controls: { exclude: ["ref"] }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AssistiveText,
   Default,
-  Dense
+  Dense,
+  WithControls
 });
 //# sourceMappingURL=WarningText.stories.js.map

package/cjs/feedback/WarningText/WarningText.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/feedback/WarningText/WarningText.stories.js"],
-  "sourcesContent": ["import WarningText from '@digigov/ui/feedback/WarningText';\nexport default {\n  title: 'Digigov UI/feedback/WarningText',\n  description:\n    'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',\n  link: 'https://guide.services.gov.gr/docs/components/Warning-Text',\n  component: WarningText,\n  displayName: 'WarningText',\n};\nexport { Default } from '@digigov/ui/feedback/WarningText/__stories__/Default';\nexport { AssistiveText } from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';\nexport { Dense } from '@digigov/ui/feedback/WarningText/__stories__/Dense';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwB;AASxB,qBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AAVtB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,mBAAAA;AAAA,EACX,aAAa;AACf;",
+  "sourcesContent": ["import WarningText from '@digigov/ui/feedback/WarningText';\nexport default {\n  title: 'Digigov UI/feedback/WarningText',\n  description:\n    'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',\n  link: 'https://guide.services.gov.gr/docs/components/Warning-Text',\n  component: WarningText,\n  displayName: 'WarningText',\n};\n\nexport const WithControls = {\n  args: {\n    children:\n      '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.',\n    assistiveText: '\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC',\n    dense: false,\n  },\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n    },\n    assistiveText: {\n      control: { type: 'text' },\n    },\n    dense: {\n      control: { type: 'boolean' },\n    },\n  },\n  parameters: {\n    controls: { exclude: ['ref'] },\n  },\n};\n\nexport { Default } from '@digigov/ui/feedback/WarningText/__stories__/Default';\nexport { AssistiveText } from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';\nexport { Dense } from '@digigov/ui/feedback/WarningText/__stories__/Dense';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAwB;AAiCxB,qBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AAlCtB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,mBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UACE;AAAA,IACF,eAAe;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,eAAe;AAAA,MACb,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;",
   "names": ["WarningText"]
 }

package/cjs/form/AutoComplete/AutoComplete.stories/index.js

@@ -33,6 +33,7 @@ __export(AutoComplete_stories_exports, {
   MultipleWithDefaultValues: () => import_MultipleWithDefaultValues.MultipleWithDefaultValues,
   MultipleWithMinLength: () => import_MultipleWithMinLength.MultipleWithMinLength,
   WithAutoSelect: () => import_WithAutoSelect.WithAutoSelect,
+  WithControls: () => WithControls,
   WithDefaultValue: () => import_WithDefaultValue.WithDefaultValue,
   WithMinLength: () => import_WithMinLength.WithMinLength,
   WithPlaceHolder: () => import_WithPlaceHolder.WithPlaceHolder,
@@ -40,7 +41,9 @@ __export(AutoComplete_stories_exports, {
   default: () => AutoComplete_stories_default
 });
 module.exports = __toCommonJS(AutoComplete_stories_exports);
+var import_react = __toESM(require("react"));
 var import_AutoComplete = __toESM(require("@digigov/ui/form/AutoComplete"));
+var import_utils = require("@digigov/ui/form/AutoComplete/utils");
 var import_Default = require("@digigov/ui/form/AutoComplete/__stories__/Default");
 var import_Multiple = require("@digigov/ui/form/AutoComplete/__stories__/Multiple");
 var import_MultipleWithDefaultValues = require("@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues");
@@ -56,6 +59,77 @@ var AutoComplete_stories_default = {
   component: import_AutoComplete.default,
   displayName: "AutoComplete"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_AutoComplete.default,
+      {
+        key: args.multiple ? "multiple" : "single",
+        id: args.id,
+        width: args.width,
+        multiple: args.multiple,
+        autoselect: args.autoselect,
+        minLength: args.minLength,
+        source: import_utils.suggest
+      }
+    );
+  },
+  args: {
+    width: "full",
+    id: "autocomplete-id",
+    multiple: false,
+    autoselect: false,
+    minLength: 2,
+    numberOfSelected: 2,
+    defaultValue: ""
+  },
+  argTypes: {
+    width: {
+      control: {
+        type: "select",
+        options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"]
+      }
+    },
+    id: {
+      control: { type: "text" }
+    },
+    multiple: {
+      control: { type: "boolean" }
+    },
+    autoselect: {
+      control: { type: "boolean" }
+    },
+    minLength: {
+      control: { type: "number" }
+    },
+    numberOfSelected: {
+      control: { type: "select", options: [2, 1, 3, "all", void 0] },
+      if: { arg: "multiple", eq: true }
+    },
+    defaultValue: {
+      control: { type: "string" }
+    }
+  },
+  parameters: {
+    controls: {
+      exclude: [
+        "tStatusResults",
+        "tStatusNoResults",
+        "tStatusQueryTooShort",
+        "tStatusSelectedOption",
+        "tNoResults",
+        "tAssistiveHint",
+        "templates",
+        "name",
+        "placeholder",
+        "onConfirm",
+        "confirmOnBlur",
+        "required",
+        "source"
+      ]
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
@@ -64,6 +138,7 @@ var AutoComplete_stories_default = {
   MultipleWithDefaultValues,
   MultipleWithMinLength,
   WithAutoSelect,
+  WithControls,
   WithDefaultValue,
   WithMinLength,
   WithPlaceHolder,

package/cjs/form/AutoComplete/AutoComplete.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/form/AutoComplete/AutoComplete.stories.js"],
-  "sourcesContent": ["import AutoComplete from '@digigov/ui/form/AutoComplete';\nexport default {\n  title: 'Digigov UI/form/AutoComplete',\n  component: AutoComplete,\n  displayName: 'AutoComplete',\n};\nexport { Default } from '@digigov/ui/form/AutoComplete/__stories__/Default';\nexport { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';\nexport { MultipleWithDefaultValues } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues';\nexport { MultipleShowingTwoSelected } from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';\nexport { MultipleWithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength';\nexport { WithAutoSelect } from '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect';\nexport { WithDefaultValue } from '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue';\nexport { WithPlaceHolder } from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';\nexport { WithShowAllValues } from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';\nexport { WithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAMzB,qBAAwB;AACxB,sBAAyB;AACzB,uCAA0C;AAC1C,wCAA2C;AAC3C,mCAAsC;AACtC,4BAA+B;AAC/B,8BAAiC;AACjC,6BAAgC;AAChC,+BAAkC;AAClC,2BAA8B;AAd9B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,oBAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["AutoComplete"]
+  "sources": ["../../../../src/form/AutoComplete/AutoComplete.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport AutoComplete from '@digigov/ui/form/AutoComplete';\nimport { suggest } from '@digigov/ui/form/AutoComplete/utils';\n\nexport default {\n  title: 'Digigov UI/form/AutoComplete',\n  component: AutoComplete,\n  displayName: 'AutoComplete',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <AutoComplete\n        key={args.multiple ? 'multiple' : 'single'}\n        id={args.id}\n        width={args.width}\n        multiple={args.multiple}\n        autoselect={args.autoselect}\n        minLength={args.minLength}\n        source={suggest}\n      />\n    );\n  },\n  args: {\n    width: 'full',\n    id: 'autocomplete-id',\n    multiple: false,\n    autoselect: false,\n    minLength: 2,\n    numberOfSelected: 2,\n    defaultValue: '',\n  },\n  argTypes: {\n    width: {\n      control: {\n        type: 'select',\n        options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n      },\n    },\n    id: {\n      control: { type: 'text' },\n    },\n    multiple: {\n      control: { type: 'boolean' },\n    },\n    autoselect: {\n      control: { type: 'boolean' },\n    },\n    minLength: {\n      control: { type: 'number' },\n    },\n    numberOfSelected: {\n      control: { type: 'select', options: [2, 1, 3, 'all', undefined] },\n      if: { arg: 'multiple', eq: true },\n    },\n    defaultValue: {\n      control: { type: 'string' },\n    },\n  },\n  parameters: {\n    controls: {\n      exclude: [\n        'tStatusResults',\n        'tStatusNoResults',\n        'tStatusQueryTooShort',\n        'tStatusSelectedOption',\n        'tNoResults',\n        'tAssistiveHint',\n        'templates',\n        'name',\n        'placeholder',\n        'onConfirm',\n        'confirmOnBlur',\n        'required',\n        'source',\n      ],\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/form/AutoComplete/__stories__/Default';\nexport { Multiple } from '@digigov/ui/form/AutoComplete/__stories__/Multiple';\nexport { MultipleWithDefaultValues } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithDefaultValues';\nexport { MultipleShowingTwoSelected } from '@digigov/ui/form/AutoComplete/__stories__/MultipleShowingTwoSelected';\nexport { MultipleWithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/MultipleWithMinLength';\nexport { WithAutoSelect } from '@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect';\nexport { WithDefaultValue } from '@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue';\nexport { WithPlaceHolder } from '@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder';\nexport { WithShowAllValues } from '@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues';\nexport { WithMinLength } from '@digigov/ui/form/AutoComplete/__stories__/WithMinLength';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,mBAAwB;AA+ExB,qBAAwB;AACxB,sBAAyB;AACzB,uCAA0C;AAC1C,wCAA2C;AAC3C,mCAAsC;AACtC,4BAA+B;AAC/B,8BAAiC;AACjC,6BAAgC;AAChC,+BAAkC;AAClC,2BAA8B;AAtF9B,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,oBAAAA;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAC,QAAA;AAAA,MAAC,oBAAAD;AAAA,MAAA;AAAA,QACC,KAAK,KAAK,WAAW,aAAa;AAAA,QAClC,IAAI,KAAK;AAAA,QACT,OAAO,KAAK;AAAA,QACZ,UAAU,KAAK;AAAA,QACf,YAAY,KAAK;AAAA,QACjB,WAAW,KAAK;AAAA,QAChB,QAAQ;AAAA;AAAA,IACV;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,QAAQ,MAAM;AAAA,MACjE;AAAA,IACF;AAAA,IACA,IAAI;AAAA,MACF,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,YAAY;AAAA,MACV,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS,EAAE,MAAM,UAAU,SAAS,CAAC,GAAG,GAAG,GAAG,OAAO,MAAS,EAAE;AAAA,MAChE,IAAI,EAAE,KAAK,YAAY,IAAI,KAAK;AAAA,IAClC;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["AutoComplete", "React"]
 }

package/cjs/form/AutoComplete/Status/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/Status/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component, type JSX } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
+  "mappings": "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",
   "names": ["AutoCompleteStatus", "AutoCompleteStatusContainer", "React"]
 }