@helsenorge/designsystem-react 14.7.3 → 15.0.0-beta.0

package/lib/components/ExpanderHierarchy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ExpanderButton: React.FC<ExpanderButtonProps>","Expander: React.FC<ExpanderProps>","ExpanderHierarchy: ExpanderHierarchyCompound"],"sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx","../../../src/components/ExpanderHierarchy/utils.ts","../../../src/components/ExpanderHierarchy/Expander.tsx","../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx","../../../src/components/ExpanderHierarchy/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={refObject}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n","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","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** ref that is placed on the li element */\n  ref?: React.RefObject<HTMLLIElement | null>;\n}\n\nexport type ExpanderType = typeof Expander;\n\nconst Expander: React.FC<ExpanderProps> = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n  className,\n  ref,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    (level === 1 || level === 2) && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={classNames(styles.expander, className)} ref={ref}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ExpanderProps, ExpanderType } from './Expander';\nimport type { HeadingTags } from './utils';\n\nimport Expander from './Expander';\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","import ExpanderHierarchy from './ExpanderHierarchy';\nexport * from './ExpanderHierarchy';\nexport * from './utils';\nexport default ExpanderHierarchy;\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAMA,kBAAiD,EAAE,aAAa,MAAM,QAAQ,GAAG,OAAO,UAAU,UAAU,UAAU,aAAa;CACvI,MAAM,EAAE,WAAW,cAAc,kBAAqC;CACtE,MAAM,CAAC,YAAY,iBAAiB,UAAU,UAAU,SAAS;CAEjE,MAAM,oBAA0B;AAC9B,gBAAc,CAAC,WAAW;;CAG5B,MAAM,YAAY;CAElB,MAAM,gBAAgB,WACpB,OAAO,kBACP,QAAQ,KAAK,OAAO,kCACpB,SAAS,OAAO,2BACjB;CAED,MAAM,eAAe,WACnB,OAAO,kBACN,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,OAAO,oBAAoB,UAC1E,QAAQ,KAAK,OAAO,iCACpB,cAAc,OAAO,8BACrB,SAAS,OAAO,0BACjB;CAED,MAAM,cAAc,WAClB,OAAO,gBACP,QAAQ,KAAK,OAAO,gCACpB,QAAQ,KAAK,OAAO,+BACrB;AAED,QACE,oBAAC,WAAA;EAAU,WAAW;YACpB,qBAAC,UAAA;GACC,MAAK;GACL,SAAS;GACT,WAAW;GACX,iBAAe;GACf,KAAK;GACL,eAAa;GACb,oBAAkB,YAAY;cAE7B,UACD,oBAAC,cAAA;IAAK,SAAS,aAAa,oBAAY;IAAwB;IAAW,WAAW;IAAa,MAAM,SAAS;KAAU,CAAA;IACrH;GACC;;AAIhB,IAAA,yBAAe;AClEf,MAAa,iBAAiB,eAA0C;AACtE,SAAQ,YAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,QACE,QAAO;;;ACiBb,IAAMC,YAAqC,EACzC,OACA,aAAa,MACb,QAAQ,GACR,OACA,WAAW,OACX,UACA,UACA,QACA,WACA,UACmB;CACnB,MAAM,iBAAiB,WACrB,OAAO,oBACN,UAAU,KAAK,UAAU,MAAM,OAAO,sBAAsB,UAC7D,QAAQ,KAAK,OAAO,kCACrB;AAED,QACE,qBAAC,MAAA;EAAG,WAAW,WAAW,OAAO,UAAU,UAAU;EAAO;aAC1D,oBAAC,wBAAA;GAA2B;GAAmB;GAAc;GAAiB;GAAoB;GAAkB;aACjH;IACc,EACjB,oBAAC,OAAA;GAAI,WAAW;aACb,MAAM,SAAS,IAAI,WAAU,UAC5B,YAAoC,OAAO,4BAAkB,GACzD,MAAM,aAAa,OAAO;IAAE,YAAY,cAAc,WAAW;IAAE,OAAO,QAAQ;IAAG;IAAO,CAAC,GAC7F,MACL;IACG,CAAA;GACH;;AAIT,IAAA,mBAAe;AClCf,IAAMC,qBAAgD,EACpD,aAAa,MACb,QAAQ,GACR,OACA,UACA,aAC4B;AAO5B,QACE,oBAAC,MAAA;EAAG,WAPc,WAClB,SAAO,mBACP,UAAU,KAAK,SAAO,sBAAsB,UAC5C,QAAQ,KAAK,SAAO,kCACrB;EAG6B,eAAa;EAAQ,oBAAkB,YAAY;YAC5E,MAAM,SAAS,IAAI,WAAU,UAC5B,YAA2B,OAAO,iBAAS,GAAG,MAAM,aAAa,OAAO;GAAE;GAAY;GAAO;GAAO,CAAC,GAAG,MACzG;GACE;;AAIT,kBAAkB,WAAW;AAE7B,IAAA,8BAAe;ACrDf,IAAA,4BAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ExpanderHierarchy/ExpanderButton.tsx","../../../src/components/ExpanderHierarchy/utils.ts","../../../src/components/ExpanderHierarchy/Expander.tsx","../../../src/components/ExpanderHierarchy/ExpanderHierarchy.tsx","../../../src/components/ExpanderHierarchy/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { ExpanderHierarchyCommonProps } from '../ExpanderHierarchy';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport Icon, { IconSize } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nimport styles from './expander.module.scss';\n\ninterface ExpanderButtonProps extends ExpanderHierarchyCommonProps {\n  expanded: boolean;\n  onExpand?: (isExpanded: boolean) => void;\n  children: string;\n  testId?: string;\n}\n\nconst ExpanderButton: React.FC<ExpanderButtonProps> = ({ htmlMarkup = 'h2', level = 1, print, expanded, onExpand, children, testId }) => {\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>();\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n\n  const handleClick = (): void => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const buttonClasses = classNames(\n    styles.expander__button,\n    level > 1 && styles[`expander__button--2-and-lower`],\n    print && styles['expander__button--print']\n  );\n\n  const titleClasses = classNames(\n    styles.expander__title,\n    (level === 1 || level === 2 || level === 3) && styles[`expander__title--${level}`],\n    level > 3 && styles[`expander__title--4-and-lower`],\n    isExpanded && styles['expander__title--expanded'],\n    print && styles['expander__title--print']\n  );\n\n  const iconClasses = classNames(\n    styles.expander__icon,\n    level > 1 && styles[`expander__icon--2-and-lower`],\n    level > 2 && styles[`expander__icon--3-and-lower`]\n  );\n\n  return (\n    <CustomTag className={titleClasses}>\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        className={buttonClasses}\n        aria-expanded={isExpanded}\n        ref={refObject}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.ExpanderHierarchyExpander}\n      >\n        {children}\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} isHovered={isHovered} className={iconClasses} size={IconSize.XSmall} />\n      </button>\n    </CustomTag>\n  );\n};\n\nexport default ExpanderButton;\n","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","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ExpanderHierarchyCommonProps, ExpanderHierarchyProps } from './ExpanderHierarchy';\n\nimport ExpanderButton from './ExpanderButton';\nimport ExpanderHierarchy from './ExpanderHierarchy';\nimport { getHeadingTag } from './utils';\nimport { isComponent } from '../../utils/component';\n\nimport styles from './expander.module.scss';\n\nexport interface ExpanderProps extends ExpanderHierarchyCommonProps {\n  /** Sets the trigger title */\n  title: string;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** ref that is placed on the li element */\n  ref?: React.RefObject<HTMLLIElement | null>;\n}\n\nexport type ExpanderType = typeof Expander;\n\nconst Expander: React.FC<ExpanderProps> = ({\n  title,\n  htmlMarkup = 'h2',\n  level = 1,\n  print,\n  expanded = false,\n  onExpand,\n  children,\n  testId,\n  className,\n  ref,\n}: ExpanderProps) => {\n  const contentClasses = classNames(\n    styles.expander__content,\n    (level === 1 || level === 2) && styles[`expander__content--${level}`],\n    level > 2 && styles[`expander__content--3-and-lower`]\n  );\n\n  return (\n    <li className={classNames(styles.expander, className)} ref={ref}>\n      <ExpanderButton htmlMarkup={htmlMarkup} level={level} print={print} expanded={expanded} onExpand={onExpand} testId={testId}>\n        {title}\n      </ExpanderButton>\n      <div className={contentClasses}>\n        {React.Children.map(children, child =>\n          isComponent<ExpanderHierarchyProps>(child, ExpanderHierarchy)\n            ? React.cloneElement(child, { htmlMarkup: getHeadingTag(htmlMarkup), level: level + 1, print })\n            : child\n        )}\n      </div>\n    </li>\n  );\n};\n\nexport default Expander;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ExpanderProps, ExpanderType } from './Expander';\nimport type { HeadingTags } from './utils';\n\nimport Expander from './Expander';\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","import ExpanderHierarchy from './ExpanderHierarchy';\nexport * from './ExpanderHierarchy';\nexport * from './utils';\nexport default ExpanderHierarchy;\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAM,kBAAiD,EAAE,aAAa,MAAM,QAAQ,GAAG,OAAO,UAAU,UAAU,UAAU,aAAa;CACvI,MAAM,EAAE,WAAW,cAAc,kBAAqC;CACtE,MAAM,CAAC,YAAY,iBAAiB,UAAU,UAAU,SAAS;CAEjE,MAAM,oBAA0B;EAC9B,cAAc,CAAC,WAAW;;CAG5B,MAAM,YAAY;CAElB,MAAM,gBAAgB,WACpB,OAAO,kBACP,QAAQ,KAAK,OAAO,kCACpB,SAAS,OAAO,2BACjB;CAED,MAAM,eAAe,WACnB,OAAO,kBACN,UAAU,KAAK,UAAU,KAAK,UAAU,MAAM,OAAO,oBAAoB,UAC1E,QAAQ,KAAK,OAAO,iCACpB,cAAc,OAAO,8BACrB,SAAS,OAAO,0BACjB;CAED,MAAM,cAAc,WAClB,OAAO,gBACP,QAAQ,KAAK,OAAO,gCACpB,QAAQ,KAAK,OAAO,+BACrB;CAED,OACE,oBAAC,WAAD;EAAW,WAAW;YACpB,qBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAW;GACX,iBAAe;GACf,KAAK;GACL,eAAa;GACb,oBAAkB,YAAY;aAPhC,CASG,UACD,oBAAC,cAAD;IAAM,SAAS,aAAa,YAAY;IAAwB;IAAW,WAAW;IAAa,MAAM,SAAS;IAAU,CAAA,CACrH;;EACC,CAAA;;;;AC9DhB,IAAa,iBAAiB,eAA0C;CACtE,QAAQ,YAAR;EACE,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,SACE,OAAO;;;;;ACiBb,IAAM,YAAqC,EACzC,OACA,aAAa,MACb,QAAQ,GACR,OACA,WAAW,OACX,UACA,UACA,QACA,WACA,UACmB;CACnB,MAAM,iBAAiB,WACrB,OAAO,oBACN,UAAU,KAAK,UAAU,MAAM,OAAO,sBAAsB,UAC7D,QAAQ,KAAK,OAAO,kCACrB;CAED,OACE,qBAAC,MAAD;EAAI,WAAW,WAAW,OAAO,UAAU,UAAU;EAAO;YAA5D,CACE,oBAAC,gBAAD;GAA4B;GAAmB;GAAc;GAAiB;GAAoB;GAAkB;aACjH;GACc,CAAA,EACjB,oBAAC,OAAD;GAAK,WAAW;aACb,MAAM,SAAS,IAAI,WAAU,UAC5B,YAAoC,OAAO,kBAAkB,GACzD,MAAM,aAAa,OAAO;IAAE,YAAY,cAAc,WAAW;IAAE,OAAO,QAAQ;IAAG;IAAO,CAAC,GAC7F,MACL;GACG,CAAA,CACH;;;;;AC9BT,IAAM,qBAAgD,EACpD,aAAa,MACb,QAAQ,GACR,OACA,UACA,aAC4B;CAO5B,OACE,oBAAC,MAAD;EAAI,WAPc,WAClB,SAAO,mBACP,UAAU,KAAK,SAAO,sBAAsB,UAC5C,QAAQ,KAAK,SAAO,kCAIL;EAAa,eAAa;EAAQ,oBAAkB,YAAY;YAC5E,MAAM,SAAS,IAAI,WAAU,UAC5B,YAA2B,OAAO,SAAS,GAAG,MAAM,aAAa,OAAO;GAAE;GAAY;GAAO;GAAO,CAAC,GAAG,MACzG;EACE,CAAA;;AAIT,kBAAkB,WAAW;;;ACnD7B,IAAA,4BAAe"}

package/lib/components/ExpanderList/index.js

@@ -1,18 +1,19 @@
-import { n as AnalyticsId } from "../../constants2.js";
-import { t as usePseudoClasses } from "../../usePseudoClasses.js";
-import { n as mergeRefs } from "../../refs.js";
-import { t as ChevronDown_default } from "../../ChevronDown.js";
-import { t as ChevronUp_default } from "../../ChevronUp.js";
+import { AnalyticsId } from "../../constants.js";
+import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
+import { mergeRefs } from "../../utils/refs.js";
+import ChevronDown from "../Icons/ChevronDown.js";
+import ChevronUp from "../Icons/ChevronUp.js";
 import { t as Highlighter_default } from "../../Highlighter.js";
 import { i as renderElementHeader } from "../../ElementHeader.js";
-import { t as useExpand } from "../../useExpand.js";
-import { t as isElementInViewport } from "../../viewport.js";
+import { useExpand } from "../../hooks/useExpand.js";
+import { isElementInViewport } from "../../utils/viewport.js";
 import { n as listEditModeWrapperClassnames, t as ListEditMode_default } from "../../ListEditMode.js";
 import classNames from "classnames";
 import React, { useEffect, useId, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import expanderListStyles from "./styles.module.scss";
-const Expander = (props) => {
+//#region src/components/ExpanderList/ExpanderList.tsx
+var Expander = (props) => {
 	const { id, children, padding = true, color = "neutral", className = "", icon, large = false, title, titleHtmlMarkup = "span", expanded = false, testId, handleExpanderClick, onExpand, renderChildrenWhenClosed, variant = "line", zIndex = 0, highlightText, status = "none", editMode = false, ref } = props;
 	const [isExpanded] = useExpand(expanded, onExpand);
 	const expanderRef = useRef(null);
@@ -98,7 +99,7 @@ const Expander = (props) => {
 					isHovered: isHovered || isFocused,
 					size: large ? "large" : "medium",
 					parentType: "expanderlist",
-					chevronIcon: isExpanded ? ChevronUp_default : ChevronDown_default,
+					chevronIcon: isExpanded ? ChevronUp : ChevronDown,
 					icon,
 					highlightText
 				})
@@ -204,7 +205,10 @@ var ExpanderList = ExpanderListComponent;
 ExpanderList.displayName = "ExpanderList";
 ExpanderList.Expander = Expander;
 Expander.displayName = "ExpanderList.Expander";
+//#endregion
+//#region src/components/ExpanderList/index.ts
 var ExpanderList_default = ExpanderList;
+//#endregion
 export { Expander, ExpanderList_default as default };
 
 //# sourceMappingURL=index.js.map

package/lib/components/ExpanderList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Expander: ExpanderType","ExpanderListComponent: React.FC<ExpanderListProps>","highlightTextChild: string | undefined"],"sources":["../../../src/components/ExpanderList/ExpanderList.tsx","../../../src/components/ExpanderList/index.ts"],"sourcesContent":["import React, { useEffect, useId, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\nimport type { ElementHeaderType } from '../ElementHeader/ElementHeader';\nimport type { ListEditModeItemProps } from '../ListEditMode';\nimport type { TitleTags } from '../Title';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport { isElementInViewport } from '../../utils/viewport';\nimport { renderElementHeader } from '../ElementHeader/utils';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport ListEditModeItem from '../ListEditMode';\nimport { listEditModeWrapperClassnames } from '../ListEditMode/constants';\n\nimport expanderListStyles from './styles.module.scss';\n\nexport type ExpanderListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport interface ExpanderType extends React.FC<ExpanderProps> {\n  ElementHeader?: ElementHeaderType;\n}\n\nexport interface ExpanderListCompound extends React.FC<ExpanderListProps> {\n  Expander: ExpanderType;\n}\n\nexport type ExpanderListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport type ExpanderListStatus = 'none' | 'new';\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 colors of the list. */\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  /** 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  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /**\n   * @experimental This prop is experimental and may change in the future.\n   * Enables ListEditMode\n   */\n  editMode?: boolean;\n  /** Ref passed to the ul element */\n  ref?: React.Ref<HTMLUListElement | null>;\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: React.ReactElement | 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    /** Highlights text in title and content. Override if different from list. */\n    highlightText?: string;\n    /** Displays a status on the left side: default none */\n    status?: ExpanderListStatus;\n    /** Ref passed to the li element */\n    ref?: React.Ref<HTMLLIElement | null>;\n  }\n> &\n  Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'> &\n  ListEditModeItemProps;\n\nexport const Expander: ExpanderType = (props: ExpanderProps) => {\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    testId,\n    handleExpanderClick,\n    onExpand,\n    renderChildrenWhenClosed,\n    variant = 'line',\n    zIndex = 0,\n    highlightText,\n    status = 'none',\n    editMode = false,\n    ref,\n  } = props;\n  const [isExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLLIElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered, isFocused } = usePseudoClasses(triggerRef);\n\n  const isFill = variant === 'fill';\n  const isFillNegative = variant === 'fill-negative';\n  const isOutline = variant === 'outline';\n  const isLine = variant === 'line';\n\n  const itemClasses = classNames(className, expanderListStyles['expander-list__item'], {\n    [expanderListStyles[`expander-list__item--fill`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list__item--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list__item--outline']]: isOutline,\n    [expanderListStyles[`expander-list__item--outline--${color}`]]: isOutline,\n    [expanderListStyles['expander-list__item--line']]: isLine,\n    [expanderListStyles[`expander-list__item--line--${color}`]]: isLine,\n    [expanderListStyles[`expander-list__item--new`]]: status === 'new',\n  });\n\n  const expanderClasses = classNames(expanderListStyles['expander-list-link'], expanderListStyles[`expander-list-link--${color}`], {\n    [expanderListStyles[`expander-list-link--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list-link--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list-link--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list-link--outline']]: isOutline,\n    [expanderListStyles[`expander-list-link--outline--${color}`]]: isOutline,\n    [expanderListStyles[`expander-list-link--line--${color}`]]: isLine,\n    [expanderListStyles['expander-list-link--open']]: isExpanded,\n    [expanderListStyles['expander-list-link--large']]: large,\n    [expanderListStyles[`expander-list-link--new`]]: status === 'new',\n  });\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const mainContentClasses = classNames(expanderListStyles['expander-list-link__main-content'], {\n      [expanderListStyles['expander-list-link__main-content--expanded']]: isExpanded,\n      [expanderListStyles['expander-list-link__main-content--padding']]: padding,\n      [expanderListStyles[`expander-list-link__main-content--outline--${color}`]]: isOutline,\n      [expanderListStyles[`expander-list-link__main-content--new`]]: status === 'new',\n    });\n\n    return (\n      <div className={mainContentClasses} data-state={isExpanded ? 'open' : 'closed'}>\n        <Highlighter searchText={highlightText}>{children}</Highlighter>\n      </div>\n    );\n  };\n\n  const statusMarkerClasses = classNames(expanderListStyles['expander-list__item__status-marker'], {\n    [expanderListStyles['expander-list__item__status-marker--new']]: status === 'new',\n  });\n\n  return (\n    <>\n      {editMode ? (\n        <div className={itemClasses}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <div id={id} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderListExpander} className={expanderClasses}>\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: false,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: undefined,\n              icon,\n              highlightText,\n            })}\n          </div>\n        </div>\n      ) : (\n        <li className={itemClasses} ref={mergeRefs([ref, expanderRef])}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\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: isFocused ? zIndex + 1 : zIndex,\n            }}\n          >\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: isHovered || isFocused,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: isExpanded ? ChevronUp : ChevronDown,\n              icon,\n              highlightText,\n            })}\n          </button>\n          {renderContent()}\n        </li>\n      )}\n    </>\n  );\n};\n\ntype ActiveExpander = Record<string, boolean>;\n\nconst isExpanderComponent = (element: unknown | null | undefined): element is React.ReactElement<ExpanderProps> =>\n  React.isValidElement<ExpanderProps>(element) && (element as React.ReactElement).type === Expander;\n\nconst ExpanderListComponent: React.FC<ExpanderListProps> = (props: ExpanderListProps) => {\n  const {\n    children,\n    childPadding = true,\n    large,\n    renderChildrenWhenClosed = false,\n    color = 'white',\n    className = '',\n    accordion = false,\n    testId,\n    variant,\n    zIndex,\n    highlightText,\n    editMode = false,\n    ref,\n  } = props;\n  const [prevChildren, setPrevChildren] = useState(children);\n  const [activeExpander, setActiveExpander] = useState<ActiveExpander>();\n  const [latestExpander, setLatestExpander] = useState<HTMLElement>();\n  const expanderIdBase = useId();\n  const expanderListClasses = classNames(expanderListStyles['expander-list'], className, {\n    [expanderListStyles[`expander-list--outline--${color}`]]: variant === 'outline',\n    [expanderListStyles[`expander-list--fill`]]: variant === 'fill' || variant === 'fill-negative',\n    [listEditModeWrapperClassnames]: editMode,\n  });\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 => `${expanderIdBase}-${index}`;\n\n  useEffect(() => {\n    if (accordion && latestExpander && !isElementInViewport(latestExpander)) {\n      latestExpander.scrollIntoView();\n    }\n  }, [accordion, latestExpander]);\n\n  const getExpanderStateFromChildren = (): ActiveExpander | undefined => {\n    return 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\n  if (children !== prevChildren) {\n    setPrevChildren(children);\n    const newActiveExpander = getExpanderStateFromChildren();\n    if (newActiveExpander) {\n      setActiveExpander({ ...activeExpander, ...newActiveExpander });\n    }\n  }\n\n  if (activeExpander === undefined) {\n    const initialState = getExpanderStateFromChildren();\n    if (initialState && Object.keys(initialState).length > 0) {\n      setActiveExpander(initialState);\n    }\n  }\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          const highlightTextChild: string | undefined = child.props.highlightText || highlightText;\n\n          if (editMode) {\n            return (\n              <ListEditModeItem color={color} variant={variant} onDelete={child.props.onDelete}>\n                {React.cloneElement(child, {\n                  id,\n                  key: index,\n                  expanded,\n                  padding: childPadding,\n                  color,\n                  large,\n                  'aria-expanded': false,\n                  className: expanderListStyles['expander-list__item'],\n                  renderChildrenWhenClosed: false,\n                  variant,\n                  zIndex: zIndex,\n                  highlightText: highlightTextChild,\n                  editMode: true,\n                })}\n              </ListEditModeItem>\n            );\n          } else {\n            return React.cloneElement(child as React.ReactElement<ExpanderProps>, {\n              id,\n              key: index,\n              expanded,\n              padding: childPadding,\n              color,\n              large,\n              'aria-expanded': expanded,\n              className: expanderListStyles['expander-list__item'],\n              handleExpanderClick: (event: React.MouseEvent<HTMLElement>) => handleExpanderClick(event, `${expanderIdBase}-${index}`),\n              renderChildrenWhenClosed,\n              variant,\n              zIndex: zIndex,\n              highlightText: highlightTextChild,\n            });\n          }\n        }\n        return child;\n      })}\n    </ul>\n  );\n};\n\nconst ExpanderList = ExpanderListComponent as ExpanderListCompound;\n\nExpanderList.displayName = 'ExpanderList';\nExpanderList.Expander = Expander;\nExpander.displayName = 'ExpanderList.Expander';\n\nexport default ExpanderList;\n","import ExpanderList from './ExpanderList';\nexport * from './ExpanderList';\nexport default ExpanderList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ExpanderList/ExpanderList.tsx","../../../src/components/ExpanderList/index.ts"],"sourcesContent":["import React, { useEffect, useId, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { PaletteNames } from '../../theme/palette';\nimport type { ElementHeaderType } from '../ElementHeader/ElementHeader';\nimport type { ListEditModeItemProps } from '../ListEditMode';\nimport type { TitleTags } from '../Title';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport { isElementInViewport } from '../../utils/viewport';\nimport { renderElementHeader } from '../ElementHeader/utils';\nimport Highlighter from '../Highlighter';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport ListEditModeItem from '../ListEditMode';\nimport { listEditModeWrapperClassnames } from '../ListEditMode/constants';\n\nimport expanderListStyles from './styles.module.scss';\n\nexport type ExpanderListColors = Extract<PaletteNames, 'white' | 'blueberry' | 'cherry' | 'neutral'>;\nexport interface ExpanderType extends React.FC<ExpanderProps> {\n  ElementHeader?: ElementHeaderType;\n}\n\nexport interface ExpanderListCompound extends React.FC<ExpanderListProps> {\n  Expander: ExpanderType;\n}\n\nexport type ExpanderListVariant = 'line' | 'outline' | 'fill' | 'fill-negative';\n\nexport type ExpanderListStatus = 'none' | 'new';\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 colors of the list. */\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  /** 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  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n  /**\n   * @experimental This prop is experimental and may change in the future.\n   * Enables ListEditMode\n   */\n  editMode?: boolean;\n  /** Ref passed to the ul element */\n  ref?: React.Ref<HTMLUListElement | null>;\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: React.ReactElement | 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    /** Highlights text in title and content. Override if different from list. */\n    highlightText?: string;\n    /** Displays a status on the left side: default none */\n    status?: ExpanderListStatus;\n    /** Ref passed to the li element */\n    ref?: React.Ref<HTMLLIElement | null>;\n  }\n> &\n  Pick<ExpanderListProps, 'renderChildrenWhenClosed' | 'variant'> &\n  ListEditModeItemProps;\n\nexport const Expander: ExpanderType = (props: ExpanderProps) => {\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    testId,\n    handleExpanderClick,\n    onExpand,\n    renderChildrenWhenClosed,\n    variant = 'line',\n    zIndex = 0,\n    highlightText,\n    status = 'none',\n    editMode = false,\n    ref,\n  } = props;\n  const [isExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLLIElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered, isFocused } = usePseudoClasses(triggerRef);\n\n  const isFill = variant === 'fill';\n  const isFillNegative = variant === 'fill-negative';\n  const isOutline = variant === 'outline';\n  const isLine = variant === 'line';\n\n  const itemClasses = classNames(className, expanderListStyles['expander-list__item'], {\n    [expanderListStyles[`expander-list__item--fill`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list__item--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list__item--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list__item--outline']]: isOutline,\n    [expanderListStyles[`expander-list__item--outline--${color}`]]: isOutline,\n    [expanderListStyles['expander-list__item--line']]: isLine,\n    [expanderListStyles[`expander-list__item--line--${color}`]]: isLine,\n    [expanderListStyles[`expander-list__item--new`]]: status === 'new',\n  });\n\n  const expanderClasses = classNames(expanderListStyles['expander-list-link'], expanderListStyles[`expander-list-link--${color}`], {\n    [expanderListStyles[`expander-list-link--fill--${color}`]]: isFill,\n    [expanderListStyles[`expander-list-link--fill-negative`]]: isFillNegative,\n    [expanderListStyles[`expander-list-link--fill-negative--${color}`]]: isFillNegative,\n    [expanderListStyles['expander-list-link--outline']]: isOutline,\n    [expanderListStyles[`expander-list-link--outline--${color}`]]: isOutline,\n    [expanderListStyles[`expander-list-link--line--${color}`]]: isLine,\n    [expanderListStyles['expander-list-link--open']]: isExpanded,\n    [expanderListStyles['expander-list-link--large']]: large,\n    [expanderListStyles[`expander-list-link--new`]]: status === 'new',\n  });\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const mainContentClasses = classNames(expanderListStyles['expander-list-link__main-content'], {\n      [expanderListStyles['expander-list-link__main-content--expanded']]: isExpanded,\n      [expanderListStyles['expander-list-link__main-content--padding']]: padding,\n      [expanderListStyles[`expander-list-link__main-content--outline--${color}`]]: isOutline,\n      [expanderListStyles[`expander-list-link__main-content--new`]]: status === 'new',\n    });\n\n    return (\n      <div className={mainContentClasses} data-state={isExpanded ? 'open' : 'closed'}>\n        <Highlighter searchText={highlightText}>{children}</Highlighter>\n      </div>\n    );\n  };\n\n  const statusMarkerClasses = classNames(expanderListStyles['expander-list__item__status-marker'], {\n    [expanderListStyles['expander-list__item__status-marker--new']]: status === 'new',\n  });\n\n  return (\n    <>\n      {editMode ? (\n        <div className={itemClasses}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\n          <div id={id} data-testid={testId} data-analyticsid={AnalyticsId.ExpanderListExpander} className={expanderClasses}>\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: false,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: undefined,\n              icon,\n              highlightText,\n            })}\n          </div>\n        </div>\n      ) : (\n        <li className={itemClasses} ref={mergeRefs([ref, expanderRef])}>\n          {status !== 'none' && <div className={statusMarkerClasses}></div>}\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: isFocused ? zIndex + 1 : zIndex,\n            }}\n          >\n            {renderElementHeader(title, {\n              titleHtmlMarkup,\n              isHovered: isHovered || isFocused,\n              size: large ? 'large' : 'medium',\n              parentType: 'expanderlist',\n              chevronIcon: isExpanded ? ChevronUp : ChevronDown,\n              icon,\n              highlightText,\n            })}\n          </button>\n          {renderContent()}\n        </li>\n      )}\n    </>\n  );\n};\n\ntype ActiveExpander = Record<string, boolean>;\n\nconst isExpanderComponent = (element: unknown | null | undefined): element is React.ReactElement<ExpanderProps> =>\n  React.isValidElement<ExpanderProps>(element) && (element as React.ReactElement).type === Expander;\n\nconst ExpanderListComponent: React.FC<ExpanderListProps> = (props: ExpanderListProps) => {\n  const {\n    children,\n    childPadding = true,\n    large,\n    renderChildrenWhenClosed = false,\n    color = 'white',\n    className = '',\n    accordion = false,\n    testId,\n    variant,\n    zIndex,\n    highlightText,\n    editMode = false,\n    ref,\n  } = props;\n  const [prevChildren, setPrevChildren] = useState(children);\n  const [activeExpander, setActiveExpander] = useState<ActiveExpander>();\n  const [latestExpander, setLatestExpander] = useState<HTMLElement>();\n  const expanderIdBase = useId();\n  const expanderListClasses = classNames(expanderListStyles['expander-list'], className, {\n    [expanderListStyles[`expander-list--outline--${color}`]]: variant === 'outline',\n    [expanderListStyles[`expander-list--fill`]]: variant === 'fill' || variant === 'fill-negative',\n    [listEditModeWrapperClassnames]: editMode,\n  });\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 => `${expanderIdBase}-${index}`;\n\n  useEffect(() => {\n    if (accordion && latestExpander && !isElementInViewport(latestExpander)) {\n      latestExpander.scrollIntoView();\n    }\n  }, [accordion, latestExpander]);\n\n  const getExpanderStateFromChildren = (): ActiveExpander | undefined => {\n    return 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\n  if (children !== prevChildren) {\n    setPrevChildren(children);\n    const newActiveExpander = getExpanderStateFromChildren();\n    if (newActiveExpander) {\n      setActiveExpander({ ...activeExpander, ...newActiveExpander });\n    }\n  }\n\n  if (activeExpander === undefined) {\n    const initialState = getExpanderStateFromChildren();\n    if (initialState && Object.keys(initialState).length > 0) {\n      setActiveExpander(initialState);\n    }\n  }\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          const highlightTextChild: string | undefined = child.props.highlightText || highlightText;\n\n          if (editMode) {\n            return (\n              <ListEditModeItem color={color} variant={variant} onDelete={child.props.onDelete}>\n                {React.cloneElement(child, {\n                  id,\n                  key: index,\n                  expanded,\n                  padding: childPadding,\n                  color,\n                  large,\n                  'aria-expanded': false,\n                  className: expanderListStyles['expander-list__item'],\n                  renderChildrenWhenClosed: false,\n                  variant,\n                  zIndex: zIndex,\n                  highlightText: highlightTextChild,\n                  editMode: true,\n                })}\n              </ListEditModeItem>\n            );\n          } else {\n            return React.cloneElement(child as React.ReactElement<ExpanderProps>, {\n              id,\n              key: index,\n              expanded,\n              padding: childPadding,\n              color,\n              large,\n              'aria-expanded': expanded,\n              className: expanderListStyles['expander-list__item'],\n              handleExpanderClick: (event: React.MouseEvent<HTMLElement>) => handleExpanderClick(event, `${expanderIdBase}-${index}`),\n              renderChildrenWhenClosed,\n              variant,\n              zIndex: zIndex,\n              highlightText: highlightTextChild,\n            });\n          }\n        }\n        return child;\n      })}\n    </ul>\n  );\n};\n\nconst ExpanderList = ExpanderListComponent as ExpanderListCompound;\n\nExpanderList.displayName = 'ExpanderList';\nExpanderList.Expander = Expander;\nExpander.displayName = 'ExpanderList.Expander';\n\nexport default ExpanderList;\n","import ExpanderList from './ExpanderList';\nexport * from './ExpanderList';\nexport default ExpanderList;\n"],"mappings":"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"}

package/lib/components/EyebrowHeader/index.js

@@ -1,7 +1,8 @@
-import { n as AnalyticsId } from "../../constants2.js";
-import { t as Title_default } from "../../Title2.js";
+import { AnalyticsId } from "../../constants.js";
+import Title_default from "../Title/index.js";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
+//#region src/components/EyebrowHeader/EyebrowHeader.tsx
 var Subtitle = (props) => {
 	return /* @__PURE__ */ jsx("p", {
 		className: styles.subtitle,
@@ -16,7 +17,10 @@ var EyebrowHeader = ((props) => /* @__PURE__ */ jsx("div", {
 EyebrowHeader.Subtitle = Subtitle;
 EyebrowHeader.Title = Title_default;
 EyebrowHeader.displayName = "EyebrowHeader";
+//#endregion
+//#region src/components/EyebrowHeader/index.ts
 var EyebrowHeader_default = EyebrowHeader;
+//#endregion
 export { EyebrowHeader_default as default };
 
 //# sourceMappingURL=index.js.map

package/lib/components/EyebrowHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Subtitle: React.FC<SubtitleProps>"],"sources":["../../../src/components/EyebrowHeader/EyebrowHeader.tsx","../../../src/components/EyebrowHeader/index.ts"],"sourcesContent":["import { 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","import EyebrowHeader from './EyebrowHeader';\nexport * from './EyebrowHeader';\nexport default EyebrowHeader;\n"],"mappings":";;;;AASA,IAAMA,YAAoC,UAAS;AACjD,QAAO,oBAAC,KAAA;EAAE,WAAW,OAAO;YAAW,MAAM;GAAa;;AAc5D,IAAM,kBAAkB,UACtB,oBAAC,OAAA;CAAI,eAAa,MAAM;CAAQ,oBAAkB,YAAY;WAC3D,MAAM;EACH;AAGR,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,cAAc;AC9B5B,IAAA,wBDgCe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/EyebrowHeader/EyebrowHeader.tsx","../../../src/components/EyebrowHeader/index.ts"],"sourcesContent":["import { 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","import EyebrowHeader from './EyebrowHeader';\nexport * from './EyebrowHeader';\nexport default EyebrowHeader;\n"],"mappings":";;;;;AASA,IAAM,YAAoC,UAAS;CACjD,OAAO,oBAAC,KAAD;EAAG,WAAW,OAAO;YAAW,MAAM;EAAa,CAAA;;AAc5D,IAAM,kBAAkB,UACtB,oBAAC,OAAD;CAAK,eAAa,MAAM;CAAQ,oBAAkB,YAAY;WAC3D,MAAM;CACH,CAAA;AAGR,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,cAAc;;;AC9B5B,IAAA,wBAAe"}

package/lib/components/FavoriteButton/index.js

@@ -1,18 +1,22 @@
-import { n as AnalyticsId, s as LanguageLocales } from "../../constants2.js";
-import { t as usePseudoClasses } from "../../usePseudoClasses.js";
-import { t as isMutableRefObject } from "../../refs.js";
-import { n as useLanguage } from "../../useLanguage.js";
-import { n as useBreakpoint, t as Breakpoint } from "../../useBreakpoint.js";
+import { AnalyticsId, LanguageLocales } from "../../constants.js";
+import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
+import { isMutableRefObject } from "../../utils/refs.js";
+import { useLanguage } from "../../hooks/useLanguage.js";
+import { Breakpoint, useBreakpoint } from "../../hooks/useBreakpoint.js";
 import classNames from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HN_Designsystem_FavoriteButton_nb_NO_default = { ariaLabel: "Favorittmarkering" };
-const getResources = (language) => {
+//#endregion
+//#region src/components/FavoriteButton/resourceHelper.ts
+var getResources = (language) => {
 	switch (language) {
 		case LanguageLocales.NORWEGIAN:
 		default: return HN_Designsystem_FavoriteButton_nb_NO_default;
 	}
 };
+//#endregion
+//#region src/components/FavoriteButton/StarIcon.tsx
 var normalStroke = "var(--color-action-graphics-onlight)";
 var normalFill = "transparent";
 var hoverFill = "var(--color-action-graphics-onlight-hover)";
@@ -30,7 +34,7 @@ var strokeColor = (isActive, isHovered) => {
 	else if (isHovered) return hoverStroke;
 	else return normalStroke;
 };
-const starIconNormalMobile = (isChecked, isActive) => {
+var starIconNormalMobile = (isChecked, isActive) => {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
 		d: "M20.1026 31.1787L13.4007 34.7023C10.833 36.0523 7.83185 33.8719 8.32233 31.0126L9.60261 23.5492L4.17653 18.2675C2.09656 16.2428 3.24317 12.712 6.11581 12.2956L13.5982 11.2112L16.9493 4.42107C18.2332 1.81969 21.9426 1.81969 23.2265 4.42107L26.5776 11.2112L34.06 12.2956C36.9326 12.712 38.0792 16.2428 35.9993 18.2675L30.5732 23.5492L31.852 31.0044C32.3428 33.8651 29.3386 36.0456 26.7708 34.6925L20.1026 31.1787Z",
 		stroke: "black",
@@ -48,7 +52,7 @@ const starIconNormalMobile = (isChecked, isActive) => {
 		strokeLinejoin: "round"
 	})] });
 };
-const starIconHoverMobile = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
+var starIconHoverMobile = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
 	d: "M22.2128 31.4832L16.2246 36.117C13.9303 37.8924 10.5961 36.2662 10.5826 33.3653L10.5475 25.7929L4.28665 21.5336C1.88672 19.9009 2.40278 16.2246 5.15948 15.3158L12.3399 12.9486L14.461 5.67964C15.2736 2.89484 18.9267 2.2507 20.6428 4.58962L25.1221 10.6947L32.6791 10.4633C35.5804 10.3745 37.3227 13.6526 35.6259 16.0077L31.1994 22.1514L33.7534 29.2712C34.7335 32.0033 32.1536 34.6724 29.3898 33.7857L22.2128 31.4832Z",
 	stroke: "black",
 	fill: "transparent",
@@ -64,7 +68,7 @@ const starIconHoverMobile = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragme
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
 })] });
-const starIconNormalDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
+var starIconNormalDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
 	d: "M30.1061 44.1854L20.3139 49.3338C17.7461 50.6838 14.745 48.5034 15.2355 45.6441L17.1061 34.7394L9.17653 27.0207C7.09656 24.9961 8.24318 21.4653 11.1158 21.0489L22.053 19.4638L26.9493 9.54278C28.2331 6.9414 31.9426 6.94139 33.2265 9.54278L38.1227 19.4638L49.06 21.0489C51.9326 21.4653 53.0792 24.9961 50.9993 27.0207L43.0697 34.7394L44.9389 45.6359C45.4296 48.4966 42.4254 50.6772 39.8576 49.324L30.1061 44.1854Z",
 	stroke: "black",
 	fill: "transparent",
@@ -79,7 +83,7 @@ const starIconNormalDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Frag
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
 })] });
-const starIconHoverDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
+var starIconHoverDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
 	d: "M33.1609 44.7458L24.4114 51.5164C22.1171 53.2918 18.783 51.6656 18.7695 48.7646L18.7181 37.7007L9.56864 31.4763C7.1687 29.8436 7.68476 26.1672 10.4415 25.2584L20.9373 21.7982L24.0364 11.1776C24.849 8.39281 28.5021 7.74867 30.2182 10.0876L36.7629 19.0077L47.8092 18.6695C50.7105 18.5807 52.4528 21.8588 50.756 24.2138L44.2872 33.1922L48.0201 43.5985C49.0002 46.3306 46.4203 48.9997 43.6565 48.113L33.1609 44.7458Z",
 	stroke: "black",
 	fill: "transparent",
@@ -95,7 +99,9 @@ const starIconHoverDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragm
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
 })] });
-const FavoriteButton = (props) => {
+//#endregion
+//#region src/components/FavoriteButton/FavoriteButton.tsx
+var FavoriteButton = (props) => {
 	const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;
 	const buttonWrapperClasses = classNames(styles.favoritebutton);
 	const { refObject, isHovered, isActive } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
@@ -137,7 +143,10 @@ const FavoriteButton = (props) => {
 	});
 };
 FavoriteButton.displayName = "FavoriteButton";
+//#endregion
+//#region src/components/FavoriteButton/index.ts
 var FavoriteButton_default = FavoriteButton;
+//#endregion
 export { FavoriteButton, FavoriteButton_default as default };
 
 //# sourceMappingURL=index.js.map

package/lib/components/FavoriteButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FavoriteButton: React.FC<FavoriteButtonProps>","mergedResources: HNDesignsystemFavoriteButton"],"sources":["../../../src/resources/HN.Designsystem.FavoriteButton.nb-NO.json","../../../src/components/FavoriteButton/resourceHelper.ts","../../../src/components/FavoriteButton/StarIcon.tsx","../../../src/components/FavoriteButton/FavoriteButton.tsx","../../../src/components/FavoriteButton/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Favorittmarkering\"\n}\n","import type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.FavoriteButton.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFavoriteButton => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import styles from './styles.module.scss';\n\nconst normalStroke = 'var(--color-action-graphics-onlight)';\nconst normalFill = 'transparent';\nconst hoverFill = 'var(--color-action-graphics-onlight-hover)';\nconst hoverStroke = 'var(--color-action-graphics-onlight-hover)';\nconst activeStroke = 'var(--core-color-blueberry-800)';\n\nconst fillColor = (isChecked: boolean, isActive: boolean, isHovered: boolean): string => {\n  if (isChecked) {\n    if (isActive) {\n      return activeStroke;\n    } else {\n      if (isHovered) {\n        return hoverStroke;\n      } else {\n        return normalStroke;\n      }\n    }\n  } else {\n    if (isHovered) {\n      return hoverFill;\n    } else {\n      return normalFill;\n    }\n  }\n};\n\nconst strokeColor = (isActive: boolean, isHovered: boolean): string => {\n  if (isActive) {\n    return activeStroke;\n  } else {\n    if (isHovered) {\n      return hoverStroke;\n    } else {\n      return normalStroke;\n    }\n  }\n};\n\nexport const starIconNormalMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => {\n  return (\n    <>\n      <path\n        d=\"M20.1026 31.1787L13.4007 34.7023C10.833 36.0523 7.83185 33.8719 8.32233 31.0126L9.60261 23.5492L4.17653 18.2675C2.09656 16.2428 3.24317 12.712 6.11581 12.2956L13.5982 11.2112L16.9493 4.42107C18.2332 1.81969 21.9426 1.81969 23.2265 4.42107L26.5776 11.2112L34.06 12.2956C36.9326 12.712 38.0792 16.2428 35.9993 18.2675L30.5732 23.5492L31.852 31.0044C32.3428 33.8651 29.3386 36.0456 26.7708 34.6925L20.1026 31.1787Z\"\n        stroke=\"black\"\n        fill=\"transparent\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        className={styles['favoritebutton__star-icon--focus']}\n        display=\"block\"\n      />\n      <path\n        d=\"M20.0961 26.5515L12.6372 30.4731L14.0621 22.1671L8.01953 16.2853L16.3582 15.0768L20.0877 7.52002L23.8171 15.0768L32.1558 16.2853L26.1133 22.1671L27.5381 30.4731L20.0961 26.5515Z\"\n        stroke={strokeColor(isActive, false)}\n        fill={fillColor(isChecked, isActive, false)}\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </>\n  );\n};\n\nexport const starIconHoverMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M22.2128 31.4832L16.2246 36.117C13.9303 37.8924 10.5961 36.2662 10.5826 33.3653L10.5475 25.7929L4.28665 21.5336C1.88672 19.9009 2.40278 16.2246 5.15948 15.3158L12.3399 12.9486L14.461 5.67964C15.2736 2.89484 18.9267 2.2507 20.6428 4.58962L25.1221 10.6947L32.6791 10.4633C35.5804 10.3745 37.3227 13.6526 35.6259 16.0077L31.1994 22.1514L33.7534 29.2712C34.7335 32.0033 32.1536 34.6724 29.3898 33.7857L22.2128 31.4832Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M21.4079 26.8365L14.7433 31.9937L14.7041 23.5664L7.73204 18.8233L15.7342 16.1851L18.0947 8.09555L23.0798 14.8899L31.5016 14.6321L26.5722 21.4738L29.4178 29.4062L21.4079 26.8365Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\nexport const starIconNormalDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M30.1061 44.1854L20.3139 49.3338C17.7461 50.6838 14.745 48.5034 15.2355 45.6441L17.1061 34.7394L9.17653 27.0207C7.09656 24.9961 8.24318 21.4653 11.1158 21.0489L22.053 19.4638L26.9493 9.54278C28.2331 6.9414 31.9426 6.94139 33.2265 9.54278L38.1227 19.4638L49.06 21.0489C51.9326 21.4653 53.0792 24.9961 50.9993 27.0207L43.0697 34.7394L44.9389 45.6359C45.4296 48.4966 42.4254 50.6772 39.8576 49.324L30.1061 44.1854Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M30.0998 39.4723L19.5927 44.9966L21.5998 33.2961L13.0879 25.0106L24.8343 23.3082L30.0879 12.6632L35.3414 23.3082L47.0879 25.0106L38.576 33.2961L40.5831 44.9966L30.0998 39.4723Z\"\n      stroke={strokeColor(isActive, false)}\n      fill={fillColor(isChecked, isActive, false)}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n\nexport const starIconHoverDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M33.1609 44.7458L24.4114 51.5164C22.1171 53.2918 18.783 51.6656 18.7695 48.7646L18.7181 37.7007L9.56864 31.4763C7.1687 29.8436 7.68476 26.1672 10.4415 25.2584L20.9373 21.7982L24.0364 11.1776C24.849 8.39281 28.5021 7.74867 30.2182 10.0876L36.7629 19.0077L47.8092 18.6695C50.7105 18.5807 52.4528 21.8588 50.756 24.2138L44.2872 33.1922L48.0201 43.5985C49.0002 46.3306 46.4203 48.9997 43.6565 48.113L33.1609 44.7458Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M32.3991 40.1029L23.0108 47.3678L22.9557 35.4965L13.1343 28.815L24.4067 25.0987L27.732 13.7031L34.7542 23.2741L46.6178 22.9109L39.674 32.5486L43.6823 43.7228L32.3991 40.1029Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n","import type { AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HTMLButtonProps } from '../../constants';\nimport type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { starIconHoverDesktop, starIconHoverMobile, starIconNormalDesktop, starIconNormalMobile } from './StarIcon';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { isMutableRefObject } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport interface FavoriteButtonProps extends Omit<HTMLButtonProps, 'type'>, AriaAttributes {\n  /**  Determines if the FavoriteButton is checked */\n  checked: boolean;\n  /** Gives a unique id to the button */\n  id?: string;\n  /** Function that is called when clicked */\n  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemFavoriteButton>;\n  /** Specifies the focus order relative to the other buttons or controls on the page  */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the button element */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nexport const FavoriteButton: React.FC<FavoriteButtonProps> = (props: FavoriteButtonProps) => {\n  const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;\n\n  const buttonWrapperClasses = classNames(styles.favoritebutton);\n  const { refObject, isHovered, isActive } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n  const breakpoint = useBreakpoint();\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFavoriteButton = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: other['aria-label'] || resources?.ariaLabel || defaultResources.ariaLabel,\n  };\n\n  const isMobile = breakpoint <= Breakpoint.sm;\n\n  const starIcon = ((): React.JSX.Element => {\n    if (isMobile) {\n      if (isHovered) {\n        return starIconHoverMobile(checked, isActive);\n      } else {\n        return starIconNormalMobile(checked, isActive);\n      }\n    } else {\n      if (isHovered) {\n        return starIconHoverDesktop(checked, isActive);\n      } else {\n        return starIconNormalDesktop(checked, isActive);\n      }\n    }\n  })();\n\n  return (\n    <button\n      id={id}\n      onClick={onClick}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FavoriteButton}\n      className={buttonWrapperClasses}\n      ref={refObject}\n      tabIndex={tabIndex}\n      role=\"switch\"\n      aria-checked={checked}\n      type=\"button\"\n      aria-label={mergedResources.ariaLabel}\n      {...other}\n    >\n      <svg focusable={false} overflow=\"visible\" role=\"presentation\" viewBox={isMobile ? '0 0 41 41' : '0 0 61 61'}>\n        {starIcon}\n      </svg>\n    </button>\n  );\n};\n\nFavoriteButton.displayName = 'FavoriteButton';\n\nexport default FavoriteButton;\n","export * from './FavoriteButton';\n\nimport { FavoriteButton } from './FavoriteButton';\nexport default FavoriteButton;\n"],"mappings":";;;;;;;;;ACKA,MAAa,gBAAgB,aAA4D;AACvF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACPb,IAAM,eAAe;AACrB,IAAM,aAAa;AACnB,IAAM,YAAY;AAClB,IAAM,cAAc;AACpB,IAAM,eAAe;AAErB,IAAM,aAAa,WAAoB,UAAmB,cAA+B;AACvF,KAAI,UACF,KAAI,SACF,QAAO;UAEH,UACF,QAAO;KAEP,QAAO;UAIP,UACF,QAAO;KAEP,QAAO;;AAKb,IAAM,eAAe,UAAmB,cAA+B;AACrE,KAAI,SACF,QAAO;UAEH,UACF,QAAO;KAEP,QAAO;;AAKb,MAAa,wBAAwB,WAAoB,aAAyC;AAChG,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAA;EACC,GAAE;EACF,QAAO;EACP,MAAK;EACL,aAAY;EACZ,eAAc;EACd,WAAW,OAAO;EAClB,SAAQ;GACR,EACF,oBAAC,QAAA;EACC,GAAE;EACF,QAAQ,YAAY,UAAU,MAAM;EACpC,MAAM,UAAU,WAAW,UAAU,MAAM;EAC3C,aAAY;EACZ,eAAc;EACd,gBAAe;GACf,CAAA,EAAA,CACD;;AAIP,MAAa,uBAAuB,WAAoB,aACtD,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAA;CACC,GAAE;CACF,QAAO;CACP,MAAK;CACL,aAAY;CACZ,eAAc;CACd,WAAW,OAAO;EAClB,EACF,oBAAC,QAAA;CACC,GAAE;CACF,QAAQ,YAAY,UAAU,KAAK;CACnC,MAAM,UAAU,WAAW,UAAU,KAAK;CAC1C,aAAa,YAAY,MAAM;CAC/B,aAAY;CACZ,eAAc;CACd,gBAAe;EACf,CAAA,EAAA,CACD;AAEL,MAAa,yBAAyB,WAAoB,aACxD,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAA;CACC,GAAE;CACF,QAAO;CACP,MAAK;CACL,aAAY;CACZ,eAAc;CACd,WAAW,OAAO;EAClB,EACF,oBAAC,QAAA;CACC,GAAE;CACF,QAAQ,YAAY,UAAU,MAAM;CACpC,MAAM,UAAU,WAAW,UAAU,MAAM;CAC3C,aAAY;CACZ,eAAc;CACd,gBAAe;EACf,CAAA,EAAA,CACD;AAGL,MAAa,wBAAwB,WAAoB,aACvD,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAA;CACC,GAAE;CACF,QAAO;CACP,MAAK;CACL,aAAY;CACZ,eAAc;CACd,WAAW,OAAO;EAClB,EACF,oBAAC,QAAA;CACC,GAAE;CACF,QAAQ,YAAY,UAAU,KAAK;CACnC,MAAM,UAAU,WAAW,UAAU,KAAK;CAC1C,aAAa,YAAY,MAAM;CAC/B,aAAY;CACZ,eAAc;CACd,gBAAe;EACf,CAAA,EAAA,CACD;AC3FL,MAAaA,kBAAiD,UAA+B;CAC3F,MAAM,EAAE,SAAS,IAAI,SAAS,WAAW,UAAU,QAAQ,KAAK,GAAG,UAAU;CAE7E,MAAM,uBAAuB,WAAW,OAAO,eAAe;CAC9D,MAAM,EAAE,WAAW,WAAW,aAAa,iBAAoC,mBAAmB,IAAI,GAAG,MAAM,KAAK;CACpH,MAAM,aAAa,eAAe;CAClC,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAC5E,MAAM,mBAAmB,aAAa,SAAS;CAE/C,MAAMC,kBAAgD;EACpD,GAAG;EACH,GAAG;EACH,WAAW,MAAM,iBAAiB,WAAW,aAAa,iBAAiB;EAC5E;CAED,MAAM,WAAW,cAAc,WAAW;CAE1C,MAAM,kBAAqC;AACzC,MAAI,SACF,KAAI,UACF,QAAO,oBAAoB,SAAS,SAAS;MAE7C,QAAO,qBAAqB,SAAS,SAAS;WAG5C,UACF,QAAO,qBAAqB,SAAS,SAAS;MAE9C,QAAO,sBAAsB,SAAS,SAAS;KAGjD;AAEJ,QACE,oBAAC,UAAA;EACK;EACK;EACT,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,KAAK;EACK;EACV,MAAK;EACL,gBAAc;EACd,MAAK;EACL,cAAY,gBAAgB;EAC5B,GAAI;YAEJ,oBAAC,OAAA;GAAI,WAAW;GAAO,UAAS;GAAU,MAAK;GAAe,SAAS,WAAW,cAAc;aAC7F;IACG;GACC;;AAIb,eAAe,cAAc;ACtF7B,IAAA,yBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/resources/HN.Designsystem.FavoriteButton.nb-NO.json","../../../src/components/FavoriteButton/resourceHelper.ts","../../../src/components/FavoriteButton/StarIcon.tsx","../../../src/components/FavoriteButton/FavoriteButton.tsx","../../../src/components/FavoriteButton/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Favorittmarkering\"\n}\n","import type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.FavoriteButton.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFavoriteButton => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import styles from './styles.module.scss';\n\nconst normalStroke = 'var(--color-action-graphics-onlight)';\nconst normalFill = 'transparent';\nconst hoverFill = 'var(--color-action-graphics-onlight-hover)';\nconst hoverStroke = 'var(--color-action-graphics-onlight-hover)';\nconst activeStroke = 'var(--core-color-blueberry-800)';\n\nconst fillColor = (isChecked: boolean, isActive: boolean, isHovered: boolean): string => {\n  if (isChecked) {\n    if (isActive) {\n      return activeStroke;\n    } else {\n      if (isHovered) {\n        return hoverStroke;\n      } else {\n        return normalStroke;\n      }\n    }\n  } else {\n    if (isHovered) {\n      return hoverFill;\n    } else {\n      return normalFill;\n    }\n  }\n};\n\nconst strokeColor = (isActive: boolean, isHovered: boolean): string => {\n  if (isActive) {\n    return activeStroke;\n  } else {\n    if (isHovered) {\n      return hoverStroke;\n    } else {\n      return normalStroke;\n    }\n  }\n};\n\nexport const starIconNormalMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => {\n  return (\n    <>\n      <path\n        d=\"M20.1026 31.1787L13.4007 34.7023C10.833 36.0523 7.83185 33.8719 8.32233 31.0126L9.60261 23.5492L4.17653 18.2675C2.09656 16.2428 3.24317 12.712 6.11581 12.2956L13.5982 11.2112L16.9493 4.42107C18.2332 1.81969 21.9426 1.81969 23.2265 4.42107L26.5776 11.2112L34.06 12.2956C36.9326 12.712 38.0792 16.2428 35.9993 18.2675L30.5732 23.5492L31.852 31.0044C32.3428 33.8651 29.3386 36.0456 26.7708 34.6925L20.1026 31.1787Z\"\n        stroke=\"black\"\n        fill=\"transparent\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        className={styles['favoritebutton__star-icon--focus']}\n        display=\"block\"\n      />\n      <path\n        d=\"M20.0961 26.5515L12.6372 30.4731L14.0621 22.1671L8.01953 16.2853L16.3582 15.0768L20.0877 7.52002L23.8171 15.0768L32.1558 16.2853L26.1133 22.1671L27.5381 30.4731L20.0961 26.5515Z\"\n        stroke={strokeColor(isActive, false)}\n        fill={fillColor(isChecked, isActive, false)}\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </>\n  );\n};\n\nexport const starIconHoverMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M22.2128 31.4832L16.2246 36.117C13.9303 37.8924 10.5961 36.2662 10.5826 33.3653L10.5475 25.7929L4.28665 21.5336C1.88672 19.9009 2.40278 16.2246 5.15948 15.3158L12.3399 12.9486L14.461 5.67964C15.2736 2.89484 18.9267 2.2507 20.6428 4.58962L25.1221 10.6947L32.6791 10.4633C35.5804 10.3745 37.3227 13.6526 35.6259 16.0077L31.1994 22.1514L33.7534 29.2712C34.7335 32.0033 32.1536 34.6724 29.3898 33.7857L22.2128 31.4832Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M21.4079 26.8365L14.7433 31.9937L14.7041 23.5664L7.73204 18.8233L15.7342 16.1851L18.0947 8.09555L23.0798 14.8899L31.5016 14.6321L26.5722 21.4738L29.4178 29.4062L21.4079 26.8365Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\nexport const starIconNormalDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M30.1061 44.1854L20.3139 49.3338C17.7461 50.6838 14.745 48.5034 15.2355 45.6441L17.1061 34.7394L9.17653 27.0207C7.09656 24.9961 8.24318 21.4653 11.1158 21.0489L22.053 19.4638L26.9493 9.54278C28.2331 6.9414 31.9426 6.94139 33.2265 9.54278L38.1227 19.4638L49.06 21.0489C51.9326 21.4653 53.0792 24.9961 50.9993 27.0207L43.0697 34.7394L44.9389 45.6359C45.4296 48.4966 42.4254 50.6772 39.8576 49.324L30.1061 44.1854Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M30.0998 39.4723L19.5927 44.9966L21.5998 33.2961L13.0879 25.0106L24.8343 23.3082L30.0879 12.6632L35.3414 23.3082L47.0879 25.0106L38.576 33.2961L40.5831 44.9966L30.0998 39.4723Z\"\n      stroke={strokeColor(isActive, false)}\n      fill={fillColor(isChecked, isActive, false)}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n\nexport const starIconHoverDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M33.1609 44.7458L24.4114 51.5164C22.1171 53.2918 18.783 51.6656 18.7695 48.7646L18.7181 37.7007L9.56864 31.4763C7.1687 29.8436 7.68476 26.1672 10.4415 25.2584L20.9373 21.7982L24.0364 11.1776C24.849 8.39281 28.5021 7.74867 30.2182 10.0876L36.7629 19.0077L47.8092 18.6695C50.7105 18.5807 52.4528 21.8588 50.756 24.2138L44.2872 33.1922L48.0201 43.5985C49.0002 46.3306 46.4203 48.9997 43.6565 48.113L33.1609 44.7458Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M32.3991 40.1029L23.0108 47.3678L22.9557 35.4965L13.1343 28.815L24.4067 25.0987L27.732 13.7031L34.7542 23.2741L46.6178 22.9109L39.674 32.5486L43.6823 43.7228L32.3991 40.1029Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n","import type { AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HTMLButtonProps } from '../../constants';\nimport type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { starIconHoverDesktop, starIconHoverMobile, starIconNormalDesktop, starIconNormalMobile } from './StarIcon';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { isMutableRefObject } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport interface FavoriteButtonProps extends Omit<HTMLButtonProps, 'type'>, AriaAttributes {\n  /**  Determines if the FavoriteButton is checked */\n  checked: boolean;\n  /** Gives a unique id to the button */\n  id?: string;\n  /** Function that is called when clicked */\n  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemFavoriteButton>;\n  /** Specifies the focus order relative to the other buttons or controls on the page  */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the button element */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nexport const FavoriteButton: React.FC<FavoriteButtonProps> = (props: FavoriteButtonProps) => {\n  const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;\n\n  const buttonWrapperClasses = classNames(styles.favoritebutton);\n  const { refObject, isHovered, isActive } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n  const breakpoint = useBreakpoint();\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFavoriteButton = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: other['aria-label'] || resources?.ariaLabel || defaultResources.ariaLabel,\n  };\n\n  const isMobile = breakpoint <= Breakpoint.sm;\n\n  const starIcon = ((): React.JSX.Element => {\n    if (isMobile) {\n      if (isHovered) {\n        return starIconHoverMobile(checked, isActive);\n      } else {\n        return starIconNormalMobile(checked, isActive);\n      }\n    } else {\n      if (isHovered) {\n        return starIconHoverDesktop(checked, isActive);\n      } else {\n        return starIconNormalDesktop(checked, isActive);\n      }\n    }\n  })();\n\n  return (\n    <button\n      id={id}\n      onClick={onClick}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FavoriteButton}\n      className={buttonWrapperClasses}\n      ref={refObject}\n      tabIndex={tabIndex}\n      role=\"switch\"\n      aria-checked={checked}\n      type=\"button\"\n      aria-label={mergedResources.ariaLabel}\n      {...other}\n    >\n      <svg focusable={false} overflow=\"visible\" role=\"presentation\" viewBox={isMobile ? '0 0 41 41' : '0 0 61 61'}>\n        {starIcon}\n      </svg>\n    </button>\n  );\n};\n\nFavoriteButton.displayName = 'FavoriteButton';\n\nexport default FavoriteButton;\n","export * from './FavoriteButton';\n\nimport { FavoriteButton } from './FavoriteButton';\nexport default FavoriteButton;\n"],"mappings":"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"}

package/lib/components/Filter/DrawerNavigation/index.js

@@ -1,3 +1,7 @@
-import { n as DrawerNavigationContext, r as useDrawerNavigation } from "../../../DrawerNavigation.js";
-import { t as DrawerNavigation_default } from "../../../DrawerNavigation2.js";
+import { n as DrawerNavigationContext, r as useDrawerNavigation, t as DrawerNavigation } from "../../../DrawerNavigation.js";
+//#region src/components/Filter/DrawerNavigation/index.ts
+var DrawerNavigation_default = DrawerNavigation;
+//#endregion
 export { DrawerNavigationContext, DrawerNavigation_default as default, useDrawerNavigation };
+
+//# sourceMappingURL=index.js.map

package/lib/components/Filter/DrawerNavigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Filter/DrawerNavigation/index.ts"],"sourcesContent":["import DrawerNavigation from './DrawerNavigation';\nexport * from './DrawerNavigation';\nexport * from './useDrawerNavigation';\nexport default DrawerNavigation;\n"],"mappings":";;AAGA,IAAA,2BAAe"}

package/lib/components/Filter/FilterLinkList/index.js

@@ -1,3 +1,7 @@
-import { r as Link, t as FilterLinkList } from "../../../FilterLinkList.js";
-import { t as FilterLinkList_default } from "../../../FilterLinkList2.js";
+import { n as Link, t as FilterLinkList } from "../../../FilterLinkList.js";
+//#region src/components/Filter/FilterLinkList/index.ts
+var FilterLinkList_default = FilterLinkList;
+//#endregion
 export { FilterLinkList, Link, FilterLinkList_default as default };
+
+//# sourceMappingURL=index.js.map

package/lib/components/Filter/FilterLinkList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Filter/FilterLinkList/index.ts"],"sourcesContent":["import FilterLinkList from './FilterLinkList';\nexport * from './FilterLinkList';\nexport default FilterLinkList;\n"],"mappings":";;AAEA,IAAA,yBAAe"}

package/lib/components/Filter/FilterSearch/index.js

@@ -1,2 +1,7 @@
-import { t as FilterSearch_default } from "../../../FilterSearch2.js";
+import { t as FilterSearch } from "../../../FilterSearch.js";
+//#region src/components/Filter/FilterSearch/index.ts
+var FilterSearch_default = FilterSearch;
+//#endregion
 export { FilterSearch_default as default };
+
+//# sourceMappingURL=index.js.map

package/lib/components/Filter/FilterSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Filter/FilterSearch/index.ts"],"sourcesContent":["import FilterSearch from './FilterSearch';\nexport * from './FilterSearch';\nexport default FilterSearch;\n"],"mappings":";;AAEA,IAAA,uBAAe"}

package/lib/components/Filter/index.js

@@ -1,19 +1,20 @@
 import { n as DrawerNavigationContext, r as useDrawerNavigation } from "../../DrawerNavigation.js";
-import { t as DrawerNavigation_default } from "../../DrawerNavigation2.js";
+import DrawerNavigation_default from "./DrawerNavigation/index.js";
 import { t as FilterButton_default } from "../../FilterButton.js";
 import { t as FilterButtonAndChipsWrapper_default } from "../../FilterButtonAndChipsWrapper.js";
 import { t as FilterDrawer_default } from "../../FilterDrawer.js";
-import { r as Link } from "../../FilterLinkList.js";
-import { t as FilterLinkList_default } from "../../FilterLinkList2.js";
+import { n as Link } from "../../FilterLinkList.js";
+import FilterLinkList_default from "./FilterLinkList/index.js";
 import { t as FilterOverviewLinkList_default } from "../../FilterOverviewLinkList.js";
 import { t as FilterOverviewSearch_default } from "../../FilterOverviewSearch.js";
 import { t as FilterResultCountAndSortWrapper_default } from "../../FilterResultCountAndSortWrapper.js";
-import { t as FilterSearch_default } from "../../FilterSearch2.js";
+import FilterSearch_default from "./FilterSearch/index.js";
 import { t as FilterSort_default } from "../../FilterSort.js";
 import { t as FilterStateWrapper_default } from "../../FilterStateWrapper.js";
 import { t as getFilterChips_default } from "../../getFilterChips.js";
 import { useCallback, useState } from "react";
-const useFilter = (options) => {
+//#region src/components/Filter/useFilter.ts
+var useFilter = (options) => {
 	const [filters, setFiltersState] = useState(() => ({ ...options?.defaultValues }));
 	const removeFilter = (filterKey, optionValue) => {
 		setFiltersState((prev) => {
@@ -22,8 +23,8 @@ const useFilter = (options) => {
 			if (optionValue !== void 0 && Array.isArray(current)) {
 				const updated = current.filter((v) => v !== optionValue);
 				if (updated.length === 0) {
-					const { [filterKey]: _removed$1, ...rest$1 } = prev;
-					return rest$1;
+					const { [filterKey]: _removed, ...rest } = prev;
+					return rest;
 				}
 				return {
 					...prev,
@@ -62,7 +63,9 @@ const useFilter = (options) => {
 		resetFiltersToEmpty
 	};
 };
-const useFilterDrawer = () => {
+//#endregion
+//#region src/components/Filter/useFilterDrawer.ts
+var useFilterDrawer = () => {
 	const [isOpen, setIsOpen] = useState(false);
 	const [initialView, setInitialView] = useState(void 0);
 	return {
@@ -77,7 +80,21 @@ const useFilterDrawer = () => {
 		}, [])
 	};
 };
-const createFilterConfig = (categories) => {
+//#endregion
+//#region src/components/Filter/utils.ts
+/**
+* Lager UseFilterOptions fra et oppsett av filterkategorier.
+* Samler defaultValues og label-oppslag automatisk fra config.
+*
+* Eksempel:
+*   const { filterOptions, getLabel } = createFilterConfig<MyFilters>({
+*     sykehus: { options: sykehusOptions, defaultValue: ['haukeland'], getLabel: o => o.label },
+*     status: { options: statusOptions, getLabel: o => o.displayText },
+*   });
+*   const filter = useFilter(filterOptions);
+*   getLabel('sykehus', 'haukeland') // → 'Haukeland universitetssjukehus'
+*/
+var createFilterConfig = (categories) => {
 	const defaultValues = {};
 	const labelMaps = /* @__PURE__ */ new Map();
 	for (const key in categories) {
@@ -98,26 +115,41 @@ const createFilterConfig = (categories) => {
 		getLabel
 	};
 };
-const matchFilter = {
+/**
+* Ferdige matcher-funksjoner for typiske filter mønster.
+* Brukes som deler i matcher objektet til filterItems.
+*
+* Eksempel:
+*   const filterMatchers = {
+*     categories: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),
+*     status: matchFilter.exactMatch<Medisin>(m => m.status),
+*     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),
+*   };
+*/
+var matchFilter = {
+	/** Array-filter: matcher hvis det er overlapp mellom filterverdier og item-verdier (OR-logikk). */
 	arrayIncludes: (accessor) => (item, value) => {
 		const filterValues = Array.isArray(value) ? value : [value];
 		const itemValue = accessor(item);
 		if (Array.isArray(itemValue)) return itemValue.some((v) => filterValues.includes(v));
 		return filterValues.includes(itemValue);
 	},
+	/** Eksakt match: matcher hvis item-verdien er lik én av filterverdiene */
 	exactMatch: (accessor) => (item, value) => {
 		if (Array.isArray(value)) return value.includes(accessor(item));
 		return accessor(item) === value;
 	},
+	/** Boolean toggle: når filterverdien er true, inkluder kun items der accessor returnerer true */
 	booleanToggle: (accessor) => (item, value) => {
 		return !(Array.isArray(value) ? value.includes(true) : value === true) || accessor(item);
 	},
+	/** Fritekstsøk: matcher hvis søketeksten finnes i ett eller flere felt (case-insensitive) */
 	textSearch: (...accessors) => (item, value) => {
 		const search = String(value).toLowerCase();
 		return accessors.some((accessor) => accessor(item)?.toLowerCase().includes(search));
 	}
 };
-const filterItems = (items, filters, matchers) => {
+var filterItems = (items, filters, matchers) => {
 	return items.filter((item) => {
 		for (const key in matchers) {
 			const value = filters[key];
@@ -128,11 +160,17 @@ const filterItems = (items, filters, matchers) => {
 		return true;
 	});
 };
-const toggleArrayFilter = (filter, filterKey, value) => {
+/**
+* Toggler en verdi i et array-basert filter.
+* Legger til verdien hvis den ikke finnes, fjerner den hvis den finnes.
+* Setter filteret til undefined hvis arrayet blir tomt.
+*/
+var toggleArrayFilter = (filter, filterKey, value) => {
 	const current = filter.filters[filterKey] ?? [];
 	const updated = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
 	filter.setFilter(filterKey, updated.length > 0 ? updated : void 0);
 };
+//#endregion
 export { DrawerNavigation_default as DrawerNavigation, DrawerNavigationContext, FilterButton_default as FilterButton, FilterButtonAndChipsWrapper_default as FilterButtonAndChipsWrapper, FilterDrawer_default as FilterDrawer, FilterLinkList_default as FilterLinkList, FilterOverviewLinkList_default as FilterOverviewLinkList, FilterOverviewSearch_default as FilterOverviewSearch, FilterResultCountAndSortWrapper_default as FilterResultCountAndSortWrapper, FilterSearch_default as FilterSearch, FilterSort_default as FilterSort, FilterStateWrapper_default as FilterStateWrapper, Link, createFilterConfig, filterItems, getFilterChips_default as getFilterChips, matchFilter, toggleArrayFilter, useDrawerNavigation, useFilter, useFilterDrawer };
 
 //# sourceMappingURL=index.js.map