@digigov/ui 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -3
  2. package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  3. package/cjs/registry/index.js +62 -64
  4. package/cjs/registry.js.map +2 -2
  5. package/cjs/utils/hooks/useScreen/index.js +1 -1
  6. package/cjs/utils/hooks/useScreen.js.map +2 -2
  7. package/feedback/ErrorSummary/ErrorSummary.stories/index.js +0 -2
  8. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +0 -1
  9. package/feedback/ErrorSummary/ErrorSummary.stories.js.map +2 -2
  10. package/index.js +1 -1
  11. package/package.json +5 -5
  12. package/registry/index.js +62 -64
  13. package/src/app/BannerContainer/index.test.tsx +11 -10
  14. package/src/app/Footer/index.test.tsx +32 -31
  15. package/src/app/Header/index.test.tsx +23 -22
  16. package/src/app/Loader/index.test.tsx +14 -13
  17. package/src/app/Masthead/index.test.tsx +20 -19
  18. package/src/app/Modal/index.test.tsx +26 -25
  19. package/src/app/NotFound/index.test.tsx +11 -10
  20. package/src/app/Panel/index.test.tsx +11 -10
  21. package/src/app/PhaseBannerHeader/index.test.tsx +11 -10
  22. package/src/app/QrCodeViewer/index.test.tsx +14 -13
  23. package/src/app/Skeleton/index.test.tsx +35 -34
  24. package/src/content/Accordion/index.test.tsx +20 -19
  25. package/src/content/Blockquote/index.test.tsx +14 -13
  26. package/src/content/Card/index.test.tsx +41 -40
  27. package/src/content/Chip/index.test.tsx +23 -22
  28. package/src/content/Details/index.test.tsx +11 -10
  29. package/src/content/List/index.test.tsx +26 -25
  30. package/src/content/Markdown/index.test.tsx +11 -10
  31. package/src/content/SafeHTML/index.test.tsx +11 -10
  32. package/src/content/StepNav/index.test.tsx +23 -22
  33. package/src/content/SummaryList/index.test.tsx +32 -31
  34. package/src/content/Table/index.test.tsx +63 -62
  35. package/src/content/TaskList/index.test.tsx +14 -13
  36. package/src/content/Timeline/index.test.tsx +14 -13
  37. package/src/feedback/CopyToClipboard/index.test.tsx +17 -16
  38. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +0 -1
  39. package/src/feedback/ErrorSummary/index.test.tsx +26 -29
  40. package/src/feedback/NotificationBanner/index.test.tsx +17 -16
  41. package/src/feedback/PhaseBanner/index.test.tsx +14 -13
  42. package/src/feedback/WarningText/index.test.tsx +17 -16
  43. package/src/form/AutoComplete/index.test.tsx +38 -37
  44. package/src/form/Button/index.test.tsx +44 -43
  45. package/src/form/Checkbox/index.test.tsx +38 -37
  46. package/src/form/DateInputContainer/index.test.tsx +23 -22
  47. package/src/form/ErrorMessage/index.test.tsx +17 -16
  48. package/src/form/FileUpload/index.test.tsx +14 -13
  49. package/src/form/RadioContainer/index.test.tsx +38 -37
  50. package/src/form/SearchContainer/index.test.tsx +11 -10
  51. package/src/form/SelectContainer/index.test.tsx +20 -19
  52. package/src/form/SingleCharacterInputs/index.test.tsx +24 -20
  53. package/src/form/TextArea/index.test.tsx +32 -31
  54. package/src/form/TextInput/index.test.tsx +38 -37
  55. package/src/layouts/Basic/index.test.tsx +20 -19
  56. package/src/layouts/Grid/index.test.tsx +17 -16
  57. package/src/layouts/Screen/index.test.tsx +20 -19
  58. package/src/layouts/Stack/index.test.tsx +26 -25
  59. package/src/navigation/BackLink/index.test.tsx +11 -10
  60. package/src/navigation/BackToTopLink/index.test.tsx +14 -13
  61. package/src/navigation/Breadcrumbs/index.test.tsx +23 -22
  62. package/src/navigation/Drawer/index.test.tsx +17 -16
  63. package/src/navigation/Dropdown/index.test.tsx +41 -40
  64. package/src/navigation/Link/index.test.tsx +29 -28
  65. package/src/navigation/NavList/index.test.tsx +35 -34
  66. package/src/navigation/Pagination/index.test.tsx +29 -28
  67. package/src/navigation/SkipLink/index.test.tsx +11 -10
  68. package/src/navigation/Tabs/index.test.tsx +20 -19
  69. package/src/registry.js +62 -64
  70. package/src/typography/CodeBlock/index.test.tsx +20 -19
  71. package/src/typography/Heading/index.test.tsx +11 -10
  72. package/src/typography/HeadingCaption/index.test.tsx +14 -13
  73. package/src/typography/Hint/index.test.tsx +14 -13
  74. package/src/typography/NormalText/index.test.tsx +20 -19
  75. package/src/typography/Paragraph/index.test.tsx +23 -22
  76. package/src/utils/VisuallyHidden/index.test.tsx +11 -10
  77. package/src/utils/hooks/useScreen.ts +3 -2
  78. package/utils/hooks/useScreen/index.js +1 -1
  79. package/utils/hooks/useScreen.js.map +2 -2
  80. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -49
  81. package/cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
  82. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js +0 -16
  83. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/package.json +0 -6
  84. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.d.ts +0 -3
  85. package/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.js.map +0 -7
  86. package/src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx +0 -47
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/utils/hooks/useScreen.ts"],
4
- "sourcesContent": ["import { useEffect, useState } from 'react';\nimport breakpoints from '@digigov/css/screens.json';\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n breakpoints\n) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n let breakpointIndex = 0;\n for (const breakpoint of breakpointValues) {\n if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n return breakpointKeys[breakpointIndex];\n }\n breakpointIndex++;\n }\n return 'xl';\n}\n\nconst listeners = new Set<(width: number) => void>();\nlet resizeObserver: ResizeObserver | null = null;\nfunction createResizeObserver() {\n if (resizeObserver === null && typeof window !== 'undefined') {\n resizeObserver = new ResizeObserver(([body]) => {\n listeners.forEach((listener) => {\n listener(body.contentRect.width);\n });\n });\n resizeObserver.observe(window.document?.body);\n }\n return listeners;\n}\nexport const useScreenSize = () => {\n const [screenSize, setSize] = useState<Breakpoints>(\n resolveScreenSize(\n typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n )\n );\n useEffect(() => {\n const listeners = createResizeObserver();\n const listener = (width: number) => {\n setSize(resolveScreenSize(width));\n };\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n }, []);\n return {\n screenSize,\n screenWidth:\n typeof window !== 'undefined' && window.document.body.clientWidth,\n };\n};\n"],
5
- "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,SAAS,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACxE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAA6B;AACnD,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;",
4
+ "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-function-type */\nimport { useEffect, useState } from 'react';\nimport breakpoints from '@digigov/css/screens.json';\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n breakpoints\n) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n let breakpointIndex = 0;\n for (const breakpoint of breakpointValues) {\n if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n return breakpointKeys[breakpointIndex];\n }\n breakpointIndex++;\n }\n return 'xl';\n}\n\nconst listeners = new Set<Function>();\nlet resizeObserver: ResizeObserver | null = null;\nfunction createResizeObserver() {\n if (resizeObserver === null && typeof window !== 'undefined') {\n resizeObserver = new ResizeObserver(([body]) => {\n listeners.forEach((listener) => {\n listener(body.contentRect.width);\n });\n });\n resizeObserver.observe(window.document?.body);\n }\n return listeners;\n}\nexport const useScreenSize = () => {\n const [screenSize, setSize] = useState<Breakpoints>(\n resolveScreenSize(\n typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n )\n );\n useEffect(() => {\n const listeners = createResizeObserver();\n const listener = (width: number) => {\n setSize(resolveScreenSize(width));\n };\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n }, []);\n return {\n screenSize,\n screenWidth:\n typeof window !== 'undefined' && window.document.body.clientWidth,\n };\n};\n"],
5
+ "mappings": "AACA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,QAAQ,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACvE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAAc;AACpC,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;",
6
6
  "names": ["listeners"]
7
7
  }
@@ -1,49 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
- var ErrorGroupLinkedToInput_exports = {};
29
- __export(ErrorGroupLinkedToInput_exports, {
30
- ErrorGroupLinkedToInput: () => ErrorGroupLinkedToInput,
31
- default: () => ErrorGroupLinkedToInput_default
32
- });
33
- module.exports = __toCommonJS(ErrorGroupLinkedToInput_exports);
34
- var import_react = __toESM(require("react"));
35
- var import_List = require("@digigov/ui/content/List");
36
- var import_ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
37
- var import_FieldContainer = require("@digigov/ui/form/FieldContainer");
38
- var import_LabelContainer = require("@digigov/ui/form/LabelContainer");
39
- var import_TextInput = require("@digigov/ui/form/TextInput");
40
- var import_Link = require("@digigov/ui/navigation/Link");
41
- var import_Heading = require("@digigov/ui/typography/Heading");
42
- var import_Hint = require("@digigov/ui/typography/Hint");
43
- const ErrorGroupLinkedToInput = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_ErrorSummary.ErrorSummary, { variant: "error-group" }, /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, { size: "md" }, "\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2."), /* @__PURE__ */ import_react.default.createElement(import_List.List, { listStyle: "bullet" }, /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, null, /* @__PURE__ */ import_react.default.createElement("b", null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#business-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_List.ListItem, null, /* @__PURE__ */ import_react.default.createElement("b", null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#address-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { error: true, name: "inputext", id: "business-name" }))), /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.FieldContainer, { error: true }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelTitle, { size: "md" }, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ import_react.default.createElement(import_TextInput.TextInput, { error: true, name: "inputext", id: "business-address" }))));
44
- var ErrorGroupLinkedToInput_default = ErrorGroupLinkedToInput;
45
- // Annotate the CommonJS export names for ESM import in node:
46
- 0 && (module.exports = {
47
- ErrorGroupLinkedToInput
48
- });
49
- //# sourceMappingURL=ErrorGroupLinkedToInput.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const ErrorGroupLinkedToInput = () => (\n <div>\n <ErrorSummary variant=\"error-group\">\n <Heading size=\"md\">\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.</Heading>\n <List listStyle=\"bullet\">\n <ListItem>\n <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n <Link href=\"#business-name\">\n \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n </Link>\n </ListItem>\n <ListItem>\n <b>\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n <Link href=\"#address-name\">\n \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n </Link>\n </ListItem>\n </List>\n </ErrorSummary>\n <FieldContainer error>\n <LabelContainer>\n <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n </LabelContainer>\n </FieldContainer>\n <FieldContainer error>\n <LabelContainer>\n <LabelTitle size=\"md\">\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n <Hint>\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n <TextInput error name=\"inputext\" id=\"business-address\"></TextInput>\n </LabelContainer>\n </FieldContainer>\n </div>\n);\n\nexport default ErrorGroupLinkedToInput;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA+B;AAC/B,0BAA6B;AAC7B,4BAA+B;AAC/B,4BAA2C;AAC3C,uBAA0B;AAC1B,kBAAqB;AACrB,qBAAwB;AACxB,kBAAqB;AAEd,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oCAAa,SAAQ,iBACpB,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,QAAK,qNAAyC,GAC5D,6BAAAA,QAAA,cAAC,oBAAK,WAAU,YACd,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,WAAE,oGAAkB,GAAK,KAC1B,6BAAAA,QAAA,cAAC,oBAAK,MAAK,oBAAiB,8PAE5B,CACF,GACA,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,WAAE,4HAAsB,GAAK,KAC9B,6BAAAA,QAAA,cAAC,oBAAK,MAAK,mBAAgB,sRAE3B,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAe,OAAK,QACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,mGAAiB,GACvC,6BAAAA,QAAA,cAAC,wBAAK,4LAAoC,GAC1C,6BAAAA,QAAA,cAAC,8BAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAe,OAAK,QACnB,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oCAAW,MAAK,QAAK,2HAAqB,GAC3C,6BAAAA,QAAA,cAAC,wBAAK,8MAAuC,GAC7C,6BAAAA,QAAA,cAAC,8BAAU,OAAK,MAAC,MAAK,YAAW,IAAG,oBAAmB,CACzD,CACF,CACF;AAGF,IAAO,kCAAQ;",
6
- "names": ["React"]
7
- }
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { List, ListItem } from "@digigov/ui/content/List";
3
- import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
4
- import { FieldContainer } from "@digigov/ui/form/FieldContainer";
5
- import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
6
- import { TextInput } from "@digigov/ui/form/TextInput";
7
- import { Link } from "@digigov/ui/navigation/Link";
8
- import { Heading } from "@digigov/ui/typography/Heading";
9
- import { Hint } from "@digigov/ui/typography/Hint";
10
- const ErrorGroupLinkedToInput = () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ErrorSummary, { variant: "error-group" }, /* @__PURE__ */ React.createElement(Heading, { size: "md" }, "\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2."), /* @__PURE__ */ React.createElement(List, { listStyle: "bullet" }, /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement("b", null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ React.createElement(Link, { href: "#business-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement("b", null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:"), " ", /* @__PURE__ */ React.createElement(Link, { href: "#address-name" }, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")))), /* @__PURE__ */ React.createElement(FieldContainer, { error: true }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ React.createElement(TextInput, { error: true, name: "inputext", id: "business-name" }))), /* @__PURE__ */ React.createElement(FieldContainer, { error: true }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /* @__PURE__ */ React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /* @__PURE__ */ React.createElement(TextInput, { error: true, name: "inputext", id: "business-address" }))));
11
- var ErrorGroupLinkedToInput_default = ErrorGroupLinkedToInput;
12
- export {
13
- ErrorGroupLinkedToInput,
14
- ErrorGroupLinkedToInput_default as default
15
- };
16
- //# sourceMappingURL=ErrorGroupLinkedToInput.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "sideEffects": false,
3
- "module": "./index.js",
4
- "types": "./index.d.ts",
5
- "main": "../../../../cjs/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput/index.js"
6
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare const ErrorGroupLinkedToInput: () => React.JSX.Element;
3
- export default ErrorGroupLinkedToInput;
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport { List, ListItem } from '@digigov/ui/content/List';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport const ErrorGroupLinkedToInput = () => (\n <div>\n <ErrorSummary variant=\"error-group\">\n <Heading size=\"md\">\u03A4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C0\u03B5\u03B4\u03AF\u03B1 \u03C4\u03B7\u03C2 \u03C6\u03CC\u03C1\u03BC\u03B1\u03C2 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2.</Heading>\n <List listStyle=\"bullet\">\n <ListItem>\n <b>\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n <Link href=\"#business-name\">\n \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n </Link>\n </ListItem>\n <ListItem>\n <b>\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2:</b>{' '}\n <Link href=\"#address-name\">\n \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2\n </Link>\n </ListItem>\n </List>\n </ErrorSummary>\n <FieldContainer error>\n <LabelContainer>\n <LabelTitle size=\"md\">\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n <Hint>\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n <TextInput error name=\"inputext\" id=\"business-name\"></TextInput>\n </LabelContainer>\n </FieldContainer>\n <FieldContainer error>\n <LabelContainer>\n <LabelTitle size=\"md\">\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2</LabelTitle>\n <Hint>\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;</Hint>\n <TextInput error name=\"inputext\" id=\"business-address\"></TextInput>\n </LabelContainer>\n </FieldContainer>\n </div>\n);\n\nexport default ErrorGroupLinkedToInput;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,YAAY;AAEd,MAAM,0BAA0B,MACrC,oCAAC,aACC,oCAAC,gBAAa,SAAQ,iBACpB,oCAAC,WAAQ,MAAK,QAAK,qNAAyC,GAC5D,oCAAC,QAAK,WAAU,YACd,oCAAC,gBACC,oCAAC,WAAE,oGAAkB,GAAK,KAC1B,oCAAC,QAAK,MAAK,oBAAiB,8PAE5B,CACF,GACA,oCAAC,gBACC,oCAAC,WAAE,4HAAsB,GAAK,KAC9B,oCAAC,QAAK,MAAK,mBAAgB,sRAE3B,CACF,CACF,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,mGAAiB,GACvC,oCAAC,YAAK,4LAAoC,GAC1C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,iBAAgB,CACtD,CACF,GACA,oCAAC,kBAAe,OAAK,QACnB,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAK,2HAAqB,GAC3C,oCAAC,YAAK,8MAAuC,GAC7C,oCAAC,aAAU,OAAK,MAAC,MAAK,YAAW,IAAG,oBAAmB,CACzD,CACF,CACF;AAGF,IAAO,kCAAQ;",
6
- "names": []
7
- }
@@ -1,47 +0,0 @@
1
- import React from 'react';
2
- import { List, ListItem } from '@digigov/ui/content/List';
3
- import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
4
- import { FieldContainer } from '@digigov/ui/form/FieldContainer';
5
- import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
6
- import { TextInput } from '@digigov/ui/form/TextInput';
7
- import { Link } from '@digigov/ui/navigation/Link';
8
- import { Heading } from '@digigov/ui/typography/Heading';
9
- import { Hint } from '@digigov/ui/typography/Hint';
10
-
11
- export const ErrorGroupLinkedToInput = () => (
12
- <div>
13
- <ErrorSummary variant="error-group">
14
- <Heading size="md">Τα παρακάτω πεδία της φόρμας ειναι λάθος.</Heading>
15
- <List listStyle="bullet">
16
- <ListItem>
17
- <b>Όνομα επιχείρησης:</b>{' '}
18
- <Link href="#business-name">
19
- Πρέπει να συμπληρώσετε το όνομα της επιχείρησης
20
- </Link>
21
- </ListItem>
22
- <ListItem>
23
- <b>Διεύθυνση επιχείρησης:</b>{' '}
24
- <Link href="#address-name">
25
- Πρέπει να συμπληρώσετε τη διεύθυνση της επιχείρησης
26
- </Link>
27
- </ListItem>
28
- </List>
29
- </ErrorSummary>
30
- <FieldContainer error>
31
- <LabelContainer>
32
- <LabelTitle size="md">Όνομα επιχείρησης</LabelTitle>
33
- <Hint>Ποιο είναι το όνομα της επιχείρησης;</Hint>
34
- <TextInput error name="inputext" id="business-name"></TextInput>
35
- </LabelContainer>
36
- </FieldContainer>
37
- <FieldContainer error>
38
- <LabelContainer>
39
- <LabelTitle size="md">Διεύθυνση επιχείρησης</LabelTitle>
40
- <Hint>Ποια είναι η διεύθυνση της επιχείρησης;</Hint>
41
- <TextInput error name="inputext" id="business-address"></TextInput>
42
- </LabelContainer>
43
- </FieldContainer>
44
- </div>
45
- );
46
-
47
- export default ErrorGroupLinkedToInput;