@helsenorge/designsystem-react 8.4.0 → 8.5.1

package/components/ExpanderHierarchy/ExpanderHierarchy.js

@@ -1,28 +0,0 @@
-import e from "react";
-import d from "classnames";
-import n from "./Expander.js";
-import { AnalyticsId as c } from "../../constants.js";
-import { isComponent as f } from "../../utils/component.js";
-import t from "../ExpanderHierarchy/styles.module.scss";
-const h = ({
-  htmlMarkup: o = "h2",
-  level: r = 1,
-  print: m,
-  children: s,
-  testId: i
-}) => {
-  const p = d(
-    t.expanderhierarchy,
-    r === 2 && t[`expanderhierarchy--${r}`],
-    r > 2 && t["expanderhierarchy--3-and-lower"]
-  );
-  return /* @__PURE__ */ e.createElement("ul", { className: p, "data-testid": i, "data-analyticsid": c.ExpanderHierarchy }, e.Children.map(
-    s,
-    (a) => f(a, n) ? e.cloneElement(a, { htmlMarkup: o, level: r, print: m }) : a
-  ));
-};
-h.Expander = n;
-export {
-  h as default
-};
-//# sourceMappingURL=ExpanderHierarchy.js.map

package/components/ExpanderHierarchy/ExpanderHierarchy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpanderHierarchy.js","sources":["../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport Expander, { ExpanderProps, ExpanderType } from './Expander';\nimport { HeadingTags } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './styles.module.scss';\n\nexport interface ExpanderHierarchyCommonProps {\n  /** Changes the underlying element of the expander title. Default: h2. */\n  htmlMarkup?: HeadingTags;\n  /** Expand all children when printing. */\n  print?: boolean;\n  /** Expander nesting level. Should not be set manually. */\n  level?: number;\n}\n\nexport interface ExpanderHierarchyProps extends ExpanderHierarchyCommonProps {\n  children: React.ReactNode;\n  /** Sets the data-testid attribute on the expander list. */\n  testId?: string;\n}\n\nexport interface ExpanderHierarchyCompound extends React.FC<ExpanderHierarchyProps> {\n  Expander: ExpanderType;\n}\n\nconst ExpanderHierarchy: ExpanderHierarchyCompound = ({\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  children,\n  testId,\n}: ExpanderHierarchyProps) => {\n  const listClasses = classNames(\n    styles.expanderhierarchy,\n    level === 2 && styles[`expanderhierarchy--${level}`],\n    level > 2 && styles[`expanderhierarchy--3-and-lower`]\n  );\n\n  return (\n    <ul className={listClasses} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderHierarchy}>\n      {React.Children.map(children, child =>\n        isComponent<ExpanderProps>(child, Expander) ? React.cloneElement(child, { htmlMarkup, level, print }) : child\n      )}\n    </ul>\n  );\n};\n\nExpanderHierarchy.Expander = Expander;\n\nexport default ExpanderHierarchy;\n"],"names":["ExpanderHierarchy","htmlMarkup","level","print","children","testId","listClasses","classNames","styles","React","AnalyticsId","child","isComponent","Expander"],"mappings":";;;;;;AA8BA,MAAMA,IAA+C,CAAC;AAAA,EACpD,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACF,MAA8B;AAC5B,QAAMC,IAAcC;AAAA,IAClBC,EAAO;AAAA,IACPN,MAAU,KAAKM,EAAO,sBAAsBN,CAAK,EAAE;AAAA,IACnDA,IAAQ,KAAKM,EAAO,gCAAgC;AAAA,EAAA;AAIpD,SAAAC,gBAAAA,EAAA,cAAC,MAAG,EAAA,WAAWH,GAAa,eAAaD,GAAQ,oBAAkBK,EAAY,kBAC5E,GAAAD,EAAM,SAAS;AAAA,IAAIL;AAAA,IAAU,CAC5BO,MAAAC,EAA2BD,GAAOE,CAAQ,IAAIJ,EAAM,aAAaE,GAAO,EAAE,YAAAV,GAAY,OAAAC,GAAO,OAAAC,EAAA,CAAO,IAAIQ;AAAA,EAAA,CAE5G;AAEJ;AAEAX,EAAkB,WAAWa;"}

package/components/ExpanderHierarchy/utils.js

@@ -1,20 +0,0 @@
-const r = (e) => {
-  switch (e) {
-    case "h2":
-      return "h3";
-    case "h3":
-      return "h4";
-    case "h4":
-      return "h5";
-    case "h5":
-      return "h6";
-    case "h6":
-      return "h6";
-    default:
-      return "h2";
-  }
-};
-export {
-  r as getHeadingTag
-};
-//# sourceMappingURL=utils.js.map

package/components/ExpanderHierarchy/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/ExpanderHierarchy/utils.ts"],"sourcesContent":["export type HeadingTags = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport const getHeadingTag = (htmlMarkup?: HeadingTags): HeadingTags => {\n  switch (htmlMarkup) {\n    case 'h2':\n      return 'h3';\n    case 'h3':\n      return 'h4';\n    case 'h4':\n      return 'h5';\n    case 'h5':\n      return 'h6';\n    case 'h6':\n      return 'h6';\n    default:\n      return 'h2';\n  }\n};\n"],"names":["getHeadingTag","htmlMarkup"],"mappings":"AAEa,MAAAA,IAAgB,CAACC,MAA0C;AACtE,UAAQA,GAAY;AAAA,IAClB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF;"}

package/components/ExpanderList/ExpanderList.js

@@ -1,139 +0,0 @@
-import a, { useRef as z, useState as A, useEffect as T } from "react";
-import C from "classnames";
-import { AnalyticsId as v, ZIndex as Z } from "../../constants.js";
-import { useExpand as j } from "../../hooks/useExpand.js";
-import { useHover as q } from "../../hooks/useHover.js";
-import { useSticky as B } from "../../hooks/useSticky.js";
-import { useUuid as F } from "../../hooks/useUuid.js";
-import { mergeRefs as G } from "../../utils/refs.js";
-import { isElementInViewport as J } from "../../utils/viewport.js";
-import K from "../Icons/ChevronDown.js";
-import Q from "../Icons/ChevronUp.js";
-import { renderListHeader as X } from "../ListHeader/ListHeader.js";
-import r from "../ExpanderList/styles.module.scss";
-const W = a.forwardRef((l, g) => {
-  const {
-    id: x,
-    children: y,
-    padding: h = !0,
-    color: E = "neutral",
-    className: _ = "",
-    icon: I,
-    large: o = !1,
-    title: L,
-    titleHtmlMarkup: N = "span",
-    expanded: w = !1,
-    sticky: $,
-    testId: p,
-    handleExpanderClick: k,
-    onExpand: c,
-    renderChildrenWhenClosed: R,
-    variant: d = "line",
-    zIndex: H
-  } = l, [s] = j(w, c), f = z(null), t = z(null), { isHovered: n } = q(t), { isOutsideWindow: e, isLeavingWindow: i, offsetHeight: m, contentWidth: b } = B(f, t), u = $ && s && e, D = C(
-    _,
-    (d === "line" || d === "outline") && r[`expander-list__item--${d}`]
-  ), M = C(
-    r["expander-list-link"],
-    E !== "black" && r[`expander-list-link--${E}`],
-    {
-      [r["expander-list-link--fill"]]: d === "fill",
-      [r["expander-list-link--closed"]]: !s,
-      [r["expander-list-link--large"]]: o,
-      [r["expander-list-link--sticky"]]: u && !i,
-      [r["expander-list-link--absolute"]]: u && i
-    }
-  ), O = () => {
-    if (!R && !s)
-      return null;
-    const P = C(
-      r["expander-list-link__main-content"],
-      s && r["expander-list-link__main-content--expanded"],
-      h ? r["expander-list-link__main-content--padding"] : ""
-    );
-    return /* @__PURE__ */ a.createElement("div", { className: P }, y);
-  };
-  return /* @__PURE__ */ a.createElement(
-    "li",
-    {
-      className: D,
-      ref: G([g, f]),
-      style: { paddingTop: u && m ? `${m}px` : void 0 }
-    },
-    /* @__PURE__ */ a.createElement(
-      "button",
-      {
-        type: "button",
-        id: x,
-        onClick: k,
-        "data-testid": p,
-        "data-analyticsid": v.ExpanderListExpander,
-        className: M,
-        ref: t,
-        "aria-expanded": s,
-        style: {
-          zIndex: n || u ? H : void 0,
-          width: u && b ? `${b}px` : void 0
-        }
-      },
-      X(L, N, n, o ? "large" : "medium", s ? Q : K, I)
-    ),
-    O()
-  );
-}), V = (l) => a.isValidElement(l) && l.type === W, U = a.forwardRef((l, g) => {
-  const {
-    children: x,
-    childPadding: y = !0,
-    large: h,
-    renderChildrenWhenClosed: E = !1,
-    color: _,
-    className: I = "",
-    accordion: o = !1,
-    sticky: L = !1,
-    testId: N,
-    variant: w,
-    zIndex: $ = Z.ExpanderTrigger
-  } = l, [p, k] = A(), [c, R] = A(), d = F(), H = C(r["expander-list"], I);
-  function s(t, n) {
-    k((e) => o ? { [n]: !(e != null && e[n]) } : { ...e, [n]: !(e != null && e[n]) }), R(t.currentTarget);
-  }
-  const f = (t) => `${d}-${t}`;
-  return T(() => {
-    o && c && !J(c) && c.scrollIntoView();
-  }, [o, c]), T(() => {
-    var n;
-    const t = (n = a.Children.map(x, (e) => {
-      if (V(e))
-        return e;
-    })) == null ? void 0 : n.reduce((e, i, m) => (typeof i.props.expanded < "u" && (e[f(m)] = i.props.expanded), e), {});
-    k({ ...p, ...t });
-  }, [x]), /* @__PURE__ */ a.createElement("ul", { className: H, ref: g, "data-testid": N, "data-analyticsid": v.ExpanderList }, a.Children.map(x, (t, n) => {
-    if (V(t)) {
-      const e = f(n), i = p == null ? void 0 : p[e];
-      return a.cloneElement(t, {
-        id: e,
-        key: n,
-        expanded: i,
-        padding: y,
-        color: _,
-        large: h,
-        sticky: L,
-        "aria-expanded": i,
-        className: r["expander-list__item"],
-        handleExpanderClick: (m) => s(m, `${d}-${n}`),
-        renderChildrenWhenClosed: E,
-        variant: w,
-        zIndex: $
-      });
-    }
-    return t;
-  }));
-});
-U.displayName = "ExpanderList";
-U.Expander = W;
-W.displayName = "ExpanderList.Expander";
-export {
-  U as ExpanderList,
-  U as default
-};
-//# sourceMappingURL=ExpanderList.js.map

package/components/ExpanderList/ExpanderList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpanderList.js","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { useHover } from '../../hooks/useHover';\nimport { useSticky } from '../../hooks/useSticky';\nimport { useUuid } from '../../hooks/useUuid';\nimport { PaletteNames } from '../../theme/palette';\nimport { mergeRefs } from '../../utils/refs';\nimport { isElementInViewport } from '../../utils/viewport';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { ListHeaderType, renderListHeader } from '../ListHeader/ListHeader';\nimport { TitleTags } from '../Title';\n\nimport expanderListStyles from './styles.module.scss';\n\nexport type ExpanderListColors = PaletteNames;\nexport interface ExpanderType extends React.ForwardRefExoticComponent<ExpanderProps & React.RefAttributes<HTMLLIElement>> {\n  ListHeader?: ListHeaderType;\n}\n\nexport interface ExpanderListCompound extends React.ForwardRefExoticComponent<ExpanderListProps & React.RefAttributes<HTMLUListElement>> {\n  Expander: ExpanderType;\n}\n\nexport type ExpanderListVariant = 'line' | 'outline' | 'fill';\n\ninterface ExpanderListProps {\n  /** Toggles accordion functionality for the expanders. */\n  accordion?: boolean;\n  /** Items in the ExpanderList */\n  children: React.ReactNode;\n  /** Toggles padding of child elements */\n  childPadding?: boolean;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the link list background color on hover. */\n  color?: ExpanderListColors;\n  /** Changes the font size. */\n  large?: boolean;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Stick expander trigger to top of screen while scrolling down */\n  sticky?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets visual priority */\n  variant?: ExpanderListVariant;\n  /** Overrides the default z-index of the expander header */\n  zIndex?: number;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\ntype ExpanderProps = Modify<\n  React.HTMLAttributes<HTMLButtonElement>,\n  {\n    id?: string;\n    title: JSX.Element | string;\n    /** Changes the underlying element of the title. Default: span*/\n    titleHtmlMarkup?: TitleTags;\n    children: React.ReactNode;\n    className?: string;\n    color?: ExpanderListColors;\n    icon?: React.ReactElement;\n    padding?: boolean;\n    expanded?: boolean;\n    large?: boolean;\n    testId?: string;\n    handleExpanderClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    /** Called when expander is open/closed. */\n    onExpand?: (isExpanded: boolean) => void;\n    /** Overrides the default z-index of the expander header */\n    zIndex?: number;\n  }\n> &\n  Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'sticky' | 'variant'>;\n\nconst Expander: ExpanderType = React.forwardRef<HTMLLIElement, ExpanderProps>((props, ref) => {\n  const {\n    id,\n    children,\n    padding = true,\n    color = 'neutral',\n    className = '',\n    icon,\n    large = false,\n    title,\n    titleHtmlMarkup = 'span',\n    expanded = false,\n    sticky,\n    testId,\n    handleExpanderClick,\n    onExpand,\n    renderChildrenWhenClosed,\n    variant = 'line',\n    zIndex,\n  } = props;\n  const [isExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLLIElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered } = useHover(triggerRef);\n\n  const { isOutsideWindow, isLeavingWindow, offsetHeight, contentWidth } = useSticky(expanderRef, triggerRef);\n  const isSticky = sticky && isExpanded && isOutsideWindow;\n\n  const itemClasses = classNames(\n    className,\n    (variant === 'line' || variant === 'outline') && expanderListStyles[`expander-list__item--${variant}`]\n  );\n\n  const expanderClasses = classNames(\n    expanderListStyles['expander-list-link'],\n    color !== 'black' && expanderListStyles[`expander-list-link--${color}`],\n    {\n      [expanderListStyles['expander-list-link--fill']]: variant === 'fill',\n      [expanderListStyles['expander-list-link--closed']]: !isExpanded,\n      [expanderListStyles['expander-list-link--large']]: large,\n      [expanderListStyles['expander-list-link--sticky']]: isSticky && !isLeavingWindow,\n      [expanderListStyles['expander-list-link--absolute']]: isSticky && isLeavingWindow,\n    }\n  );\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const mainContentClasses = classNames(\n      expanderListStyles['expander-list-link__main-content'],\n      isExpanded && expanderListStyles['expander-list-link__main-content--expanded'],\n      padding ? expanderListStyles['expander-list-link__main-content--padding'] : ''\n    );\n\n    return <div className={mainContentClasses}>{children}</div>;\n  };\n\n  return (\n    <li\n      className={itemClasses}\n      ref={mergeRefs([ref, expanderRef])}\n      style={{ paddingTop: isSticky && offsetHeight ? `${offsetHeight}px` : undefined }}\n    >\n      <button\n        type=\"button\"\n        id={id}\n        onClick={handleExpanderClick}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderListExpander}\n        className={expanderClasses}\n        ref={triggerRef}\n        aria-expanded={isExpanded}\n        style={{\n          zIndex: isHovered || isSticky ? zIndex : undefined,\n          width: isSticky && contentWidth ? `${contentWidth}px` : undefined,\n        }}\n      >\n        {renderListHeader(title, titleHtmlMarkup, isHovered, large ? 'large' : 'medium', isExpanded ? ChevronUp : ChevronDown, icon)}\n      </button>\n      {renderContent()}\n    </li>\n  );\n});\n\ntype ActiveExpander = Record<string, boolean>;\n\nconst isExpanderComponent = (element: {} | null | undefined): element is React.ReactElement<ExpanderProps> =>\n  React.isValidElement<ExpanderProps>(element) && (element as React.ReactElement).type === Expander;\n\nexport const ExpanderList = React.forwardRef((props: ExpanderListProps, ref: React.Ref<HTMLUListElement>) => {\n  const {\n    children,\n    childPadding = true,\n    large,\n    renderChildrenWhenClosed = false,\n    color,\n    className = '',\n    accordion = false,\n    sticky = false,\n    testId,\n    variant,\n    zIndex = ZIndex.ExpanderTrigger,\n  } = props;\n  const [activeExpander, setActiveExpander] = useState<ActiveExpander>();\n  const [latestExpander, setLatestExpander] = useState<HTMLElement>();\n  const uuid = useUuid();\n  const expanderListClasses = classNames(expanderListStyles['expander-list'], className);\n\n  function handleExpanderClick(event: React.MouseEvent<HTMLElement, MouseEvent>, id: string): void {\n    setActiveExpander(prevState => (accordion ? { [id]: !prevState?.[id] } : { ...prevState, [id]: !prevState?.[id] }));\n    setLatestExpander(event.currentTarget);\n  }\n\n  const getExpanderId = (index: number): string => `${uuid}-${index}`;\n\n  useEffect(() => {\n    if (accordion && latestExpander && !isElementInViewport(latestExpander)) {\n      latestExpander.scrollIntoView();\n    }\n  }, [accordion, latestExpander]);\n\n  useEffect(() => {\n    const newActiveExpander = React.Children.map(children, child => {\n      if (isExpanderComponent(child)) {\n        return child;\n      }\n    })?.reduce((acc, child, index) => {\n      // Expanded-status skal bare settes dersom prop er satt av den som bruker komponenten\n      if (typeof child.props.expanded !== 'undefined') {\n        acc[getExpanderId(index)] = child.props.expanded;\n      }\n      return acc;\n    }, {} as ActiveExpander);\n\n    setActiveExpander({ ...activeExpander, ...newActiveExpander });\n  }, [children]);\n\n  return (\n    <ul className={expanderListClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderList}>\n      {React.Children.map(children, (child, index) => {\n        if (isExpanderComponent(child)) {\n          const id = getExpanderId(index);\n          const expanded = activeExpander?.[id];\n\n          return React.cloneElement(child as React.ReactElement<ExpanderProps>, {\n            id,\n            key: index,\n            expanded,\n            padding: childPadding,\n            color,\n            large,\n            sticky,\n            'aria-expanded': expanded,\n            className: expanderListStyles['expander-list__item'],\n            handleExpanderClick: (event: React.MouseEvent<HTMLElement>) => handleExpanderClick(event, `${uuid}-${index}`),\n            renderChildrenWhenClosed,\n            variant,\n            zIndex: zIndex,\n          });\n        }\n        return child;\n      })}\n    </ul>\n  );\n}) as ExpanderListCompound;\n\nExpanderList.displayName = 'ExpanderList';\nExpanderList.Expander = Expander;\nExpander.displayName = 'ExpanderList.Expander';\n\nexport default ExpanderList;\n"],"names":["Expander","React","props","ref","id","children","padding","color","className","icon","large","title","titleHtmlMarkup","expanded","sticky","testId","handleExpanderClick","onExpand","renderChildrenWhenClosed","variant","zIndex","isExpanded","useExpand","expanderRef","useRef","triggerRef","isHovered","useHover","isOutsideWindow","isLeavingWindow","offsetHeight","contentWidth","useSticky","isSticky","itemClasses","classNames","expanderListStyles","expanderClasses","renderContent","mainContentClasses","mergeRefs","AnalyticsId","renderListHeader","ChevronUp","ChevronDown","isExpanderComponent","element","ExpanderList","childPadding","accordion","ZIndex","activeExpander","setActiveExpander","useState","latestExpander","setLatestExpander","uuid","useUuid","expanderListClasses","event","prevState","getExpanderId","index","useEffect","isElementInViewport","newActiveExpander","child","acc"],"mappings":"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"}

package/components/EyebrowHeader/EyebrowHeader.js

@@ -1,12 +0,0 @@
-import a from "react";
-import { AnalyticsId as r } from "../../constants.js";
-import { Title as i } from "../Title/Title.js";
-import l from "../EyebrowHeader/styles.module.scss";
-const d = (e) => /* @__PURE__ */ a.createElement("p", { className: l.subtitle }, e.children), t = (e) => /* @__PURE__ */ a.createElement("div", { "data-testid": e.testId, "data-analyticsid": r.EyebrowHeader }, e.children);
-t.Subtitle = d;
-t.Title = i;
-t.displayName = "EyebrowHeader";
-export {
-  t as default
-};
-//# sourceMappingURL=EyebrowHeader.js.map

package/components/EyebrowHeader/EyebrowHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EyebrowHeader.js","sources":["../../../src/components/EyebrowHeader/EyebrowHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport Title from '../Title';\n\nimport styles from './styles.module.scss';\n\nexport interface SubtitleProps {\n  children?: React.ReactNode;\n}\n\nconst Subtitle: React.FC<SubtitleProps> = props => {\n  return <p className={styles.subtitle}>{props.children}</p>;\n};\n\nexport interface EyebrowHeaderProps {\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport interface EyebrowHeaderType extends React.FC<EyebrowHeaderProps> {\n  Subtitle: typeof Subtitle;\n  Title: typeof Title;\n}\n\nconst EyebrowHeader = ((props: EyebrowHeaderProps): React.JSX.Element => (\n  <div data-testid={props.testId} data-analyticsid={AnalyticsId.EyebrowHeader}>\n    {props.children}\n  </div>\n)) as EyebrowHeaderType;\n\nEyebrowHeader.Subtitle = Subtitle;\nEyebrowHeader.Title = Title;\nEyebrowHeader.displayName = 'EyebrowHeader';\n\nexport default EyebrowHeader;\n"],"names":["Subtitle","props","styles","EyebrowHeader","React","AnalyticsId","Title"],"mappings":";;;;AAWA,MAAMA,IAAoC,CAASC,sCACzC,KAAE,EAAA,WAAWC,EAAO,SAAA,GAAWD,EAAM,QAAS,GAclDE,IAAiB,CAACF,MACtBG,gBAAAA,EAAA,cAAC,OAAI,EAAA,eAAaH,EAAM,QAAQ,oBAAkBI,EAAY,cAC3D,GAAAJ,EAAM,QACT;AAGFE,EAAc,WAAWH;AACzBG,EAAc,QAAQG;AACtBH,EAAc,cAAc;"}

package/components/FormExample/FormExample.js

@@ -1,161 +0,0 @@
-import e from "react";
-import { useForm as h } from "react-hook-form";
-import { isTest as q } from "../../utils/environment.js";
-import H from "../Button/Button.js";
-import { Checkbox as s } from "../Checkbox/Checkbox.js";
-import { FormGroup as a } from "../FormGroup/FormGroup.js";
-import { FormLayout as w, FormLayoutColumns as C } from "../FormLayout/FormLayout.js";
-import L from "../Icons/Hospital.js";
-import B from "../Input/Input.js";
-import n from "../Label/Label.js";
-import { RadioButton as p } from "../RadioButton/RadioButton.js";
-import { Select as N } from "../Select/Select.js";
-import R from "../Spacer/Spacer.js";
-import G from "../Textarea/Textarea.js";
-import { Validation as _ } from "../Validation/Validation.js";
-var j = /* @__PURE__ */ ((t) => (t.formgroup = "formgroup", t.checkbox = "checkbox", t.radiobutton = "radiobutton", t.textarea = "textarea", t.input = "input", t.select = "select", t))(j || {});
-const re = (t) => {
-  const {
-    exampleType: l = "formgroup"
-    /* formgroup */
-  } = t, {
-    register: o,
-    handleSubmit: z,
-    formState: { errors: r }
-  } = h(), i = /* @__PURE__ */ new Date();
-  i.setHours(0), i.setMinutes(0), i.setSeconds(0);
-  const c = /* @__PURE__ */ new Date();
-  c.setDate(i.getDate() - 5), c.setHours(6), c.setMinutes(10), c.setSeconds(0);
-  const u = /* @__PURE__ */ new Date();
-  u.setDate(i.getDate() + 5), u.setHours(22), u.setMinutes(0), u.setSeconds(0);
-  const d = "Du må velge minst én farge", I = "Du må velge minst to størrelser", g = "Du må velge minst én plassering", y = "Historien må være på maks 40 tegn", D = "Navn må fylles ut", k = 'Du må velge "Frankenstein"', E = (m) => m.length >= 2 || I, F = (m) => m.toString() === "Frankenstein" || k, x = () => /* @__PURE__ */ e.createElement(
-    a,
-    {
-      title: "FormGroup-tittel",
-      legend: "Farge",
-      error: r.colour ? r.colour.message : void 0,
-      errorTextId: "error",
-      size: t.size
-    },
-    /* @__PURE__ */ e.createElement(w, { maxColumns: C.two }, /* @__PURE__ */ e.createElement(
-      s,
-      {
-        inputId: "colour1",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Blueberry" }] }),
-        ...o("colour", { required: d })
-      }
-    ), /* @__PURE__ */ e.createElement(
-      s,
-      {
-        inputId: "colour2",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Cherry" }] }),
-        ...o("colour", { required: d })
-      }
-    ), /* @__PURE__ */ e.createElement(
-      s,
-      {
-        inputId: "colour3",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Neutral" }] }),
-        ...o("colour", { required: d })
-      }
-    ))
-  ), S = () => /* @__PURE__ */ e.createElement(a, { legend: "Størrelser", error: r.sizes ? r.sizes.message : void 0, size: t.size, errorTextId: "error1" }, /* @__PURE__ */ e.createElement(s, { inputId: "sizes1", label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Small" }] }), ...o("sizes", { validate: E }) }), /* @__PURE__ */ e.createElement(s, { inputId: "sizes2", label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Medium" }] }), ...o("sizes", { validate: E }) }), /* @__PURE__ */ e.createElement(s, { inputId: "sizes3", label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Large" }] }), ...o("sizes", { validate: E }) })), b = () => /* @__PURE__ */ e.createElement(
-    a,
-    {
-      legend: "Plassering",
-      error: r.positions ? r.positions.message : void 0,
-      size: t.size,
-      errorTextId: "error2"
-    },
-    /* @__PURE__ */ e.createElement(
-      p,
-      {
-        inputId: "positions1",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Venstre" }] }),
-        ...o("positions", { required: g })
-      }
-    ),
-    /* @__PURE__ */ e.createElement(
-      p,
-      {
-        inputId: "positions2",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Høyre" }] }),
-        ...o("positions", { required: g })
-      }
-    ),
-    /* @__PURE__ */ e.createElement(
-      p,
-      {
-        inputId: "positions3",
-        label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Midten" }] }),
-        ...o("positions", { required: g })
-      }
-    )
-  ), f = () => /* @__PURE__ */ e.createElement(a, { error: r.story ? r.story.message : void 0, errorTextId: "error3" }, /* @__PURE__ */ e.createElement(
-    G,
-    {
-      defaultValue: `Dette er en test 
-
- Hello 
-
- test 
-
- test test`,
-      grow: !0,
-      maxCharacters: 40,
-      minRows: 5,
-      label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Historie", type: "semibold" }] }),
-      textareaId: "story",
-      ...o("story", { maxLength: { value: 40, message: y } })
-    }
-  )), T = () => /* @__PURE__ */ e.createElement(a, { size: t.size, error: r.name ? r.name.message : void 0, errorTextId: "error4" }, /* @__PURE__ */ e.createElement(
-    B,
-    {
-      label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Navn", type: "semibold" }] }),
-      placeholder: "Skriv noe!",
-      icon: L,
-      inputId: "name",
-      ...o("name", { required: D })
-    }
-  )), v = () => /* @__PURE__ */ e.createElement(a, { size: t.size, error: r.monster ? r.monster.message : void 0, errorTextId: "error5" }, /* @__PURE__ */ e.createElement(
-    N,
-    {
-      selectId: "monster",
-      label: /* @__PURE__ */ e.createElement(n, { labelTexts: [{ text: "Velg et monster", type: "semibold" }] }),
-      ...o("monster", { validate: F })
-    },
-    /* @__PURE__ */ e.createElement("option", { value: "Troll" }, "Troll"),
-    /* @__PURE__ */ e.createElement("option", { value: "Frankenstein" }, "Frankenstein")
-  )), M = () => {
-    if (l === "formgroup")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, x(), S(), b(), f(), T(), v());
-    if (l === "checkbox")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, x());
-    if (l === "radiobutton")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, b());
-    if (l === "textarea")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, f());
-    if (l === "input")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, T());
-    if (l === "select")
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, v());
-  };
-  return /* @__PURE__ */ e.createElement(
-    "form",
-    {
-      noValidate: !0,
-      onSubmit: z((m) => {
-        !q() && console.log(m);
-      })
-    },
-    /* @__PURE__ */ e.createElement(_, { size: t.size, errorTitle: "Sjekk at alt er riktig utfylt:", errors: r }, M()),
-    /* @__PURE__ */ e.createElement(R, null),
-    /* @__PURE__ */ e.createElement(H, { type: "submit" }, "Send inn")
-  );
-};
-export {
-  re as FormExample,
-  j as FormExampleVariants,
-  re as default
-};
-//# sourceMappingURL=FormExample.js.map

package/components/FormExample/FormExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormExample.js","sources":["../../../src/components/FormExample/FormExample.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForm } from 'react-hook-form';\n\nimport { FormSize } from '../../constants';\nimport { isTest } from '../../utils/environment';\nimport Button from '../Button';\nimport Checkbox from '../Checkbox';\nimport FormGroup from '../FormGroup/FormGroup';\nimport FormLayout, { FormLayoutColumns } from '../FormLayout';\nimport Hospital from '../Icons/Hospital';\nimport Input from '../Input';\nimport Label from '../Label';\nimport RadioButton from '../RadioButton';\nimport Select from '../Select';\nimport Spacer from '../Spacer';\nimport Textarea from '../Textarea';\nimport Validation from '../Validation';\n\nexport interface FormExampleProps {\n  exampleType: FormExampleVariants;\n  size?: keyof typeof FormSize;\n}\n\nexport enum FormExampleVariants {\n  formgroup = 'formgroup',\n  checkbox = 'checkbox',\n  radiobutton = 'radiobutton',\n  textarea = 'textarea',\n  input = 'input',\n  select = 'select',\n}\n\ninterface FormExampleData {\n  colour: string;\n  sizes: string[];\n  positions: string;\n  story: string;\n  name: string;\n  monster: string[];\n}\n\nexport const FormExample = (props: FormExampleProps): JSX.Element => {\n  const { exampleType = FormExampleVariants.formgroup } = props;\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<FormExampleData>();\n\n  const defaultDate = new Date();\n  defaultDate.setHours(0);\n  defaultDate.setMinutes(0);\n  defaultDate.setSeconds(0);\n  const minDate = new Date();\n  minDate.setDate(defaultDate.getDate() - 5);\n  minDate.setHours(6);\n  minDate.setMinutes(10);\n  minDate.setSeconds(0);\n  const maxDate = new Date();\n  maxDate.setDate(defaultDate.getDate() + 5);\n  maxDate.setHours(22);\n  maxDate.setMinutes(0);\n  maxDate.setSeconds(0);\n\n  const colorErrorMessage = 'Du må velge minst én farge';\n  const sizeErrorMessage = 'Du må velge minst to størrelser';\n  const positionErrorMessage = 'Du må velge minst én plassering';\n  const storyErrorMessage = 'Historien må være på maks 40 tegn';\n  const nameErrorMessage = 'Navn må fylles ut';\n  const monsterErrorMessage = 'Du må velge \"Frankenstein\"';\n\n  const requireTwo = (value: Array<string>): true | string => {\n    return value.length >= 2 || sizeErrorMessage;\n  };\n\n  const requireFrankenstein = (value: Array<string>): true | string => {\n    return value.toString() === 'Frankenstein' || monsterErrorMessage;\n  };\n\n  const color = () => (\n    <FormGroup\n      title={'FormGroup-tittel'}\n      legend={'Farge'}\n      error={errors.colour ? errors.colour.message : undefined}\n      errorTextId=\"error\"\n      size={props.size}\n    >\n      <FormLayout maxColumns={FormLayoutColumns.two}>\n        <Checkbox\n          inputId=\"colour1\"\n          label={<Label labelTexts={[{ text: 'Blueberry' }]} />}\n          {...register('colour', { required: colorErrorMessage })}\n        />\n        <Checkbox\n          inputId=\"colour2\"\n          label={<Label labelTexts={[{ text: 'Cherry' }]} />}\n          {...register('colour', { required: colorErrorMessage })}\n        />\n        <Checkbox\n          inputId=\"colour3\"\n          label={<Label labelTexts={[{ text: 'Neutral' }]} />}\n          {...register('colour', { required: colorErrorMessage })}\n        />\n      </FormLayout>\n    </FormGroup>\n  );\n\n  const size = () => (\n    <FormGroup legend={'Størrelser'} error={errors.sizes ? errors.sizes.message : undefined} size={props.size} errorTextId=\"error1\">\n      <Checkbox inputId=\"sizes1\" label={<Label labelTexts={[{ text: 'Small' }]} />} {...register('sizes', { validate: requireTwo })} />\n      <Checkbox inputId=\"sizes2\" label={<Label labelTexts={[{ text: 'Medium' }]} />} {...register('sizes', { validate: requireTwo })} />\n      <Checkbox inputId=\"sizes3\" label={<Label labelTexts={[{ text: 'Large' }]} />} {...register('sizes', { validate: requireTwo })} />\n    </FormGroup>\n  );\n\n  const position = () => (\n    <FormGroup\n      legend={'Plassering'}\n      error={errors.positions ? (errors.positions.message as string) : undefined}\n      size={props.size}\n      errorTextId=\"error2\"\n    >\n      <RadioButton\n        inputId=\"positions1\"\n        label={<Label labelTexts={[{ text: 'Venstre' }]} />}\n        {...register('positions', { required: positionErrorMessage })}\n      />\n      <RadioButton\n        inputId=\"positions2\"\n        label={<Label labelTexts={[{ text: 'Høyre' }]} />}\n        {...register('positions', { required: positionErrorMessage })}\n      />\n      <RadioButton\n        inputId=\"positions3\"\n        label={<Label labelTexts={[{ text: 'Midten' }]} />}\n        {...register('positions', { required: positionErrorMessage })}\n      />\n    </FormGroup>\n  );\n\n  const story = () => (\n    <FormGroup error={errors.story ? (errors.story.message as string) : undefined} errorTextId=\"error3\">\n      <Textarea\n        defaultValue={`Dette er en test \\n\\n Hello \\n\\n test \\n\\n test test`}\n        grow\n        maxCharacters={40}\n        minRows={5}\n        label={<Label labelTexts={[{ text: 'Historie', type: 'semibold' }]} />}\n        textareaId=\"story\"\n        {...register('story', { maxLength: { value: 40, message: storyErrorMessage } })}\n      />\n    </FormGroup>\n  );\n\n  const name = () => (\n    <FormGroup size={props.size} error={errors.name ? (errors.name.message as string) : undefined} errorTextId=\"error4\">\n      <Input\n        label={<Label labelTexts={[{ text: 'Navn', type: 'semibold' }]} />}\n        placeholder={'Skriv noe!'}\n        icon={Hospital}\n        inputId=\"name\"\n        {...register('name', { required: nameErrorMessage })}\n      />\n    </FormGroup>\n  );\n\n  const monster = () => (\n    <FormGroup size={props.size} error={errors.monster ? (errors.monster.message as string) : undefined} errorTextId=\"error5\">\n      <Select\n        selectId=\"monster\"\n        label={<Label labelTexts={[{ text: 'Velg et monster', type: 'semibold' }]} />}\n        {...register('monster', { validate: requireFrankenstein })}\n      >\n        <option value={'Troll'}>{'Troll'}</option>\n        <option value={'Frankenstein'}>{'Frankenstein'}</option>\n      </Select>\n    </FormGroup>\n  );\n\n  const getFormExample = () => {\n    if (exampleType === FormExampleVariants.formgroup) {\n      return (\n        <>\n          {color()}\n          {size()}\n          {position()}\n          {story()}\n          {name()}\n          {monster()}\n        </>\n      );\n    } else if (exampleType === FormExampleVariants.checkbox) {\n      return <>{color()}</>;\n    } else if (exampleType === FormExampleVariants.radiobutton) {\n      return <>{position()}</>;\n    } else if (exampleType === FormExampleVariants.textarea) {\n      return <>{story()}</>;\n    } else if (exampleType === FormExampleVariants.input) {\n      return <>{name()}</>;\n    } else if (exampleType === FormExampleVariants.select) {\n      return <>{monster()}</>;\n    }\n  };\n\n  return (\n    <form\n      noValidate\n      onSubmit={handleSubmit(data => {\n        // eslint-disable-next-line no-console\n        !isTest() && console.log(data);\n      })}\n    >\n      <Validation size={props.size} errorTitle={'Sjekk at alt er riktig utfylt:'} errors={errors}>\n        {getFormExample()}\n      </Validation>\n      <Spacer />\n      <Button type=\"submit\">{'Send inn'}</Button>\n    </form>\n  );\n};\n\nexport default FormExample;\n"],"names":["FormExampleVariants","FormExample","props","exampleType","register","handleSubmit","errors","useForm","defaultDate","minDate","maxDate","colorErrorMessage","sizeErrorMessage","positionErrorMessage","storyErrorMessage","nameErrorMessage","monsterErrorMessage","requireTwo","value","requireFrankenstein","color","React","FormGroup","FormLayout","FormLayoutColumns","Checkbox","Label","size","position","RadioButton","story","Textarea","name","Input","Hospital","monster","Select","getFormExample","data","isTest","Validation","Spacer","Button"],"mappings":"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"}

package/components/FormExample/index.js

@@ -1,8 +0,0 @@
-import { FormExample as m } from "./FormExample.js";
-import { FormExampleVariants as e } from "./FormExample.js";
-export {
-  m as FormExample,
-  e as FormExampleVariants,
-  m as default
-};
-//# sourceMappingURL=index.js.map

package/components/FormExample/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/FormExample/styles.module.scss

@@ -1,33 +0,0 @@
-@use 'sass:map';
-@import '../../scss/spacers';
-@import '../../scss/breakpoints';
-
-.date-time {
-  display: flex;
-  flex-flow: column wrap;
-
-  @media (min-width: map.get($grid-breakpoints, sm)) {
-    flex-direction: row;
-    align-items: flex-end;
-  }
-
-  &__date-picker {
-    padding-right: getSpacer(l);
-  }
-
-  &__time-wrapper {
-    display: flex;
-    align-items: flex-end;
-    padding-top: getSpacer(m);
-
-    @media (min-width: map.get($grid-breakpoints, sm)) {
-      padding-top: 0;
-    }
-  }
-
-  &__time-separator {
-    margin-bottom: getSpacer(xs);
-    margin-right: getSpacer(xs);
-    margin-left: getSpacer(2xs);
-  }
-}

package/components/FormExample/styles.module.scss.d.ts

@@ -1,12 +0,0 @@
-export type Styles = {
-  'date-time': string;
-  'date-time__date-picker': string;
-  'date-time__time-separator': string;
-  'date-time__time-wrapper': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;

package/components/FormGroup/FormGroup.js

@@ -1,101 +0,0 @@
-import r, { useState as U } from "react";
-import d from "classnames";
-import { FormMode as x, FormSize as N, AnalyticsId as A } from "../../constants.js";
-import { useUuid as T } from "../../hooks/useUuid.js";
-import { isComponent as m } from "../../utils/component.js";
-import { Checkbox as D } from "../Checkbox/Checkbox.js";
-import { ErrorWrapper as H } from "../ErrorWrapper/ErrorWrapper.js";
-import { FormLayout as j } from "../FormLayout/FormLayout.js";
-import q from "../Input/Input.js";
-import { RadioButton as J, getRadioLabelClasses as K } from "../RadioButton/RadioButton.js";
-import { Select as O } from "../Select/Select.js";
-import P from "../Textarea/Textarea.js";
-import { Title as Q } from "../Title/Title.js";
-import p from "../FormGroup/styles.module.scss";
-const k = r.forwardRef((t, _) => {
-  const {
-    className: F,
-    fieldsetClassName: G,
-    mode: a = x.onwhite,
-    size: s = N.medium,
-    error: o,
-    errorTextId: y,
-    name: l,
-    htmlMarkup: f = "fieldset",
-    renderError: R = !0,
-    errorWrapperClassName: b,
-    errorWrapperTestId: w
-  } = t, [S, W] = U(), v = T(), n = T(y), u = a === x.ondark, L = s === N.large, M = d(p["form-group-wrapper"], F), z = d({
-    [p["form-group-wrapper__title--on-dark"]]: u && !o
-  }), c = d(p["field-set__legend"], {
-    [p["field-set__legend--on-dark"]]: u && !o
-  }), I = d(p["field-set"], G), i = (e, B) => {
-    if (m(e, j))
-      return r.cloneElement(e, {
-        size: s,
-        mapHelper: i
-      });
-    if (m(e, k))
-      return r.cloneElement(e, {
-        mode: a,
-        size: s,
-        error: o,
-        renderError: !1,
-        errorTextId: n
-      });
-    if (m(e, D))
-      return r.cloneElement(e, {
-        name: l ?? e.props.name,
-        mode: a,
-        size: s,
-        error: !!o,
-        errorTextId: n
-      });
-    if (m(e, J)) {
-      const C = typeof e.props.inputId > "u" ? v + B : e.props.inputId;
-      return r.cloneElement(e, {
-        inputId: C,
-        name: l ?? e.props.name,
-        mode: a,
-        size: s,
-        onChange: (E) => {
-          W(E.target.id), e.props.onChange && e.props.onChange(E);
-        },
-        error: !!o,
-        errorTextId: n,
-        labelClassNames: K(C, a, L, S)
-      });
-    } else {
-      if (m(e, q))
-        return r.cloneElement(e, {
-          name: l ?? e.props.name,
-          mode: a,
-          size: s,
-          error: !!o,
-          errorTextId: n
-        });
-      if (m(e, P))
-        return r.cloneElement(e, {
-          name: l ?? e.props.name,
-          mode: a,
-          error: !!o,
-          errorTextId: n
-        });
-      if (m(e, O))
-        return r.cloneElement(e, {
-          name: l ?? e.props.name,
-          mode: a,
-          error: !!o,
-          errorTextId: n
-        });
-    }
-    return e;
-  }, g = () => /* @__PURE__ */ r.createElement("div", null, f === "div" && /* @__PURE__ */ r.createElement("div", { className: I }, t.legend && /* @__PURE__ */ r.createElement("h5", { className: c }, t.legend), r.Children.map(t.children, i)), f === "fieldset" && /* @__PURE__ */ r.createElement("fieldset", { name: t.fieldsetName, className: I }, t.legend && /* @__PURE__ */ r.createElement("legend", { className: c }, t.legend), r.Children.map(t.children, i)));
-  return /* @__PURE__ */ r.createElement("div", { "data-testid": t.testId, "data-analyticsid": A.FormGroup, className: M, ref: _, tabIndex: -1 }, t.title && /* @__PURE__ */ r.createElement(Q, { className: z, htmlMarkup: "h4", appearance: "title4", margin: { marginTop: 0, marginBottom: o ? 1 : 2 } }, t.title), R ? /* @__PURE__ */ r.createElement(H, { className: b, errorText: o, testId: w, errorTextId: n }, g()) : g());
-});
-k.displayName = "FormGroup";
-export {
-  k as FormGroup,
-  k as default
-};
-//# sourceMappingURL=FormGroup.js.map

package/components/FormGroup/FormGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, FormSize } from '../../constants';\nimport { useUuid } from '../../hooks/useUuid';\nimport { isComponent } from '../../utils/component';\nimport Checkbox, { CheckboxProps } from '../Checkbox/Checkbox';\nimport ErrorWrapper from '../ErrorWrapper';\nimport FormLayout, { FormLayoutProps } from '../FormLayout';\nimport Input, { InputProps } from '../Input/Input';\nimport RadioButton, { RadioButtonProps, getRadioLabelClasses } from '../RadioButton/RadioButton';\nimport Select, { SelectProps } from '../Select';\nimport Textarea, { TextareaProps } from '../Textarea';\nimport Title from '../Title';\n\nimport formGroupStyles from './styles.module.scss';\n\nexport type FormGroupTags = 'fieldset' | 'div';\n\nexport interface FormGroupProps {\n  /** title for the the fieldset */\n  title?: string;\n  /** text placed in the legend tag of the fieldset */\n  legend?: string;\n  /** Items in the FormGroup component */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds custom classes to the errorWrapper. */\n  errorWrapperClassName?: string;\n  /** Adds custom classes to the fieldset element. */\n  fieldsetClassName?: string;\n  /** Changes the visuals of the formgroup */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Error message */\n  error?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets the data-testid attribute for the error-wrapper. */\n  errorWrapperTestId?: string;\n  /** Unique name for the child input element */\n  name?: string;\n  /** Unique name for the fieldset */\n  fieldsetName?: string;\n  /** Sets div instead of fieldset tag */\n  htmlMarkup?: FormGroupTags;\n  /** Renders the error component (Default: true) */\n  renderError?: boolean;\n}\n\nexport const FormGroup = React.forwardRef((props: FormGroupProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    fieldsetClassName,\n    mode = FormMode.onwhite,\n    size = FormSize.medium,\n    error,\n    errorTextId,\n    name,\n    htmlMarkup = 'fieldset',\n    renderError = true,\n    errorWrapperClassName,\n    errorWrapperTestId,\n  } = props;\n  const [checkedRadioId, setCheckedRadioId] = useState<string>();\n  const radioGroupId = useUuid();\n  const errorTextUuid = useUuid(errorTextId);\n  const onDark = mode === FormMode.ondark;\n  const isLarge = size === FormSize.large;\n  const formGroupWrapperClasses = classNames(formGroupStyles['form-group-wrapper'], className);\n  const titleClasses = classNames({\n    [formGroupStyles['form-group-wrapper__title--on-dark']]: onDark && !error,\n  });\n\n  const legendClasses = classNames(formGroupStyles['field-set__legend'], {\n    [formGroupStyles['field-set__legend--on-dark']]: onDark && !error,\n  });\n\n  const fieldsetClasses = classNames(formGroupStyles['field-set'], fieldsetClassName);\n\n  const mapFormComponent = (child: React.ReactNode, index: number): React.ReactNode => {\n    if (isComponent<FormLayoutProps>(child, FormLayout)) {\n      return React.cloneElement(child, {\n        size,\n        mapHelper: mapFormComponent,\n      });\n    } else if (isComponent<FormGroupProps>(child, FormGroup)) {\n      return React.cloneElement(child, {\n        mode,\n        size,\n        error,\n        renderError: false,\n        errorTextId: errorTextUuid,\n      });\n    } else if (isComponent<CheckboxProps>(child, Checkbox)) {\n      return React.cloneElement(child, {\n        name: name ?? child.props.name,\n        mode,\n        size,\n        error: !!error,\n        errorTextId: errorTextUuid,\n      });\n    } else if (isComponent<RadioButtonProps>(child, RadioButton)) {\n      const radioId = typeof child.props.inputId === 'undefined' ? radioGroupId + index : child.props.inputId;\n      return React.cloneElement(child, {\n        inputId: radioId,\n        name: name ?? child.props.name,\n        mode,\n        size,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n          setCheckedRadioId(event.target.id);\n          child.props.onChange && child.props.onChange(event);\n        },\n        error: !!error,\n        errorTextId: errorTextUuid,\n        labelClassNames: getRadioLabelClasses(radioId, mode as FormMode, isLarge, checkedRadioId),\n      });\n    } else if (isComponent<InputProps>(child, Input)) {\n      return React.cloneElement(child, {\n        name: name ?? child.props.name,\n        mode,\n        size,\n        error: !!error,\n        errorTextId: errorTextUuid,\n      });\n    } else if (isComponent<TextareaProps>(child, Textarea)) {\n      return React.cloneElement(child, {\n        name: name ?? child.props.name,\n        mode,\n        error: !!error,\n        errorTextId: errorTextUuid,\n      });\n    } else if (isComponent<SelectProps>(child, Select)) {\n      return React.cloneElement(child, {\n        name: name ?? child.props.name,\n        mode,\n        error: !!error,\n        errorTextId: errorTextUuid,\n      });\n    }\n    return child;\n  };\n\n  const formGroupContent = (): React.ReactNode => {\n    return (\n      <div>\n        {htmlMarkup === 'div' && (\n          <div className={fieldsetClasses}>\n            {props.legend && <h5 className={legendClasses}>{props.legend}</h5>}\n            {React.Children.map(props.children, mapFormComponent)}\n          </div>\n        )}\n        {htmlMarkup === 'fieldset' && (\n          <fieldset name={props.fieldsetName} className={fieldsetClasses}>\n            {props.legend && <legend className={legendClasses}>{props.legend}</legend>}\n            {React.Children.map(props.children, mapFormComponent)}\n          </fieldset>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div data-testid={props.testId} data-analyticsid={AnalyticsId.FormGroup} className={formGroupWrapperClasses} ref={ref} tabIndex={-1}>\n      {props.title && (\n        <Title className={titleClasses} htmlMarkup={'h4'} appearance={'title4'} margin={{ marginTop: 0, marginBottom: error ? 1 : 2 }}>\n          {props.title}\n        </Title>\n      )}\n      {renderError ? (\n        <ErrorWrapper className={errorWrapperClassName} errorText={error} testId={errorWrapperTestId} errorTextId={errorTextUuid}>\n          {formGroupContent()}\n        </ErrorWrapper>\n      ) : (\n        formGroupContent()\n      )}\n    </div>\n  );\n});\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\n"],"names":["FormGroup","React","props","ref","className","fieldsetClassName","mode","FormMode","size","FormSize","error","errorTextId","name","htmlMarkup","renderError","errorWrapperClassName","errorWrapperTestId","checkedRadioId","setCheckedRadioId","useState","radioGroupId","useUuid","errorTextUuid","onDark","isLarge","formGroupWrapperClasses","classNames","formGroupStyles","titleClasses","legendClasses","fieldsetClasses","mapFormComponent","child","index","isComponent","FormLayout","Checkbox","RadioButton","radioId","event","getRadioLabelClasses","Input","Textarea","Select","formGroupContent","AnalyticsId","Title","ErrorWrapper"],"mappings":"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"}