@fellesdatakatalog/ui 1.0.41 → 1.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/shared-ui.cjs.map +1 -1
  2. package/dist/shared-ui.es.js.map +1 -1
  3. package/package.json +6 -3
package/dist/shared-ui.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-ui.cjs","names":["React","__rest","React","__rest","React","React"],"sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/styles.module.scss","../src/components/org-logo/index.tsx","../src/components/app-bar/styles.module.scss","../src/components/app-bar/index.tsx","../src/components/hstack/hstack.module.scss","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/vstack.module.scss","../src/components/vstack/index.tsx","../src/components/helptext/helptext.module.scss","../src/components/helptext/index.tsx","../src/components/tag-list/styles.module.scss","../src/components/tag-list/index.tsx","../src/components/radio-group/index.tsx","../src/components/checkbox-group/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\n/** biome-ignore-all lint/correctness/useHookAtTopLevel: `useId` is invariant at runtime. */\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map",".orgLogo {\n display: flex;\n width: 1em;\n height: 1em;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n position: relative;\n\n svg,\n img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n svg {\n color: var(--color-text);\n }\n}","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n",".appBar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1rem;\n}","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };",".wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n",".helptext {\n --dsc-helptext-icon-size: 65%;\n --dsc-helptext-icon-url: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n --dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));\n \n border-radius: var(--ds-border-radius-full);\n border: max(1px, calc(var(--ds-size-1) / 2)) solid; /* Allow border-width to grow with font-size */\n box-sizing: border-box;\n height: var(--dsc-helptext-size);\n min-height: 0;\n min-width: 0;\n padding: 0;\n position: relative;\n width: var(--dsc-helptext-size);\n \n @media (forced-colors: active) {\n color: ButtonText;\n }\n \n &::before {\n content: '';\n border-radius: inherit;\n background: currentcolor;\n mask-composite: exclude;\n mask-image: var(--dsc-helptext-icon-url);\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size), cover;\n scale: 1.1; /* Hide tiny half pixel rendeing bug */\n width: 100%;\n height: 100%;\n \n @media (forced-colors: active) {\n background: ButtonText;\n }\n }\n \n &:has(+ :popover-open)::before {\n mask-image: var(--dsc-helptext-icon-url), linear-gradient(currentcolor, currentcolor); /* Cut icon out of currentcolor surface */\n }\n \n @media print {\n display: none;\n }\n }\n ","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );",".tagList {\n display: flex;\n gap: 0.5rem;\n font-weight: normal;\n font-size: 0.8em;\n align-items: center;\n flex-wrap: wrap;\n}\n","import React from 'react';\nimport cn from 'classnames';\nimport type { Size } from '@digdir/designsystemet-types';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n maxTags?: number;\n 'data-size'?: Size;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n const childArray = React.Children.toArray(children);\n if (!childArray.length) return null;\n return (\n <ul\n className={cn(styles.tagList, className)}\n {...props}\n >\n {childArray\n .filter((child) => Boolean(child))\n .slice(0, maxTags ?? childArray.length)\n .map((child, i) => {\n const key = React.isValidElement(child) && child.key != null \n ? child.key \n : i;\n return <li key={key}>{child}</li>;\n })}\n {maxTags && maxTags < childArray.length && (\n <li>\n <Tag data-size={dataSize || 'sm'}>\n <span>+{childArray.length - maxTags}</span>\n </Tag>\n </li>\n )}\n </ul>\n );\n};\n\nexport default TagList;\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Radio,\n ValidationMessage,\n type UseRadioGroupProps,\n useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of radio options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n }>;\n /**\n * Controlled value - the selected radio value\n */\n value?: string;\n /**\n * Callback when the selected value changes\n */\n onChange?: (value: string) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n * legend=\"Hvilken iskremsmak er best?\"\n * description=\"Velg din favorittsmak\"\n * options={[\n * { value: 'vanilje', label: 'Vanilje' },\n * { value: 'jordbær', label: 'Jordbær' },\n * { value: 'sjokolade', label: 'Sjokolade' },\n * ]}\n * value={selectedValue}\n * onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: RadioGroupProps) => {\n const { getRadioProps, validationMessageProps } = useRadioGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Radio\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getRadioProps(option.value)}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default RadioGroup;\n\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Checkbox,\n ValidationMessage,\n type UseCheckboxGroupProps,\n useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of checkbox options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n allowIndeterminate?: boolean;\n }>;\n /**\n * Controlled value - array of selected checkbox values\n */\n value?: string[];\n /**\n * Callback when the selected values change\n */\n onChange?: (value: string[]) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n * legend=\"Hvordan vil du kontaktes?\"\n * description=\"Velg alle relevante alternativer\"\n * options={[\n * { value: 'epost', label: 'E-post' },\n * { value: 'telefon', label: 'Telefon' },\n * { value: 'sms', label: 'SMS' },\n * ]}\n * value={selectedValues}\n * onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: CheckboxGroupProps) => {\n const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Checkbox\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getCheckboxProps({\n value: option.value,\n allowIndeterminate: option.allowIndeterminate,\n })}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default CheckboxGroup;\n\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"2qBAGA,IAAI,EAAW,EAgBf,IAAM,EAAkBA,EAAAA,QAAM,MAQ9B,SAAgB,EAAM,GAClB,IAAI,EACJ,QAAwB,IAApB,EAA+B,CAC/B,MAAM,EAAU,IAChB,OAAO,QAA+C,EAAa,EAAQ,QAAQ,OAAQ,IAG/F,OAA0C,QAAlC,EA9BZ,SAAqB,GACjB,MAAO,EAAW,IAAA,EAAA,EAAA,UAAyB,GACrC,EAAK,GAAc,EAWzB,OAVA,EAAA,EAAA,WAAA,KACqB,MAAb,GAMA,EAAa,cADb,GAAY,MAGjB,CAAC,IACG,EAiBM,CAAY,UAAqC,IAAZ,EAAgB,EAAK,GCjC3E,IAAIC,EAAkC,SAAU,EAAG,GAC/C,IAAI,EAAI,CAAA,EACR,IAAK,IAAI,KAAK,EAAO,OAAO,UAAU,eAAe,KAAK,EAAG,IAAM,EAAE,QAAQ,GAAK,IAC9E,EAAE,GAAK,EAAE,IACb,GAAS,MAAL,GAAqD,mBAAjC,OAAO,sBACtB,KAAI,EAAI,MAAG,EAAI,OAAO,sBAAsB,GAAI,EAAI,EAAE,OAAQ,IAC3D,EAAE,QAAQ,EAAE,IAAM,GAAK,OAAO,UAAU,qBAAqB,KAAK,EAAG,EAAE,MACvE,EAAE,EAAE,IAAM,EAAE,EAAE,IAF2B,CAIrD,OAAO,GAIL,GAAA,EAAA,EAAA,YAAA,CAA4B,EAAI,KAClC,IAAI,MAAE,EAAO,QAAS,GAAa,EAAI,EAAQA,EAAO,EAAI,CAAC,QAAS,YACpE,IAAI,EAAU,IAEd,OADA,EAAU,EAAQ,GAAsB,SAAW,OAAU,EACtDC,EAAAA,QAAM,cAAc,MAAO,OAAO,OAAO,CAAE,MAAO,6BAA8B,MAAO,MAAO,OAAQ,MAAO,KAAM,OAAQ,QAAS,YAAa,WAAW,EAAO,KAAM,MAAY,MAAK,kBAAmB,GAAW,GAC3N,EAAQA,EAAAA,QAAM,cAAc,QAAS,CAAE,GAAI,GAAW,GAAS,KAC/DA,EAAAA,QAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,+eAAgf,SAAU,eCnB1kBC,EAAkC,SAAU,EAAG,GAC/C,IAAI,EAAI,CAAA,EACR,IAAK,IAAI,KAAK,EAAO,OAAO,UAAU,eAAe,KAAK,EAAG,IAAM,EAAE,QAAQ,GAAK,IAC9E,EAAE,GAAK,EAAE,IACb,GAAS,MAAL,GAAqD,mBAAjC,OAAO,sBACtB,KAAI,EAAI,MAAG,EAAI,OAAO,sBAAsB,GAAI,EAAI,EAAE,OAAQ,IAC3D,EAAE,QAAQ,EAAE,IAAM,GAAK,OAAO,UAAU,qBAAqB,KAAK,EAAG,EAAE,MACvE,EAAE,EAAE,IAAM,EAAE,EAAE,IAF2B,CAIrD,OAAO,GAIL,GAAA,EAAA,EAAA,YAAA,CAAqC,EAAI,KAC3C,IAAI,MAAE,EAAO,QAAS,GAAa,EAAI,EAAQA,EAAO,EAAI,CAAC,QAAS,YACpE,IAAI,EAAU,IAEd,OADA,EAAU,EAAQ,GAAsB,SAAW,OAAU,EACtDC,EAAAA,QAAM,cAAc,MAAO,OAAO,OAAO,CAAE,MAAO,6BAA8B,MAAO,MAAO,OAAQ,MAAO,KAAM,OAAQ,QAAS,YAAa,WAAW,EAAO,KAAM,MAAY,MAAK,kBAAmB,GAAW,GAC3N,EAAQA,EAAAA,QAAM,cAAc,QAAS,CAAE,GAAI,GAAW,GAAS,KAC/DA,EAAAA,QAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,8NAA+N,SAAU,eCnBzT,EAAkC,SAAU,EAAG,GAC/C,IAAI,EAAI,CAAA,EACR,IAAK,IAAI,KAAK,EAAO,OAAO,UAAU,eAAe,KAAK,EAAG,IAAM,EAAE,QAAQ,GAAK,IAC9E,EAAE,GAAK,EAAE,IACb,GAAS,MAAL,GAAqD,mBAAjC,OAAO,sBACtB,KAAI,EAAI,MAAG,EAAI,OAAO,sBAAsB,GAAI,EAAI,EAAE,OAAQ,IAC3D,EAAE,QAAQ,EAAE,IAAM,GAAK,OAAO,UAAU,qBAAqB,KAAK,EAAG,EAAE,MACvE,EAAE,EAAE,IAAM,EAAE,EAAE,IAF2B,CAIrD,OAAO,GAIL,GAAA,EAAA,EAAA,YAAA,CAAuB,EAAI,KAC7B,IAAI,MAAE,EAAO,QAAS,GAAa,EAAI,EAAQ,EAAO,EAAI,CAAC,QAAS,YACpE,IAAI,EAAU,IAEd,OADA,EAAU,EAAQ,GAAsB,SAAW,OAAU,EACtDC,EAAAA,QAAM,cAAc,MAAO,OAAO,OAAO,CAAE,MAAO,6BAA8B,MAAO,MAAO,OAAQ,MAAO,KAAM,OAAQ,QAAS,YAAa,WAAW,EAAO,KAAM,MAAY,MAAK,kBAAmB,GAAW,GAC3N,EAAQA,EAAAA,QAAM,cAAc,QAAS,CAAE,GAAI,GAAW,GAAS,KAC/DA,EAAAA,QAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,wYAAyY,SAAU,oCEVje,EAAA,EAAa,YAAW,gBAAe,MAErC,EAAA,EAAA,KAAC,MAAD,CAAK,WAAA,EAAA,EAAA,SAAc,EAAgB,MAAgB,WAC9C,GACG,EAAA,EAAA,KAAC,MAAD,CACI,eAAA,EACA,IAAK,EACL,IAAI,MAGR,EAAA,EAAA,KAAC,EAAD,CAAgB,eAAA,+CIf1B,EAAA,EAAY,WAAU,eAAc,MAElC,EAAA,EAAA,KAAC,MAAD,CACI,WAAA,EAAA,EAAA,SAAc,EAAgB,MAC1B,EAEH,wDKKE,EAAW,EAAA,QAAM,WAC5B,UACE,UAAE,EAAY,QAAA,SAAS,KAAa,GACpC,GAEA,OACE,EAAA,EAAA,MAAC,EAAA,QAAQ,eAAT,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,QAAQ,QAAT,CACE,UAAW,EACN,MACL,QAAQ,WACR,aAAW,UACP,KAEN,EAAA,EAAA,KAAC,EAAA,QAAD,CAAoB,YAAW,aAAW,OACvC,sDP5BP,KAEE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,YACZ,EAAA,EAAA,KAAC,EAAD,CAAA,2BWqDC,EACX,SACA,cACA,UACA,QACA,WACA,QACA,WACA,WACA,WACA,OACA,gBAEA,MAAM,iBAAE,EAAA,uBAAkB,IAAA,EAAA,EAAA,kBAA4C,CACpE,QACA,SAAU,EAAY,GAAc,EAAS,QAAa,EAC1D,QACA,WACA,WACA,WACA,SAGF,OACE,EAAA,EAAA,MAAC,EAAA,SAAD,CAAqB,qBAArB,CACG,IAAU,EAAA,EAAA,KAAC,EAAA,SAAS,OAAV,CAAA,SAAkB,IAC5B,IAAe,EAAA,EAAA,KAAC,EAAA,SAAS,YAAV,CAAA,SAAuB,IACtC,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,SAAD,CAEE,MAAO,EAAO,MACd,YAAa,EAAO,YACpB,SAAU,EAAO,YACb,EAAiB,CACnB,MAAO,EAAO,MACd,mBAAoB,EAAO,sBANxB,EAAO,QAUf,IAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,IAAuB,2BRrFjC,EAAgB,YAAW,cAAa,iBAAgB,MAC1D,MAAO,EAAS,IAAA,EAAA,EAAA,WAAuB,GAOvC,OACI,EAAA,EAAA,KAAC,EAAA,QAAD,CAEI,QACI,GACI,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACI,EAAA,EAAA,KAAC,EAAD,CACI,MAAM,UACN,SAAS,UAEZ,KAGL,EAGR,UAAU,gBAEV,EAAA,EAAA,MAAC,EAAA,OAAD,CACI,YAAU,KACV,QAAQ,YACR,QAAA,KAAe,OA1BF,EA0BkB,EAzBvC,GAAW,QACX,UAAU,UAAU,UAAU,GAF5B,IAAmB,GA2Bb,YAAA,IAAmB,GAAW,MAC1B,WALR,EAOI,EAAA,EAAA,KAAC,EAAD,CAAW,eAAA,KACX,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,mBAAY,mFOWhC,EACX,SACA,cACA,UACA,QACA,WACA,QACA,WACA,WACA,WACA,OACA,gBAEA,MAAM,cAAE,EAAA,uBAAe,IAAA,EAAA,EAAA,eAAyC,CAC9D,QACA,SAAU,EAAY,GAAc,EAAS,QAAa,EAC1D,QACA,WACA,WACA,WACA,SAGF,OACE,EAAA,EAAA,MAAC,EAAA,SAAD,CAAqB,qBAArB,CACG,IAAU,EAAA,EAAA,KAAC,EAAA,SAAS,OAAV,CAAA,SAAkB,IAC5B,IAAe,EAAA,EAAA,KAAC,EAAA,SAAS,YAAV,CAAA,SAAuB,IACtC,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAA,MAAD,CAEE,MAAO,EAAO,MACd,YAAa,EAAO,YACpB,SAAU,EAAO,YACb,EAAc,EAAO,QAJpB,EAAO,QAOf,IAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,IAAuB,wBDnFjC,EAAa,WAAU,YAAW,UAAS,YAAa,KAAa,MACvE,MAAM,EAAa,EAAA,QAAM,SAAS,QAAQ,GAC1C,OAAK,EAAW,QAEZ,EAAA,EAAA,MAAC,KAAD,CACI,WAAA,EAAA,EAAA,SAAc,EAAgB,MAC1B,WAFR,CAIK,EACI,OAAQ,GAAU,QAAQ,IAC1B,MAAM,EAAG,GAAW,EAAW,QAC/B,IAAA,CAAK,EAAO,KACT,MAAM,EAAM,EAAA,QAAM,eAAe,IAAuB,MAAb,EAAM,IAC3C,EAAM,IACN,EACN,OAAO,EAAA,EAAA,KAAC,KAAD,CAAA,SAAe,GAAN,KAEvB,GAAW,EAAU,EAAW,SAC7B,EAAA,EAAA,KAAC,KAAD,CAAA,UACI,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,YAAW,GAAY,eACxB,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CAAM,IAAE,EAAW,OAAS,YAlBjB,qBJR7B,EAAY,WAAU,eAAc,MAElC,EAAA,EAAA,KAAC,MAAD,CACI,WAAA,EAAA,EAAA,SAAc,EAAgB,MAC1B,EAEH"}
1
+ {"version":3,"file":"shared-ui.cjs","names":["React","__rest","React","__rest","React","React"],"sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/styles.module.scss","../src/components/org-logo/index.tsx","../src/components/app-bar/styles.module.scss","../src/components/app-bar/index.tsx","../src/components/hstack/hstack.module.scss","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/vstack.module.scss","../src/components/vstack/index.tsx","../src/components/helptext/helptext.module.scss","../src/components/helptext/index.tsx","../src/components/tag-list/styles.module.scss","../src/components/tag-list/index.tsx","../src/components/radio-group/index.tsx","../src/components/checkbox-group/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\n/** biome-ignore-all lint/correctness/useHookAtTopLevel: `useId` is invariant at runtime. */\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map",".orgLogo {\n display: flex;\n width: 1em;\n height: 1em;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n position: relative;\n\n svg,\n img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n svg {\n color: var(--color-text);\n }\n}","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n",".appBar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1rem;\n}","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };",".wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n",".helptext {\n --dsc-helptext-icon-size: 65%;\n --dsc-helptext-icon-url: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n --dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));\n \n border-radius: var(--ds-border-radius-full);\n border: max(1px, calc(var(--ds-size-1) / 2)) solid; /* Allow border-width to grow with font-size */\n box-sizing: border-box;\n height: var(--dsc-helptext-size);\n min-height: 0;\n min-width: 0;\n padding: 0;\n position: relative;\n width: var(--dsc-helptext-size);\n \n @media (forced-colors: active) {\n color: ButtonText;\n }\n \n &::before {\n content: '';\n border-radius: inherit;\n background: currentcolor;\n mask-composite: exclude;\n mask-image: var(--dsc-helptext-icon-url);\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size), cover;\n scale: 1.1; /* Hide tiny half pixel rendeing bug */\n width: 100%;\n height: 100%;\n \n @media (forced-colors: active) {\n background: ButtonText;\n }\n }\n \n &:has(+ :popover-open)::before {\n mask-image: var(--dsc-helptext-icon-url), linear-gradient(currentcolor, currentcolor); /* Cut icon out of currentcolor surface */\n }\n \n @media print {\n display: none;\n }\n }\n ","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );",".tagList {\n display: flex;\n gap: 0.5rem;\n font-weight: normal;\n font-size: 0.8em;\n align-items: center;\n flex-wrap: wrap;\n}\n","import React from 'react';\nimport cn from 'classnames';\nimport type { Size } from '@digdir/designsystemet-types';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n maxTags?: number;\n 'data-size'?: Size;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n const childArray = React.Children.toArray(children);\n if (!childArray.length) return null;\n return (\n <ul\n className={cn(styles.tagList, className)}\n {...props}\n >\n {childArray\n .filter((child) => Boolean(child))\n .slice(0, maxTags ?? childArray.length)\n .map((child, i) => {\n const key = React.isValidElement(child) && child.key != null \n ? child.key \n : i;\n return <li key={key}>{child}</li>;\n })}\n {maxTags && maxTags < childArray.length && (\n <li>\n <Tag data-size={dataSize || 'sm'}>\n <span>+{childArray.length - maxTags}</span>\n </Tag>\n </li>\n )}\n </ul>\n );\n};\n\nexport default TagList;\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Radio,\n ValidationMessage,\n type UseRadioGroupProps,\n useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of radio options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n }>;\n /**\n * Controlled value - the selected radio value\n */\n value?: string;\n /**\n * Callback when the selected value changes\n */\n onChange?: (value: string) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n * legend=\"Hvilken iskremsmak er best?\"\n * description=\"Velg din favorittsmak\"\n * options={[\n * { value: 'vanilje', label: 'Vanilje' },\n * { value: 'jordbær', label: 'Jordbær' },\n * { value: 'sjokolade', label: 'Sjokolade' },\n * ]}\n * value={selectedValue}\n * onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: RadioGroupProps) => {\n const { getRadioProps, validationMessageProps } = useRadioGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Radio\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getRadioProps(option.value)}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default RadioGroup;\n\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Checkbox,\n ValidationMessage,\n type UseCheckboxGroupProps,\n useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of checkbox options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n allowIndeterminate?: boolean;\n }>;\n /**\n * Controlled value - array of selected checkbox values\n */\n value?: string[];\n /**\n * Callback when the selected values change\n */\n onChange?: (value: string[]) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n * legend=\"Hvordan vil du kontaktes?\"\n * description=\"Velg alle relevante alternativer\"\n * options={[\n * { value: 'epost', label: 'E-post' },\n * { value: 'telefon', label: 'Telefon' },\n * { value: 'sms', label: 'SMS' },\n * ]}\n * value={selectedValues}\n * onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: CheckboxGroupProps) => {\n const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Checkbox\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getCheckboxProps({\n value: option.value,\n allowIndeterminate: option.allowIndeterminate,\n })}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default CheckboxGroup;\n\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
package/dist/shared-ui.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shared-ui.es.js","names":["__rest","__rest"],"sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/styles.module.scss","../src/components/org-logo/index.tsx","../src/components/app-bar/styles.module.scss","../src/components/app-bar/index.tsx","../src/components/hstack/hstack.module.scss","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/vstack.module.scss","../src/components/vstack/index.tsx","../src/components/helptext/helptext.module.scss","../src/components/helptext/index.tsx","../src/components/tag-list/styles.module.scss","../src/components/tag-list/index.tsx","../src/components/radio-group/index.tsx","../src/components/checkbox-group/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\n/** biome-ignore-all lint/correctness/useHookAtTopLevel: `useId` is invariant at runtime. */\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map",".orgLogo {\n display: flex;\n width: 1em;\n height: 1em;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n position: relative;\n\n svg,\n img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n svg {\n color: var(--color-text);\n }\n}","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n",".appBar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1rem;\n}","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };",".wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n",".helptext {\n --dsc-helptext-icon-size: 65%;\n --dsc-helptext-icon-url: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n --dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));\n \n border-radius: var(--ds-border-radius-full);\n border: max(1px, calc(var(--ds-size-1) / 2)) solid; /* Allow border-width to grow with font-size */\n box-sizing: border-box;\n height: var(--dsc-helptext-size);\n min-height: 0;\n min-width: 0;\n padding: 0;\n position: relative;\n width: var(--dsc-helptext-size);\n \n @media (forced-colors: active) {\n color: ButtonText;\n }\n \n &::before {\n content: '';\n border-radius: inherit;\n background: currentcolor;\n mask-composite: exclude;\n mask-image: var(--dsc-helptext-icon-url);\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size), cover;\n scale: 1.1; /* Hide tiny half pixel rendeing bug */\n width: 100%;\n height: 100%;\n \n @media (forced-colors: active) {\n background: ButtonText;\n }\n }\n \n &:has(+ :popover-open)::before {\n mask-image: var(--dsc-helptext-icon-url), linear-gradient(currentcolor, currentcolor); /* Cut icon out of currentcolor surface */\n }\n \n @media print {\n display: none;\n }\n }\n ","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );",".tagList {\n display: flex;\n gap: 0.5rem;\n font-weight: normal;\n font-size: 0.8em;\n align-items: center;\n flex-wrap: wrap;\n}\n","import React from 'react';\nimport cn from 'classnames';\nimport type { Size } from '@digdir/designsystemet-types';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n maxTags?: number;\n 'data-size'?: Size;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n const childArray = React.Children.toArray(children);\n if (!childArray.length) return null;\n return (\n <ul\n className={cn(styles.tagList, className)}\n {...props}\n >\n {childArray\n .filter((child) => Boolean(child))\n .slice(0, maxTags ?? childArray.length)\n .map((child, i) => {\n const key = React.isValidElement(child) && child.key != null \n ? child.key \n : i;\n return <li key={key}>{child}</li>;\n })}\n {maxTags && maxTags < childArray.length && (\n <li>\n <Tag data-size={dataSize || 'sm'}>\n <span>+{childArray.length - maxTags}</span>\n </Tag>\n </li>\n )}\n </ul>\n );\n};\n\nexport default TagList;\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Radio,\n ValidationMessage,\n type UseRadioGroupProps,\n useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of radio options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n }>;\n /**\n * Controlled value - the selected radio value\n */\n value?: string;\n /**\n * Callback when the selected value changes\n */\n onChange?: (value: string) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n * legend=\"Hvilken iskremsmak er best?\"\n * description=\"Velg din favorittsmak\"\n * options={[\n * { value: 'vanilje', label: 'Vanilje' },\n * { value: 'jordbær', label: 'Jordbær' },\n * { value: 'sjokolade', label: 'Sjokolade' },\n * ]}\n * value={selectedValue}\n * onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: RadioGroupProps) => {\n const { getRadioProps, validationMessageProps } = useRadioGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Radio\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getRadioProps(option.value)}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default RadioGroup;\n\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Checkbox,\n ValidationMessage,\n type UseCheckboxGroupProps,\n useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of checkbox options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n allowIndeterminate?: boolean;\n }>;\n /**\n * Controlled value - array of selected checkbox values\n */\n value?: string[];\n /**\n * Callback when the selected values change\n */\n onChange?: (value: string[]) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n * legend=\"Hvordan vil du kontaktes?\"\n * description=\"Velg alle relevante alternativer\"\n * options={[\n * { value: 'epost', label: 'E-post' },\n * { value: 'telefon', label: 'Telefon' },\n * { value: 'sms', label: 'SMS' },\n * ]}\n * value={selectedValues}\n * onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: CheckboxGroupProps) => {\n const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Checkbox\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getCheckboxProps({\n value: option.value,\n allowIndeterminate: option.allowIndeterminate,\n })}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default CheckboxGroup;\n\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
1
+ {"version":3,"file":"shared-ui.es.js","names":["__rest","__rest"],"sources":["../node_modules/@navikt/aksel-icons/dist/react/esm/util/useId.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Buildings3.js","../node_modules/@navikt/aksel-icons/dist/react/esm/CheckmarkCircleFill.js","../node_modules/@navikt/aksel-icons/dist/react/esm/Files.js","../src/components/org-logo/styles.module.scss","../src/components/org-logo/index.tsx","../src/components/app-bar/styles.module.scss","../src/components/app-bar/index.tsx","../src/components/hstack/hstack.module.scss","../src/components/hstack/index.tsx","../src/components/copy-button/index.tsx","../src/components/vstack/vstack.module.scss","../src/components/vstack/index.tsx","../src/components/helptext/helptext.module.scss","../src/components/helptext/index.tsx","../src/components/tag-list/styles.module.scss","../src/components/tag-list/index.tsx","../src/components/radio-group/index.tsx","../src/components/checkbox-group/index.tsx"],"sourcesContent":["//https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts\n/** biome-ignore-all lint/correctness/useHookAtTopLevel: `useId` is invariant at runtime. */\nimport React, { useEffect, useState } from \"react\";\nlet globalId = 0;\nfunction useGlobalId(idOverride) {\n const [defaultId, setDefaultId] = useState(idOverride);\n const id = idOverride || defaultId;\n useEffect(() => {\n if (defaultId == null) {\n // Fallback to this default id when possible.\n // Use the incrementing value for client-side rendering only.\n // We can't use it server-side.\n // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n globalId += 1;\n setDefaultId(`aksel-icon-${globalId}`);\n }\n }, [defaultId]);\n return id;\n}\nconst maybeReactUseId = React[\"useId\" + \"\" // Workaround for https://github.com/webpack/webpack/issues/14814\n];\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride) {\n var _a;\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, \"\");\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.\n return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : \"\";\n}\n//# sourceMappingURL=useId.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgBuildings3 = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M6.25 3A.75.75 0 0 1 7 2.25h10a.75.75 0 0 1 .75.75v6.25H21a.75.75 0 0 1 .75.75v11a.75.75 0 0 1-.75.75H3a.75.75 0 0 1-.75-.75V10A.75.75 0 0 1 3 9.25h3.25zm11.5 17.25v-9.5h2.5v9.5zm-1.5-16.5v16.5h-8.5V3.75zm-10 7v9.5h-2.5v-9.5zm3.75-5a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m3 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75m-2.25 6.75a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zm2.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75\", clipRule: \"evenodd\" }));\n});\nexport default SvgBuildings3;\n//# sourceMappingURL=Buildings3.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgCheckmarkCircleFill = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M12 21.75c5.385 0 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25 2.25 6.615 2.25 12s4.365 9.75 9.75 9.75m4.954-12.475a.813.813 0 0 0-1.24-1.05l-5.389 6.368L7.7 11.967a.812.812 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.195-.05z\", clipRule: \"evenodd\" }));\n});\nexport default SvgCheckmarkCircleFill;\n//# sourceMappingURL=CheckmarkCircleFill.js.map","\"use client\";\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"./util/useId.js\";\nconst SvgFiles = forwardRef((_a, ref) => {\n var { title, titleId: _titleId } = _a, props = __rest(_a, [\"title\", \"titleId\"]);\n let titleId = useId();\n titleId = title ? _titleId ? _titleId : \"title-\" + titleId : undefined;\n return React.createElement(\"svg\", Object.assign({ xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", fill: \"none\", viewBox: \"0 0 24 24\", focusable: false, role: \"img\", ref: ref, \"aria-labelledby\": titleId }, props),\n title ? React.createElement(\"title\", { id: titleId }, title) : null,\n React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5\", clipRule: \"evenodd\" }));\n});\nexport default SvgFiles;\n//# sourceMappingURL=Files.js.map",".orgLogo {\n display: flex;\n width: 1em;\n height: 1em;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n position: relative;\n\n svg,\n img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n svg {\n color: var(--color-text);\n }\n}","import React from 'react';\nimport cn from 'classnames';\nimport { Buildings3Icon } from '@navikt/aksel-icons';\nimport styles from './styles.module.scss';\n\nexport type OrgLogoProps = {\n orgLogoSrc?: string | null;\n className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nconst OrgLogo = ({ className, orgLogoSrc, ...props }: OrgLogoProps) => {\n return (\n <div className={cn(styles.orgLogo, className)} {...props}>\n {orgLogoSrc ? (\n <img\n aria-hidden\n src={orgLogoSrc}\n alt=''\n />\n ) : (\n <Buildings3Icon aria-hidden />\n )}\n </div>\n );\n};\n\nexport { OrgLogo };\n",".appBar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1rem;\n}","import { OrgLogo } from '../org-logo';\nimport styles from './styles.module.scss';\n\nconst AppBar = () => {\n return (\n <div className={styles.appBar}>\n <OrgLogo />\n </div>\n );\n};\n\nexport { AppBar };",".wrapper {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './hstack.module.scss';\n\nconst HStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default HStack;\n","'use client';\n\nimport { useState } from 'react';\nimport { Button, type ButtonProps, Tooltip } from '@digdir/designsystemet-react';\nimport { FilesIcon, CheckmarkCircleFillIcon } from '@navikt/aksel-icons';\nimport HStack from '../hstack';\n\ntype CopyButtonProps = {\n copyLabel: string;\n copiedLabel: string;\n copyOnClick: string;\n} & ButtonProps & React.HTMLAttributes<HTMLButtonElement>;\n\nconst CopyButton = ({ copyLabel, copiedLabel, copyOnClick, ...props }: CopyButtonProps) => {\n const [clicked, setClicked] = useState(false);\n\n const copyToClipboard = (text: string) => {\n setClicked(true);\n navigator.clipboard.writeText(text);\n };\n\n return (\n <Tooltip\n // @ts-expect-error: ignore complaint that Element cannot be set as content\n content={\n clicked ? (\n <HStack>\n <CheckmarkCircleFillIcon\n color='#D1F4E1'\n fontSize='1.2em'\n />\n {copiedLabel}\n </HStack>\n ) : (\n copyLabel\n )\n }\n placement='top'\n >\n <Button\n data-size='sm'\n variant='secondary'\n onClick={() => copyToClipboard(copyOnClick)}\n onMouseOver={() => setClicked(false)}\n {...props}\n >\n <FilesIcon aria-hidden />\n <span className={'sr-only'}>{copyLabel}</span>\n </Button>\n </Tooltip>\n );\n};\n\nexport default CopyButton;\n",".wrapper {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n","import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './vstack.module.scss';\n\nconst VStack = ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n return (\n <div\n className={cn(styles.wrapper, className)}\n {...props}\n >\n {children}\n </div>\n );\n};\n\nexport default VStack;\n",".helptext {\n --dsc-helptext-icon-size: 65%;\n --dsc-helptext-icon-url: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 8 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 11a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM4 0c2.2 0 4 1.66 4 3.7 0 .98-.42 1.9-1.17 2.6l-.6.54-.29.29c-.48.46-.87.93-.94 1.41V9.5H3v-.81c0-1.26.84-2.22 1.68-3L5.42 5C5.8 4.65 6 4.2 6 3.7 6 2.66 5.1 1.83 4 1.83c-1.06 0-1.92.75-2 1.7v.15H0C0 1.66 1.8 0 4 0Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n --dsc-helptext-size: var(--custom-helptext-size, var(--ds-size-7));\n \n border-radius: var(--ds-border-radius-full);\n border: max(1px, calc(var(--ds-size-1) / 2)) solid; /* Allow border-width to grow with font-size */\n box-sizing: border-box;\n height: var(--dsc-helptext-size);\n min-height: 0;\n min-width: 0;\n padding: 0;\n position: relative;\n width: var(--dsc-helptext-size);\n \n @media (forced-colors: active) {\n color: ButtonText;\n }\n \n &::before {\n content: '';\n border-radius: inherit;\n background: currentcolor;\n mask-composite: exclude;\n mask-image: var(--dsc-helptext-icon-url);\n mask-position: center;\n mask-repeat: no-repeat;\n mask-size: var(--dsc-helptext-icon-size) var(--dsc-helptext-icon-size), cover;\n scale: 1.1; /* Hide tiny half pixel rendeing bug */\n width: 100%;\n height: 100%;\n \n @media (forced-colors: active) {\n background: ButtonText;\n }\n }\n \n &:has(+ :popover-open)::before {\n mask-image: var(--dsc-helptext-icon-url), linear-gradient(currentcolor, currentcolor); /* Cut icon out of currentcolor surface */\n }\n \n @media print {\n display: none;\n }\n }\n ","import React from 'react';\nimport { Popover } from '@digdir/designsystemet-react';\nimport styles from './helptext.module.scss';\n\nexport type HelpTextProps = {\n /**\n * Required descriptive label for screen readers.\n **/\n \"aria-label\": string;\n /**\n * Placement of the Popover.\n * @default 'right'\n */\n placement?: \"right\" | \"bottom\" | \"left\" | \"top\";\n } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">;\n \n export const HelpText = React.forwardRef<HTMLButtonElement, HelpTextProps>(\n function HelpText(\n { placement = \"right\", children, ...rest },\n ref\n ) {\n return (\n <Popover.TriggerContext>\n <Popover.Trigger\n className={styles.helptext}\n ref={ref}\n variant=\"tertiary\"\n data-color=\"info\"\n {...rest}\n />\n <Popover placement={placement} data-color=\"info\">\n {children}\n </Popover>\n </Popover.TriggerContext>\n );\n }\n );",".tagList {\n display: flex;\n gap: 0.5rem;\n font-weight: normal;\n font-size: 0.8em;\n align-items: center;\n flex-wrap: wrap;\n}\n","import React from 'react';\nimport cn from 'classnames';\nimport type { Size } from '@digdir/designsystemet-types';\nimport { Tag } from '@digdir/designsystemet-react';\nimport styles from './styles.module.scss';\n\nexport type TagListProps = {\n maxTags?: number;\n 'data-size'?: Size;\n};\n\nconst TagList = ({ children, className, maxTags, 'data-size': dataSize, ...props }: TagListProps & React.HTMLAttributes<HTMLUListElement>) => {\n const childArray = React.Children.toArray(children);\n if (!childArray.length) return null;\n return (\n <ul\n className={cn(styles.tagList, className)}\n {...props}\n >\n {childArray\n .filter((child) => Boolean(child))\n .slice(0, maxTags ?? childArray.length)\n .map((child, i) => {\n const key = React.isValidElement(child) && child.key != null \n ? child.key \n : i;\n return <li key={key}>{child}</li>;\n })}\n {maxTags && maxTags < childArray.length && (\n <li>\n <Tag data-size={dataSize || 'sm'}>\n <span>+{childArray.length - maxTags}</span>\n </Tag>\n </li>\n )}\n </ul>\n );\n};\n\nexport default TagList;\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Radio,\n ValidationMessage,\n type UseRadioGroupProps,\n useRadioGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface RadioGroupProps extends Omit<UseRadioGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of radio options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n }>;\n /**\n * Controlled value - the selected radio value\n */\n value?: string;\n /**\n * Callback when the selected value changes\n */\n onChange?: (value: string) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * RadioGroup component that wraps multiple Radio components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <RadioGroup\n * legend=\"Hvilken iskremsmak er best?\"\n * description=\"Velg din favorittsmak\"\n * options={[\n * { value: 'vanilje', label: 'Vanilje' },\n * { value: 'jordbær', label: 'Jordbær' },\n * { value: 'sjokolade', label: 'Sjokolade' },\n * ]}\n * value={selectedValue}\n * onChange={(value) => setSelectedValue(value)}\n * />\n */\nexport const RadioGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: RadioGroupProps) => {\n const { getRadioProps, validationMessageProps } = useRadioGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Radio\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getRadioProps(option.value)}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default RadioGroup;\n\n","import React, { type ReactNode } from 'react';\nimport {\n Fieldset,\n Checkbox,\n ValidationMessage,\n type UseCheckboxGroupProps,\n useCheckboxGroup,\n} from '@digdir/designsystemet-react';\n\nexport interface CheckboxGroupProps extends Omit<UseCheckboxGroupProps, 'value' | 'onChange'> {\n /**\n * The legend text for the fieldset\n */\n legend?: ReactNode;\n /**\n * Optional description text for the fieldset\n */\n description?: ReactNode;\n /**\n * Array of checkbox options\n */\n options: Array<{\n value: string;\n label: string;\n description?: string;\n disabled?: boolean;\n allowIndeterminate?: boolean;\n }>;\n /**\n * Controlled value - array of selected checkbox values\n */\n value?: string[];\n /**\n * Callback when the selected values change\n */\n onChange?: (value: string[]) => void;\n /**\n * Optional className for the fieldset\n */\n className?: string;\n}\n\n/**\n * CheckboxGroup component that wraps multiple Checkbox components in a Fieldset.\n * Handles state management, onChange, and value automatically.\n *\n * @example\n * <CheckboxGroup\n * legend=\"Hvordan vil du kontaktes?\"\n * description=\"Velg alle relevante alternativer\"\n * options={[\n * { value: 'epost', label: 'E-post' },\n * { value: 'telefon', label: 'Telefon' },\n * { value: 'sms', label: 'SMS' },\n * ]}\n * value={selectedValues}\n * onChange={(values) => setSelectedValues(values)}\n * />\n */\nexport const CheckboxGroup = ({\n legend,\n description,\n options,\n value,\n onChange,\n error,\n disabled,\n readOnly,\n required,\n name,\n className,\n}: CheckboxGroupProps) => {\n const { getCheckboxProps, validationMessageProps } = useCheckboxGroup({\n value,\n onChange: onChange ? (nextValue) => onChange(nextValue) : undefined,\n error,\n disabled,\n readOnly,\n required,\n name,\n });\n\n return (\n <Fieldset className={className}>\n {legend && <Fieldset.Legend>{legend}</Fieldset.Legend>}\n {description && <Fieldset.Description>{description}</Fieldset.Description>}\n {options.map((option) => (\n <Checkbox\n key={option.value}\n label={option.label}\n description={option.description}\n disabled={option.disabled}\n {...getCheckboxProps({\n value: option.value,\n allowIndeterminate: option.allowIndeterminate,\n })}\n />\n ))}\n {error && <ValidationMessage {...validationMessageProps} />}\n </Fieldset>\n );\n};\n\nexport default CheckboxGroup;\n\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fellesdatakatalog/ui",
3
- "version": "1.0.41",
3
+ "version": "1.0.43",
4
4
  "description": "React UI components for Felles Datakatalog",
5
5
  "main": "dist/shared-ui.cjs",
6
6
  "module": "dist/shared-ui.es.js",
@@ -75,7 +75,7 @@
75
75
  "storybook": "^10.3.6",
76
76
  "terser": "^5.46.2",
77
77
  "typescript": "^6.0.3",
78
- "vite": "^8.0.10",
78
+ "vite": "^8.0.16",
79
79
  "vitest": "^4.1.6"
80
80
  },
81
81
  "dependencies": {
@@ -89,7 +89,10 @@
89
89
  "glob": ">10.5.0",
90
90
  "minimatch": ">=10.2.3",
91
91
  "postcss": ">=8.5.10",
92
- "vite": "^8.0.8"
92
+ "vite": "^8.0.16",
93
+ "tar": ">=7.5.16",
94
+ "@babel/core": "^7.29.6",
95
+ "ws": ">=8.21.0"
93
96
  },
94
97
  "packageManager": "yarn@4.9.4",
95
98
  "engines": {