@helsenorge/designsystem-react 11.0.0-beta.2 → 11.0.0-beta.3

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 (67) hide show
  1. package/CHANGELOG.md +71 -10
  2. package/{TooltipWord.js → HelpTooltipWord.js} +6 -6
  3. package/HelpTooltipWord.js.map +1 -0
  4. package/LazyIcon.js.map +1 -1
  5. package/LazyIllustration.js.map +1 -1
  6. package/{Panel.js → PanelOld.js} +30 -30
  7. package/PanelOld.js.map +1 -0
  8. package/components/FormGroup/formGroup.module.scss +10 -0
  9. package/components/FormGroup/formGroup.module.scss.d.ts +10 -0
  10. package/components/HelpTooltip/HelpTooltip.d.ts +19 -0
  11. package/components/{Tooltip/TooltipWord/TooltipWord.d.ts → HelpTooltip/HelpTooltipWord/HelpTooltipWord.d.ts} +3 -3
  12. package/components/HelpTooltip/HelpTooltipWord/index.d.ts +3 -0
  13. package/components/HelpTooltip/HelpTooltipWord/index.js +5 -0
  14. package/components/HelpTooltip/index.d.ts +3 -0
  15. package/components/{Tooltip → HelpTooltip}/index.js +18 -18
  16. package/components/HelpTooltip/index.js.map +1 -0
  17. package/components/Mittens/styles.module.scss +3 -0
  18. package/components/Mittens/styles.module.scss.d.ts +9 -0
  19. package/components/PanelList/PanelList.d.ts +2 -2
  20. package/components/PanelList/index.js +5 -5
  21. package/components/PanelList/index.js.map +1 -1
  22. package/components/{Panel/Panel.d.ts → PanelOld/PanelOld.d.ts} +10 -10
  23. package/components/PanelOld/index.d.ts +3 -0
  24. package/components/PanelOld/index.js +9 -0
  25. package/components/PopMenu/index.js.map +1 -1
  26. package/components/PopMenu/styles.module.scss +8 -2
  27. package/constants.d.ts +2 -2
  28. package/constants.js +2 -2
  29. package/constants.js.map +1 -1
  30. package/docs/HelpTooltipExample/HelpTooltipExample.d.ts +4 -0
  31. package/docs/HelpTooltipExample/index.d.ts +3 -0
  32. package/package.json +1 -2
  33. package/scss/_grid.scss +4 -4
  34. package/scss/bootstrap/LICENSE +22 -0
  35. package/scss/bootstrap/scss/_functions.scss +210 -0
  36. package/scss/bootstrap/scss/_grid.scss +73 -0
  37. package/scss/bootstrap/scss/_variables.scss +990 -0
  38. package/scss/bootstrap/scss/bootstrap-grid.scss +30 -0
  39. package/scss/bootstrap/scss/mixins/_breakpoints.scss +131 -0
  40. package/scss/bootstrap/scss/mixins/_deprecate.scss +11 -0
  41. package/scss/bootstrap/scss/mixins/_grid-framework.scss +89 -0
  42. package/scss/bootstrap/scss/mixins/_grid.scss +76 -0
  43. package/scss/bootstrap/scss/utilities/_display.scss +30 -0
  44. package/scss/bootstrap/scss/utilities/_flex.scss +120 -0
  45. package/scss/bootstrap/scss/utilities/_spacing.scss +80 -0
  46. package/scss/bootstrap/scss/vendor/_rfs.scss +233 -0
  47. package/scss/helsenorge.scss +1 -1
  48. package/Panel.js.map +0 -1
  49. package/TooltipWord.js.map +0 -1
  50. package/components/Panel/index.d.ts +0 -3
  51. package/components/Panel/index.js +0 -9
  52. package/components/Tooltip/Tooltip.d.ts +0 -19
  53. package/components/Tooltip/TooltipWord/index.d.ts +0 -3
  54. package/components/Tooltip/TooltipWord/index.js +0 -5
  55. package/components/Tooltip/index.d.ts +0 -3
  56. package/components/Tooltip/index.js.map +0 -1
  57. package/docs/TooltipExample/TooltipExample.d.ts +0 -4
  58. package/docs/TooltipExample/index.d.ts +0 -3
  59. /package/components/{Panel/Panel.test.d.ts → HelpTooltip/HelpTooltip.test.d.ts} +0 -0
  60. /package/components/{Tooltip/TooltipWord → HelpTooltip/HelpTooltipWord}/index.js.map +0 -0
  61. /package/components/{Tooltip/TooltipWord → HelpTooltip/HelpTooltipWord}/styles.module.scss +0 -0
  62. /package/components/{Tooltip/TooltipWord → HelpTooltip/HelpTooltipWord}/styles.module.scss.d.ts +0 -0
  63. /package/components/{Tooltip/Tooltip.test.d.ts → PanelOld/PanelOld.test.d.ts} +0 -0
  64. /package/components/{Panel → PanelOld}/index.js.map +0 -0
  65. /package/components/{Panel → PanelOld}/styles.module.scss +0 -0
  66. /package/components/{Panel → PanelOld}/styles.module.scss.d.ts +0 -0
  67. /package/{style.css → designsystem-react.css} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,15 +1,76 @@
1
- ## 11.0.0-beta.1 (2025-03-11)
1
+ ## [10.6.2](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.6.1&targetVersion=GTv10.6.2) (2025-03-14)
2
+
3
+ ### Reverts
4
+
5
+ - tar i bruk sass use" ([b4fc044](https://github.com/helsenorge/designsystem/commit/b4fc044c68aee56fdbe4ad93f8397f87bae5a0c3))
6
+
7
+ ## [10.6.1](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.6.0&targetVersion=GTv10.6.1) (2025-03-14)
8
+
9
+ ### Bug Fixes
10
+
11
+ - **expanderlist:** nedre focus outline forsvinner
12
+ ([f345142](https://github.com/helsenorge/designsystem/commit/f345142968f86db4b1b3aeb33cfce7f9c237af32))
13
+ - **expanderlist:** nedre focus outline forsvinner"
14
+ ([c8fde30](https://github.com/helsenorge/designsystem/commit/c8fde305783f79eeb0bb24587cb19a282a60f3f7)), closes
15
+ [#347177](https://github.com/helsenorge/designsystem/issues/347177)
16
+
17
+ ## [10.6.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.5.0&targetVersion=GTv10.6.0) (2025-03-12)
2
18
 
3
19
  ### Features
4
20
 
5
- - **helptrigger:** rename fra Trigger til HelpTrigger
6
- ([cabb1a5](https://github.com/helsenorge/designsystem/commit/cabb1a535da4021ebe8e3826954e7a536e379a62)), closes
21
+ - **trigger:** marker prop som deprecated
22
+ ([f850cb2](https://github.com/helsenorge/designsystem/commit/f850cb2717788b02656dbb6b0cc8ffbbc541a327)), closes
7
23
  [#346490](https://github.com/helsenorge/designsystem/issues/346490)
8
- - **statusdot:** oppdatert varianter og ikoner
9
- ([482aa0d](https://github.com/helsenorge/designsystem/commit/482aa0dfb8cd0e89c833a6c663ae8756be648b85)), closes
10
- [#334937](https://github.com/helsenorge/designsystem/issues/334937)
11
24
 
12
- ## 11.0.0-beta.0 (2025-03-05)
25
+ ### Bug Fixes
26
+
27
+ - **dropdown:** bare tastaturnavigasjon fokuserer første child
28
+ ([ee5438a](https://github.com/helsenorge/designsystem/commit/ee5438aa561ce2a8c3a19bc65ac2153cfd77c086)), closes
29
+ [#342762](https://github.com/helsenorge/designsystem/issues/342762)
30
+ - **popover:** border radius for linklist type button er riktig
31
+ ([0864551](https://github.com/helsenorge/designsystem/commit/08645513954f4bb03d003d46f7751890f6f8243b)), closes
32
+ [#347231](https://github.com/helsenorge/designsystem/issues/347231)
33
+
34
+ ## [10.5.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.4.1&targetVersion=GTv10.5.0) (2025-03-06)
35
+
36
+ ### Features
37
+
38
+ - **dropdown:** mulig å sette minimumsbredde på dropdown
39
+ ([c57f803](https://github.com/helsenorge/designsystem/commit/c57f8037c9da11ab6d7ffbfe6557a044a216ba39)), closes
40
+ [#346470](https://github.com/helsenorge/designsystem/issues/346470)
41
+
42
+ ### Bug Fixes
43
+
44
+ - **language:** eksporter LanguageContext
45
+ ([e0e841a](https://github.com/helsenorge/designsystem/commit/e0e841a13237bbadfebf9b2098d873a00a5eda10))
46
+
47
+ ## [10.4.1](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.4.0&targetVersion=GTv10.4.1) (2025-03-05)
48
+
49
+ ### Bug Fixes
50
+
51
+ - eksporter interface for languagecontext
52
+ ([d35da32](https://github.com/helsenorge/designsystem/commit/d35da32647631e5c01a586ec43d6e0622a5cb279))
53
+
54
+ ## [10.4.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.3.0&targetVersion=GTv10.4.0) (2025-03-04)
55
+
56
+ ### Features
57
+
58
+ - **drawer:** lukk drawer med escape knapp
59
+ ([b307451](https://github.com/helsenorge/designsystem/commit/b30745144f54b4ceda551bd07e3b18e29d08e388)), closes
60
+ [#346116](https://github.com/helsenorge/designsystem/issues/346116)
61
+ - **icon:** nye ikoner ([cfb9c42](https://github.com/helsenorge/designsystem/commit/cfb9c42076e22649df45ab0497e478f5244e55ec)), closes
62
+ [#343101](https://github.com/helsenorge/designsystem/issues/343101)
63
+ - **utils:** felles språkkontekst ([bbd6d1e](https://github.com/helsenorge/designsystem/commit/bbd6d1eb9e5b06780e7ce29d631b83a3f5d01e89)),
64
+ closes [#345767](https://github.com/helsenorge/designsystem/issues/345767)
65
+
66
+ ### Bug Fixes
67
+
68
+ - **dropdown:** oppdater interaksjon og aria attributter til menu button patternet
69
+ ([3d594e2](https://github.com/helsenorge/designsystem/commit/3d594e2728df0d41a9e9ee3fcbab1dbaaebb7e73)), closes
70
+ [#342762](https://github.com/helsenorge/designsystem/issues/342762)
71
+ - **popmenu:** avrundede hjørner uansett
72
+ ([f1ed605](https://github.com/helsenorge/designsystem/commit/f1ed60520d9b37a00bdbad39937a8beb2a78192a)), closes
73
+ [#346274](https://github.com/helsenorge/designsystem/issues/346274)
13
74
 
14
75
  ## [10.3.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.2.0&targetVersion=GTv10.3.0) (2025-02-27)
15
76
 
@@ -2196,12 +2257,12 @@ Dette er fordi vi skal kunne dynamisk importere alt som ligger i Icons, så da b
2196
2257
 
2197
2258
  ### Bug Fixes
2198
2259
 
2199
- - panel har avstand fra tittel til badge
2200
- ([09034c4](https://github.com/helsenorge/designsystem/commit/09034c4844408c7cfe8f65d7a1a0d82a7828c2ef)), closes
2201
- [#282359](https://github.com/helsenorge/designsystem/issues/282359)
2202
2260
  - økt kontrast på understreking av lenker
2203
2261
  ([50b7fa4](https://github.com/helsenorge/designsystem/commit/50b7fa47fb44cb7d75fb877bd53e2309b35e1e21)), closes
2204
2262
  [#229049](https://github.com/helsenorge/designsystem/issues/229049)
2263
+ - panel har avstand fra tittel til badge
2264
+ ([09034c4](https://github.com/helsenorge/designsystem/commit/09034c4844408c7cfe8f65d7a1a0d82a7828c2ef)), closes
2265
+ [#282359](https://github.com/helsenorge/designsystem/issues/282359)
2205
2266
 
2206
2267
  ## [1.2.2](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv1.2.1&targetVersion=GTv1.2.2) (2022-08-31)
2207
2268
 
@@ -1,8 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import { AnalyticsId } from "./constants.js";
4
- import styles from "./components/Tooltip/TooltipWord/styles.module.scss";
5
- const TooltipWord = React__default.forwardRef(
4
+ import styles from "./components/HelpTooltip/HelpTooltipWord/styles.module.scss";
5
+ const HelpTooltipWord = React__default.forwardRef(
6
6
  ({ children, onClick, onFocus, onBlur, onKeyDown, testId, ariaDescribedById }, ref) => /* @__PURE__ */ jsx(
7
7
  "button",
8
8
  {
@@ -16,13 +16,13 @@ const TooltipWord = React__default.forwardRef(
16
16
  onKeyDown,
17
17
  "aria-describedby": ariaDescribedById,
18
18
  "data-testid": testId,
19
- "data-analyticsid": AnalyticsId.Tooltip,
19
+ "data-analyticsid": AnalyticsId.HelpTooltip,
20
20
  children
21
21
  }
22
22
  )
23
23
  );
24
- TooltipWord.displayName = "TooltipWord";
24
+ HelpTooltipWord.displayName = "TooltipWord";
25
25
  export {
26
- TooltipWord as T
26
+ HelpTooltipWord as H
27
27
  };
28
- //# sourceMappingURL=TooltipWord.js.map
28
+ //# sourceMappingURL=HelpTooltipWord.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpTooltipWord.js","sources":["../src/components/HelpTooltip/HelpTooltipWord/HelpTooltipWord.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../../constants';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpTooltipWordProps {\n /** Ordet som skal ha en tilhørende tooltip */\n children: string;\n /** Callback når ordet klikkes på */\n onClick: () => void;\n /** Callback når ordet får fokus eller hovres over */\n onFocus: () => void;\n /** Callback når ordet mister fokus eller hover forsvinner */\n onBlur: () => void;\n /** Callback når det skrives på tastaturet */\n onKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;\n /** ID til element som beskriver ordet */\n ariaDescribedById: string;\n /** Valgfri test-id */\n testId?: string;\n}\n\nconst HelpTooltipWord = React.forwardRef<HTMLButtonElement, HelpTooltipWordProps>(\n ({ children, onClick, onFocus, onBlur, onKeyDown, testId, ariaDescribedById }, ref) => (\n <button\n className={styles.word}\n ref={ref}\n onClick={onClick}\n onMouseEnter={onFocus}\n onMouseLeave={onBlur}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n aria-describedby={ariaDescribedById}\n data-testid={testId}\n data-analyticsid={AnalyticsId.HelpTooltip}\n >\n {children}\n </button>\n )\n);\n\nHelpTooltipWord.displayName = 'TooltipWord';\n\nexport default HelpTooltipWord;\n"],"names":["React"],"mappings":";;;;AAuBA,MAAM,kBAAkBA,eAAM;AAAA,EAC5B,CAAC,EAAE,UAAU,SAAS,SAAS,QAAQ,WAAW,QAAQ,qBAAqB,QAC7E;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,oBAAkB,YAAY;AAAA,MAE7B;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,gBAAgB,cAAc;"}
package/LazyIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LazyIcon.js","sources":["../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 48 48\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={iconName}>\n <Suspense fallback={fallback}>\n <Icon svgIcon={icon} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIcon;\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"LazyIllustration.js","sources":["../src/components/LazyIllustration/LazyIllustration.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Illustration, { BaseIllustrationProps, SvgIllustration } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\nimport { IllustrationName, IllustrationSizeList } from '../Illustrations/IllustrationNames';\nimport ErrorBoundary from '../LazyIcon/ErrorBoundary';\n\nexport interface LazyIllustrationProps extends BaseIllustrationProps {\n // Navnet på illustrasjonen som skal vises. Tilsvarer filnavnet til illustrasjonen i Icons-mappen\n illustrationName: IllustrationName;\n}\n\nexport const lazyLoadIllustration = (illustrationName: IllustrationName, size: number): React.LazyExoticComponent<SvgIllustration> => {\n const sizes = IllustrationSizeList[illustrationName];\n const illustrationFileName = getIllustration({ size, ...sizes });\n\n return lazy<SvgIllustration>(() => import(`../Illustrations/${illustrationFileName}.tsx`));\n};\n\nexport const LazyIllustration: React.FC<LazyIllustrationProps> = ({ illustrationName, size = 512, ...rest }) => {\n const illustration = useMemo(() => lazyLoadIllustration(illustrationName, size), [illustrationName, size]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 512 512\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={illustrationName}>\n <Suspense fallback={fallback}>\n <Illustration illustration={illustration} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIllustration;\n"],"names":[],"mappings":";;;;;;;AAaa,MAAA,uBAAuB,CAAC,kBAAoC,SAA6D;AAC9H,QAAA,QAAQ,qBAAqB,gBAAgB;AACnD,QAAM,uBAAuB,gBAAgB,EAAE,MAAM,GAAG,OAAO;AAE/D,SAAO,KAAsB,MAAM,qCAAA,uBAAA,OAAA,EAAA,+BAAA,MAAA,OAAA,sCAAA,GAAA,qCAAA,MAAA,OAAA,4CAAA,GAAA,oCAAA,MAAA,OAAA,2CAAA,GAAA,qDAAA,MAAA,OAAA,4DAAA,GAAA,2DAAA,MAAA,OAAA,kEAAA,GAAA,4CAAA,MAAA,OAAA,mDAAA,GAAA,kDAAA,MAAA,OAAA,yDAAA,GAAA,iDAAA,MAAA,OAAA,wDAAA,GAAA,oCAAA,MAAA,OAAA,2CAAA,GAAA,0CAAA,MAAA,OAAA,iDAAA,GAAA,iCAAA,MAAA,OAAA,wCAAA,GAAA,uCAAA,MAAA,OAAA,8CAAA,EAAA,CAAA,GAAA,oBAAA,oBAAA,QAAA,CAAA,CAAsD;AAC3F;AAEa,MAAA,mBAAoD,CAAC,EAAE,kBAAkB,OAAO,KAAK,GAAG,WAAW;AACxG,QAAA,eAAe,QAAQ,MAAM,qBAAqB,kBAAkB,IAAI,GAAG,CAAC,kBAAkB,IAAI,CAAC;AACzG,QAAM,eAAe,gBAAgB;AAErC,MAAI,cAAc;AACT,WAAA;AAAA,EAAA;AAGT,QAAM,WACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,MAAM;AAAA,MACN,WAAW;AAAA,MACX,eAAa;AAAA,MACb,SAAQ;AAAA,MACR,OAAO,EAAE,UAAU,MAAM,WAAW,KAAK;AAAA,MACzC,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAGF,SACG,oBAAA,eAAA,EAAc,UAAoB,OAAO,kBACxC,UAAC,oBAAA,UAAA,EAAS,UACR,UAAA,oBAAC,gBAAa,cAA4B,MAAa,GAAG,KAAA,CAAM,EAClE,CAAA,GACF;AAEJ;"}
1
+ {"version":3,"file":"LazyIllustration.js","sources":["../src/components/LazyIllustration/LazyIllustration.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport { useIsServerSide } from '../../hooks/useIsServerSide';\nimport Illustration, { BaseIllustrationProps, SvgIllustration } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\nimport { IllustrationName, IllustrationSizeList } from '../Illustrations/IllustrationNames';\nimport ErrorBoundary from '../LazyIcon/ErrorBoundary';\n\nexport interface LazyIllustrationProps extends BaseIllustrationProps {\n // Navnet på illustrasjonen som skal vises. Tilsvarer filnavnet til illustrasjonen i Icons-mappen\n illustrationName: IllustrationName;\n}\n\nexport const lazyLoadIllustration = (illustrationName: IllustrationName, size: number): React.LazyExoticComponent<SvgIllustration> => {\n const sizes = IllustrationSizeList[illustrationName];\n const illustrationFileName = getIllustration({ size, ...sizes });\n\n return lazy<SvgIllustration>(() => import(`../Illustrations/${illustrationFileName}.tsx`));\n};\n\nexport const LazyIllustration: React.FC<LazyIllustrationProps> = ({ illustrationName, size = 512, ...rest }) => {\n const illustration = useMemo(() => lazyLoadIllustration(illustrationName, size), [illustrationName, size]);\n const isServerSide = useIsServerSide();\n\n if (isServerSide) {\n return null;\n }\n\n const fallback = (\n <svg\n data-testid={'fallback'}\n role={'presentation'}\n focusable={false}\n aria-hidden={true}\n viewBox=\"0 0 512 512\"\n style={{ minWidth: size, minHeight: size }}\n width={size}\n height={size}\n />\n );\n\n return (\n <ErrorBoundary fallback={fallback} reset={illustrationName}>\n <Suspense fallback={fallback}>\n <Illustration illustration={illustration} size={size} {...rest} />\n </Suspense>\n </ErrorBoundary>\n );\n};\n\nexport default LazyIllustration;\n"],"names":[],"mappings":";;;;;;;AAaa,MAAA,uBAAuB,CAAC,kBAAoC,SAA6D;AAC9H,QAAA,QAAQ,qBAAqB,gBAAgB;AACnD,QAAM,uBAAuB,gBAAgB,EAAE,MAAM,GAAG,OAAO;AAE/D,SAAO,KAAsB,MAAM,s1CAAA,oBAAA,oBAAA,QAAA,CAAA,CAAsD;AAC3F;AAEa,MAAA,mBAAoD,CAAC,EAAE,kBAAkB,OAAO,KAAK,GAAG,WAAW;AACxG,QAAA,eAAe,QAAQ,MAAM,qBAAqB,kBAAkB,IAAI,GAAG,CAAC,kBAAkB,IAAI,CAAC;AACzG,QAAM,eAAe,gBAAgB;AAErC,MAAI,cAAc;AACT,WAAA;AAAA,EAAA;AAGT,QAAM,WACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,MAAM;AAAA,MACN,WAAW;AAAA,MACX,eAAa;AAAA,MACb,SAAQ;AAAA,MACR,OAAO,EAAE,UAAU,MAAM,WAAW,KAAK;AAAA,MACzC,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV;AAGF,SACG,oBAAA,eAAA,EAAc,UAAoB,OAAO,kBACxC,UAAC,oBAAA,UAAA,EAAS,UACR,UAAA,oBAAC,gBAAa,cAA4B,MAAa,GAAG,KAAA,CAAM,EAClE,CAAA,GACF;AAEJ;"}
@@ -17,29 +17,29 @@ import ChevronUp from "./components/Icons/ChevronUp.js";
17
17
  import Pencil from "./components/Icons/Pencil.js";
18
18
  import Watch from "./components/Icons/Watch.js";
19
19
  import { T as Title } from "./Title.js";
20
- import panelStyles from "./components/Panel/styles.module.scss";
21
- var PanelStatus = /* @__PURE__ */ ((PanelStatus2) => {
22
- PanelStatus2["normal"] = "normal";
23
- PanelStatus2["new"] = "new";
24
- PanelStatus2["error"] = "error";
25
- PanelStatus2["draft"] = "draft";
26
- return PanelStatus2;
27
- })(PanelStatus || {});
28
- var PanelVariant = /* @__PURE__ */ ((PanelVariant2) => {
29
- PanelVariant2["fill"] = "fill";
30
- PanelVariant2["white"] = "white";
31
- PanelVariant2["stroke"] = "stroke";
32
- PanelVariant2["line"] = "line";
33
- return PanelVariant2;
34
- })(PanelVariant || {});
35
- var PanelLayout = /* @__PURE__ */ ((PanelLayout4) => {
36
- PanelLayout4["layout1"] = "layout1";
37
- PanelLayout4["layout2"] = "layout2";
38
- PanelLayout4["layout3a"] = "layout3a";
39
- PanelLayout4["layout3b"] = "layout3b";
40
- PanelLayout4["layout3c"] = "layout3c";
41
- return PanelLayout4;
42
- })(PanelLayout || {});
20
+ import panelStyles from "./components/PanelOld/styles.module.scss";
21
+ var PanelOldStatus = /* @__PURE__ */ ((PanelOldStatus2) => {
22
+ PanelOldStatus2["normal"] = "normal";
23
+ PanelOldStatus2["new"] = "new";
24
+ PanelOldStatus2["error"] = "error";
25
+ PanelOldStatus2["draft"] = "draft";
26
+ return PanelOldStatus2;
27
+ })(PanelOldStatus || {});
28
+ var PanelOldVariant = /* @__PURE__ */ ((PanelOldVariant2) => {
29
+ PanelOldVariant2["fill"] = "fill";
30
+ PanelOldVariant2["white"] = "white";
31
+ PanelOldVariant2["stroke"] = "stroke";
32
+ PanelOldVariant2["line"] = "line";
33
+ return PanelOldVariant2;
34
+ })(PanelOldVariant || {});
35
+ var PanelOldLayout = /* @__PURE__ */ ((PanelOldLayout2) => {
36
+ PanelOldLayout2["layout1"] = "layout1";
37
+ PanelOldLayout2["layout2"] = "layout2";
38
+ PanelOldLayout2["layout3a"] = "layout3a";
39
+ PanelOldLayout2["layout3b"] = "layout3b";
40
+ PanelOldLayout2["layout3c"] = "layout3c";
41
+ return PanelOldLayout2;
42
+ })(PanelOldLayout || {});
43
43
  const StatusText = ({ status, statusMessage }) => {
44
44
  const statusIcon = () => {
45
45
  if (status === "error") {
@@ -171,7 +171,7 @@ const PanelLayout3 = ({
171
171
  ] })
172
172
  ] });
173
173
  };
174
- const Panel = React__default.forwardRef(function PanelForwardedRef(props, ref) {
174
+ const PanelOld = React__default.forwardRef(function PanelForwardedRef(props, ref) {
175
175
  const {
176
176
  buttonAriaLabel,
177
177
  buttonAriaLabelledById,
@@ -304,7 +304,7 @@ const Panel = React__default.forwardRef(function PanelForwardedRef(props, ref) {
304
304
  ref,
305
305
  "data-testid": testId,
306
306
  className: panelWrapperClasses,
307
- "data-analyticsid": AnalyticsId.Panel,
307
+ "data-analyticsid": AnalyticsId.PanelOld,
308
308
  children: [
309
309
  /* @__PURE__ */ jsxs("div", { className: panelClasses, children: [
310
310
  layout1 && /* @__PURE__ */ jsx(PanelLayout1, { ...layoutProps }),
@@ -317,9 +317,9 @@ const Panel = React__default.forwardRef(function PanelForwardedRef(props, ref) {
317
317
  );
318
318
  });
319
319
  export {
320
- Panel as P,
321
- PanelStatus as a,
322
- PanelVariant as b,
323
- PanelLayout as c
320
+ PanelOld as P,
321
+ PanelOldStatus as a,
322
+ PanelOldVariant as b,
323
+ PanelOldLayout as c
324
324
  };
325
- //# sourceMappingURL=Panel.js.map
325
+ //# sourceMappingURL=PanelOld.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PanelOld.js","sources":["../src/components/PanelOld/PanelOld.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnchorTarget, AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useUuid } from '../../hooks/useUuid';\nimport { palette } from '../../theme/palette';\nimport { AriaLabelAttributes, getAriaLabelAttributes } from '../../utils/accessibility';\nimport Badge from '../Badge';\nimport Button, { ButtonProps, ButtonTags } from '../Button';\nimport Icon, { IconSize, SvgPathProps } from '../Icon';\nimport AlertSignFill from '../Icons/AlertSignFill';\nimport ArrowRight from '../Icons/ArrowRight';\nimport Calendar from '../Icons/Calendar';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport Pencil from '../Icons/Pencil';\nimport Watch from '../Icons/Watch';\nimport Title, { TitleTags } from '../Title';\n\nimport panelStyles from './styles.module.scss';\n\nexport enum PanelOldStatus {\n normal = 'normal',\n new = 'new',\n error = 'error',\n draft = 'draft',\n}\n\nexport enum PanelOldVariant {\n fill = 'fill',\n white = 'white',\n stroke = 'stroke',\n line = 'line',\n}\n\nexport enum PanelOldLayout {\n layout1 = 'layout1',\n layout2 = 'layout2',\n layout3a = 'layout3a',\n layout3b = 'layout3b',\n layout3c = 'layout3c',\n}\n\nexport interface PanelOldProps {\n /** Adds custom classes to the element. */\n className?: string;\n /** Panel section A content */\n contentA?: React.ReactNode | string;\n /** Panel section B content */\n contentB?: React.ReactNode | string;\n /** Content for a container that renders above A and B regardless of layout */\n contentHeader?: React.ReactNode;\n /** Container acts as a button, clicking anywhere triggers a panel button click */\n containerAsButton?: boolean;\n /** Panel children */\n children?: React.ReactNode;\n /** Displays date with icon */\n date?: string;\n /** Expands or collapses the panel */\n expanded?: boolean;\n /** Whether the panel can be focused */\n focusable?: boolean;\n /** Icon displayed in title */\n icon?: React.ReactNode;\n /** Panel button text */\n buttonText?: string;\n /** Panel button close text */\n buttonTextClose?: string;\n /** HTML markup for panel button. Default: a */\n buttonHtmlMarkup?: ButtonTags;\n /** Callback when the panel button is clicked */\n buttonOnClick?: ButtonProps['onClick'];\n /** Panel button is aria-labelledby the text in the button itself + the element set in buttonAriaLabelledById. Default: auto-generated id for title (if title is set). */\n buttonAriaLabelledById?: string;\n /** Panel button aria label */\n buttonAriaLabel?: string;\n /** Layout of the panel */\n layout?: keyof typeof PanelOldLayout;\n /** Removes top border when variant is \"line\" */\n noTopBorder?: boolean;\n /** Called when the panel is opened/closed */\n onExpand?: (isExpanded: boolean) => void;\n /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n renderChildrenWhenClosed?: boolean;\n /** Displays a status on the left side: default normal */\n status?: keyof typeof PanelOldStatus;\n /** Displayed on top of the panel with a status icon */\n statusMessage?: string;\n /** Sets the data-testid attribute for testing purposes */\n testId?: string;\n /** Displays time with icon */\n time?: string;\n /** Title of the panel */\n title?: string;\n /** Changes the underlying element of the title. Default: h2 */\n titleHtmlMarkup?: TitleTags;\n /** Changes the visual representation of the panel */\n variant?: keyof typeof PanelOldVariant;\n /** URL to details, renders as a button with anchor tag */\n url?: string;\n /** target used in the button: default is _self */\n target?: AnchorTarget;\n}\n\nexport interface LayoutProps\n extends Pick<PanelOldProps, 'contentA' | 'contentB' | 'contentHeader' | 'icon' | 'layout' | 'status' | 'statusMessage'> {\n ctaContainer?: React.ReactNode;\n titleElement: React.ReactNode;\n}\n\nconst StatusText: React.FC<{ status?: keyof typeof PanelOldStatus; statusMessage?: string }> = ({ status, statusMessage }) => {\n const statusIcon = (): { color: string; svgIcon: React.FC<SvgPathProps> } => {\n if (status === PanelOldStatus.error) {\n return { color: palette.cherry500, svgIcon: AlertSignFill };\n }\n\n return { color: palette.black, svgIcon: Pencil };\n };\n\n const statusMessageClass = classNames(panelStyles['status-message'], {\n [panelStyles['status-message--new']]: status === PanelOldStatus.new,\n });\n\n if ((status === PanelOldStatus.error || status === PanelOldStatus.draft) && statusMessage) {\n return (\n <div className={statusMessageClass} data-testid=\"display-status\">\n {<Icon {...statusIcon()} size={IconSize.XSmall} />} <span>{statusMessage}</span>\n </div>\n );\n }\n\n return null;\n};\n\nconst PreContainer: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n if (typeof children === 'undefined') return null;\n return <div className={panelStyles['header-container']}>{children}</div>;\n};\n\nconst DateTime: React.FC<{ date?: string; time?: string }> = ({ date, time }) => {\n if (date || time) {\n return (\n <div className={panelStyles['datetime-container']} data-testid=\"datetime\">\n {date && (\n <div className={panelStyles['datetime-container__icon']}>\n <Icon svgIcon={Calendar} size={IconSize.XSmall} />\n <span>{date}</span>\n </div>\n )}\n {time && (\n <div className={panelStyles['datetime-container__icon']}>\n <Icon svgIcon={Watch} size={IconSize.XSmall} />\n <span>{time}</span>\n </div>\n )}\n </div>\n );\n }\n\n return null;\n};\n\nconst PanelLayout1: React.FC<LayoutProps> = ({\n contentA,\n contentB,\n contentHeader,\n ctaContainer,\n icon,\n status,\n statusMessage,\n titleElement,\n}) => {\n const panelLayoutClasses = classNames(panelStyles['panel__layout-1'], {\n [panelStyles['panel__layout-1--with-icon']]: icon,\n });\n const iconClasses = classNames(panelStyles.panel__icon, panelStyles['panel__icon--layout-1'], {\n [panelStyles['panel__icon--no-content']]: !contentA && !contentB,\n });\n\n return (\n <div className={panelLayoutClasses}>\n <StatusText status={status} statusMessage={statusMessage} />\n <PreContainer>{contentHeader}</PreContainer>\n {icon && <div className={iconClasses}>{icon}</div>}\n <div className={panelStyles['panel__layout-1__content-a']}>\n {titleElement}\n {contentA}\n </div>\n {contentB && <div>{contentB}</div>}\n {ctaContainer}\n </div>\n );\n};\n\nconst PanelLayout2: React.FC<LayoutProps> = ({\n contentA,\n contentB,\n contentHeader,\n ctaContainer,\n icon,\n status,\n statusMessage,\n titleElement,\n}) => {\n const panelLayoutClasses = classNames(panelStyles['panel__layout-2'], {\n [panelStyles['panel__layout-2--with-icon']]: icon,\n });\n const iconClasses = classNames(panelStyles.panel__icon, panelStyles['panel__icon--layout-2'], {\n [panelStyles['panel__icon--no-content']]: !contentA && !contentB,\n });\n const lastColumnClass = panelStyles['panel__layout-2__last-column'];\n\n return (\n <div className={panelLayoutClasses}>\n <StatusText status={status} statusMessage={statusMessage} />\n <PreContainer>{contentHeader}</PreContainer>\n {icon && <div className={iconClasses}>{icon}</div>}\n <div className={panelStyles['panel__layout-2__content-a']}>\n {titleElement}\n {contentA}\n </div>\n {contentB && <div className={lastColumnClass}>{contentB}</div>}\n {ctaContainer && <div className={lastColumnClass}>{ctaContainer}</div>}\n </div>\n );\n};\n\nconst PanelLayout3: React.FC<LayoutProps> = ({\n contentA,\n contentB,\n contentHeader,\n ctaContainer,\n icon,\n layout,\n status,\n statusMessage,\n titleElement,\n}) => {\n const layoutClasses = classNames(panelStyles['panel__layout-3'], {\n [panelStyles['panel__layout-3--with-icon']]: icon,\n [panelStyles['panel__layout-3--a']]: layout === PanelOldLayout.layout3a,\n [panelStyles['panel__layout-3--b']]: layout === PanelOldLayout.layout3b,\n [panelStyles['panel__layout-3--c']]: layout === PanelOldLayout.layout3c,\n });\n const iconClasses = classNames(panelStyles.panel__icon, panelStyles['panel__icon--layout-3'], {\n [panelStyles['panel__icon--no-content']]: !contentA && !contentB,\n });\n\n return (\n <div className={layoutClasses}>\n <StatusText status={status} statusMessage={statusMessage} />\n <PreContainer>{contentHeader}</PreContainer>\n {icon && <div className={iconClasses}>{icon}</div>}\n <div>\n {titleElement}\n {contentA}\n </div>\n <div className={panelStyles['panel__layout-3__last-column']}>\n {contentB && <div className={panelStyles['panel__layout-3__last-column__content-b']}>{contentB}</div>}\n {ctaContainer}\n </div>\n </div>\n );\n};\n\nconst PanelOld = React.forwardRef(function PanelForwardedRef(props: PanelOldProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n const {\n buttonAriaLabel,\n buttonAriaLabelledById,\n buttonText = 'Se detaljer',\n buttonTextClose = 'Skjul detaljer',\n buttonHtmlMarkup = 'a',\n buttonOnClick,\n children,\n className,\n containerAsButton = false,\n contentA,\n contentB,\n contentHeader,\n date,\n expanded = false,\n focusable = false,\n icon,\n layout = PanelOldLayout.layout2,\n noTopBorder,\n onExpand,\n renderChildrenWhenClosed = false,\n status = PanelOldStatus.normal,\n statusMessage,\n target = '_self',\n testId,\n time,\n title,\n titleHtmlMarkup = 'h2',\n url,\n variant = PanelOldVariant.fill,\n } = props;\n\n const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n const titleId = useUuid();\n const buttonTextId = useUuid();\n const hasBadge = statusMessage && status === PanelOldStatus.new;\n const noContentB = typeof contentB === 'undefined';\n const layout1 = layout === 'layout1' || noContentB;\n const layout2 = !noContentB && layout === 'layout2';\n const layout3 = !noContentB && (layout === 'layout3a' || layout === 'layout3b' || layout === 'layout3c');\n const panelWrapperClasses = classNames(panelStyles['panel-wrapper'], className);\n\n const panelClasses = classNames(panelStyles.panel, {\n [panelStyles['panel--fill']]: variant === PanelOldVariant.fill,\n [panelStyles['panel--stroke']]: variant === PanelOldVariant.stroke,\n [panelStyles['panel--white']]: variant === PanelOldVariant.white,\n [panelStyles['panel--line']]: variant === PanelOldVariant.line,\n [panelStyles['panel--no-top-border']]: variant === PanelOldVariant.line && noTopBorder,\n [panelStyles['panel--selected']]: isExpanded,\n [panelStyles['panel--new']]: status === PanelOldStatus.new,\n [panelStyles['panel--draft']]: status === PanelOldStatus.draft,\n [panelStyles['panel--error']]: status === PanelOldStatus.error,\n [panelStyles['panel--status']]: status && status !== PanelOldStatus.normal,\n [panelStyles['panel--with-icon']]: icon,\n [panelStyles['panel--button']]: containerAsButton,\n [panelStyles['panel--clickable']]: children || url || onExpand || buttonOnClick || containerAsButton,\n });\n\n const renderCTAContainer = () => {\n const hasButton = children || url || buttonOnClick;\n const btnContainerClasses = classNames(panelStyles['panel__btn-container'], {\n [panelStyles['panel__btn-container--no-content-b']]: noContentB,\n [panelStyles['panel__btn-container--no-button']]: !hasButton,\n });\n\n return (\n (hasButton || date || time) && (\n <div className={btnContainerClasses}>\n {<DateTime date={date} time={time} />}\n {hasButton && <div className={panelStyles['panel__details-btn']}>{renderDetailsButton()}</div>}\n </div>\n )\n );\n };\n\n const renderDetailsButton = (): React.ReactNode => {\n const ariaLabelAttributes = getAriaLabelAttributes({\n label: buttonAriaLabel,\n id: (buttonAriaLabelledById && `${buttonTextId} ${buttonAriaLabelledById}`) || (title && titleId && `${buttonTextId} ${titleId}`),\n prefer: 'label',\n });\n\n const commonProps: Partial<ButtonProps> & AriaLabelAttributes = {\n onClick: buttonOnClick ? buttonOnClick : (): void => setIsExpanded(!isExpanded),\n className: containerAsButton ? panelStyles['panel__expand'] : undefined,\n variant: 'borderless',\n ellipsis: true,\n ...ariaLabelAttributes,\n };\n\n if (children) {\n return (\n <Button testId=\"expand\" aria-expanded={isExpanded} {...commonProps}>\n <span id={buttonTextId}>{isExpanded ? buttonTextClose : buttonText}</span>\n <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} />\n </Button>\n );\n }\n\n return (\n <Button testId=\"url\" htmlMarkup={buttonHtmlMarkup} href={url} target={target} {...commonProps}>\n <span id={buttonTextId}>{buttonText}</span>\n <Icon svgIcon={ArrowRight} />\n </Button>\n );\n };\n\n const renderContent = (): React.ReactNode | null => {\n if (!children || (!renderChildrenWhenClosed && !isExpanded)) {\n return null;\n }\n\n const panelDetailsClasses = classNames(panelStyles['panel-details'], {\n [panelStyles['panel-details--open']]: isExpanded,\n [panelStyles['panel-details--line']]: variant === PanelOldVariant.line,\n [panelStyles['panel-details--white']]: variant === PanelOldVariant.white,\n });\n\n return (\n <div className={panelDetailsClasses} data-testid=\"panel-details\">\n <div>{children}</div>\n </div>\n );\n };\n\n const renderTitle = () => {\n const titleContainerClasses = classNames(panelStyles['title-container'], {\n [panelStyles['title-container--no-content-a']]: !contentA,\n });\n const titleClasses = classNames(panelStyles['title-container__title'], {\n [panelStyles['title-container__title--badge']]: hasBadge,\n });\n\n return (\n title && (\n <div className={titleContainerClasses}>\n <Title appearance=\"title3\" htmlMarkup={titleHtmlMarkup} id={titleId} className={titleClasses}>\n {title}\n </Title>\n {hasBadge && (\n <div className={panelStyles.panel__badge}>\n <Badge color=\"blueberry\" testId=\"badge-status\">\n {statusMessage}\n </Badge>\n </div>\n )}\n </div>\n )\n );\n };\n\n const layoutProps: LayoutProps = {\n contentA: contentA,\n contentB: contentB,\n contentHeader: contentHeader,\n ctaContainer: renderCTAContainer(),\n icon: icon,\n status: status,\n statusMessage: statusMessage,\n titleElement: renderTitle(),\n };\n\n return (\n <div\n // eslint-disable-next-line no-constant-condition\n tabIndex={focusable ? -1 : undefined}\n ref={ref}\n data-testid={testId}\n className={panelWrapperClasses}\n data-analyticsid={AnalyticsId.PanelOld}\n >\n <div className={panelClasses}>\n {layout1 && <PanelLayout1 {...layoutProps} />}\n {layout2 && <PanelLayout2 {...layoutProps} />}\n {layout3 && <PanelLayout3 {...layoutProps} layout={layout} />}\n </div>\n {renderContent()}\n </div>\n );\n});\n\nexport default PanelOld;\n"],"names":["PanelOldStatus","PanelOldVariant","PanelOldLayout","React"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ @use '../../scss/spacers' as spacers;
2
+
3
+ html .error-wrapper-class--with-bottom-margin {
4
+ padding-bottom: spacers.getSpacer(m);
5
+ border: 2px dashed black;
6
+ }
7
+
8
+ .error-wrapper-class {
9
+ border: 2px dashed black;
10
+ }
@@ -0,0 +1,10 @@
1
+ export type Styles = {
2
+ 'error-wrapper-class': string;
3
+ 'error-wrapper-class--with-bottom-margin': string;
4
+ };
5
+
6
+ export type ClassNames = keyof Styles;
7
+
8
+ declare const styles: Styles;
9
+
10
+ export default styles;
@@ -0,0 +1,19 @@
1
+ import { default as React } from 'react';
2
+ export interface HelpTooltipProps {
3
+ /** Ordet som skal ha en tilhørende tooltip */
4
+ children: string;
5
+ /** Teksten som skal vises i boblen som åpnes */
6
+ description: React.ReactNode;
7
+ /** Valgfri test-id */
8
+ testId?: string;
9
+ }
10
+ export declare const HelpTooltip: React.FC<HelpTooltipProps>;
11
+ export type HelpTooltipContext = {
12
+ currentHelpTooltip?: string;
13
+ setCurrentHelpTooltip?: (id?: string) => void;
14
+ };
15
+ interface HelpTooltipOpenProviderProps {
16
+ children?: React.ReactNode;
17
+ }
18
+ export declare const HelpTooltipOpenProvider: React.FC<HelpTooltipOpenProviderProps>;
19
+ export default HelpTooltip;
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- export interface TooltipWordProps {
2
+ export interface HelpTooltipWordProps {
3
3
  /** Ordet som skal ha en tilhørende tooltip */
4
4
  children: string;
5
5
  /** Callback når ordet klikkes på */
@@ -15,5 +15,5 @@ export interface TooltipWordProps {
15
15
  /** Valgfri test-id */
16
16
  testId?: string;
17
17
  }
18
- declare const TooltipWord: React.ForwardRefExoticComponent<TooltipWordProps & React.RefAttributes<HTMLButtonElement>>;
19
- export default TooltipWord;
18
+ declare const HelpTooltipWord: React.ForwardRefExoticComponent<HelpTooltipWordProps & React.RefAttributes<HTMLButtonElement>>;
19
+ export default HelpTooltipWord;
@@ -0,0 +1,3 @@
1
+ import { default as HelpTooltipWord } from './HelpTooltipWord';
2
+ export * from './HelpTooltipWord';
3
+ export default HelpTooltipWord;
@@ -0,0 +1,5 @@
1
+ import { H as HelpTooltipWord } from "../../../HelpTooltipWord.js";
2
+ export {
3
+ HelpTooltipWord as default
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,3 @@
1
+ import { default as HelpTooltip } from './HelpTooltip';
2
+ export * from './HelpTooltip';
3
+ export default HelpTooltip;
@@ -1,33 +1,33 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import React__default, { useRef, useContext, useEffect, useState } from "react";
3
- import { T as TooltipWord } from "../../TooltipWord.js";
3
+ import { H as HelpTooltipWord } from "../../HelpTooltipWord.js";
4
4
  import { useDelayedState } from "../../hooks/useDelayedState.js";
5
5
  import { useUuid } from "../../hooks/useUuid.js";
6
6
  import { H as HelpBubble } from "../../HelpBubble.js";
7
7
  const HOVER_DELAY_MS = 200;
8
- const Tooltip = ({ children, description, testId }) => {
8
+ const HelpTooltip = ({ children, description, testId }) => {
9
9
  const helpBubbleId = useUuid();
10
10
  const wordRef = useRef(null);
11
- const { currentTooltip, setCurrentTooltip } = useContext(TooltipOpenContext);
11
+ const { currentHelpTooltip, setCurrentHelpTooltip } = useContext(HelpTooltipOpenContext);
12
12
  const [{ showTooltip, keepOpen }, setShowTooltipDelayed, setShowTooltip] = useDelayedState(
13
13
  { showTooltip: false, keepOpen: false },
14
14
  HOVER_DELAY_MS
15
15
  );
16
16
  useEffect(() => {
17
- if (!setCurrentTooltip) {
17
+ if (!setCurrentHelpTooltip) {
18
18
  return;
19
19
  }
20
20
  if (showTooltip) {
21
- setCurrentTooltip(helpBubbleId);
21
+ setCurrentHelpTooltip(helpBubbleId);
22
22
  } else {
23
- setCurrentTooltip(void 0);
23
+ setCurrentHelpTooltip(void 0);
24
24
  }
25
25
  }, [showTooltip]);
26
26
  useEffect(() => {
27
- if (currentTooltip !== helpBubbleId && typeof currentTooltip !== "undefined") {
27
+ if (currentHelpTooltip !== helpBubbleId && typeof currentHelpTooltip !== "undefined") {
28
28
  setShowTooltip((prevState) => ({ showTooltip: false, keepOpen: prevState.keepOpen }));
29
29
  }
30
- }, [currentTooltip]);
30
+ }, [currentHelpTooltip]);
31
31
  const handleDocumentClick = () => {
32
32
  if (!showTooltip) {
33
33
  setShowTooltip({ showTooltip: false, keepOpen: false });
@@ -43,7 +43,7 @@ const Tooltip = ({ children, description, testId }) => {
43
43
  setShowTooltip((prevState) => ({ showTooltip: !prevState.showTooltip, keepOpen: !prevState.keepOpen }));
44
44
  };
45
45
  const handleFocus = () => {
46
- if (!currentTooltip) {
46
+ if (!currentHelpTooltip) {
47
47
  setShowTooltipDelayed((prevState) => ({ showTooltip: true, keepOpen: prevState.keepOpen }));
48
48
  }
49
49
  };
@@ -60,7 +60,7 @@ const Tooltip = ({ children, description, testId }) => {
60
60
  };
61
61
  return /* @__PURE__ */ jsxs(Fragment, { children: [
62
62
  /* @__PURE__ */ jsx(
63
- TooltipWord,
63
+ HelpTooltipWord,
64
64
  {
65
65
  ref: wordRef,
66
66
  onClick: handleTooltipClick,
@@ -75,16 +75,16 @@ const Tooltip = ({ children, description, testId }) => {
75
75
  /* @__PURE__ */ jsx(HelpBubble, { helpBubbleId, controllerRef: wordRef, role: "tooltip", showBubble: showTooltip || keepOpen, children: description })
76
76
  ] });
77
77
  };
78
- const TooltipOpenContext = React__default.createContext({
79
- currentTooltip: void 0
78
+ const HelpTooltipOpenContext = React__default.createContext({
79
+ currentHelpTooltip: void 0
80
80
  });
81
- const TooltipOpenProvider = ({ children }) => {
82
- const [currentTooltip, setCurrentTooltip] = useState();
83
- return /* @__PURE__ */ jsx(TooltipOpenContext.Provider, { value: { currentTooltip, setCurrentTooltip }, children });
81
+ const HelpTooltipOpenProvider = ({ children }) => {
82
+ const [currentHelpTooltip, setCurrentHelpTooltip] = useState();
83
+ return /* @__PURE__ */ jsx(HelpTooltipOpenContext.Provider, { value: { currentHelpTooltip, setCurrentHelpTooltip }, children });
84
84
  };
85
85
  export {
86
- Tooltip,
87
- TooltipOpenProvider,
88
- Tooltip as default
86
+ HelpTooltip,
87
+ HelpTooltipOpenProvider,
88
+ HelpTooltip as default
89
89
  };
90
90
  //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/HelpTooltip/HelpTooltip.tsx"],"sourcesContent":["import React, { useContext, useState, useEffect, useRef } from 'react';\n\nimport HelpTooltipWord from './HelpTooltipWord';\nimport { useDelayedState } from '../../hooks/useDelayedState';\nimport { useUuid } from '../../hooks/useUuid';\nimport HelpBubble from '../HelpBubble';\n\nconst HOVER_DELAY_MS = 200;\n\nexport interface HelpTooltipProps {\n /** Ordet som skal ha en tilhørende tooltip */\n children: string;\n /** Teksten som skal vises i boblen som åpnes */\n description: React.ReactNode;\n /** Valgfri test-id */\n testId?: string;\n}\n\nexport const HelpTooltip: React.FC<HelpTooltipProps> = ({ children, description, testId }) => {\n const helpBubbleId = useUuid();\n const wordRef = useRef<HTMLButtonElement>(null);\n const { currentHelpTooltip, setCurrentHelpTooltip } = useContext(HelpTooltipOpenContext);\n const [{ showTooltip, keepOpen }, setShowTooltipDelayed, setShowTooltip] = useDelayedState(\n { showTooltip: false, keepOpen: false },\n HOVER_DELAY_MS\n );\n\n useEffect(() => {\n if (!setCurrentHelpTooltip) {\n return;\n }\n if (showTooltip) {\n setCurrentHelpTooltip(helpBubbleId);\n } else {\n setCurrentHelpTooltip(undefined);\n }\n }, [showTooltip]);\n\n useEffect(() => {\n if (currentHelpTooltip !== helpBubbleId && typeof currentHelpTooltip !== 'undefined') {\n setShowTooltip(prevState => ({ showTooltip: false, keepOpen: prevState.keepOpen }));\n }\n }, [currentHelpTooltip]);\n\n const handleDocumentClick = (): void => {\n if (!showTooltip) {\n setShowTooltip({ showTooltip: false, keepOpen: false });\n }\n };\n\n useEffect(() => {\n document.addEventListener('mouseup', handleDocumentClick);\n return (): void => {\n document.removeEventListener('mouseup', handleDocumentClick);\n };\n }, []);\n\n const handleTooltipClick = (): void => {\n setShowTooltip(prevState => ({ showTooltip: !prevState.showTooltip, keepOpen: !prevState.keepOpen }));\n };\n\n const handleFocus = (): void => {\n if (!currentHelpTooltip) {\n setShowTooltipDelayed(prevState => ({ showTooltip: true, keepOpen: prevState.keepOpen }));\n }\n };\n\n const handleBlur = (): void => {\n setShowTooltip(prevState => ({ showTooltip: false, keepOpen: prevState.keepOpen }));\n };\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>): void => {\n if (e.key === 'Enter') {\n setShowTooltip(prevState => ({ showTooltip: !prevState.showTooltip, keepOpen: !prevState.keepOpen }));\n }\n if (e.key === 'Escape') {\n setShowTooltip({ showTooltip: false, keepOpen: false });\n }\n };\n\n return (\n <>\n <HelpTooltipWord\n ref={wordRef}\n onClick={handleTooltipClick}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n ariaDescribedById={helpBubbleId}\n testId={testId}\n >\n {children}\n </HelpTooltipWord>\n <HelpBubble helpBubbleId={helpBubbleId} controllerRef={wordRef} role=\"tooltip\" showBubble={showTooltip || keepOpen}>\n {description}\n </HelpBubble>\n </>\n );\n};\n\nexport type HelpTooltipContext = {\n currentHelpTooltip?: string;\n setCurrentHelpTooltip?: (id?: string) => void;\n};\n\nconst HelpTooltipOpenContext = React.createContext<HelpTooltipContext>({\n currentHelpTooltip: undefined,\n});\n\ninterface HelpTooltipOpenProviderProps {\n children?: React.ReactNode;\n}\n\nexport const HelpTooltipOpenProvider: React.FC<HelpTooltipOpenProviderProps> = ({ children }) => {\n const [currentHelpTooltip, setCurrentHelpTooltip] = useState<string>();\n\n return (\n <HelpTooltipOpenContext.Provider value={{ currentHelpTooltip, setCurrentHelpTooltip }}>{children}</HelpTooltipOpenContext.Provider>\n );\n};\n\nexport default HelpTooltip;\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,iBAAiB;AAWhB,MAAM,cAA0C,CAAC,EAAE,UAAU,aAAa,aAAa;AAC5F,QAAM,eAAe,QAAQ;AACvB,QAAA,UAAU,OAA0B,IAAI;AAC9C,QAAM,EAAE,oBAAoB,0BAA0B,WAAW,sBAAsB;AACvF,QAAM,CAAC,EAAE,aAAa,SAAY,GAAA,uBAAuB,cAAc,IAAI;AAAA,IACzE,EAAE,aAAa,OAAO,UAAU,MAAM;AAAA,IACtC;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,uBAAuB;AAC1B;AAAA,IAAA;AAEF,QAAI,aAAa;AACf,4BAAsB,YAAY;AAAA,IAAA,OAC7B;AACL,4BAAsB,MAAS;AAAA,IAAA;AAAA,EACjC,GACC,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,uBAAuB,gBAAgB,OAAO,uBAAuB,aAAa;AACpF,qBAAe,gBAAc,EAAE,aAAa,OAAO,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EACpF,GACC,CAAC,kBAAkB,CAAC;AAEvB,QAAM,sBAAsB,MAAY;AACtC,QAAI,CAAC,aAAa;AAChB,qBAAe,EAAE,aAAa,OAAO,UAAU,OAAO;AAAA,IAAA;AAAA,EAE1D;AAEA,YAAU,MAAM;AACL,aAAA,iBAAiB,WAAW,mBAAmB;AACxD,WAAO,MAAY;AACR,eAAA,oBAAoB,WAAW,mBAAmB;AAAA,IAC7D;AAAA,EACF,GAAG,EAAE;AAEL,QAAM,qBAAqB,MAAY;AACtB,mBAAA,CAAA,eAAc,EAAE,aAAa,CAAC,UAAU,aAAa,UAAU,CAAC,UAAU,SAAW,EAAA;AAAA,EACtG;AAEA,QAAM,cAAc,MAAY;AAC9B,QAAI,CAAC,oBAAoB;AACvB,4BAAsB,gBAAc,EAAE,aAAa,MAAM,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EAE5F;AAEA,QAAM,aAAa,MAAY;AAC7B,mBAAe,gBAAc,EAAE,aAAa,OAAO,UAAU,UAAU,WAAW;AAAA,EACpF;AAEM,QAAA,gBAAgB,CAAC,MAAkD;AACnE,QAAA,EAAE,QAAQ,SAAS;AACN,qBAAA,CAAA,eAAc,EAAE,aAAa,CAAC,UAAU,aAAa,UAAU,CAAC,UAAU,SAAW,EAAA;AAAA,IAAA;AAElG,QAAA,EAAE,QAAQ,UAAU;AACtB,qBAAe,EAAE,aAAa,OAAO,UAAU,OAAO;AAAA,IAAA;AAAA,EAE1D;AAEA,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,mBAAmB;AAAA,QACnB;AAAA,QAEC;AAAA,MAAA;AAAA,IACH;AAAA,IACA,oBAAC,YAAW,EAAA,cAA4B,eAAe,SAAS,MAAK,WAAU,YAAY,eAAe,UACvG,UACH,YAAA,CAAA;AAAA,EAAA,GACF;AAEJ;AAOA,MAAM,yBAAyBA,eAAM,cAAkC;AAAA,EACrE,oBAAoB;AACtB,CAAC;AAMM,MAAM,0BAAkE,CAAC,EAAE,eAAe;AAC/F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAiB;AAGnE,SAAA,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,oBAAoB,yBAA0B,UAAS;AAErG;"}
@@ -0,0 +1,3 @@
1
+ .size-format {
2
+ font-weight: bold;
3
+ }
@@ -0,0 +1,9 @@
1
+ export type Styles = {
2
+ 'size-format': string;
3
+ };
4
+
5
+ export type ClassNames = keyof Styles;
6
+
7
+ declare const styles: Styles;
8
+
9
+ export default styles;
@@ -1,10 +1,10 @@
1
1
  import { default as React } from 'react';
2
- import { PanelVariant } from '../Panel';
2
+ import { PanelOldVariant } from '../PanelOld';
3
3
  export interface PanelListProps {
4
4
  /** Panels to render inside the PanelList */
5
5
  children?: React.ReactNode;
6
6
  /** Changes the visual representation of the panel. Default: fill */
7
- variant?: keyof typeof PanelVariant;
7
+ variant?: keyof typeof PanelOldVariant;
8
8
  /** Sets the data-testid attribute. */
9
9
  testId?: string;
10
10
  }
@@ -2,15 +2,15 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import classNames from "classnames";
4
4
  import { AnalyticsId } from "../../constants.js";
5
- import { b as PanelVariant, P as Panel } from "../../Panel.js";
5
+ import { b as PanelOldVariant, P as PanelOld } from "../../PanelOld.js";
6
6
  import styles from "./styles.module.scss";
7
- const isPanelComponent = (element) => React__default.isValidElement(element) && element.type === Panel;
7
+ const isPanelComponent = (element) => React__default.isValidElement(element) && element.type === PanelOld;
8
8
  const PanelList = React__default.forwardRef(function BadgeForwardedRef(props, ref) {
9
- const { testId, children, variant = PanelVariant.fill } = props;
9
+ const { testId, children, variant = PanelOldVariant.fill } = props;
10
10
  const renderPanel = (panel, firstChild) => React__default.cloneElement(panel, {
11
11
  variant,
12
- noTopBorder: variant === PanelVariant.line && !firstChild,
13
- className: classNames(panel.props.className, variant !== PanelVariant.line && styles["panel-list__panel"])
12
+ noTopBorder: variant === PanelOldVariant.line && !firstChild,
13
+ className: classNames(panel.props.className, variant !== PanelOldVariant.line && styles["panel-list__panel"])
14
14
  });
15
15
  return /* @__PURE__ */ jsx("div", { ref, "data-testid": testId, "data-analyticsid": AnalyticsId.PanelList, children: React__default.Children.map(children, (child, index) => isPanelComponent(child) ? renderPanel(child, index === 0) : child) });
16
16
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/PanelList/PanelList.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Panel, { PanelProps, PanelVariant } from '../Panel';\n\nimport styles from './styles.module.scss';\n\nexport interface PanelListProps {\n /** Panels to render inside the PanelList */\n children?: React.ReactNode;\n /** Changes the visual representation of the panel. Default: fill */\n variant?: keyof typeof PanelVariant;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst isPanelComponent = (element: {} | null | undefined): element is React.ReactElement<PanelProps> =>\n React.isValidElement<PanelProps>(element) && (element as React.ReactElement).type === Panel;\n\nconst PanelList = React.forwardRef(function BadgeForwardedRef(props: PanelListProps, ref: React.ForwardedRef<HTMLDivElement>) {\n const { testId, children, variant = PanelVariant.fill } = props;\n\n const renderPanel = (panel: React.ReactElement<PanelProps>, firstChild: boolean) =>\n React.cloneElement(panel, {\n variant: variant,\n noTopBorder: variant === PanelVariant.line && !firstChild,\n className: classNames(panel.props.className, variant !== PanelVariant.line && styles['panel-list__panel']),\n });\n\n return (\n <div ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.PanelList}>\n {React.Children.map(children, (child, index) => (isPanelComponent(child) ? renderPanel(child, index === 0) : child))}\n </div>\n );\n});\n\nexport default PanelList;\n"],"names":["React"],"mappings":";;;;;;AAkBA,MAAM,mBAAmB,CAAC,YACxBA,eAAM,eAA2B,OAAO,KAAM,QAA+B,SAAS;AAExF,MAAM,YAAYA,eAAM,WAAW,SAAS,kBAAkB,OAAuB,KAAyC;AAC5H,QAAM,EAAE,QAAQ,UAAU,UAAU,aAAa,SAAS;AAE1D,QAAM,cAAc,CAAC,OAAuC,eAC1DA,eAAM,aAAa,OAAO;AAAA,IACxB;AAAA,IACA,aAAa,YAAY,aAAa,QAAQ,CAAC;AAAA,IAC/C,WAAW,WAAW,MAAM,MAAM,WAAW,YAAY,aAAa,QAAQ,OAAO,mBAAmB,CAAC;AAAA,EAAA,CAC1G;AAGD,SAAA,oBAAC,OAAI,EAAA,KAAU,eAAa,QAAQ,oBAAkB,YAAY,WAC/D,UAAMA,eAAA,SAAS,IAAI,UAAU,CAAC,OAAO,UAAW,iBAAiB,KAAK,IAAI,YAAY,OAAO,UAAU,CAAC,IAAI,KAAM,EACrH,CAAA;AAEJ,CAAC;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/PanelList/PanelList.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport PanelOld, { PanelOldProps, PanelOldVariant } from '../PanelOld';\n\nimport styles from './styles.module.scss';\n\nexport interface PanelListProps {\n /** Panels to render inside the PanelList */\n children?: React.ReactNode;\n /** Changes the visual representation of the panel. Default: fill */\n variant?: keyof typeof PanelOldVariant;\n /** Sets the data-testid attribute. */\n testId?: string;\n}\n\nconst isPanelComponent = (element: {} | null | undefined): element is React.ReactElement<PanelOldProps> =>\n React.isValidElement<PanelOldProps>(element) && (element as React.ReactElement).type === PanelOld;\n\nconst PanelList = React.forwardRef(function BadgeForwardedRef(props: PanelListProps, ref: React.ForwardedRef<HTMLDivElement>) {\n const { testId, children, variant = PanelOldVariant.fill } = props;\n\n const renderPanel = (panel: React.ReactElement<PanelOldProps>, firstChild: boolean) =>\n React.cloneElement(panel, {\n variant: variant,\n noTopBorder: variant === PanelOldVariant.line && !firstChild,\n className: classNames(panel.props.className, variant !== PanelOldVariant.line && styles['panel-list__panel']),\n });\n\n return (\n <div ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.PanelList}>\n {React.Children.map(children, (child, index) => (isPanelComponent(child) ? renderPanel(child, index === 0) : child))}\n </div>\n );\n});\n\nexport default PanelList;\n"],"names":["React"],"mappings":";;;;;;AAkBA,MAAM,mBAAmB,CAAC,YACxBA,eAAM,eAA8B,OAAO,KAAM,QAA+B,SAAS;AAE3F,MAAM,YAAYA,eAAM,WAAW,SAAS,kBAAkB,OAAuB,KAAyC;AAC5H,QAAM,EAAE,QAAQ,UAAU,UAAU,gBAAgB,SAAS;AAE7D,QAAM,cAAc,CAAC,OAA0C,eAC7DA,eAAM,aAAa,OAAO;AAAA,IACxB;AAAA,IACA,aAAa,YAAY,gBAAgB,QAAQ,CAAC;AAAA,IAClD,WAAW,WAAW,MAAM,MAAM,WAAW,YAAY,gBAAgB,QAAQ,OAAO,mBAAmB,CAAC;AAAA,EAAA,CAC7G;AAGD,SAAA,oBAAC,OAAI,EAAA,KAAU,eAAa,QAAQ,oBAAkB,YAAY,WAC/D,UAAMA,eAAA,SAAS,IAAI,UAAU,CAAC,OAAO,UAAW,iBAAiB,KAAK,IAAI,YAAY,OAAO,UAAU,CAAC,IAAI,KAAM,EACrH,CAAA;AAEJ,CAAC;"}