@fremtind/jokul 0.26.0 → 0.27.1
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.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/index.cjs +1 -1
- package/build/cjs/components/index.d.cts +1 -0
- package/build/cjs/components/modal/Modal.cjs +1 -1
- package/build/cjs/components/modal/Modal.cjs.map +1 -1
- package/build/cjs/components/popover/Popover.cjs +1 -1
- package/build/cjs/components/popover/Popover.cjs.map +1 -1
- package/build/cjs/components/radio-panel/RadioPanel.cjs +2 -0
- package/build/cjs/components/radio-panel/RadioPanel.cjs.map +1 -0
- package/build/cjs/components/radio-panel/RadioPanel.d.cts +10 -0
- package/build/cjs/components/radio-panel/index.cjs +2 -0
- package/build/cjs/components/radio-panel/index.cjs.map +1 -0
- package/build/cjs/components/radio-panel/index.d.cts +1 -0
- package/build/cjs/index.cjs +1 -1
- package/build/es/components/index.d.ts +1 -0
- package/build/es/components/index.js +1 -1
- package/build/es/components/modal/Modal.js +1 -1
- package/build/es/components/modal/Modal.js.map +1 -1
- package/build/es/components/popover/Popover.js +1 -1
- package/build/es/components/popover/Popover.js.map +1 -1
- package/build/es/components/radio-panel/RadioPanel.d.ts +10 -0
- package/build/es/components/radio-panel/RadioPanel.js +2 -0
- package/build/es/components/radio-panel/RadioPanel.js.map +1 -0
- package/build/es/components/radio-panel/index.d.ts +1 -0
- package/build/es/components/radio-panel/index.js +2 -0
- package/build/es/components/radio-panel/index.js.map +1 -0
- package/build/es/index.js +1 -1
- package/package.json +2 -2
- package/styles/components/button/button.css +2 -2
- package/styles/components/button/button.min.css +1 -1
- package/styles/components/checkbox/checkbox.css +4 -4
- package/styles/components/checkbox/checkbox.min.css +1 -1
- package/styles/components/feedback/feedback.css +2 -2
- package/styles/components/feedback/feedback.min.css +1 -1
- package/styles/components/input-group/input-group.css +2 -2
- package/styles/components/input-group/input-group.min.css +1 -1
- package/styles/components/loader/loader.css +6 -6
- package/styles/components/loader/loader.min.css +1 -1
- package/styles/components/loader/skeleton-loader.css +5 -5
- package/styles/components/loader/skeleton-loader.min.css +1 -1
- package/styles/components/message/message.css +2 -2
- package/styles/components/message/message.min.css +1 -1
- package/styles/components/progress-bar/progress-bar.css +2 -2
- package/styles/components/progress-bar/progress-bar.min.css +1 -1
- package/styles/components/radio-button/radio-button.css +2 -2
- package/styles/components/radio-button/radio-button.min.css +1 -1
- package/styles/components/radio-panel/_index.scss +1 -0
- package/styles/components/radio-panel/radio-panel.css +745 -0
- package/styles/components/radio-panel/radio-panel.min.css +1 -0
- package/styles/components/radio-panel/radio-panel.scss +149 -0
- package/styles/components/system-message/system-message.css +2 -2
- package/styles/components/system-message/system-message.min.css +1 -1
- package/styles/components/toast/toast.css +4 -4
- package/styles/components/toast/toast.min.css +1 -1
- package/styles/styles.css +147 -33
- package/styles/styles.min.css +1 -1
- package/styles/styles.scss +1 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./breadcrumb/Breadcrumb.cjs"),t=require("./breadcrumb/BreadcrumbItem.cjs"),s=require("./button/Button.cjs"),n=require("./card/Card.cjs"),i=require("./card/CardImage.cjs"),a=require("./card/NavCard.cjs"),c=require("./card/TaskCard.cjs"),p=require("./card/InfoCard.cjs"),u=require("./checkbox/Checkbox.cjs"),l=require("./combobox/Combobox.cjs"),x=require("./cookie-consent/CookieConsent.cjs"),d=require("./cookie-consent/CookieConsentContext.cjs"),b=require("./datepicker/validation.cjs"),T=require("./datepicker/utils.cjs"),I=require("./datepicker/DatePicker.cjs"),j=require("./feedback/Feedback.cjs"),g=require("./feedback/presets.cjs"),q=require("./flex/Flex.cjs"),m=require("./description-list/DescriptionList.cjs"),C=require("./expander/Expander.cjs"),k=require("./expander/ExpandSection.cjs"),S=require("./icon/Icon.cjs"),h=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),B=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),L=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),M=require("./icon/icons/ArrowDownIcon.cjs"),v=require("./icon/icons/ArrowLeftIcon.cjs"),w=require("./icon/icons/ArrowNorthEastIcon.cjs"),A=require("./icon/icons/ArrowRightIcon.cjs"),P=require("./icon/icons/ArrowUpIcon.cjs"),R=require("./icon/icons/CalendarIcon.cjs"),F=require("./icon/icons/CheckIcon.cjs"),y=require("./icon/icons/ChevronDownIcon.cjs"),D=require("./icon/icons/ChevronLeftIcon.cjs"),E=require("./icon/icons/ChevronRightIcon.cjs"),f=require("./icon/icons/ChevronUpIcon.cjs"),G=require("./icon/icons/CloseIcon.cjs"),N=require("./icon/icons/CopyIcon.cjs"),H=require("./icon/icons/DotsIcon.cjs"),U=require("./icon/icons/DragIcon.cjs"),W=require("./icon/icons/ErrorIcon.cjs"),V=require("./icon/icons/GreenCheckIcon.cjs"),O=require("./icon/icons/HamburgerIcon.cjs"),z=require("./icon/icons/InfoIcon.cjs"),Q=require("./icon/icons/LinkIcon.cjs"),Y=require("./icon/icons/PlusIcon.cjs"),J=require("./icon/icons/QuestionIcon.cjs"),K=require("./icon/icons/RedCrossIcon.cjs"),X=require("./icon/icons/SearchIcon.cjs"),Z=require("./icon/icons/SuccessIcon.cjs"),$=require("./icon/icons/WarningIcon.cjs"),_=require("./icon/icons/MinusIcon.cjs"),ee=require("./icon/icons/ThumbDownIcon.cjs"),oe=require("./icon/icons/ThumbUpIcon.cjs"),re=require("./icon/icons/TrashCanIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon-button/IconButton.cjs"),ne=require("./image/Image.cjs"),ie=require("./input-group/FieldGroup.cjs"),ae=require("./input-group/InputGroup.cjs"),ce=require("./input-group/Label.cjs"),pe=require("./input-group/SupportLabel.cjs"),ue=require("./link/Link.cjs"),le=require("./link/NavLink.cjs"),xe=require("./link-list/LinkList.cjs"),de=require("./list/List.cjs"),be=require("./list/ListItem.cjs"),Te=require("./loader/Loader.cjs"),Ie=require("./loader/skeletons/SkeletonAnimation.cjs"),je=require("./loader/skeletons/SkeletonButton.cjs"),ge=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),qe=require("./loader/skeletons/SkeletonElement.cjs"),me=require("./loader/skeletons/SkeletonInput.cjs"),Ce=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),ke=require("./loader/skeletons/SkeletonTable.cjs"),Se=require("./loader/skeletons/SkeletonTextArea.cjs"),he=require("./logo/Logo.cjs"),Be=require("./logo/LogoStamp.cjs"),Le=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Me=require("./logo/text-paths/FraSB1ogDNB.cjs"),ve=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),we=require("./logo/text-paths/TeknologiFraFremtind.cjs"),Ae=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),Pe=require("./logo/text-paths/VartForsikringsselskap.cjs"),Re=require("./menu/Menu.cjs"),Fe=require("./menu/MenuItem.cjs"),ye=require("./menu/MenuItemCheckbox.cjs"),De=require("./menu/MenuDivider.cjs"),Ee=require("./message/Message.cjs"),fe=require("./message/FormErrorMessage.cjs"),Ge=require("./modal/Modal.cjs"),Ne=require("./modal/useModal.cjs"),He=require("./pagination/Pagination.cjs"),Ue=require("./popover/Popover.cjs"),We=require("./progress-bar/Countdown.cjs"),Ve=require("./progress-bar/ProgressBar.cjs"),Oe=require("./radio-button/RadioButton.cjs"),ze=require("./radio-button/RadioButtonGroup.cjs"),Qe=require("./radio-button/BaseRadioButton.cjs"),Ye=require("./select/Select.cjs"),Je=require("./select/NativeSelect.cjs"),Ke=require("./summary-table/SummaryTable.cjs"),Xe=require("./summary-table/SummaryTableRow.cjs"),Ze=require("./system-message/SystemMessage.cjs"),$e=require("./table/DataTable.cjs"),_e=require("./table/Table.cjs"),eo=require("./table/TableBody.cjs"),oo=require("./table/TableCaption.cjs"),ro=require("./table/TableCell.cjs"),to=require("./table/TableColumn.cjs"),so=require("./table/TableColumnGroup.cjs"),no=require("./table/tableContext.cjs"),io=require("./table/tableSectionContext.cjs"),ao=require("./table/TableFooter.cjs"),co=require("./table/TableHead.cjs"),po=require("./table/TableHeader.cjs"),uo=require("./table/TablePagination.cjs"),lo=require("./table/TableRow.cjs"),xo=require("./table/ExpandableTableRow.cjs"),bo=require("./table/ExpandableTableRowController.cjs"),To=require("./table/utils.cjs"),Io=require("./tabs/NavTab.cjs"),jo=require("./tabs/NavTabs.cjs"),go=require("./tabs/Tabs.cjs"),qo=require("./tabs/TabList.cjs"),mo=require("./tabs/Tab.cjs"),Co=require("./tabs/TabPanel.cjs"),ko=require("./tag/Tag.cjs"),So=require("./text-input/BaseTextArea.cjs"),ho=require("./text-input/BaseTextInput.cjs"),Bo=require("./text-input/TextArea.cjs"),Lo=require("./text-input/TextInput.cjs"),Mo=require("./toast/toastContext.cjs"),vo=require("./toggle-switch/ToggleSwitch.cjs"),wo=require("./toggle-switch/ToggleSlider.cjs"),Ao=require("./tooltip/Tooltip.cjs"),Po=require("./tooltip/TooltipContent.cjs"),Ro=require("./tooltip/TooltipTrigger.cjs"),Fo=require("./tooltip/PopupTip.cjs"),yo=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=u.Checkbox,exports.Combobox=l.Combobox,exports.getComboboxValuePair=l.getComboboxValuePair,exports.CookieConsent=x.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=b.isCorrectFormat,exports.isWithinLowerBound=b.isWithinLowerBound,exports.isWithinUpperBound=b.isWithinUpperBound,exports.dayMonthYearRegex=T.dayMonthYearRegex,exports.formatInput=T.formatInput,exports.isBlurTargetOutside=T.isBlurTargetOutside,exports.parseDateString=T.parseDateString,exports.DatePicker=I.DatePicker,exports.Feedback=j.Feedback,exports.PRESETS=g.PRESETS,exports.Flex=q.Flex,exports.DescriptionDetail=m.DescriptionDetail,exports.DescriptionList=m.DescriptionList,exports.DescriptionTerm=m.DescriptionTerm,exports.Expander=C.Expander,exports.ExpandSection=k.ExpandSection,exports.Icon=S.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=B.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=L.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=v.ArrowLeftIcon,exports.ArrowNorthEastIcon=w.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=P.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=F.CheckIcon,exports.ChevronDownIcon=y.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=E.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=G.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=H.DotsIcon,exports.DragIcon=U.DragIcon,exports.ErrorIcon=W.ErrorIcon,exports.GreenCheckIcon=V.GreenCheckIcon,exports.HamburgerIcon=O.HamburgerIcon,exports.InfoIcon=z.InfoIcon,exports.LinkIcon=Q.LinkIcon,exports.PlusIcon=Y.PlusIcon,exports.QuestionIcon=J.QuestionIcon,exports.RedCrossIcon=K.RedCrossIcon,exports.SearchIcon=X.SearchIcon,exports.SuccessIcon=Z.SuccessIcon,exports.WarningIcon=$.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=te.PenIcon,exports.IconButton=se.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=pe.SupportLabel,exports.Link=ue.Link,exports.NavLink=le.NavLink,exports.LinkList=xe.LinkList,exports.List=de.List,exports.OrderedList=de.OrderedList,exports.UnorderedList=de.UnorderedList,exports.CheckListItem=be.CheckListItem,exports.CrossListItem=be.CrossListItem,exports.ListItem=be.ListItem,exports.Loader=Te.Loader,exports.SkeletonAnimation=Ie.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=ge.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=me.SkeletonInput,exports.SkeletonRadioButtonGroup=Ce.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Se.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Be.LogoStamp,exports.ForsikringLevertAvFremtind=Le.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=ve.InnovasjonFraFremtind,exports.TeknologiFraFremtind=we.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Pe.VartForsikringsselskap,exports.Menu=Re.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuItemCheckbox=ye.MenuItemCheckbox,exports.MenuDivider=De.MenuDivider,exports.ErrorMessage=Ee.ErrorMessage,exports.InfoMessage=Ee.InfoMessage,exports.SuccessMessage=Ee.SuccessMessage,exports.WarningMessage=Ee.WarningMessage,exports.FormErrorMessage=fe.FormErrorMessage,exports.Modal=Ge.Modal,exports.ModalActions=Ge.ModalActions,exports.ModalBody=Ge.ModalBody,exports.ModalCloseButton=Ge.ModalCloseButton,exports.ModalContainer=Ge.ModalContainer,exports.ModalHeader=Ge.ModalHeader,exports.ModalOverlay=Ge.ModalOverlay,exports.ModalTitle=Ge.ModalTitle,exports.useModal=Ne.useModal,exports.Pagination=He.Pagination,exports.Popover=Ue.Popover,exports.Countdown=We.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=Oe.RadioButton,exports.RadioButtonGroup=ze.RadioButtonGroup,exports.BaseRadioButton=Qe.BaseRadioButton,exports.Select=Ye.Select,exports.NativeSelect=Je.NativeSelect,exports.SummaryTable=Ke.SummaryTable,exports.SummaryTableRow=Xe.SummaryTableRow,exports.ErrorSystemMessage=Ze.ErrorSystemMessage,exports.InfoSystemMessage=Ze.InfoSystemMessage,exports.SuccessSystemMessage=Ze.SuccessSystemMessage,exports.WarningSystemMessage=Ze.WarningSystemMessage,exports.DataTable=$e.DataTable,exports.Table=_e.Table,exports.TableBody=eo.TableBody,exports.TableCaption=oo.TableCaption,exports.TableCell=ro.TableCell,exports.TableColumn=to.TableColumn,exports.TableColumnGroup=so.TableColumnGroup,exports.TableContextProvider=no.TableContextProvider,exports.useTableContext=no.useTableContext,exports.TableSectionContextProvider=io.TableSectionContextProvider,exports.useTableSectionContext=io.useTableSectionContext,exports.TableFooter=ao.TableFooter,exports.TableHead=co.TableHead,exports.TableHeader=po.TableHeader,exports.TablePagination=uo.TablePagination,exports.TableRow=lo.TableRow,exports.ExpandableTableRow=xo.ExpandableTableRow,exports.ExpandableTableRowController=bo.ExpandableTableRowController,exports.useSortableTableHeader=To.useSortableTableHeader,exports.NavTab=Io.NavTab,exports.NavTabs=jo.NavTabs,exports.Tabs=go.Tabs,exports.TabList=qo.TabList,exports.Tab=mo.Tab,exports.TabPanel=Co.TabPanel,exports.ErrorTag=ko.ErrorTag,exports.InfoTag=ko.InfoTag,exports.SuccessTag=ko.SuccessTag,exports.Tag=ko.Tag,exports.WarningTag=ko.WarningTag,exports.BaseTextArea=So.BaseTextArea,exports.BaseTextInput=ho.BaseTextInput,exports.TextArea=Bo.TextArea,exports.TextInput=Lo.TextInput,exports.ToastProvider=Mo.ToastProvider,exports.useToast=Mo.useToast,exports.ToggleSwitch=vo.ToggleSwitch,exports.ToggleSlider=wo.ToggleSlider,exports.Tooltip=Ao.Tooltip,exports.TooltipContent=Po.TooltipContent,exports.TooltipTrigger=Ro.TooltipTrigger,exports.PopupTip=Fo.PopupTip,exports.ScreenReaderOnly=yo.ScreenReaderOnly;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./accordion/Accordion.cjs"),o=require("./accordion/AccordionItem.cjs"),r=require("./breadcrumb/Breadcrumb.cjs"),t=require("./breadcrumb/BreadcrumbItem.cjs"),s=require("./button/Button.cjs"),n=require("./card/Card.cjs"),i=require("./card/CardImage.cjs"),a=require("./card/NavCard.cjs"),c=require("./card/TaskCard.cjs"),p=require("./card/InfoCard.cjs"),u=require("./checkbox/Checkbox.cjs"),l=require("./combobox/Combobox.cjs"),x=require("./cookie-consent/CookieConsent.cjs"),d=require("./cookie-consent/CookieConsentContext.cjs"),b=require("./datepicker/validation.cjs"),T=require("./datepicker/utils.cjs"),I=require("./datepicker/DatePicker.cjs"),j=require("./feedback/Feedback.cjs"),g=require("./feedback/presets.cjs"),q=require("./flex/Flex.cjs"),m=require("./description-list/DescriptionList.cjs"),C=require("./expander/Expander.cjs"),k=require("./expander/ExpandSection.cjs"),S=require("./icon/Icon.cjs"),h=require("./icon/icons/animated/ArrowVerticalAnimated.cjs"),B=require("./icon/icons/animated/ArrowHorizontalAnimated.cjs"),L=require("./icon/icons/animated/PlusRemoveAnimated.cjs"),M=require("./icon/icons/ArrowDownIcon.cjs"),v=require("./icon/icons/ArrowLeftIcon.cjs"),w=require("./icon/icons/ArrowNorthEastIcon.cjs"),A=require("./icon/icons/ArrowRightIcon.cjs"),P=require("./icon/icons/ArrowUpIcon.cjs"),R=require("./icon/icons/CalendarIcon.cjs"),F=require("./icon/icons/CheckIcon.cjs"),y=require("./icon/icons/ChevronDownIcon.cjs"),D=require("./icon/icons/ChevronLeftIcon.cjs"),E=require("./icon/icons/ChevronRightIcon.cjs"),f=require("./icon/icons/ChevronUpIcon.cjs"),G=require("./icon/icons/CloseIcon.cjs"),N=require("./icon/icons/CopyIcon.cjs"),H=require("./icon/icons/DotsIcon.cjs"),U=require("./icon/icons/DragIcon.cjs"),W=require("./icon/icons/ErrorIcon.cjs"),V=require("./icon/icons/GreenCheckIcon.cjs"),O=require("./icon/icons/HamburgerIcon.cjs"),z=require("./icon/icons/InfoIcon.cjs"),Q=require("./icon/icons/LinkIcon.cjs"),Y=require("./icon/icons/PlusIcon.cjs"),J=require("./icon/icons/QuestionIcon.cjs"),K=require("./icon/icons/RedCrossIcon.cjs"),X=require("./icon/icons/SearchIcon.cjs"),Z=require("./icon/icons/SuccessIcon.cjs"),$=require("./icon/icons/WarningIcon.cjs"),_=require("./icon/icons/MinusIcon.cjs"),ee=require("./icon/icons/ThumbDownIcon.cjs"),oe=require("./icon/icons/ThumbUpIcon.cjs"),re=require("./icon/icons/TrashCanIcon.cjs"),te=require("./icon/icons/PenIcon.cjs"),se=require("./icon-button/IconButton.cjs"),ne=require("./image/Image.cjs"),ie=require("./input-group/FieldGroup.cjs"),ae=require("./input-group/InputGroup.cjs"),ce=require("./input-group/Label.cjs"),pe=require("./input-group/SupportLabel.cjs"),ue=require("./link/Link.cjs"),le=require("./link/NavLink.cjs"),xe=require("./link-list/LinkList.cjs"),de=require("./list/List.cjs"),be=require("./list/ListItem.cjs"),Te=require("./loader/Loader.cjs"),Ie=require("./loader/skeletons/SkeletonAnimation.cjs"),je=require("./loader/skeletons/SkeletonButton.cjs"),ge=require("./loader/skeletons/SkeletonCheckboxGroup.cjs"),qe=require("./loader/skeletons/SkeletonElement.cjs"),me=require("./loader/skeletons/SkeletonInput.cjs"),Ce=require("./loader/skeletons/SkeletonRadioButtonGroup.cjs"),ke=require("./loader/skeletons/SkeletonTable.cjs"),Se=require("./loader/skeletons/SkeletonTextArea.cjs"),he=require("./logo/Logo.cjs"),Be=require("./logo/LogoStamp.cjs"),Le=require("./logo/text-paths/ForsikringLevertAvFremtind.cjs"),Me=require("./logo/text-paths/FraSB1ogDNB.cjs"),ve=require("./logo/text-paths/InnovasjonFraFremtind.cjs"),we=require("./logo/text-paths/TeknologiFraFremtind.cjs"),Ae=require("./logo/text-paths/VartEgetForsikringsselskap.cjs"),Pe=require("./logo/text-paths/VartForsikringsselskap.cjs"),Re=require("./menu/Menu.cjs"),Fe=require("./menu/MenuItem.cjs"),ye=require("./menu/MenuItemCheckbox.cjs"),De=require("./menu/MenuDivider.cjs"),Ee=require("./message/Message.cjs"),fe=require("./message/FormErrorMessage.cjs"),Ge=require("./modal/Modal.cjs"),Ne=require("./modal/useModal.cjs"),He=require("./pagination/Pagination.cjs"),Ue=require("./popover/Popover.cjs"),We=require("./progress-bar/Countdown.cjs"),Ve=require("./progress-bar/ProgressBar.cjs"),Oe=require("./radio-button/RadioButton.cjs"),ze=require("./radio-button/RadioButtonGroup.cjs"),Qe=require("./radio-button/BaseRadioButton.cjs"),Ye=require("./radio-panel/RadioPanel.cjs"),Je=require("./select/Select.cjs"),Ke=require("./select/NativeSelect.cjs"),Xe=require("./summary-table/SummaryTable.cjs"),Ze=require("./summary-table/SummaryTableRow.cjs"),$e=require("./system-message/SystemMessage.cjs"),_e=require("./table/DataTable.cjs"),eo=require("./table/Table.cjs"),oo=require("./table/TableBody.cjs"),ro=require("./table/TableCaption.cjs"),to=require("./table/TableCell.cjs"),so=require("./table/TableColumn.cjs"),no=require("./table/TableColumnGroup.cjs"),io=require("./table/tableContext.cjs"),ao=require("./table/tableSectionContext.cjs"),co=require("./table/TableFooter.cjs"),po=require("./table/TableHead.cjs"),uo=require("./table/TableHeader.cjs"),lo=require("./table/TablePagination.cjs"),xo=require("./table/TableRow.cjs"),bo=require("./table/ExpandableTableRow.cjs"),To=require("./table/ExpandableTableRowController.cjs"),Io=require("./table/utils.cjs"),jo=require("./tabs/NavTab.cjs"),go=require("./tabs/NavTabs.cjs"),qo=require("./tabs/Tabs.cjs"),mo=require("./tabs/TabList.cjs"),Co=require("./tabs/Tab.cjs"),ko=require("./tabs/TabPanel.cjs"),So=require("./tag/Tag.cjs"),ho=require("./text-input/BaseTextArea.cjs"),Bo=require("./text-input/BaseTextInput.cjs"),Lo=require("./text-input/TextArea.cjs"),Mo=require("./text-input/TextInput.cjs"),vo=require("./toast/toastContext.cjs"),wo=require("./toggle-switch/ToggleSwitch.cjs"),Ao=require("./toggle-switch/ToggleSlider.cjs"),Po=require("./tooltip/Tooltip.cjs"),Ro=require("./tooltip/TooltipContent.cjs"),Fo=require("./tooltip/TooltipTrigger.cjs"),yo=require("./tooltip/PopupTip.cjs"),Do=require("./ScreenReaderOnly.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=t.BreadcrumbItem,exports.Button=s.Button,exports.PrimaryButton=s.PrimaryButton,exports.SecondaryButton=s.SecondaryButton,exports.TertiaryButton=s.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=p.InfoCard,exports.Checkbox=u.Checkbox,exports.Combobox=l.Combobox,exports.getComboboxValuePair=l.getComboboxValuePair,exports.CookieConsent=x.CookieConsent,exports.CookieConsentProvider=d.CookieConsentProvider,exports.useCookieConsent=d.useCookieConsent,exports.isCorrectFormat=b.isCorrectFormat,exports.isWithinLowerBound=b.isWithinLowerBound,exports.isWithinUpperBound=b.isWithinUpperBound,exports.dayMonthYearRegex=T.dayMonthYearRegex,exports.formatInput=T.formatInput,exports.isBlurTargetOutside=T.isBlurTargetOutside,exports.parseDateString=T.parseDateString,exports.DatePicker=I.DatePicker,exports.Feedback=j.Feedback,exports.PRESETS=g.PRESETS,exports.Flex=q.Flex,exports.DescriptionDetail=m.DescriptionDetail,exports.DescriptionList=m.DescriptionList,exports.DescriptionTerm=m.DescriptionTerm,exports.Expander=C.Expander,exports.ExpandSection=k.ExpandSection,exports.Icon=S.Icon,exports.ArrowVerticalAnimated=h.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=B.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=L.PlusRemoveAnimated,exports.ArrowDownIcon=M.ArrowDownIcon,exports.ArrowLeftIcon=v.ArrowLeftIcon,exports.ArrowNorthEastIcon=w.ArrowNorthEastIcon,exports.ArrowRightIcon=A.ArrowRightIcon,exports.ArrowUpIcon=P.ArrowUpIcon,exports.CalendarIcon=R.CalendarIcon,exports.CheckIcon=F.CheckIcon,exports.ChevronDownIcon=y.ChevronDownIcon,exports.ChevronLeftIcon=D.ChevronLeftIcon,exports.ChevronRightIcon=E.ChevronRightIcon,exports.ChevronUpIcon=f.ChevronUpIcon,exports.CloseIcon=G.CloseIcon,exports.CopyIcon=N.CopyIcon,exports.DotsIcon=H.DotsIcon,exports.DragIcon=U.DragIcon,exports.ErrorIcon=W.ErrorIcon,exports.GreenCheckIcon=V.GreenCheckIcon,exports.HamburgerIcon=O.HamburgerIcon,exports.InfoIcon=z.InfoIcon,exports.LinkIcon=Q.LinkIcon,exports.PlusIcon=Y.PlusIcon,exports.QuestionIcon=J.QuestionIcon,exports.RedCrossIcon=K.RedCrossIcon,exports.SearchIcon=X.SearchIcon,exports.SuccessIcon=Z.SuccessIcon,exports.WarningIcon=$.WarningIcon,exports.MinusIcon=_.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=te.PenIcon,exports.IconButton=se.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=pe.SupportLabel,exports.Link=ue.Link,exports.NavLink=le.NavLink,exports.LinkList=xe.LinkList,exports.List=de.List,exports.OrderedList=de.OrderedList,exports.UnorderedList=de.UnorderedList,exports.CheckListItem=be.CheckListItem,exports.CrossListItem=be.CrossListItem,exports.ListItem=be.ListItem,exports.Loader=Te.Loader,exports.SkeletonAnimation=Ie.SkeletonAnimation,exports.SkeletonButton=je.SkeletonButton,exports.SkeletonCheckboxGroup=ge.SkeletonCheckboxGroup,exports.SkeletonElement=qe.SkeletonElement,exports.SkeletonInput=me.SkeletonInput,exports.SkeletonRadioButtonGroup=Ce.SkeletonRadioButtonGroup,exports.SkeletonTable=ke.SkeletonTable,exports.SkeletonTableHeader=ke.SkeletonTableHeader,exports.SkeletonTableRow=ke.SkeletonTableRow,exports.SkeletonTextArea=Se.SkeletonTextArea,exports.Logo=he.Logo,exports.LogoStamp=Be.LogoStamp,exports.ForsikringLevertAvFremtind=Le.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Me.FraSB1ogDNB,exports.InnovasjonFraFremtind=ve.InnovasjonFraFremtind,exports.TeknologiFraFremtind=we.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ae.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Pe.VartForsikringsselskap,exports.Menu=Re.Menu,exports.MenuItem=Fe.MenuItem,exports.MenuItemCheckbox=ye.MenuItemCheckbox,exports.MenuDivider=De.MenuDivider,exports.ErrorMessage=Ee.ErrorMessage,exports.InfoMessage=Ee.InfoMessage,exports.SuccessMessage=Ee.SuccessMessage,exports.WarningMessage=Ee.WarningMessage,exports.FormErrorMessage=fe.FormErrorMessage,exports.Modal=Ge.Modal,exports.ModalActions=Ge.ModalActions,exports.ModalBody=Ge.ModalBody,exports.ModalCloseButton=Ge.ModalCloseButton,exports.ModalContainer=Ge.ModalContainer,exports.ModalHeader=Ge.ModalHeader,exports.ModalOverlay=Ge.ModalOverlay,exports.ModalTitle=Ge.ModalTitle,exports.useModal=Ne.useModal,exports.Pagination=He.Pagination,exports.Popover=Ue.Popover,exports.Countdown=We.Countdown,exports.ProgressBar=Ve.ProgressBar,exports.RadioButton=Oe.RadioButton,exports.RadioButtonGroup=ze.RadioButtonGroup,exports.BaseRadioButton=Qe.BaseRadioButton,exports.RadioPanel=Ye.RadioPanel,exports.Select=Je.Select,exports.NativeSelect=Ke.NativeSelect,exports.SummaryTable=Xe.SummaryTable,exports.SummaryTableRow=Ze.SummaryTableRow,exports.ErrorSystemMessage=$e.ErrorSystemMessage,exports.InfoSystemMessage=$e.InfoSystemMessage,exports.SuccessSystemMessage=$e.SuccessSystemMessage,exports.WarningSystemMessage=$e.WarningSystemMessage,exports.DataTable=_e.DataTable,exports.Table=eo.Table,exports.TableBody=oo.TableBody,exports.TableCaption=ro.TableCaption,exports.TableCell=to.TableCell,exports.TableColumn=so.TableColumn,exports.TableColumnGroup=no.TableColumnGroup,exports.TableContextProvider=io.TableContextProvider,exports.useTableContext=io.useTableContext,exports.TableSectionContextProvider=ao.TableSectionContextProvider,exports.useTableSectionContext=ao.useTableSectionContext,exports.TableFooter=co.TableFooter,exports.TableHead=po.TableHead,exports.TableHeader=uo.TableHeader,exports.TablePagination=lo.TablePagination,exports.TableRow=xo.TableRow,exports.ExpandableTableRow=bo.ExpandableTableRow,exports.ExpandableTableRowController=To.ExpandableTableRowController,exports.useSortableTableHeader=Io.useSortableTableHeader,exports.NavTab=jo.NavTab,exports.NavTabs=go.NavTabs,exports.Tabs=qo.Tabs,exports.TabList=mo.TabList,exports.Tab=Co.Tab,exports.TabPanel=ko.TabPanel,exports.ErrorTag=So.ErrorTag,exports.InfoTag=So.InfoTag,exports.SuccessTag=So.SuccessTag,exports.Tag=So.Tag,exports.WarningTag=So.WarningTag,exports.BaseTextArea=ho.BaseTextArea,exports.BaseTextInput=Bo.BaseTextInput,exports.TextArea=Lo.TextArea,exports.TextInput=Mo.TextInput,exports.ToastProvider=vo.ToastProvider,exports.useToast=vo.useToast,exports.ToggleSwitch=wo.ToggleSwitch,exports.ToggleSlider=Ao.ToggleSlider,exports.Tooltip=Po.Tooltip,exports.TooltipContent=Ro.TooltipContent,exports.TooltipTrigger=Fo.TooltipTrigger,exports.PopupTip=yo.PopupTip,exports.ScreenReaderOnly=Do.ScreenReaderOnly;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -26,6 +26,7 @@ export * from './pagination/index.cjs';
|
|
|
26
26
|
export * from './popover/index.cjs';
|
|
27
27
|
export * from './progress-bar/index.cjs';
|
|
28
28
|
export * from './radio-button/index.cjs';
|
|
29
|
+
export * from './radio-panel/index.cjs';
|
|
29
30
|
export * from './select/index.cjs';
|
|
30
31
|
export * from './summary-table/index.cjs';
|
|
31
32
|
export * from './system-message/index.cjs';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),e=require("react");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs");const s=require("../icon/icons/CloseIcon.cjs");require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/WarningIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/PenIcon.cjs");const r=require("../icon-button/IconButton.cjs"),n=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-container",e),...s,ref:r})));n.displayName="ModalContainer";const i=e.forwardRef((({className:e,transparent:s,...r},n)=>o.jsx("div",{className:c.clsx("jkl-modal-overlay",e,{"jkl-modal-overlay--transparent":s}),...r,ref:n})));i.displayName="ModalOverlay";const a=e.forwardRef((({className:e,component:s,padding:r,style:n,...i},a)=>{const l=s||"div";return o.jsx(l,{className:c.clsx("jkl jkl-modal",e),style:{"--jkl-modal-padding":r?`var(--jkl-spacing-${r})`:void 0,...n},...i,ref:a})}));a.displayName="Modal";const l=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-header",e),...s,ref:r})));l.displayName="ModalHeader";const t=e.forwardRef((({className:e,...s},r)=>o.jsx("p",{className:c.clsx("jkl-modal-title",e),...s,ref:r})));t.displayName="ModalTitle";const d=e.forwardRef((({className:e,...n},i)=>o.jsx(r.IconButton,{className:c.clsx("jkl-modal-close",e),"data-testautoid":"jkl-modal-close",...n,ref:i,children:o.jsx(s.CloseIcon,{variant:"medium"})})));d.displayName="ModalCloseButton";const j=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-body",e),...s,ref:r})));j.displayName="ModalBody";const u=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-actions",e),...s,ref:r})));u.displayName="ModalActions",exports.Modal=a,exports.ModalActions=u,exports.ModalBody=j,exports.ModalCloseButton=d,exports.ModalContainer=n,exports.ModalHeader=l,exports.ModalOverlay=i,exports.ModalTitle=t;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),e=require("react");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs");const s=require("../icon/icons/CloseIcon.cjs");require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/WarningIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs"),require("../icon/icons/TrashCanIcon.cjs"),require("../icon/icons/PenIcon.cjs");const r=require("../icon-button/IconButton.cjs"),n=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-container",e),...s,ref:r,"data-portal":!0})));n.displayName="ModalContainer";const i=e.forwardRef((({className:e,transparent:s,...r},n)=>o.jsx("div",{className:c.clsx("jkl-modal-overlay",e,{"jkl-modal-overlay--transparent":s}),...r,ref:n})));i.displayName="ModalOverlay";const a=e.forwardRef((({className:e,component:s,padding:r,style:n,...i},a)=>{const l=s||"div";return o.jsx(l,{className:c.clsx("jkl jkl-modal",e),style:{"--jkl-modal-padding":r?`var(--jkl-spacing-${r})`:void 0,...n},...i,ref:a})}));a.displayName="Modal";const l=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-header",e),...s,ref:r})));l.displayName="ModalHeader";const t=e.forwardRef((({className:e,...s},r)=>o.jsx("p",{className:c.clsx("jkl-modal-title",e),...s,ref:r})));t.displayName="ModalTitle";const d=e.forwardRef((({className:e,...n},i)=>o.jsx(r.IconButton,{className:c.clsx("jkl-modal-close",e),"data-testautoid":"jkl-modal-close",...n,ref:i,children:o.jsx(s.CloseIcon,{variant:"medium"})})));d.displayName="ModalCloseButton";const j=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-body",e),...s,ref:r})));j.displayName="ModalBody";const u=e.forwardRef((({className:e,...s},r)=>o.jsx("div",{className:c.clsx("jkl-modal-actions",e),...s,ref:r})));u.displayName="ModalActions",exports.Modal=a,exports.ModalActions=u,exports.ModalBody=j,exports.ModalCloseButton=d,exports.ModalContainer=n,exports.ModalHeader=l,exports.ModalOverlay=i,exports.ModalTitle=t;
|
|
2
2
|
//# sourceMappingURL=Modal.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.cjs","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { WithOptionalChildren } from \"../../core/types.js\";\nimport { CloseIcon } from \"../icon/index.js\";\nimport { IconButton, IconButtonProps } from \"../icon-button/IconButton.js\";\nimport { ModalConfig } from \"./useModal.js\";\n\nexport interface ModalProps extends WithOptionalChildren {\n id?: string;\n className?: string;\n component?: React.ElementType;\n style?: React.CSSProperties;\n /**\n * Overstyrer padding på modalen via en CSS-variabel.\n */\n padding?: 16 | 24 | 40;\n}\n\ntype BaseModalProps = Omit<ModalProps, \"padding\" | \"component\">;\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalContainer = forwardRef<HTMLDivElement, ModalConfig[\"container\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => {\n return <div className={clsx(\"jkl-modal-container\", className)} {...rest} ref={ref} />;\n },\n);\nModalContainer.displayName = \"ModalContainer\";\n\ntype ModalOverlayProps = ModalConfig[\"overlay\"] &\n BaseModalProps & {\n /**\n * Rendre uten bakgrunnsfarge, men med click target for å lukke modalen ved klikk utenfor.\n */\n transparent?: boolean;\n };\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component || \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding ? `var(--jkl-spacing-${padding})` : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-header\", className)} {...rest} ref={ref} />\n));\nModalHeader.displayName = \"ModalHeader\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalTitle = forwardRef<HTMLParagraphElement, ModalConfig[\"title\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />,\n);\nModalTitle.displayName = \"ModalTitle\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> & BaseModalProps & IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton className={clsx(\"jkl-modal-close\", className)} data-testautoid=\"jkl-modal-close\" {...rest} ref={ref}>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-body\", className)} {...rest} ref={ref} />\n));\nModalBody.displayName = \"ModalBody\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-actions\", className)} {...rest} ref={ref} />\n));\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","C","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"wrDAuBaA,EAAiBC,EAAAA,YAC1B,EAAGC,UAAAA,KAAcC,GAAQC,
|
|
1
|
+
{"version":3,"file":"Modal.cjs","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { WithOptionalChildren } from \"../../core/types.js\";\nimport { CloseIcon } from \"../icon/index.js\";\nimport { IconButton, IconButtonProps } from \"../icon-button/IconButton.js\";\nimport { ModalConfig } from \"./useModal.js\";\n\nexport interface ModalProps extends WithOptionalChildren {\n id?: string;\n className?: string;\n component?: React.ElementType;\n style?: React.CSSProperties;\n /**\n * Overstyrer padding på modalen via en CSS-variabel.\n */\n padding?: 16 | 24 | 40;\n}\n\ntype BaseModalProps = Omit<ModalProps, \"padding\" | \"component\">;\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalContainer = forwardRef<HTMLDivElement, ModalConfig[\"container\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => {\n // TODO: 'data-portal' fjernes når modalen tar i bruk Popover komponenten\n return <div className={clsx(\"jkl-modal-container\", className)} {...rest} ref={ref} data-portal />;\n },\n);\nModalContainer.displayName = \"ModalContainer\";\n\ntype ModalOverlayProps = ModalConfig[\"overlay\"] &\n BaseModalProps & {\n /**\n * Rendre uten bakgrunnsfarge, men med click target for å lukke modalen ved klikk utenfor.\n */\n transparent?: boolean;\n };\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component || \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding ? `var(--jkl-spacing-${padding})` : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-header\", className)} {...rest} ref={ref} />\n));\nModalHeader.displayName = \"ModalHeader\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalTitle = forwardRef<HTMLParagraphElement, ModalConfig[\"title\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />,\n);\nModalTitle.displayName = \"ModalTitle\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> & BaseModalProps & IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton className={clsx(\"jkl-modal-close\", className)} data-testautoid=\"jkl-modal-close\" {...rest} ref={ref}>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-body\", className)} {...rest} ref={ref} />\n));\nModalBody.displayName = \"ModalBody\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-actions\", className)} {...rest} ref={ref} />\n));\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","C","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"wrDAuBaA,EAAiBC,EAAAA,YAC1B,EAAGC,UAAAA,KAAcC,GAAQC,IAEdC,EAAAA,IAAC,MAAI,CAAAH,UAAWI,EAAKA,KAAA,sBAAuBJ,MAAgBC,EAAMC,IAAAA,EAAU,eAAW,MAGtGJ,EAAeO,YAAc,iBAatB,MAAMC,EAAeP,EAAAA,YACxB,EAAGC,UAAAA,EAAWO,YAAAA,KAAgBN,GAAQC,IAClCC,EAAAA,IAAC,MAAA,CACGH,UAAWI,EAAAA,KAAK,oBAAqBJ,EAAW,CAC5C,iCAAkCO,OAElCN,EACJC,IAAAA,MAIZI,EAAaD,YAAc,eAKpB,MAAMG,EAAQT,EAAAA,YACjB,EAAGC,UAAAA,EAAWS,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,KAAUV,GAAQC,KAChD,MAAMU,EAAIH,GAAa,MAEnB,OAAAN,EAAAA,IAACS,EAAA,CACGZ,UAAWI,EAAAA,KAAK,gBAAiBJ,GACjCW,MACI,CACI,sBAAuBD,EAAU,qBAAqBA,UAAa,KAChEC,MAGPV,EACJC,IAAAA,GAAA,IAKhBM,EAAMH,YAAc,QAKb,MAAMQ,EAAcd,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UAC1F,MAAI,CAAAF,UAAWI,OAAK,mBAAoBJ,MAAgBC,EAAMC,IAAAA,MAEnEW,EAAYR,YAAc,cAKnB,MAAMS,EAAaf,EAAAA,YACtB,EAAGC,UAAAA,KAAcC,GAAQC,IAAQC,EAAAA,IAAC,IAAE,CAAAH,UAAWI,EAAAA,KAAK,kBAAmBJ,MAAgBC,EAAMC,IAAAA,MAEjGY,EAAWT,YAAc,aAKZ,MAAAU,EAAmBhB,EAG9BA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,IACtBC,EAAAA,IAAAa,EAAAA,WAAA,CAAWhB,UAAWI,EAAAA,KAAK,kBAAmBJ,GAAY,kBAAgB,qBAAsBC,EAAMC,IAAAA,EACnGe,SAAAd,MAACe,EAAAA,UAAU,CAAAC,QAAQ,eAG3BJ,EAAiBV,YAAc,mBAKxB,MAAMe,EAAYrB,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UACxF,MAAI,CAAAF,UAAWI,OAAK,iBAAkBJ,MAAgBC,EAAMC,IAAAA,MAEjEkB,EAAUf,YAAc,YAKjB,MAAMgB,EAAetB,EAA2CA,YAAA,EAAGC,UAAAA,KAAcC,GAAQC,UAC3F,MAAI,CAAAF,UAAWI,OAAK,oBAAqBJ,MAAgBC,EAAMC,IAAAA,MAEpEmB,EAAahB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),r=require("../../utilities/getThemeAndDensity.cjs");const s=function(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}(o),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("@floating-ui/react"),n=require("../../../clsx-E3yX_9sL.cjs"),o=require("react"),r=require("../../utilities/getThemeAndDensity.cjs");const s=function(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}(o),l=s.createContext(null),i=()=>{const e=s.useContext(l);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},a=({children:n,...o})=>{const r=(({open:e,onOpenChange:n,placement:o="bottom-start",strategy:r="absolute",modal:l=!0,offset:i=4,positionReference:a,hoverOptions:c,focusOptions:u,clickOptions:d,roleOptions:f,dismissOptions:p})=>{const[m,g]=s.useState(e),h=e??m,v=n??g,x=t.useFloating({open:h,onOpenChange:v,placement:o,strategy:r,middleware:[t.offset(i),t.flip({padding:5,fallbackPlacements:["bottom","top"]}),t.shift({padding:12})],whileElementsMounted:t.autoUpdate}),b=x.context,j=t.useClick(b,{enabled:!1,...d}),y=t.useHover(b,{enabled:!1,...c}),O=t.useFocus(b,{enabled:!1,...u}),P=t.useDismiss(b,p),R=t.useRole(b,f),F=t.useInteractions([j,P,O,y,R]);return s.useLayoutEffect((()=>{a&&x.refs.setPositionReference(null==a?void 0:a.current)}),[a,x.refs]),s.useMemo((()=>({open:h,onOpenChange:v,modal:l,...F,...x})),[h,v,l,F,x])})({...o});return e.jsx(l.Provider,{value:r,children:n})},c=s.forwardRef((function({children:n,asChild:o=!1,...r},l){const{refs:a,getReferenceProps:c,open:u,onOpenChange:d}=i(),f=n.ref,p=t.useMergeRefs([a.setReference,l,f]);return o&&s.isValidElement(n)?s.cloneElement(n,c({ref:p,...r,...n.props})):e.jsx("button",{ref:p,onClick:()=>null==d?void 0:d(!u),"aria-expanded":u,...c(r),children:n})})),u=s.forwardRef((function({style:o,className:l,padding:a=0,initialFocus:c=0,returnFocus:u=!0,...d},f){const{context:p,modal:m,refs:g,open:h,floatingStyles:v,getFloatingProps:x}=i(),b=t.useMergeRefs([g.setFloating,f]),j=g.reference.current,{theme:y,density:O}=(R=j)&&"contextElement"in R?r.getThemeAndDensity(j.contextElement):r.getThemeAndDensity(j),P=s.useRef(null);var R;return s.useEffect((()=>{var e;P.current=(null==(e=p.elements.domReference)?void 0:e.closest("[data-portal]"))||null}),[p.elements.domReference]),h?e.jsx(t.FloatingPortal,{root:P.current,children:e.jsx(t.FloatingFocusManager,{context:p,modal:m,initialFocus:c,returnFocus:u,children:e.jsx("div",{"data-theme":y,"data-layout-density":O,className:n.clsx("jkl jkl-popover",l),ref:b,style:{...o,...v,"--popover-padding":`var(--jkl-spacing-${a})`},...x(d),children:d.children})})}):null}));a.Trigger=c,a.Content=u,exports.Popover=a,exports.default=a;
|
|
2
2
|
//# sourceMappingURL=Popover.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n VirtualElement,\n ReferenceElement,\n ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n *\n * @see https://floating-ui.com/docs/usefloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n *\n * @see https://floating-ui.com/docs/usefloating#onopenchange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#placement\n *\n * @default \"bottom-start\"\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#strategy\n *\n * @default \"absolute\"\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n *\n * @see https://floating-ui.com/docs/usefloating#modal\n *\n * @default true\n */\n modal?: boolean;\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n *\n * @see https://floating-ui.com/docs/offset\n *\n * @default 4\n */\n offset?: number;\n /**\n * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n *\n * @see https://floating-ui.com/docs/usefloating#setpositionreference\n *\n * @default Popover.Trigger\n */\n positionReference?: React.RefObject<ReferenceType>;\n /**\n * Options for hover-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usehover\n *\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usefocus\n *\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n *\n * @see https://floating-ui.com/docs/useclick\n *\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n *\n * @see https://floating-ui.com/docs/userole\n *\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n *\n * @see https://floating-ui.com/docs/usedismiss\n *\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nexport const Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n *\n * Default er `false`.\n *\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n *\n * Default er `0`.\n */\n padding?: 0 | 8 | 16 | 24;\n /**\n *\n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n *\n * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n */\n initialFocus?: number | React.RefObject<HTMLElement>;\n /**\n * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n *\n * Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent(\n { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n propRef,\n ) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n if (!open) return null;\n\n return (\n <FloatingPortal>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","FloatingPortal","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"qjBAgMMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGEG,EAAU,EACnBC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAAA,YAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAAA,OAAOC,GACPa,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,WAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,WAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAW1C,EAASqB,GAC9BsB,EAAOC,EAAAA,QAAQ5C,EAASoB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAA,CACI5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,IAChC,aAAQT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAAA,aAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAAA,aAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,IAhBKH,EAgB0BA,IAb3C,mBAAoBA,EAcjBI,EAAAA,mBAAmBJ,EAAiBK,gBACpCD,EAAAA,mBAAmBJ,GAlBLA,MAoBhB,OAACtE,QAGA4E,EAAAA,eACG,CAAA/E,SAAA+D,EAAAA,IAACiB,EAAAA,qBAAA,CACGpF,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAAA,IAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWc,EAAAA,KAAK,kBAAmBd,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQmF,QAAU/B,EAClBpD,EAAQoF,QAAUlB"}
|
|
1
|
+
{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n useFloating,\n useFocus,\n useHover,\n useClick,\n useDismiss,\n autoUpdate,\n useRole,\n useMergeRefs,\n offset,\n flip,\n shift,\n useInteractions,\n FloatingPortal,\n FloatingFocusManager,\n UseFloatingOptions,\n VirtualElement,\n ReferenceElement,\n ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\n\ntype ClickOptions = Parameters<typeof useClick>[1];\ntype DismissOptions = Parameters<typeof useDismiss>[1];\ntype FocusOptions = Parameters<typeof useFocus>[1];\ntype HoverOptions = Parameters<typeof useHover>[1];\ntype RoleOptions = Parameters<typeof useRole>[1];\n\ninterface PopoverOptions {\n /**\n * Angir om popoveren er åpen eller lukket.\n *\n * @see https://floating-ui.com/docs/usefloating#open\n */\n open?: boolean;\n /**\n * Callback som trigges når popoveren åpnes eller lukkes.\n *\n * @see https://floating-ui.com/docs/usefloating#onopenchange\n */\n onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n /**\n * Bestemmer plasseringen av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#placement\n *\n * @default \"bottom-start\"\n */\n placement?: UseFloatingOptions[\"placement\"];\n /**\n * Definerer strategien for posisjonering av popoveren.\n *\n * @see https://floating-ui.com/docs/usefloating#strategy\n *\n * @default \"absolute\"\n */\n strategy?: UseFloatingOptions[\"strategy\"];\n /**\n * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n * og innhold utenfor ikke kan interageres med.\n *\n * @see https://floating-ui.com/docs/usefloating#modal\n *\n * @default true\n */\n modal?: boolean;\n /**\n * Justerer avstanden mellom referanse-elementet og popoveren.\n *\n * @see https://floating-ui.com/docs/offset\n *\n * @default 4\n */\n offset?: number;\n /**\n * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n *\n * @see https://floating-ui.com/docs/usefloating#setpositionreference\n *\n * @default Popover.Trigger\n */\n positionReference?: React.RefObject<ReferenceType>;\n /**\n * Options for hover-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usehover\n *\n * @default { enabled: false }\n */\n hoverOptions?: HoverOptions;\n /**\n * Options for fokus-interaksjoner.\n *\n * @see https://floating-ui.com/docs/usefocus\n *\n * @default { enabled: false }\n */\n focusOptions?: FocusOptions;\n /**\n * Options for klikk-interaksjoner.\n *\n * @see https://floating-ui.com/docs/useclick\n *\n * @default { enabled: false }\n */\n clickOptions?: ClickOptions;\n /**\n * Konfigurerer rollen for popoveren.\n *\n * @see https://floating-ui.com/docs/userole\n *\n * @default { enabled: true, role: \"dialog\" }\n */\n roleOptions?: RoleOptions;\n /**\n * Options for å lukke popoveren når en dismissal skjer,\n * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n *\n * @see https://floating-ui.com/docs/usedismiss\n *\n * @default { enabled: true }\n */\n dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\"Popover komponenter må brukes innenfor en <Popover /> komponent\");\n }\n\n return context;\n};\n\nexport const Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return <PopoverContext.Provider value={popover}>{children}</PopoverContext.Provider>;\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /**\n * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n *\n * Default er `false`.\n *\n * @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n *\n * // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n */\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTMLElement> & PopoverTriggerProps>(\n function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button ref={ref} onClick={() => onOpenChange?.(!open)} aria-expanded={open} {...getReferenceProps(props)}>\n {children}\n </button>\n );\n },\n);\n\ninterface PopoverContentProps {\n /**\n * Padding rundt innholdet i popoveren.\n *\n * Default er `0`.\n */\n padding?: 0 | 8 | 16 | 24;\n /**\n *\n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n *\n * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n */\n initialFocus?: number | React.RefObject<HTMLElement>;\n /**\n * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n *\n * Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (referenceElement: ReferenceElement): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, React.HTMLProps<HTMLDivElement> & PopoverContentProps>(\n function PopoverContent(\n { style, className, padding = 0, initialFocus = 0, returnFocus = true, ...props },\n propRef,\n ) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } = usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n const floatingPortalRef = React.useRef<HTMLElement | null>(null);\n\n // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt.\n React.useEffect(() => {\n floatingPortalRef.current = context.elements.domReference?.closest<HTMLElement>(\"[data-portal]\") || null;\n }, [context.elements.domReference]);\n\n if (!open) return null;\n\n return (\n <FloatingPortal root={floatingPortalRef.current}>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n },\n);\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","_a","elements","domReference","closest","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"qjBAgMMA,EAAiBC,EAAMC,cAAkC,MAEzDC,EAAoB,KAChB,MAAAC,EAAUH,EAAMI,WAAWL,GAEjC,GAAe,MAAXI,EACM,MAAA,IAAIE,MAAM,mEAGb,OAAAF,GAGEG,EAAU,EACnBC,SAAAA,KACGC,MAIH,MAAMC,EAnFS,GACfC,KAAMC,EACNC,aAAcC,EACdC,UAAAA,EAAY,eACZC,SAAAA,EAAW,WACXC,MAAAA,GAAQ,EACRC,OAAQC,EAAU,EAClBC,kBAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,aAAAA,EACAC,YAAAA,EACAC,eAAAA,MAEA,MAAOC,EAAkBC,GAAuB1B,EAAM2B,SAAShB,GAEzDD,EAAOC,GAASc,EAChBb,EAAeC,GAAiBa,EAEhCE,EAAOC,EAAAA,YAAY,CACrBnB,KAAAA,EACAE,aAAAA,EACAE,UAAAA,EACAC,SAAAA,EACAe,WAAY,CACRb,EAAAA,OAAOC,GACPa,EAAAA,KAAK,CAAEC,QAAS,EAAGC,mBAAoB,CAAC,SAAU,SAClDC,QAAM,CAAEF,QAAS,MAErBG,qBAAsBC,EAAAA,aAGpBjC,EAAUyB,EAAKzB,QAEfkC,EAAQC,WAASnC,EAAS,CAC5BoC,SAAS,KACNjB,IAEDkB,EAAQC,WAAStC,EAAS,CAAEoC,SAAS,KAAUnB,IAC/CsB,EAAQC,WAASxC,EAAS,CAAEoC,SAAS,KAAUlB,IAC/CuB,EAAUC,EAAAA,WAAW1C,EAASqB,GAC9BsB,EAAOC,EAAAA,QAAQ5C,EAASoB,GAExByB,EAAeC,kBAAgB,CAACZ,EAAOO,EAASF,EAAOF,EAAOM,IAEpE9C,OAAAA,EAAMkD,iBAAgB,KACd/B,GACKS,EAAAuB,KAAKC,qBAAqB,MAAAjC,OAAAA,EAAAA,EAAmBkC,QAAO,GAE9D,CAAClC,EAAmBS,EAAKuB,OAErBnD,EAAMsD,SACT,KAAA,CACI5C,KAAAA,EACAE,aAAAA,EACAI,MAAAA,KACGgC,KACApB,KAEP,CAAClB,EAAME,EAAcI,EAAOgC,EAAcpB,GAAI,EAwBlC2B,CAAW,IAAK/C,IAChC,aAAQT,EAAeyD,SAAf,CAAwBC,MAAOhD,EAAUF,SAAAA,GAAS,EAuBxDmD,EAAiB1D,EAAM2D,YACzB,UAA0BpD,SAAAA,EAAUqD,QAAAA,GAAU,KAAUC,GAASC,GAC7D,MAAQX,KAAAA,EAAMY,kBAAAA,EAAmBrD,KAAAA,EAAME,aAAAA,GAAiBV,IAClD8D,EAAezD,EAAiB0D,IAChCA,EAAMC,EAAAA,aAAa,CAACf,EAAKgB,aAAcL,EAASE,IAEtD,OAAIJ,GAAW5D,EAAMoE,eAAe7D,GACzBP,EAAMqE,aACT9D,EACAwD,EAAkB,CACdE,IAAAA,KACGJ,KACAtD,EAASsD,SAMnBS,EAAAA,IAAA,SAAA,CAAOL,IAAAA,EAAUM,QAAS,IAAM,MAAA3D,OAAA,EAAAA,GAAgBF,GAAO,gBAAeA,KAAUqD,EAAkBF,GAC9FtD,SAAAA,GAGb,IAmCEiE,EAAiBxE,EAAM2D,YACzB,UACMc,MAAAA,EAAOC,UAAAA,EAAW1C,QAAAA,EAAU,EAAG2C,aAAAA,EAAe,EAAGC,YAAAA,GAAc,KAASf,GAC1EC,GAEM,MAAE3D,QAAAA,EAASa,MAAAA,EAAOmC,KAAAA,EAAMzC,KAAAA,EAAMmE,eAAAA,EAAgBC,iBAAAA,GAAqB5E,IACnE+D,EAAMC,EAAAA,aAAa,CAACf,EAAK4B,YAAajB,IAEtCkB,EAAmB7B,EAAK8B,UAAU5B,SAEhC6B,MAAAA,EAAOC,QAAAA,IAhBKH,EAgB0BA,IAb3C,mBAAoBA,EAcjBI,EAAAA,mBAAmBJ,EAAiBK,gBACpCD,EAAAA,mBAAmBJ,GAEnBM,EAAoBtF,EAAMuF,OAA2B,MApBvCP,MA2BhB,OAJJhF,EAAMwF,WAAU,WACZF,EAAkBjC,SAAU,OAAAoC,EAAAtF,EAAQuF,SAASC,mBAAjBF,EAAAA,EAA+BG,QAAqB,mBAAoB,OACrG,CAACzF,EAAQuF,SAASC,eAEhBjF,EAGA4D,EAAAA,IAAAuB,EAAAA,eAAA,CAAeC,KAAMR,EAAkBjC,QACpC9C,SAAA+D,EAAAA,IAACyB,EAAAA,qBAAA,CACG5F,QAAAA,EACAa,MAAAA,EACA2D,aAAAA,EACAC,YAAAA,EAEArE,SAAA+D,EAAAA,IAAC,MAAA,CACG,aAAYY,EACZ,sBAAqBC,EACrBT,UAAWsB,EAAAA,KAAK,kBAAmBtB,GACnCT,IAAAA,EACAQ,MACI,IACOA,KACAI,EACH,oBAAqB,qBAAqB7C,SAG9C8C,EAAiBjB,GAEpBtD,SAAMsD,EAAAtD,eAxBL,IA6BtB,IAGJD,EAAQ2F,QAAUvC,EAClBpD,EAAQ4F,QAAU1B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),s=require("react"),r=require("../../hooks/useAnimatedHeight/useAutoAnimateHeight.cjs");require("../../hooks/useScreen/useScreen.cjs"),require("../../hooks/useId/useId.cjs");const l=s.forwardRef((function({children:l,alwaysOpen:n=!1,label:t,extraLabel:i,name:o,checked:c,...d},u){const[p,j]=s.useState(!0),m=r.useAutoAnimatedHeight(p),h=s.useCallback((()=>n?-1:(j(!1),window.setTimeout((()=>{j(!0)}),200))),[j,n]);s.useEffect((()=>{if(!c)return;const e=h();return()=>window.clearTimeout(e)}),[c,h]);const x=s.Children.count(l)>0;return e.jsxs("div",{className:"jkl-radio-panel",ref:u,children:[e.jsxs("label",{className:"jkl-radio-panel__label",children:[e.jsx("input",{onChange:h,className:"jkl-radio-panel__input",type:"radio",name:o,...d}),e.jsx("span",{"aria-hidden":"true",className:"jkl-radio-panel__dot"}),e.jsx("span",{className:"jkl-radio-panel__main-label",children:t}),e.jsx("span",{className:a.clsx("jkl-radio-panel__extra-label",{"jkl-radio-panel__extra-label--text":"string"==typeof i}),children:i})]}),e.jsx("div",{"data-open":p&&x,"data-alwaysOpen":n&&x,ref:m,className:"jkl-radio-panel__content","aria-live":!n&&x?"polite":void 0,children:p&&l})]})}));exports.RadioPanel=l;
|
|
2
|
+
//# sourceMappingURL=RadioPanel.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioPanel.cjs","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n Children,\n ComponentPropsWithRef,\n ForwardedRef,\n forwardRef,\n useCallback,\n useEffect,\n useState,\n} from \"react\";\nimport { useAutoAnimatedHeight } from \"../../hooks/index.js\";\n\ntype Props = ComponentPropsWithRef<\"input\"> & {\n name: string;\n value: string;\n label: string;\n extraLabel?: React.ReactNode;\n alwaysOpen?: boolean;\n};\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n { children, alwaysOpen = false, label, extraLabel, name, checked, ...rest }: Props,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n const [renderChildren, setRenderChildren] = useState(true);\n const animationRef = useAutoAnimatedHeight<HTMLDivElement>(renderChildren);\n\n const handleChange = useCallback(() => {\n if (alwaysOpen) {\n return -1;\n }\n\n // Hvis går fra lukket til åpen, trigge endring i live-region men\n // vent \"lenge nok\" til at skjermleseren får det med seg,\n // radio-knapper får bare en change event når de velges. Det at\n // en annen radio i gruppen blir valgt trigger bare et event på den.\n setRenderChildren(false);\n return window.setTimeout(() => {\n setRenderChildren(true);\n }, 200);\n }, [setRenderChildren, alwaysOpen]);\n\n useEffect(() => {\n if (!checked) {\n return;\n }\n const timeoutId = handleChange();\n return () => window.clearTimeout(timeoutId);\n }, [checked, handleChange]);\n\n const hasChildren = Children.count(children) > 0;\n\n return (\n <div className=\"jkl-radio-panel\" ref={ref}>\n <label className=\"jkl-radio-panel__label\">\n <input onChange={handleChange} className=\"jkl-radio-panel__input\" type=\"radio\" name={name} {...rest} />\n <span aria-hidden=\"true\" className=\"jkl-radio-panel__dot\"></span>\n <span className=\"jkl-radio-panel__main-label\">{label}</span>\n <span\n className={clsx(\"jkl-radio-panel__extra-label\", {\n \"jkl-radio-panel__extra-label--text\": typeof extraLabel === \"string\",\n })}\n >\n {extraLabel}\n </span>\n </label>\n <div\n data-open={renderChildren && hasChildren}\n data-alwaysOpen={alwaysOpen && hasChildren}\n ref={animationRef}\n className=\"jkl-radio-panel__content\"\n aria-live={!alwaysOpen && hasChildren ? \"polite\" : undefined}\n >\n {renderChildren && children}\n </div>\n </div>\n );\n});\n"],"names":["RadioPanel","forwardRef","children","alwaysOpen","label","extraLabel","name","checked","rest","ref","renderChildren","setRenderChildren","useState","animationRef","useAutoAnimatedHeight","handleChange","useCallback","window","setTimeout","useEffect","timeoutId","clearTimeout","hasChildren","Children","count","jsxs","className","jsx","onChange","type","clsx"],"mappings":"0UAoBO,MAAMA,EAAaC,EAAAA,YAAW,UAC/BC,SAAAA,EAAUC,WAAAA,GAAa,EAAOC,MAAAA,EAAOC,WAAAA,EAAYC,KAAAA,EAAMC,QAAAA,KAAYC,GACrEC,GAEA,MAAOC,EAAgBC,GAAqBC,YAAS,GAC/CC,EAAeC,wBAAsCJ,GAErDK,EAAeC,EAAAA,aAAY,IACzBb,GAQJQ,GAAAA,GAAkB,GACXM,OAAOC,YAAW,KACrBP,GAAkB,EAAI,GACvB,OACJ,CAACA,EAAmBR,IAEvBgB,EAAAA,WAAU,KACN,IAAKZ,EACD,OAEJ,MAAMa,EAAYL,IACX,MAAA,IAAME,OAAOI,aAAaD,EAAS,GAC3C,CAACb,EAASQ,IAEb,MAAMO,EAAcC,EAAAA,SAASC,MAAMtB,GAAY,EAE/C,OACKuB,EAAAA,KAAA,MAAA,CAAIC,UAAU,kBAAkBjB,IAAAA,EAC7BP,SAAA,CAACuB,EAAAA,KAAA,QAAA,CAAMC,UAAU,yBACbxB,SAAA,CAACyB,EAAAA,IAAA,QAAA,CAAMC,SAAUb,EAAcW,UAAU,yBAAyBG,KAAK,QAAQvB,KAAAA,KAAgBE,IAC9FmB,EAAAA,IAAA,OAAA,CAAK,cAAY,OAAOD,UAAU,yBAClCC,EAAAA,IAAA,OAAA,CAAKD,UAAU,8BAA+BxB,SAAME,IACrDuB,EAAAA,IAAC,OAAA,CACGD,UAAWI,OAAK,+BAAgC,CAC5C,qCAA4D,iBAAfzB,IAGhDH,SAAAG,OAGTsB,EAAAA,IAAC,MAAA,CACG,YAAWjB,GAAkBY,EAC7B,kBAAiBnB,GAAcmB,EAC/Bb,IAAKI,EACLa,UAAU,2BACV,aAAYvB,GAAcmB,EAAc,cAAW,EAElDpB,SAAkBQ,GAAAR,MAInC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithRef } from 'react';
|
|
2
|
+
type Props = ComponentPropsWithRef<"input"> & {
|
|
3
|
+
name: string;
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
extraLabel?: React.ReactNode;
|
|
7
|
+
alwaysOpen?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './RadioPanel.cjs';
|
package/build/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/Accordion.cjs"),o=require("./components/accordion/AccordionItem.cjs"),r=require("./components/breadcrumb/Breadcrumb.cjs"),s=require("./components/breadcrumb/BreadcrumbItem.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/card/Card.cjs"),i=require("./components/card/CardImage.cjs"),a=require("./components/card/NavCard.cjs"),c=require("./components/card/TaskCard.cjs"),u=require("./components/card/InfoCard.cjs"),p=require("./components/checkbox/Checkbox.cjs"),m=require("./components/combobox/Combobox.cjs"),l=require("./components/cookie-consent/CookieConsent.cjs"),x=require("./components/cookie-consent/CookieConsentContext.cjs"),d=require("./components/datepicker/validation.cjs"),g=require("./components/datepicker/utils.cjs"),j=require("./components/datepicker/DatePicker.cjs"),b=require("./components/feedback/Feedback.cjs"),q=require("./components/feedback/presets.cjs"),I=require("./components/flex/Flex.cjs"),T=require("./components/description-list/DescriptionList.cjs"),k=require("./components/expander/Expander.cjs"),h=require("./components/expander/ExpandSection.cjs"),C=require("./components/icon/Icon.cjs"),S=require("./components/icon/icons/animated/ArrowVerticalAnimated.cjs"),v=require("./components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),M=require("./components/icon/icons/animated/PlusRemoveAnimated.cjs"),L=require("./components/icon/icons/ArrowDownIcon.cjs"),f=require("./components/icon/icons/ArrowLeftIcon.cjs"),A=require("./components/icon/icons/ArrowNorthEastIcon.cjs"),E=require("./components/icon/icons/ArrowRightIcon.cjs"),R=require("./components/icon/icons/ArrowUpIcon.cjs"),B=require("./components/icon/icons/CalendarIcon.cjs"),w=require("./components/icon/icons/CheckIcon.cjs"),P=require("./components/icon/icons/ChevronDownIcon.cjs"),F=require("./components/icon/icons/ChevronLeftIcon.cjs"),D=require("./components/icon/icons/ChevronRightIcon.cjs"),N=require("./components/icon/icons/ChevronUpIcon.cjs"),V=require("./components/icon/icons/CloseIcon.cjs"),y=require("./components/icon/icons/CopyIcon.cjs"),O=require("./components/icon/icons/DotsIcon.cjs"),G=require("./components/icon/icons/DragIcon.cjs"),H=require("./components/icon/icons/ErrorIcon.cjs"),W=require("./components/icon/icons/GreenCheckIcon.cjs"),U=require("./components/icon/icons/HamburgerIcon.cjs"),K=require("./components/icon/icons/InfoIcon.cjs"),X=require("./components/icon/icons/LinkIcon.cjs"),_=require("./components/icon/icons/PlusIcon.cjs"),z=require("./components/icon/icons/QuestionIcon.cjs"),Q=require("./components/icon/icons/RedCrossIcon.cjs"),J=require("./components/icon/icons/SearchIcon.cjs"),Y=require("./components/icon/icons/SuccessIcon.cjs"),Z=require("./components/icon/icons/WarningIcon.cjs"),$=require("./components/icon/icons/MinusIcon.cjs"),ee=require("./components/icon/icons/ThumbDownIcon.cjs"),oe=require("./components/icon/icons/ThumbUpIcon.cjs"),re=require("./components/icon/icons/TrashCanIcon.cjs"),se=require("./components/icon/icons/PenIcon.cjs"),te=require("./components/icon-button/IconButton.cjs"),ne=require("./components/image/Image.cjs"),ie=require("./components/input-group/FieldGroup.cjs"),ae=require("./components/input-group/InputGroup.cjs"),ce=require("./components/input-group/Label.cjs"),ue=require("./components/input-group/SupportLabel.cjs"),pe=require("./components/link/Link.cjs"),me=require("./components/link/NavLink.cjs"),le=require("./components/link-list/LinkList.cjs"),xe=require("./components/list/List.cjs"),de=require("./components/list/ListItem.cjs"),ge=require("./components/loader/Loader.cjs"),je=require("./components/loader/skeletons/SkeletonAnimation.cjs"),be=require("./components/loader/skeletons/SkeletonButton.cjs"),qe=require("./components/loader/skeletons/SkeletonCheckboxGroup.cjs"),Ie=require("./components/loader/skeletons/SkeletonElement.cjs"),Te=require("./components/loader/skeletons/SkeletonInput.cjs"),ke=require("./components/loader/skeletons/SkeletonRadioButtonGroup.cjs"),he=require("./components/loader/skeletons/SkeletonTable.cjs"),Ce=require("./components/loader/skeletons/SkeletonTextArea.cjs"),Se=require("./components/logo/Logo.cjs"),ve=require("./components/logo/LogoStamp.cjs"),Me=require("./components/logo/text-paths/ForsikringLevertAvFremtind.cjs"),Le=require("./components/logo/text-paths/FraSB1ogDNB.cjs"),fe=require("./components/logo/text-paths/InnovasjonFraFremtind.cjs"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.cjs"),Ee=require("./components/logo/text-paths/VartEgetForsikringsselskap.cjs"),Re=require("./components/logo/text-paths/VartForsikringsselskap.cjs"),Be=require("./components/menu/Menu.cjs"),we=require("./components/menu/MenuItem.cjs"),Pe=require("./components/menu/MenuItemCheckbox.cjs"),Fe=require("./components/menu/MenuDivider.cjs"),De=require("./components/message/Message.cjs"),Ne=require("./components/message/FormErrorMessage.cjs"),Ve=require("./components/modal/Modal.cjs"),ye=require("./components/modal/useModal.cjs"),Oe=require("./components/pagination/Pagination.cjs"),Ge=require("./components/popover/Popover.cjs"),He=require("./components/progress-bar/Countdown.cjs"),We=require("./components/progress-bar/ProgressBar.cjs"),Ue=require("./components/radio-button/RadioButton.cjs"),Ke=require("./components/radio-button/RadioButtonGroup.cjs"),Xe=require("./components/radio-button/BaseRadioButton.cjs"),_e=require("./components/select/Select.cjs"),ze=require("./components/select/NativeSelect.cjs"),Qe=require("./components/summary-table/SummaryTable.cjs"),Je=require("./components/summary-table/SummaryTableRow.cjs"),Ye=require("./components/system-message/SystemMessage.cjs"),Ze=require("./components/table/DataTable.cjs"),$e=require("./components/table/Table.cjs"),eo=require("./components/table/TableBody.cjs"),oo=require("./components/table/TableCaption.cjs"),ro=require("./components/table/TableCell.cjs"),so=require("./components/table/TableColumn.cjs"),to=require("./components/table/TableColumnGroup.cjs"),no=require("./components/table/tableContext.cjs"),io=require("./components/table/tableSectionContext.cjs"),ao=require("./components/table/TableFooter.cjs"),co=require("./components/table/TableHead.cjs"),uo=require("./components/table/TableHeader.cjs"),po=require("./components/table/TablePagination.cjs"),mo=require("./components/table/TableRow.cjs"),lo=require("./components/table/ExpandableTableRow.cjs"),xo=require("./components/table/ExpandableTableRowController.cjs"),go=require("./components/table/utils.cjs"),jo=require("./components/tabs/NavTab.cjs"),bo=require("./components/tabs/NavTabs.cjs"),qo=require("./components/tabs/Tabs.cjs"),Io=require("./components/tabs/TabList.cjs"),To=require("./components/tabs/Tab.cjs"),ko=require("./components/tabs/TabPanel.cjs"),ho=require("./components/tag/Tag.cjs"),Co=require("./components/text-input/BaseTextArea.cjs"),So=require("./components/text-input/BaseTextInput.cjs"),vo=require("./components/text-input/TextArea.cjs"),Mo=require("./components/text-input/TextInput.cjs"),Lo=require("./components/toast/toastContext.cjs"),fo=require("./components/toggle-switch/ToggleSwitch.cjs"),Ao=require("./components/toggle-switch/ToggleSlider.cjs"),Eo=require("./components/tooltip/Tooltip.cjs"),Ro=require("./components/tooltip/TooltipContent.cjs"),Bo=require("./components/tooltip/TooltipTrigger.cjs"),wo=require("./components/tooltip/PopupTip.cjs"),Po=require("./components/ScreenReaderOnly.cjs"),Fo=require("./core/tokens.cjs"),Do=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),No=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),Vo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),yo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),Oo=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),Go=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),Ho=require("./hooks/useLocalStorage/useLocalStorage.cjs"),Wo=require("./hooks/useMutationObserver/useMutationObserver.cjs"),Uo=require("./hooks/usePreviousValue/usePreviousValue.cjs"),Ko=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),Xo=require("./hooks/useScreen/useScreen.cjs"),_o=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),zo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),Qo=require("./hooks/useClickOutside/useClickOutside.cjs"),Jo=require("./hooks/useFocusOutside/useFocusOutside.cjs"),Yo=require("./hooks/useElementDimensions/useElementDimensions.cjs"),Zo=require("./hooks/useId/useId.cjs"),$o=require("./hooks/useKeyListener/useKeyListener.cjs"),er=require("./hooks/useListNavigation/useListNavigation.cjs"),or=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),rr=require("../index-hKyqa1PH.cjs"),sr=require("./utilities/formatters/util/formatNumber.cjs"),tr=require("./utilities/formatters/util/parseNumber.cjs"),nr=require("./utilities/formatters/util/registerWithMask.cjs"),ir=require("./utilities/formatters/avstand/formatAvstand.cjs"),ar=require("./utilities/formatters/bytes/formatBytes.cjs"),cr=require("./utilities/formatters/date/formatDate.cjs"),ur=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),pr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),mr=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),lr=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),xr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),dr=require("./utilities/formatters/valuta/formatValuta.cjs"),gr=require("./utilities/getThemeAndDensity.cjs"),jr=require("./utilities/polymorphism/mergeProps.cjs"),br=require("./utilities/polymorphism/mergeRefs.cjs"),qr=require("./utilities/polymorphism/SlotComponent.cjs"),Ir=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),Tr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),kr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),hr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),Cr=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),Sr=require("./utilities/validators/isExactLength/isExactLength.cjs"),vr=require("./utilities/validators/isInteger/isInteger.cjs"),Mr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),Lr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),fr=require("./utilities/validators/isValidName/isValidName.cjs"),Ar=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Er=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Rr=require("./utilities/tabListener.cjs"),Br=require("./utilities/valuePair.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=I.Flex,exports.DescriptionDetail=T.DescriptionDetail,exports.DescriptionList=T.DescriptionList,exports.DescriptionTerm=T.DescriptionTerm,exports.Expander=k.Expander,exports.ExpandSection=h.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=S.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=v.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=M.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=E.ArrowRightIcon,exports.ArrowUpIcon=R.ArrowUpIcon,exports.CalendarIcon=B.CalendarIcon,exports.CheckIcon=w.CheckIcon,exports.ChevronDownIcon=P.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=D.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=H.ErrorIcon,exports.GreenCheckIcon=W.GreenCheckIcon,exports.HamburgerIcon=U.HamburgerIcon,exports.InfoIcon=K.InfoIcon,exports.LinkIcon=X.LinkIcon,exports.PlusIcon=_.PlusIcon,exports.QuestionIcon=z.QuestionIcon,exports.RedCrossIcon=Q.RedCrossIcon,exports.SearchIcon=J.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=Z.WarningIcon,exports.MinusIcon=$.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=se.PenIcon,exports.IconButton=te.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=me.NavLink,exports.LinkList=le.LinkList,exports.List=xe.List,exports.OrderedList=xe.OrderedList,exports.UnorderedList=xe.UnorderedList,exports.CheckListItem=de.CheckListItem,exports.CrossListItem=de.CrossListItem,exports.ListItem=de.ListItem,exports.Loader=ge.Loader,exports.SkeletonAnimation=je.SkeletonAnimation,exports.SkeletonButton=be.SkeletonButton,exports.SkeletonCheckboxGroup=qe.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=Te.SkeletonInput,exports.SkeletonRadioButtonGroup=ke.SkeletonRadioButtonGroup,exports.SkeletonTable=he.SkeletonTable,exports.SkeletonTableHeader=he.SkeletonTableHeader,exports.SkeletonTableRow=he.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=Se.Logo,exports.LogoStamp=ve.LogoStamp,exports.ForsikringLevertAvFremtind=Me.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=fe.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ee.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Re.VartForsikringsselskap,exports.Menu=Be.Menu,exports.MenuItem=we.MenuItem,exports.MenuItemCheckbox=Pe.MenuItemCheckbox,exports.MenuDivider=Fe.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Ne.FormErrorMessage,exports.Modal=Ve.Modal,exports.ModalActions=Ve.ModalActions,exports.ModalBody=Ve.ModalBody,exports.ModalCloseButton=Ve.ModalCloseButton,exports.ModalContainer=Ve.ModalContainer,exports.ModalHeader=Ve.ModalHeader,exports.ModalOverlay=Ve.ModalOverlay,exports.ModalTitle=Ve.ModalTitle,exports.useModal=ye.useModal,exports.Pagination=Oe.Pagination,exports.Popover=Ge.Popover,exports.Countdown=He.Countdown,exports.ProgressBar=We.ProgressBar,exports.RadioButton=Ue.RadioButton,exports.RadioButtonGroup=Ke.RadioButtonGroup,exports.BaseRadioButton=Xe.BaseRadioButton,exports.Select=_e.Select,exports.NativeSelect=ze.NativeSelect,exports.SummaryTable=Qe.SummaryTable,exports.SummaryTableRow=Je.SummaryTableRow,exports.ErrorSystemMessage=Ye.ErrorSystemMessage,exports.InfoSystemMessage=Ye.InfoSystemMessage,exports.SuccessSystemMessage=Ye.SuccessSystemMessage,exports.WarningSystemMessage=Ye.WarningSystemMessage,exports.DataTable=Ze.DataTable,exports.Table=$e.Table,exports.TableBody=eo.TableBody,exports.TableCaption=oo.TableCaption,exports.TableCell=ro.TableCell,exports.TableColumn=so.TableColumn,exports.TableColumnGroup=to.TableColumnGroup,exports.TableContextProvider=no.TableContextProvider,exports.useTableContext=no.useTableContext,exports.TableSectionContextProvider=io.TableSectionContextProvider,exports.useTableSectionContext=io.useTableSectionContext,exports.TableFooter=ao.TableFooter,exports.TableHead=co.TableHead,exports.TableHeader=uo.TableHeader,exports.TablePagination=po.TablePagination,exports.TableRow=mo.TableRow,exports.ExpandableTableRow=lo.ExpandableTableRow,exports.ExpandableTableRowController=xo.ExpandableTableRowController,exports.useSortableTableHeader=go.useSortableTableHeader,exports.NavTab=jo.NavTab,exports.NavTabs=bo.NavTabs,exports.Tabs=qo.Tabs,exports.TabList=Io.TabList,exports.Tab=To.Tab,exports.TabPanel=ko.TabPanel,exports.ErrorTag=ho.ErrorTag,exports.InfoTag=ho.InfoTag,exports.SuccessTag=ho.SuccessTag,exports.Tag=ho.Tag,exports.WarningTag=ho.WarningTag,exports.BaseTextArea=Co.BaseTextArea,exports.BaseTextInput=So.BaseTextInput,exports.TextArea=vo.TextArea,exports.TextInput=Mo.TextInput,exports.ToastProvider=Lo.ToastProvider,exports.useToast=Lo.useToast,exports.ToggleSwitch=fo.ToggleSwitch,exports.ToggleSlider=Ao.ToggleSlider,exports.Tooltip=Eo.Tooltip,exports.TooltipContent=Ro.TooltipContent,exports.TooltipTrigger=Bo.TooltipTrigger,exports.PopupTip=wo.PopupTip,exports.ScreenReaderOnly=Po.ScreenReaderOnly,exports.tokens=Fo,exports.useAnimatedDetails=Do.useAnimatedDetails,exports.useAnimatedHeight=No.useAnimatedHeight,exports.useAnimatedHeightBetween=Vo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=yo.useAutoAnimatedHeight,exports.useBrowserPreferences=Oo.useBrowserPreferences,exports.useIntersectionObserver=Go.useIntersectionObserver,exports.useLocalStorage=Ho.useLocalStorage,exports.useMutationObserver=Wo.useMutationObserver,exports.usePreviousValue=Uo.usePreviousValue,exports.useProgressiveImg=Ko.useProgressiveImg,exports.useScreen=Xo.useScreen,exports.useScrollIntoView=_o.useScrollIntoView,exports.useAriaLiveRegion=zo.useAriaLiveRegion,exports.useClickOutside=Qo.useClickOutside,exports.useFocusOutside=Jo.useFocusOutside,exports.useElementDimensions=Yo.useElementDimensions,exports.useId=Zo.useId,exports.useKeyListener=$o.useKeyListener,exports.useListNavigation=er.useListNavigation,exports.useSwipeGesture=or.useSwipeGesture,exports.unicode=rr.unicode,exports.formatNumber=sr.formatNumber,exports.parseNumber=tr.parseNumber,exports.registerWithFodselsnummerMask=nr.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=nr.registerWithKontonummerMask,exports.registerWithKortnummerMask=nr.registerWithKortnummerMask,exports.registerWithMasks=nr.registerWithMasks,exports.registerWithTelefonnummerMask=nr.registerWithTelefonnummerMask,exports.formatAvstand=ir.formatAvstand,exports.formatBytes=ar.formatBytes,exports.formatDate=cr.formatDate,exports.FODSELSNUMMER_REGEX=ur.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=ur.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=pr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=pr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=mr.KONTONUMMER_REGEX,exports.formatKontonummer=mr.formatKontonummer,exports.KORTNUMMER_REGEX=lr.KORTNUMMER_REGEX,exports.formatKortnummer=lr.formatKortnummer,exports.TELEFONNUMMER_REGEX=xr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=xr.formatTelefonnummer,exports.formatValuta=dr.formatValuta,exports.getThemeAndDensity=gr.getThemeAndDensity,exports.mergeProps=jr.mergeProps,exports.mergeRefs=br.mergeRefs,exports.SlotComponent=qr.SlotComponent,exports.isValidEpost=Ir.isValidEpost,exports.isValidTelefonnummer=Tr.isValidTelefonnummer,exports.isValidRegistreringsnummer=kr.isValidRegistreringsnummer,exports.isValidChassisnummer=hr.isValidChassisnummer,exports.isValidDogId=Cr.isValidDogId,exports.isExactLength=Sr.isExactLength,exports.isInteger=vr.isInteger,exports.isValidFodselsnummer=Mr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=Lr.isValidOrganisasjonsnummer,exports.isValidName=fr.isValidName,exports.hasMinimumWords=Ar.hasMinimumWords,exports.hasNoIllegalCharacters=Er.hasNoIllegalCharacters,exports.initTabListener=Rr.initTabListener,exports.getValuePair=Br.getValuePair;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/Accordion.cjs"),o=require("./components/accordion/AccordionItem.cjs"),r=require("./components/breadcrumb/Breadcrumb.cjs"),s=require("./components/breadcrumb/BreadcrumbItem.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/card/Card.cjs"),i=require("./components/card/CardImage.cjs"),a=require("./components/card/NavCard.cjs"),c=require("./components/card/TaskCard.cjs"),u=require("./components/card/InfoCard.cjs"),p=require("./components/checkbox/Checkbox.cjs"),m=require("./components/combobox/Combobox.cjs"),l=require("./components/cookie-consent/CookieConsent.cjs"),x=require("./components/cookie-consent/CookieConsentContext.cjs"),d=require("./components/datepicker/validation.cjs"),g=require("./components/datepicker/utils.cjs"),j=require("./components/datepicker/DatePicker.cjs"),b=require("./components/feedback/Feedback.cjs"),q=require("./components/feedback/presets.cjs"),I=require("./components/flex/Flex.cjs"),T=require("./components/description-list/DescriptionList.cjs"),k=require("./components/expander/Expander.cjs"),h=require("./components/expander/ExpandSection.cjs"),C=require("./components/icon/Icon.cjs"),S=require("./components/icon/icons/animated/ArrowVerticalAnimated.cjs"),v=require("./components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),M=require("./components/icon/icons/animated/PlusRemoveAnimated.cjs"),L=require("./components/icon/icons/ArrowDownIcon.cjs"),f=require("./components/icon/icons/ArrowLeftIcon.cjs"),A=require("./components/icon/icons/ArrowNorthEastIcon.cjs"),E=require("./components/icon/icons/ArrowRightIcon.cjs"),R=require("./components/icon/icons/ArrowUpIcon.cjs"),B=require("./components/icon/icons/CalendarIcon.cjs"),w=require("./components/icon/icons/CheckIcon.cjs"),P=require("./components/icon/icons/ChevronDownIcon.cjs"),F=require("./components/icon/icons/ChevronLeftIcon.cjs"),D=require("./components/icon/icons/ChevronRightIcon.cjs"),N=require("./components/icon/icons/ChevronUpIcon.cjs"),V=require("./components/icon/icons/CloseIcon.cjs"),y=require("./components/icon/icons/CopyIcon.cjs"),O=require("./components/icon/icons/DotsIcon.cjs"),G=require("./components/icon/icons/DragIcon.cjs"),H=require("./components/icon/icons/ErrorIcon.cjs"),W=require("./components/icon/icons/GreenCheckIcon.cjs"),U=require("./components/icon/icons/HamburgerIcon.cjs"),K=require("./components/icon/icons/InfoIcon.cjs"),X=require("./components/icon/icons/LinkIcon.cjs"),_=require("./components/icon/icons/PlusIcon.cjs"),z=require("./components/icon/icons/QuestionIcon.cjs"),Q=require("./components/icon/icons/RedCrossIcon.cjs"),J=require("./components/icon/icons/SearchIcon.cjs"),Y=require("./components/icon/icons/SuccessIcon.cjs"),Z=require("./components/icon/icons/WarningIcon.cjs"),$=require("./components/icon/icons/MinusIcon.cjs"),ee=require("./components/icon/icons/ThumbDownIcon.cjs"),oe=require("./components/icon/icons/ThumbUpIcon.cjs"),re=require("./components/icon/icons/TrashCanIcon.cjs"),se=require("./components/icon/icons/PenIcon.cjs"),te=require("./components/icon-button/IconButton.cjs"),ne=require("./components/image/Image.cjs"),ie=require("./components/input-group/FieldGroup.cjs"),ae=require("./components/input-group/InputGroup.cjs"),ce=require("./components/input-group/Label.cjs"),ue=require("./components/input-group/SupportLabel.cjs"),pe=require("./components/link/Link.cjs"),me=require("./components/link/NavLink.cjs"),le=require("./components/link-list/LinkList.cjs"),xe=require("./components/list/List.cjs"),de=require("./components/list/ListItem.cjs"),ge=require("./components/loader/Loader.cjs"),je=require("./components/loader/skeletons/SkeletonAnimation.cjs"),be=require("./components/loader/skeletons/SkeletonButton.cjs"),qe=require("./components/loader/skeletons/SkeletonCheckboxGroup.cjs"),Ie=require("./components/loader/skeletons/SkeletonElement.cjs"),Te=require("./components/loader/skeletons/SkeletonInput.cjs"),ke=require("./components/loader/skeletons/SkeletonRadioButtonGroup.cjs"),he=require("./components/loader/skeletons/SkeletonTable.cjs"),Ce=require("./components/loader/skeletons/SkeletonTextArea.cjs"),Se=require("./components/logo/Logo.cjs"),ve=require("./components/logo/LogoStamp.cjs"),Me=require("./components/logo/text-paths/ForsikringLevertAvFremtind.cjs"),Le=require("./components/logo/text-paths/FraSB1ogDNB.cjs"),fe=require("./components/logo/text-paths/InnovasjonFraFremtind.cjs"),Ae=require("./components/logo/text-paths/TeknologiFraFremtind.cjs"),Ee=require("./components/logo/text-paths/VartEgetForsikringsselskap.cjs"),Re=require("./components/logo/text-paths/VartForsikringsselskap.cjs"),Be=require("./components/menu/Menu.cjs"),we=require("./components/menu/MenuItem.cjs"),Pe=require("./components/menu/MenuItemCheckbox.cjs"),Fe=require("./components/menu/MenuDivider.cjs"),De=require("./components/message/Message.cjs"),Ne=require("./components/message/FormErrorMessage.cjs"),Ve=require("./components/modal/Modal.cjs"),ye=require("./components/modal/useModal.cjs"),Oe=require("./components/pagination/Pagination.cjs"),Ge=require("./components/popover/Popover.cjs"),He=require("./components/progress-bar/Countdown.cjs"),We=require("./components/progress-bar/ProgressBar.cjs"),Ue=require("./components/radio-button/RadioButton.cjs"),Ke=require("./components/radio-button/RadioButtonGroup.cjs"),Xe=require("./components/radio-button/BaseRadioButton.cjs"),_e=require("./components/radio-panel/RadioPanel.cjs"),ze=require("./components/select/Select.cjs"),Qe=require("./components/select/NativeSelect.cjs"),Je=require("./components/summary-table/SummaryTable.cjs"),Ye=require("./components/summary-table/SummaryTableRow.cjs"),Ze=require("./components/system-message/SystemMessage.cjs"),$e=require("./components/table/DataTable.cjs"),eo=require("./components/table/Table.cjs"),oo=require("./components/table/TableBody.cjs"),ro=require("./components/table/TableCaption.cjs"),so=require("./components/table/TableCell.cjs"),to=require("./components/table/TableColumn.cjs"),no=require("./components/table/TableColumnGroup.cjs"),io=require("./components/table/tableContext.cjs"),ao=require("./components/table/tableSectionContext.cjs"),co=require("./components/table/TableFooter.cjs"),uo=require("./components/table/TableHead.cjs"),po=require("./components/table/TableHeader.cjs"),mo=require("./components/table/TablePagination.cjs"),lo=require("./components/table/TableRow.cjs"),xo=require("./components/table/ExpandableTableRow.cjs"),go=require("./components/table/ExpandableTableRowController.cjs"),jo=require("./components/table/utils.cjs"),bo=require("./components/tabs/NavTab.cjs"),qo=require("./components/tabs/NavTabs.cjs"),Io=require("./components/tabs/Tabs.cjs"),To=require("./components/tabs/TabList.cjs"),ko=require("./components/tabs/Tab.cjs"),ho=require("./components/tabs/TabPanel.cjs"),Co=require("./components/tag/Tag.cjs"),So=require("./components/text-input/BaseTextArea.cjs"),vo=require("./components/text-input/BaseTextInput.cjs"),Mo=require("./components/text-input/TextArea.cjs"),Lo=require("./components/text-input/TextInput.cjs"),fo=require("./components/toast/toastContext.cjs"),Ao=require("./components/toggle-switch/ToggleSwitch.cjs"),Eo=require("./components/toggle-switch/ToggleSlider.cjs"),Ro=require("./components/tooltip/Tooltip.cjs"),Bo=require("./components/tooltip/TooltipContent.cjs"),wo=require("./components/tooltip/TooltipTrigger.cjs"),Po=require("./components/tooltip/PopupTip.cjs"),Fo=require("./components/ScreenReaderOnly.cjs"),Do=require("./core/tokens.cjs"),No=require("./hooks/useAnimatedDetails/useAnimatedDetails.cjs"),Vo=require("./hooks/useAnimatedHeight/useAnimatedHeight.cjs"),yo=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.cjs"),Oo=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.cjs"),Go=require("./hooks/useBrowserPreferences/useBrowserPreferences.cjs"),Ho=require("./hooks/useIntersectionObserver/useIntersectionObserver.cjs"),Wo=require("./hooks/useLocalStorage/useLocalStorage.cjs"),Uo=require("./hooks/useMutationObserver/useMutationObserver.cjs"),Ko=require("./hooks/usePreviousValue/usePreviousValue.cjs"),Xo=require("./hooks/useProgressiveImg/useProgressiveImg.cjs"),_o=require("./hooks/useScreen/useScreen.cjs"),zo=require("./hooks/useScrollIntoView/useScrollIntoView.cjs"),Qo=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),Jo=require("./hooks/useClickOutside/useClickOutside.cjs"),Yo=require("./hooks/useFocusOutside/useFocusOutside.cjs"),Zo=require("./hooks/useElementDimensions/useElementDimensions.cjs"),$o=require("./hooks/useId/useId.cjs"),er=require("./hooks/useKeyListener/useKeyListener.cjs"),or=require("./hooks/useListNavigation/useListNavigation.cjs"),rr=require("./hooks/useSwipeGesture/useSwipeGesture.cjs"),sr=require("../index-hKyqa1PH.cjs"),tr=require("./utilities/formatters/util/formatNumber.cjs"),nr=require("./utilities/formatters/util/parseNumber.cjs"),ir=require("./utilities/formatters/util/registerWithMask.cjs"),ar=require("./utilities/formatters/avstand/formatAvstand.cjs"),cr=require("./utilities/formatters/bytes/formatBytes.cjs"),ur=require("./utilities/formatters/date/formatDate.cjs"),pr=require("./utilities/formatters/fodselsnummer/formatFodselsnummer.cjs"),mr=require("./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.cjs"),lr=require("./utilities/formatters/kontonummer/formatKontonummer.cjs"),xr=require("./utilities/formatters/kortnummer/formatKortnummer.cjs"),dr=require("./utilities/formatters/telefonnummer/formatTelefonnummer.cjs"),gr=require("./utilities/formatters/valuta/formatValuta.cjs"),jr=require("./utilities/getThemeAndDensity.cjs"),br=require("./utilities/polymorphism/mergeProps.cjs"),qr=require("./utilities/polymorphism/mergeRefs.cjs"),Ir=require("./utilities/polymorphism/SlotComponent.cjs"),Tr=require("./utilities/validators/isValidEpost/isValidEpost.cjs"),kr=require("./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.cjs"),hr=require("./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.cjs"),Cr=require("./utilities/validators/isValidChassisnummer/isValidChassisnummer.cjs"),Sr=require("./utilities/validators/isValidDogId/isValidDogId.cjs"),vr=require("./utilities/validators/isExactLength/isExactLength.cjs"),Mr=require("./utilities/validators/isInteger/isInteger.cjs"),Lr=require("./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.cjs"),fr=require("./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.cjs"),Ar=require("./utilities/validators/isValidName/isValidName.cjs"),Er=require("./utilities/validators/hasMinimumWords/hasMinimumWords.cjs"),Rr=require("./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.cjs"),Br=require("./utilities/tabListener.cjs"),wr=require("./utilities/valuePair.cjs");exports.Accordion=e.Accordion,exports.AccordionItem=o.AccordionItem,exports.Breadcrumb=r.Breadcrumb,exports.BreadcrumbItem=s.BreadcrumbItem,exports.Button=t.Button,exports.PrimaryButton=t.PrimaryButton,exports.SecondaryButton=t.SecondaryButton,exports.TertiaryButton=t.TertiaryButton,exports.Card=n.Card,exports.CardImage=i.CardImage,exports.InfoBlock=a.InfoBlock,exports.NavCard=a.NavCard,exports.TaskCard=c.TaskCard,exports.InfoCard=u.InfoCard,exports.Checkbox=p.Checkbox,exports.Combobox=m.Combobox,exports.getComboboxValuePair=m.getComboboxValuePair,exports.CookieConsent=l.CookieConsent,exports.CookieConsentProvider=x.CookieConsentProvider,exports.useCookieConsent=x.useCookieConsent,exports.isCorrectFormat=d.isCorrectFormat,exports.isWithinLowerBound=d.isWithinLowerBound,exports.isWithinUpperBound=d.isWithinUpperBound,exports.dayMonthYearRegex=g.dayMonthYearRegex,exports.formatInput=g.formatInput,exports.isBlurTargetOutside=g.isBlurTargetOutside,exports.parseDateString=g.parseDateString,exports.DatePicker=j.DatePicker,exports.Feedback=b.Feedback,exports.PRESETS=q.PRESETS,exports.Flex=I.Flex,exports.DescriptionDetail=T.DescriptionDetail,exports.DescriptionList=T.DescriptionList,exports.DescriptionTerm=T.DescriptionTerm,exports.Expander=k.Expander,exports.ExpandSection=h.ExpandSection,exports.Icon=C.Icon,exports.ArrowVerticalAnimated=S.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=v.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=M.PlusRemoveAnimated,exports.ArrowDownIcon=L.ArrowDownIcon,exports.ArrowLeftIcon=f.ArrowLeftIcon,exports.ArrowNorthEastIcon=A.ArrowNorthEastIcon,exports.ArrowRightIcon=E.ArrowRightIcon,exports.ArrowUpIcon=R.ArrowUpIcon,exports.CalendarIcon=B.CalendarIcon,exports.CheckIcon=w.CheckIcon,exports.ChevronDownIcon=P.ChevronDownIcon,exports.ChevronLeftIcon=F.ChevronLeftIcon,exports.ChevronRightIcon=D.ChevronRightIcon,exports.ChevronUpIcon=N.ChevronUpIcon,exports.CloseIcon=V.CloseIcon,exports.CopyIcon=y.CopyIcon,exports.DotsIcon=O.DotsIcon,exports.DragIcon=G.DragIcon,exports.ErrorIcon=H.ErrorIcon,exports.GreenCheckIcon=W.GreenCheckIcon,exports.HamburgerIcon=U.HamburgerIcon,exports.InfoIcon=K.InfoIcon,exports.LinkIcon=X.LinkIcon,exports.PlusIcon=_.PlusIcon,exports.QuestionIcon=z.QuestionIcon,exports.RedCrossIcon=Q.RedCrossIcon,exports.SearchIcon=J.SearchIcon,exports.SuccessIcon=Y.SuccessIcon,exports.WarningIcon=Z.WarningIcon,exports.MinusIcon=$.MinusIcon,exports.ThumbDownIcon=ee.ThumbDownIcon,exports.ThumbUpIcon=oe.ThumbUpIcon,exports.TrashCanIcon=re.TrashCanIcon,exports.PenIcon=se.PenIcon,exports.IconButton=te.IconButton,exports.Image=ne.Image,exports.FieldGroup=ie.FieldGroup,exports.InputGroup=ae.InputGroup,exports.Label=ce.Label,exports.SupportLabel=ue.SupportLabel,exports.Link=pe.Link,exports.NavLink=me.NavLink,exports.LinkList=le.LinkList,exports.List=xe.List,exports.OrderedList=xe.OrderedList,exports.UnorderedList=xe.UnorderedList,exports.CheckListItem=de.CheckListItem,exports.CrossListItem=de.CrossListItem,exports.ListItem=de.ListItem,exports.Loader=ge.Loader,exports.SkeletonAnimation=je.SkeletonAnimation,exports.SkeletonButton=be.SkeletonButton,exports.SkeletonCheckboxGroup=qe.SkeletonCheckboxGroup,exports.SkeletonElement=Ie.SkeletonElement,exports.SkeletonInput=Te.SkeletonInput,exports.SkeletonRadioButtonGroup=ke.SkeletonRadioButtonGroup,exports.SkeletonTable=he.SkeletonTable,exports.SkeletonTableHeader=he.SkeletonTableHeader,exports.SkeletonTableRow=he.SkeletonTableRow,exports.SkeletonTextArea=Ce.SkeletonTextArea,exports.Logo=Se.Logo,exports.LogoStamp=ve.LogoStamp,exports.ForsikringLevertAvFremtind=Me.ForsikringLevertAvFremtind,exports.FraSB1ogDNB=Le.FraSB1ogDNB,exports.InnovasjonFraFremtind=fe.InnovasjonFraFremtind,exports.TeknologiFraFremtind=Ae.TeknologiFraFremtind,exports.VartEgetForsikringsselskap=Ee.VartEgetForsikringsselskap,exports.VartForsikringsselskap=Re.VartForsikringsselskap,exports.Menu=Be.Menu,exports.MenuItem=we.MenuItem,exports.MenuItemCheckbox=Pe.MenuItemCheckbox,exports.MenuDivider=Fe.MenuDivider,exports.ErrorMessage=De.ErrorMessage,exports.InfoMessage=De.InfoMessage,exports.SuccessMessage=De.SuccessMessage,exports.WarningMessage=De.WarningMessage,exports.FormErrorMessage=Ne.FormErrorMessage,exports.Modal=Ve.Modal,exports.ModalActions=Ve.ModalActions,exports.ModalBody=Ve.ModalBody,exports.ModalCloseButton=Ve.ModalCloseButton,exports.ModalContainer=Ve.ModalContainer,exports.ModalHeader=Ve.ModalHeader,exports.ModalOverlay=Ve.ModalOverlay,exports.ModalTitle=Ve.ModalTitle,exports.useModal=ye.useModal,exports.Pagination=Oe.Pagination,exports.Popover=Ge.Popover,exports.Countdown=He.Countdown,exports.ProgressBar=We.ProgressBar,exports.RadioButton=Ue.RadioButton,exports.RadioButtonGroup=Ke.RadioButtonGroup,exports.BaseRadioButton=Xe.BaseRadioButton,exports.RadioPanel=_e.RadioPanel,exports.Select=ze.Select,exports.NativeSelect=Qe.NativeSelect,exports.SummaryTable=Je.SummaryTable,exports.SummaryTableRow=Ye.SummaryTableRow,exports.ErrorSystemMessage=Ze.ErrorSystemMessage,exports.InfoSystemMessage=Ze.InfoSystemMessage,exports.SuccessSystemMessage=Ze.SuccessSystemMessage,exports.WarningSystemMessage=Ze.WarningSystemMessage,exports.DataTable=$e.DataTable,exports.Table=eo.Table,exports.TableBody=oo.TableBody,exports.TableCaption=ro.TableCaption,exports.TableCell=so.TableCell,exports.TableColumn=to.TableColumn,exports.TableColumnGroup=no.TableColumnGroup,exports.TableContextProvider=io.TableContextProvider,exports.useTableContext=io.useTableContext,exports.TableSectionContextProvider=ao.TableSectionContextProvider,exports.useTableSectionContext=ao.useTableSectionContext,exports.TableFooter=co.TableFooter,exports.TableHead=uo.TableHead,exports.TableHeader=po.TableHeader,exports.TablePagination=mo.TablePagination,exports.TableRow=lo.TableRow,exports.ExpandableTableRow=xo.ExpandableTableRow,exports.ExpandableTableRowController=go.ExpandableTableRowController,exports.useSortableTableHeader=jo.useSortableTableHeader,exports.NavTab=bo.NavTab,exports.NavTabs=qo.NavTabs,exports.Tabs=Io.Tabs,exports.TabList=To.TabList,exports.Tab=ko.Tab,exports.TabPanel=ho.TabPanel,exports.ErrorTag=Co.ErrorTag,exports.InfoTag=Co.InfoTag,exports.SuccessTag=Co.SuccessTag,exports.Tag=Co.Tag,exports.WarningTag=Co.WarningTag,exports.BaseTextArea=So.BaseTextArea,exports.BaseTextInput=vo.BaseTextInput,exports.TextArea=Mo.TextArea,exports.TextInput=Lo.TextInput,exports.ToastProvider=fo.ToastProvider,exports.useToast=fo.useToast,exports.ToggleSwitch=Ao.ToggleSwitch,exports.ToggleSlider=Eo.ToggleSlider,exports.Tooltip=Ro.Tooltip,exports.TooltipContent=Bo.TooltipContent,exports.TooltipTrigger=wo.TooltipTrigger,exports.PopupTip=Po.PopupTip,exports.ScreenReaderOnly=Fo.ScreenReaderOnly,exports.tokens=Do,exports.useAnimatedDetails=No.useAnimatedDetails,exports.useAnimatedHeight=Vo.useAnimatedHeight,exports.useAnimatedHeightBetween=yo.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=Oo.useAutoAnimatedHeight,exports.useBrowserPreferences=Go.useBrowserPreferences,exports.useIntersectionObserver=Ho.useIntersectionObserver,exports.useLocalStorage=Wo.useLocalStorage,exports.useMutationObserver=Uo.useMutationObserver,exports.usePreviousValue=Ko.usePreviousValue,exports.useProgressiveImg=Xo.useProgressiveImg,exports.useScreen=_o.useScreen,exports.useScrollIntoView=zo.useScrollIntoView,exports.useAriaLiveRegion=Qo.useAriaLiveRegion,exports.useClickOutside=Jo.useClickOutside,exports.useFocusOutside=Yo.useFocusOutside,exports.useElementDimensions=Zo.useElementDimensions,exports.useId=$o.useId,exports.useKeyListener=er.useKeyListener,exports.useListNavigation=or.useListNavigation,exports.useSwipeGesture=rr.useSwipeGesture,exports.unicode=sr.unicode,exports.formatNumber=tr.formatNumber,exports.parseNumber=nr.parseNumber,exports.registerWithFodselsnummerMask=ir.registerWithFodselsnummerMask,exports.registerWithKontonummerMask=ir.registerWithKontonummerMask,exports.registerWithKortnummerMask=ir.registerWithKortnummerMask,exports.registerWithMasks=ir.registerWithMasks,exports.registerWithTelefonnummerMask=ir.registerWithTelefonnummerMask,exports.formatAvstand=ar.formatAvstand,exports.formatBytes=cr.formatBytes,exports.formatDate=ur.formatDate,exports.FODSELSNUMMER_REGEX=pr.FODSELSNUMMER_REGEX,exports.formatFodselsnummer=pr.formatFodselsnummer,exports.ORGANISASJONSNUMMER_REGEX=mr.ORGANISASJONSNUMMER_REGEX,exports.formatOrganisasjonsnummer=mr.formatOrganisasjonsnummer,exports.KONTONUMMER_REGEX=lr.KONTONUMMER_REGEX,exports.formatKontonummer=lr.formatKontonummer,exports.KORTNUMMER_REGEX=xr.KORTNUMMER_REGEX,exports.formatKortnummer=xr.formatKortnummer,exports.TELEFONNUMMER_REGEX=dr.TELEFONNUMMER_REGEX,exports.formatTelefonnummer=dr.formatTelefonnummer,exports.formatValuta=gr.formatValuta,exports.getThemeAndDensity=jr.getThemeAndDensity,exports.mergeProps=br.mergeProps,exports.mergeRefs=qr.mergeRefs,exports.SlotComponent=Ir.SlotComponent,exports.isValidEpost=Tr.isValidEpost,exports.isValidTelefonnummer=kr.isValidTelefonnummer,exports.isValidRegistreringsnummer=hr.isValidRegistreringsnummer,exports.isValidChassisnummer=Cr.isValidChassisnummer,exports.isValidDogId=Sr.isValidDogId,exports.isExactLength=vr.isExactLength,exports.isInteger=Mr.isInteger,exports.isValidFodselsnummer=Lr.isValidFodselsnummer,exports.isValidOrganisasjonsnummer=fr.isValidOrganisasjonsnummer,exports.isValidName=Ar.isValidName,exports.hasMinimumWords=Er.hasMinimumWords,exports.hasNoIllegalCharacters=Rr.hasNoIllegalCharacters,exports.initTabListener=Br.initTabListener,exports.getValuePair=wr.getValuePair;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -26,6 +26,7 @@ export * from './pagination/index.js';
|
|
|
26
26
|
export * from './popover/index.js';
|
|
27
27
|
export * from './progress-bar/index.js';
|
|
28
28
|
export * from './radio-button/index.js';
|
|
29
|
+
export * from './radio-panel/index.js';
|
|
29
30
|
export * from './select/index.js';
|
|
30
31
|
export * from './summary-table/index.js';
|
|
31
32
|
export * from './system-message/index.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Accordion as o}from"./accordion/Accordion.js";import{AccordionItem as a}from"./accordion/AccordionItem.js";import{Breadcrumb as s}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as e}from"./breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as t,SecondaryButton as n,TertiaryButton as i}from"./button/Button.js";import{Card as m}from"./card/Card.js";import{CardImage as c}from"./card/CardImage.js";import{InfoBlock as l,NavCard as p}from"./card/NavCard.js";import{TaskCard as d}from"./card/TaskCard.js";import{InfoCard as u}from"./card/InfoCard.js";import{Checkbox as b}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as T}from"./combobox/Combobox.js";import{CookieConsent as I}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as j,useCookieConsent as g}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as k,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as x,formatInput as h,isBlurTargetOutside as B,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as M}from"./datepicker/DatePicker.js";import{Feedback as v}from"./feedback/Feedback.js";import{PRESETS as w}from"./feedback/presets.js";import{Flex as A}from"./flex/Flex.js";import{DescriptionDetail as R,DescriptionList as F,DescriptionTerm as P}from"./description-list/DescriptionList.js";import{Expander as y}from"./expander/Expander.js";import{ExpandSection as D}from"./expander/ExpandSection.js";import{Icon as E}from"./icon/Icon.js";import{ArrowVerticalAnimated as G}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as N}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as H}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as U}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as W}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as V}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as O}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as z}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as Q}from"./icon/icons/CalendarIcon.js";import{CheckIcon as Y}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as q}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as J}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as K}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as X}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as Z}from"./icon/icons/CloseIcon.js";import{CopyIcon as $}from"./icon/icons/CopyIcon.js";import{DotsIcon as _}from"./icon/icons/DotsIcon.js";import{DragIcon as oo}from"./icon/icons/DragIcon.js";import{ErrorIcon as ao}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as so}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as eo}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as ro}from"./icon/icons/InfoIcon.js";import{LinkIcon as to}from"./icon/icons/LinkIcon.js";import{PlusIcon as no}from"./icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as co}from"./icon/icons/SearchIcon.js";import{SuccessIcon as lo}from"./icon/icons/SuccessIcon.js";import{WarningIcon as po}from"./icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as bo}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as fo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as To}from"./icon/icons/TrashCanIcon.js";import{PenIcon as Io}from"./icon/icons/PenIcon.js";import{IconButton as jo}from"./icon-button/IconButton.js";import{Image as go}from"./image/Image.js";import{FieldGroup as Co}from"./input-group/FieldGroup.js";import{InputGroup as ko}from"./input-group/InputGroup.js";import{Label as So}from"./input-group/Label.js";import{SupportLabel as xo}from"./input-group/SupportLabel.js";import{Link as ho}from"./link/Link.js";import{NavLink as Bo}from"./link/NavLink.js";import{LinkList as Lo}from"./link-list/LinkList.js";import{List as Mo,OrderedList as vo,UnorderedList as wo}from"./list/List.js";import{CheckListItem as Ao,CrossListItem as Ro,ListItem as Fo}from"./list/ListItem.js";import{Loader as Po}from"./loader/Loader.js";import{SkeletonAnimation as yo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Do}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Eo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Go}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as No}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Ho}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Uo,SkeletonTableHeader as Wo,SkeletonTableRow as Vo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Oo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as zo}from"./logo/Logo.js";import{LogoStamp as Qo}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Yo}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as qo}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Jo}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Ko}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Xo}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as Zo}from"./logo/text-paths/VartForsikringsselskap.js";import{Menu as $o}from"./menu/Menu.js";import{MenuItem as _o}from"./menu/MenuItem.js";import{MenuItemCheckbox as oa}from"./menu/MenuItemCheckbox.js";import{MenuDivider as aa}from"./menu/MenuDivider.js";import{ErrorMessage as sa,InfoMessage as ea,SuccessMessage as ra,WarningMessage as ta}from"./message/Message.js";import{FormErrorMessage as na}from"./message/FormErrorMessage.js";import{Modal as ia,ModalActions as ma,ModalBody as ca,ModalCloseButton as la,ModalContainer as pa,ModalHeader as da,ModalOverlay as ua,ModalTitle as ba}from"./modal/Modal.js";import{useModal as fa}from"./modal/useModal.js";import{Pagination as Ta}from"./pagination/Pagination.js";import{Popover as Ia}from"./popover/Popover.js";import{Countdown as ja}from"./progress-bar/Countdown.js";import{ProgressBar as ga}from"./progress-bar/ProgressBar.js";import{RadioButton as Ca}from"./radio-button/RadioButton.js";import{RadioButtonGroup as ka}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as Sa}from"./radio-button/BaseRadioButton.js";import{Select as xa}from"./select/Select.js";import{NativeSelect as ha}from"./select/NativeSelect.js";import{SummaryTable as Ba}from"./summary-table/SummaryTable.js";import{SummaryTableRow as La}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Ma,InfoSystemMessage as va,SuccessSystemMessage as wa,WarningSystemMessage as Aa}from"./system-message/SystemMessage.js";import{DataTable as Ra}from"./table/DataTable.js";import{Table as Fa}from"./table/Table.js";import{TableBody as Pa}from"./table/TableBody.js";import{TableCaption as ya}from"./table/TableCaption.js";import{TableCell as Da}from"./table/TableCell.js";import{TableColumn as Ea}from"./table/TableColumn.js";import{TableColumnGroup as Ga}from"./table/TableColumnGroup.js";import{TableContextProvider as Na,useTableContext as Ha}from"./table/tableContext.js";import{TableSectionContextProvider as Ua,useTableSectionContext as Wa}from"./table/tableSectionContext.js";import{TableFooter as Va}from"./table/TableFooter.js";import{TableHead as Oa}from"./table/TableHead.js";import{TableHeader as za}from"./table/TableHeader.js";import{TablePagination as Qa}from"./table/TablePagination.js";import{TableRow as Ya}from"./table/TableRow.js";import{ExpandableTableRow as qa}from"./table/ExpandableTableRow.js";import{ExpandableTableRowController as Ja}from"./table/ExpandableTableRowController.js";import{useSortableTableHeader as Ka}from"./table/utils.js";import{NavTab as Xa}from"./tabs/NavTab.js";import{NavTabs as Za}from"./tabs/NavTabs.js";import{Tabs as $a}from"./tabs/Tabs.js";import{TabList as _a}from"./tabs/TabList.js";import{Tab as os}from"./tabs/Tab.js";import{TabPanel as as}from"./tabs/TabPanel.js";import{ErrorTag as ss,InfoTag as es,SuccessTag as rs,Tag as ts,WarningTag as ns}from"./tag/Tag.js";import{BaseTextArea as is}from"./text-input/BaseTextArea.js";import{BaseTextInput as ms}from"./text-input/BaseTextInput.js";import{TextArea as cs}from"./text-input/TextArea.js";import{TextInput as ls}from"./text-input/TextInput.js";import{ToastProvider as ps,useToast as ds}from"./toast/toastContext.js";import{ToggleSwitch as us}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as bs}from"./toggle-switch/ToggleSlider.js";import{Tooltip as fs}from"./tooltip/Tooltip.js";import{TooltipContent as Ts}from"./tooltip/TooltipContent.js";import{TooltipTrigger as Is}from"./tooltip/TooltipTrigger.js";import{PopupTip as js}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as gs}from"./ScreenReaderOnly.js";export{o as Accordion,a as AccordionItem,U as ArrowDownIcon,N as ArrowHorizontalAnimated,W as ArrowLeftIcon,V as ArrowNorthEastIcon,O as ArrowRightIcon,z as ArrowUpIcon,G as ArrowVerticalAnimated,Sa as BaseRadioButton,is as BaseTextArea,ms as BaseTextInput,s as Breadcrumb,e as BreadcrumbItem,r as Button,Q as CalendarIcon,m as Card,c as CardImage,Y as CheckIcon,Ao as CheckListItem,b as Checkbox,q as ChevronDownIcon,J as ChevronLeftIcon,K as ChevronRightIcon,X as ChevronUpIcon,Z as CloseIcon,f as Combobox,I as CookieConsent,j as CookieConsentProvider,$ as CopyIcon,ja as Countdown,Ro as CrossListItem,Ra as DataTable,M as DatePicker,R as DescriptionDetail,F as DescriptionList,P as DescriptionTerm,_ as DotsIcon,oo as DragIcon,ao as ErrorIcon,sa as ErrorMessage,Ma as ErrorSystemMessage,ss as ErrorTag,D as ExpandSection,qa as ExpandableTableRow,Ja as ExpandableTableRowController,y as Expander,v as Feedback,Co as FieldGroup,A as Flex,na as FormErrorMessage,Yo as ForsikringLevertAvFremtind,qo as FraSB1ogDNB,so as GreenCheckIcon,eo as HamburgerIcon,E as Icon,jo as IconButton,go as Image,l as InfoBlock,u as InfoCard,ro as InfoIcon,ea as InfoMessage,va as InfoSystemMessage,es as InfoTag,Jo as InnovasjonFraFremtind,ko as InputGroup,So as Label,ho as Link,to as LinkIcon,Lo as LinkList,Mo as List,Fo as ListItem,Po as Loader,zo as Logo,Qo as LogoStamp,$o as Menu,aa as MenuDivider,_o as MenuItem,oa as MenuItemCheckbox,uo as MinusIcon,ia as Modal,ma as ModalActions,ca as ModalBody,la as ModalCloseButton,pa as ModalContainer,da as ModalHeader,ua as ModalOverlay,ba as ModalTitle,ha as NativeSelect,p as NavCard,Bo as NavLink,Xa as NavTab,Za as NavTabs,vo as OrderedList,w as PRESETS,Ta as Pagination,Io as PenIcon,no as PlusIcon,H as PlusRemoveAnimated,Ia as Popover,js as PopupTip,t as PrimaryButton,ga as ProgressBar,io as QuestionIcon,Ca as RadioButton,ka as RadioButtonGroup,mo as RedCrossIcon,gs as ScreenReaderOnly,co as SearchIcon,n as SecondaryButton,xa as Select,yo as SkeletonAnimation,Do as SkeletonButton,Eo as SkeletonCheckboxGroup,Go as SkeletonElement,No as SkeletonInput,Ho as SkeletonRadioButtonGroup,Uo as SkeletonTable,Wo as SkeletonTableHeader,Vo as SkeletonTableRow,Oo as SkeletonTextArea,lo as SuccessIcon,ra as SuccessMessage,wa as SuccessSystemMessage,rs as SuccessTag,Ba as SummaryTable,La as SummaryTableRow,xo as SupportLabel,os as Tab,_a as TabList,as as TabPanel,Fa as Table,Pa as TableBody,ya as TableCaption,Da as TableCell,Ea as TableColumn,Ga as TableColumnGroup,Na as TableContextProvider,Va as TableFooter,Oa as TableHead,za as TableHeader,Qa as TablePagination,Ya as TableRow,Ua as TableSectionContextProvider,$a as Tabs,ts as Tag,d as TaskCard,Ko as TeknologiFraFremtind,i as TertiaryButton,cs as TextArea,ls as TextInput,bo as ThumbDownIcon,fo as ThumbUpIcon,ps as ToastProvider,bs as ToggleSlider,us as ToggleSwitch,fs as Tooltip,Ts as TooltipContent,Is as TooltipTrigger,To as TrashCanIcon,wo as UnorderedList,Xo as VartEgetForsikringsselskap,Zo as VartForsikringsselskap,po as WarningIcon,ta as WarningMessage,Aa as WarningSystemMessage,ns as WarningTag,x as dayMonthYearRegex,h as formatInput,T as getComboboxValuePair,B as isBlurTargetOutside,C as isCorrectFormat,k as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,g as useCookieConsent,fa as useModal,Ka as useSortableTableHeader,Ha as useTableContext,Wa as useTableSectionContext,ds as useToast};
|
|
1
|
+
import{Accordion as o}from"./accordion/Accordion.js";import{AccordionItem as a}from"./accordion/AccordionItem.js";import{Breadcrumb as s}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as e}from"./breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as t,SecondaryButton as n,TertiaryButton as i}from"./button/Button.js";import{Card as m}from"./card/Card.js";import{CardImage as c}from"./card/CardImage.js";import{InfoBlock as l,NavCard as p}from"./card/NavCard.js";import{TaskCard as d}from"./card/TaskCard.js";import{InfoCard as u}from"./card/InfoCard.js";import{Checkbox as b}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as T}from"./combobox/Combobox.js";import{CookieConsent as I}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as j,useCookieConsent as g}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as k,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as x,formatInput as h,isBlurTargetOutside as B,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as M}from"./datepicker/DatePicker.js";import{Feedback as v}from"./feedback/Feedback.js";import{PRESETS as w}from"./feedback/presets.js";import{Flex as A}from"./flex/Flex.js";import{DescriptionDetail as R,DescriptionList as P,DescriptionTerm as F}from"./description-list/DescriptionList.js";import{Expander as y}from"./expander/Expander.js";import{ExpandSection as D}from"./expander/ExpandSection.js";import{Icon as E}from"./icon/Icon.js";import{ArrowVerticalAnimated as G}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as N}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as H}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as U}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as W}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as V}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as O}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as z}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as Q}from"./icon/icons/CalendarIcon.js";import{CheckIcon as Y}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as q}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as J}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as K}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as X}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as Z}from"./icon/icons/CloseIcon.js";import{CopyIcon as $}from"./icon/icons/CopyIcon.js";import{DotsIcon as _}from"./icon/icons/DotsIcon.js";import{DragIcon as oo}from"./icon/icons/DragIcon.js";import{ErrorIcon as ao}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as so}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as eo}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as ro}from"./icon/icons/InfoIcon.js";import{LinkIcon as to}from"./icon/icons/LinkIcon.js";import{PlusIcon as no}from"./icon/icons/PlusIcon.js";import{QuestionIcon as io}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as mo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as co}from"./icon/icons/SearchIcon.js";import{SuccessIcon as lo}from"./icon/icons/SuccessIcon.js";import{WarningIcon as po}from"./icon/icons/WarningIcon.js";import{MinusIcon as uo}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as bo}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as fo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as To}from"./icon/icons/TrashCanIcon.js";import{PenIcon as Io}from"./icon/icons/PenIcon.js";import{IconButton as jo}from"./icon-button/IconButton.js";import{Image as go}from"./image/Image.js";import{FieldGroup as Co}from"./input-group/FieldGroup.js";import{InputGroup as ko}from"./input-group/InputGroup.js";import{Label as So}from"./input-group/Label.js";import{SupportLabel as xo}from"./input-group/SupportLabel.js";import{Link as ho}from"./link/Link.js";import{NavLink as Bo}from"./link/NavLink.js";import{LinkList as Lo}from"./link-list/LinkList.js";import{List as Mo,OrderedList as vo,UnorderedList as wo}from"./list/List.js";import{CheckListItem as Ao,CrossListItem as Ro,ListItem as Po}from"./list/ListItem.js";import{Loader as Fo}from"./loader/Loader.js";import{SkeletonAnimation as yo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Do}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Eo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Go}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as No}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Ho}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Uo,SkeletonTableHeader as Wo,SkeletonTableRow as Vo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Oo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as zo}from"./logo/Logo.js";import{LogoStamp as Qo}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Yo}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as qo}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as Jo}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as Ko}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as Xo}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as Zo}from"./logo/text-paths/VartForsikringsselskap.js";import{Menu as $o}from"./menu/Menu.js";import{MenuItem as _o}from"./menu/MenuItem.js";import{MenuItemCheckbox as oa}from"./menu/MenuItemCheckbox.js";import{MenuDivider as aa}from"./menu/MenuDivider.js";import{ErrorMessage as sa,InfoMessage as ea,SuccessMessage as ra,WarningMessage as ta}from"./message/Message.js";import{FormErrorMessage as na}from"./message/FormErrorMessage.js";import{Modal as ia,ModalActions as ma,ModalBody as ca,ModalCloseButton as la,ModalContainer as pa,ModalHeader as da,ModalOverlay as ua,ModalTitle as ba}from"./modal/Modal.js";import{useModal as fa}from"./modal/useModal.js";import{Pagination as Ta}from"./pagination/Pagination.js";import{Popover as Ia}from"./popover/Popover.js";import{Countdown as ja}from"./progress-bar/Countdown.js";import{ProgressBar as ga}from"./progress-bar/ProgressBar.js";import{RadioButton as Ca}from"./radio-button/RadioButton.js";import{RadioButtonGroup as ka}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as Sa}from"./radio-button/BaseRadioButton.js";import{RadioPanel as xa}from"./radio-panel/RadioPanel.js";import{Select as ha}from"./select/Select.js";import{NativeSelect as Ba}from"./select/NativeSelect.js";import{SummaryTable as La}from"./summary-table/SummaryTable.js";import{SummaryTableRow as Ma}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as va,InfoSystemMessage as wa,SuccessSystemMessage as Aa,WarningSystemMessage as Ra}from"./system-message/SystemMessage.js";import{DataTable as Pa}from"./table/DataTable.js";import{Table as Fa}from"./table/Table.js";import{TableBody as ya}from"./table/TableBody.js";import{TableCaption as Da}from"./table/TableCaption.js";import{TableCell as Ea}from"./table/TableCell.js";import{TableColumn as Ga}from"./table/TableColumn.js";import{TableColumnGroup as Na}from"./table/TableColumnGroup.js";import{TableContextProvider as Ha,useTableContext as Ua}from"./table/tableContext.js";import{TableSectionContextProvider as Wa,useTableSectionContext as Va}from"./table/tableSectionContext.js";import{TableFooter as Oa}from"./table/TableFooter.js";import{TableHead as za}from"./table/TableHead.js";import{TableHeader as Qa}from"./table/TableHeader.js";import{TablePagination as Ya}from"./table/TablePagination.js";import{TableRow as qa}from"./table/TableRow.js";import{ExpandableTableRow as Ja}from"./table/ExpandableTableRow.js";import{ExpandableTableRowController as Ka}from"./table/ExpandableTableRowController.js";import{useSortableTableHeader as Xa}from"./table/utils.js";import{NavTab as Za}from"./tabs/NavTab.js";import{NavTabs as $a}from"./tabs/NavTabs.js";import{Tabs as _a}from"./tabs/Tabs.js";import{TabList as os}from"./tabs/TabList.js";import{Tab as as}from"./tabs/Tab.js";import{TabPanel as ss}from"./tabs/TabPanel.js";import{ErrorTag as es,InfoTag as rs,SuccessTag as ts,Tag as ns,WarningTag as is}from"./tag/Tag.js";import{BaseTextArea as ms}from"./text-input/BaseTextArea.js";import{BaseTextInput as cs}from"./text-input/BaseTextInput.js";import{TextArea as ls}from"./text-input/TextArea.js";import{TextInput as ps}from"./text-input/TextInput.js";import{ToastProvider as ds,useToast as us}from"./toast/toastContext.js";import{ToggleSwitch as bs}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as fs}from"./toggle-switch/ToggleSlider.js";import{Tooltip as Ts}from"./tooltip/Tooltip.js";import{TooltipContent as Is}from"./tooltip/TooltipContent.js";import{TooltipTrigger as js}from"./tooltip/TooltipTrigger.js";import{PopupTip as gs}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as Cs}from"./ScreenReaderOnly.js";export{o as Accordion,a as AccordionItem,U as ArrowDownIcon,N as ArrowHorizontalAnimated,W as ArrowLeftIcon,V as ArrowNorthEastIcon,O as ArrowRightIcon,z as ArrowUpIcon,G as ArrowVerticalAnimated,Sa as BaseRadioButton,ms as BaseTextArea,cs as BaseTextInput,s as Breadcrumb,e as BreadcrumbItem,r as Button,Q as CalendarIcon,m as Card,c as CardImage,Y as CheckIcon,Ao as CheckListItem,b as Checkbox,q as ChevronDownIcon,J as ChevronLeftIcon,K as ChevronRightIcon,X as ChevronUpIcon,Z as CloseIcon,f as Combobox,I as CookieConsent,j as CookieConsentProvider,$ as CopyIcon,ja as Countdown,Ro as CrossListItem,Pa as DataTable,M as DatePicker,R as DescriptionDetail,P as DescriptionList,F as DescriptionTerm,_ as DotsIcon,oo as DragIcon,ao as ErrorIcon,sa as ErrorMessage,va as ErrorSystemMessage,es as ErrorTag,D as ExpandSection,Ja as ExpandableTableRow,Ka as ExpandableTableRowController,y as Expander,v as Feedback,Co as FieldGroup,A as Flex,na as FormErrorMessage,Yo as ForsikringLevertAvFremtind,qo as FraSB1ogDNB,so as GreenCheckIcon,eo as HamburgerIcon,E as Icon,jo as IconButton,go as Image,l as InfoBlock,u as InfoCard,ro as InfoIcon,ea as InfoMessage,wa as InfoSystemMessage,rs as InfoTag,Jo as InnovasjonFraFremtind,ko as InputGroup,So as Label,ho as Link,to as LinkIcon,Lo as LinkList,Mo as List,Po as ListItem,Fo as Loader,zo as Logo,Qo as LogoStamp,$o as Menu,aa as MenuDivider,_o as MenuItem,oa as MenuItemCheckbox,uo as MinusIcon,ia as Modal,ma as ModalActions,ca as ModalBody,la as ModalCloseButton,pa as ModalContainer,da as ModalHeader,ua as ModalOverlay,ba as ModalTitle,Ba as NativeSelect,p as NavCard,Bo as NavLink,Za as NavTab,$a as NavTabs,vo as OrderedList,w as PRESETS,Ta as Pagination,Io as PenIcon,no as PlusIcon,H as PlusRemoveAnimated,Ia as Popover,gs as PopupTip,t as PrimaryButton,ga as ProgressBar,io as QuestionIcon,Ca as RadioButton,ka as RadioButtonGroup,xa as RadioPanel,mo as RedCrossIcon,Cs as ScreenReaderOnly,co as SearchIcon,n as SecondaryButton,ha as Select,yo as SkeletonAnimation,Do as SkeletonButton,Eo as SkeletonCheckboxGroup,Go as SkeletonElement,No as SkeletonInput,Ho as SkeletonRadioButtonGroup,Uo as SkeletonTable,Wo as SkeletonTableHeader,Vo as SkeletonTableRow,Oo as SkeletonTextArea,lo as SuccessIcon,ra as SuccessMessage,Aa as SuccessSystemMessage,ts as SuccessTag,La as SummaryTable,Ma as SummaryTableRow,xo as SupportLabel,as as Tab,os as TabList,ss as TabPanel,Fa as Table,ya as TableBody,Da as TableCaption,Ea as TableCell,Ga as TableColumn,Na as TableColumnGroup,Ha as TableContextProvider,Oa as TableFooter,za as TableHead,Qa as TableHeader,Ya as TablePagination,qa as TableRow,Wa as TableSectionContextProvider,_a as Tabs,ns as Tag,d as TaskCard,Ko as TeknologiFraFremtind,i as TertiaryButton,ls as TextArea,ps as TextInput,bo as ThumbDownIcon,fo as ThumbUpIcon,ds as ToastProvider,fs as ToggleSlider,bs as ToggleSwitch,Ts as Tooltip,Is as TooltipContent,js as TooltipTrigger,To as TrashCanIcon,wo as UnorderedList,Xo as VartEgetForsikringsselskap,Zo as VartForsikringsselskap,po as WarningIcon,ta as WarningMessage,Ra as WarningSystemMessage,is as WarningTag,x as dayMonthYearRegex,h as formatInput,T as getComboboxValuePair,B as isBlurTargetOutside,C as isCorrectFormat,k as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,g as useCookieConsent,fa as useModal,Xa as useSortableTableHeader,Ua as useTableContext,Va as useTableSectionContext,us as useToast};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import{forwardRef as s}from"react";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import{CloseIcon as i}from"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{IconButton as c}from"../icon-button/IconButton.js";const a=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-container",s),...i,ref:c})));a.displayName="ModalContainer";const r=s((({className:s,transparent:i,...c},a)=>o("div",{className:n("jkl-modal-overlay",s,{"jkl-modal-overlay--transparent":i}),...c,ref:a})));r.displayName="ModalOverlay";const t=s((({className:s,component:i,padding:c,style:a,...r},t)=>o(i||"div",{className:n("jkl jkl-modal",s),style:{"--jkl-modal-padding":c?`var(--jkl-spacing-${c})`:void 0,...a},...r,ref:t})));t.displayName="Modal";const e=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-header",s),...i,ref:c})));e.displayName="ModalHeader";const m=s((({className:s,...i},c)=>o("p",{className:n("jkl-modal-title",s),...i,ref:c})));m.displayName="ModalTitle";const l=s((({className:s,...a},r)=>o(c,{className:n("jkl-modal-close",s),"data-testautoid":"jkl-modal-close",...a,ref:r,children:o(i,{variant:"medium"})})));l.displayName="ModalCloseButton";const d=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-body",s),...i,ref:c})));d.displayName="ModalBody";const p=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-actions",s),...i,ref:c})));p.displayName="ModalActions";export{t as Modal,p as ModalActions,d as ModalBody,l as ModalCloseButton,a as ModalContainer,e as ModalHeader,r as ModalOverlay,m as ModalTitle};
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{c as n}from"../../../clsx-BeLtu-UY.js";import{forwardRef as s}from"react";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import{CloseIcon as i}from"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import{IconButton as c}from"../icon-button/IconButton.js";const a=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-container",s),...i,ref:c,"data-portal":!0})));a.displayName="ModalContainer";const r=s((({className:s,transparent:i,...c},a)=>o("div",{className:n("jkl-modal-overlay",s,{"jkl-modal-overlay--transparent":i}),...c,ref:a})));r.displayName="ModalOverlay";const t=s((({className:s,component:i,padding:c,style:a,...r},t)=>o(i||"div",{className:n("jkl jkl-modal",s),style:{"--jkl-modal-padding":c?`var(--jkl-spacing-${c})`:void 0,...a},...r,ref:t})));t.displayName="Modal";const e=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-header",s),...i,ref:c})));e.displayName="ModalHeader";const m=s((({className:s,...i},c)=>o("p",{className:n("jkl-modal-title",s),...i,ref:c})));m.displayName="ModalTitle";const l=s((({className:s,...a},r)=>o(c,{className:n("jkl-modal-close",s),"data-testautoid":"jkl-modal-close",...a,ref:r,children:o(i,{variant:"medium"})})));l.displayName="ModalCloseButton";const d=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-body",s),...i,ref:c})));d.displayName="ModalBody";const p=s((({className:s,...i},c)=>o("div",{className:n("jkl-modal-actions",s),...i,ref:c})));p.displayName="ModalActions";export{t as Modal,p as ModalActions,d as ModalBody,l as ModalCloseButton,a as ModalContainer,e as ModalHeader,r as ModalOverlay,m as ModalTitle};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { WithOptionalChildren } from \"../../core/types.js\";\nimport { CloseIcon } from \"../icon/index.js\";\nimport { IconButton, IconButtonProps } from \"../icon-button/IconButton.js\";\nimport { ModalConfig } from \"./useModal.js\";\n\nexport interface ModalProps extends WithOptionalChildren {\n id?: string;\n className?: string;\n component?: React.ElementType;\n style?: React.CSSProperties;\n /**\n * Overstyrer padding på modalen via en CSS-variabel.\n */\n padding?: 16 | 24 | 40;\n}\n\ntype BaseModalProps = Omit<ModalProps, \"padding\" | \"component\">;\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalContainer = forwardRef<HTMLDivElement, ModalConfig[\"container\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => {\n return <div className={clsx(\"jkl-modal-container\", className)} {...rest} ref={ref} />;\n },\n);\nModalContainer.displayName = \"ModalContainer\";\n\ntype ModalOverlayProps = ModalConfig[\"overlay\"] &\n BaseModalProps & {\n /**\n * Rendre uten bakgrunnsfarge, men med click target for å lukke modalen ved klikk utenfor.\n */\n transparent?: boolean;\n };\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component || \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding ? `var(--jkl-spacing-${padding})` : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-header\", className)} {...rest} ref={ref} />\n));\nModalHeader.displayName = \"ModalHeader\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalTitle = forwardRef<HTMLParagraphElement, ModalConfig[\"title\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />,\n);\nModalTitle.displayName = \"ModalTitle\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> & BaseModalProps & IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton className={clsx(\"jkl-modal-close\", className)} data-testautoid=\"jkl-modal-close\" {...rest} ref={ref}>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-body\", className)} {...rest} ref={ref} />\n));\nModalBody.displayName = \"ModalBody\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-actions\", className)} {...rest} ref={ref} />\n));\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"0gDAuBO,MAAMA,EAAiBC,GAC1B,EAAGC,UAAAA,KAAcC,GAAQC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { WithOptionalChildren } from \"../../core/types.js\";\nimport { CloseIcon } from \"../icon/index.js\";\nimport { IconButton, IconButtonProps } from \"../icon-button/IconButton.js\";\nimport { ModalConfig } from \"./useModal.js\";\n\nexport interface ModalProps extends WithOptionalChildren {\n id?: string;\n className?: string;\n component?: React.ElementType;\n style?: React.CSSProperties;\n /**\n * Overstyrer padding på modalen via en CSS-variabel.\n */\n padding?: 16 | 24 | 40;\n}\n\ntype BaseModalProps = Omit<ModalProps, \"padding\" | \"component\">;\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalContainer = forwardRef<HTMLDivElement, ModalConfig[\"container\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => {\n // TODO: 'data-portal' fjernes når modalen tar i bruk Popover komponenten\n return <div className={clsx(\"jkl-modal-container\", className)} {...rest} ref={ref} data-portal />;\n },\n);\nModalContainer.displayName = \"ModalContainer\";\n\ntype ModalOverlayProps = ModalConfig[\"overlay\"] &\n BaseModalProps & {\n /**\n * Rendre uten bakgrunnsfarge, men med click target for å lukke modalen ved klikk utenfor.\n */\n transparent?: boolean;\n };\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component || \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding ? `var(--jkl-spacing-${padding})` : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-header\", className)} {...rest} ref={ref} />\n));\nModalHeader.displayName = \"ModalHeader\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalTitle = forwardRef<HTMLParagraphElement, ModalConfig[\"title\"] & BaseModalProps>(\n ({ className, ...rest }, ref) => <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />,\n);\nModalTitle.displayName = \"ModalTitle\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> & BaseModalProps & IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton className={clsx(\"jkl-modal-close\", className)} data-testautoid=\"jkl-modal-close\" {...rest} ref={ref}>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-body\", className)} {...rest} ref={ref} />\n));\nModalBody.displayName = \"ModalBody\";\n\n/**\n * Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(({ className, ...rest }, ref) => (\n <div className={clsx(\"jkl-modal-actions\", className)} {...rest} ref={ref} />\n));\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"0gDAuBO,MAAMA,EAAiBC,GAC1B,EAAGC,UAAAA,KAAcC,GAAQC,IAEdC,EAAC,MAAI,CAAAH,UAAWI,EAAK,sBAAuBJ,MAAgBC,EAAMC,IAAAA,EAAU,eAAW,MAGtGJ,EAAeO,YAAc,iBAatB,MAAMC,EAAeP,GACxB,EAAGC,UAAAA,EAAWO,YAAAA,KAAgBN,GAAQC,IAClCC,EAAC,MAAA,CACGH,UAAWI,EAAK,oBAAqBJ,EAAW,CAC5C,iCAAkCO,OAElCN,EACJC,IAAAA,MAIZI,EAAaD,YAAc,eAKpB,MAAMG,EAAQT,GACjB,EAAGC,UAAAA,EAAWS,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,KAAUV,GAAQC,IAG5CC,EAFMM,GAAa,MAElB,CACGT,UAAWI,EAAK,gBAAiBJ,GACjCW,MACI,CACI,sBAAuBD,EAAU,qBAAqBA,UAAa,KAChEC,MAGPV,EACJC,IAAAA,MAKhBM,EAAMH,YAAc,QAKb,MAAMO,EAAcb,GAA2C,EAAGC,UAAAA,KAAcC,GAAQC,MAC1F,MAAI,CAAAF,UAAWI,EAAK,mBAAoBJ,MAAgBC,EAAMC,IAAAA,MAEnEU,EAAYP,YAAc,cAKnB,MAAMQ,EAAad,GACtB,EAAGC,UAAAA,KAAcC,GAAQC,IAAQC,EAAC,IAAE,CAAAH,UAAWI,EAAK,kBAAmBJ,MAAgBC,EAAMC,IAAAA,MAEjGW,EAAWR,YAAc,aAKZ,MAAAS,EAAmBf,GAG9B,EAAGC,UAAAA,KAAcC,GAAQC,IACtBC,EAAAY,EAAA,CAAWf,UAAWI,EAAK,kBAAmBJ,GAAY,kBAAgB,qBAAsBC,EAAMC,IAAAA,EACnGc,SAAAb,EAACc,EAAU,CAAAC,QAAQ,eAG3BJ,EAAiBT,YAAc,mBAKxB,MAAMc,EAAYpB,GAA2C,EAAGC,UAAAA,KAAcC,GAAQC,MACxF,MAAI,CAAAF,UAAWI,EAAK,iBAAkBJ,MAAgBC,EAAMC,IAAAA,MAEjEiB,EAAUd,YAAc,YAKjB,MAAMe,EAAerB,GAA2C,EAAGC,UAAAA,KAAcC,GAAQC,MAC3F,MAAI,CAAAF,UAAWI,EAAK,oBAAqBJ,MAAgBC,EAAMC,IAAAA,MAEpEkB,EAAaf,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as n,FloatingPortal as t,FloatingFocusManager as o,useFloating as s,offset as r,flip as a,shift as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as n,FloatingPortal as t,FloatingFocusManager as o,useFloating as s,offset as r,flip as a,shift as l,autoUpdate as i,useClick as c,useHover as u,useFocus as d,useDismiss as p,useRole as f,useInteractions as m}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"../../utilities/getThemeAndDensity.js";const x=h.createContext(null),y=()=>{const e=h.useContext(x);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},F=({children:n,...t})=>{const o=(({open:e,onOpenChange:n,placement:t="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,positionReference:x,hoverOptions:y,focusOptions:F,clickOptions:R,roleOptions:k,dismissOptions:C})=>{const[b,O]=h.useState(e),P=e??b,E=n??O,j=s({open:P,onOpenChange:E,placement:t,strategy:o,middleware:[r(v),a({padding:5,fallbackPlacements:["bottom","top"]}),l({padding:12})],whileElementsMounted:i}),w=j.context,M=c(w,{enabled:!1,...R}),D=u(w,{enabled:!1,...y}),T=d(w,{enabled:!1,...F}),A=p(w,C),N=f(w,k),S=m([M,A,T,D,N]);return h.useLayoutEffect((()=>{x&&j.refs.setPositionReference(null==x?void 0:x.current)}),[x,j.refs]),h.useMemo((()=>({open:P,onOpenChange:E,modal:g,...S,...j})),[P,E,g,S,j])})({...t});return e(x.Provider,{value:o,children:n})},R=h.forwardRef((function({children:t,asChild:o=!1,...s},r){const{refs:a,getReferenceProps:l,open:i,onOpenChange:c}=y(),u=t.ref,d=n([a.setReference,r,u]);return o&&h.isValidElement(t)?h.cloneElement(t,l({ref:d,...s,...t.props})):e("button",{ref:d,onClick:()=>null==c?void 0:c(!i),"aria-expanded":i,...l(s),children:t})})),k=h.forwardRef((function({style:s,className:r,padding:a=0,initialFocus:l=0,returnFocus:i=!0,...c},u){const{context:d,modal:p,refs:f,open:m,floatingStyles:x,getFloatingProps:F}=y(),R=n([f.setFloating,u]),k=f.reference.current,{theme:C,density:b}=v((P=k)&&"contextElement"in P?k.contextElement:k),O=h.useRef(null);var P;return h.useEffect((()=>{var e;O.current=(null==(e=d.elements.domReference)?void 0:e.closest("[data-portal]"))||null}),[d.elements.domReference]),m?e(t,{root:O.current,children:e(o,{context:d,modal:p,initialFocus:l,returnFocus:i,children:e("div",{"data-theme":C,"data-layout-density":b,className:g("jkl jkl-popover",r),ref:R,style:{...s,...x,"--popover-padding":`var(--jkl-spacing-${a})`},...F(c),children:c.children})})}):null}));F.Trigger=R,F.Content=k;export{F as Popover,F as default};
|
|
2
2
|
//# sourceMappingURL=Popover.js.map
|