@fremtind/jokul 0.24.0 → 0.25.0

package/build/cjs/components/select/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Select.cjs"),t=require("./NativeSelect.cjs");exports.Select=e.Select,exports.NativeSelect=t.NativeSelect;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/select/index.cjs.map

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

package/build/cjs/components/select/index.d.cts

@@ -0,0 +1,4 @@
+export type { SelectProps } from './Select.cjs;'
+export { Select } from './Select.cjs;'
+export type { NativeSelectProps } from './NativeSelect.cjs;'
+export { NativeSelect } from './NativeSelect.cjs;'

package/build/cjs/components/select/select-utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.focusSelected=function(e,o){let t=null;o&&(t=e.querySelector('[aria-selected="true"]:not([hidden])')),(!o||!t)&&(t=e.querySelector('[role="option"]')),null==t||t.focus(),e.scrollTop=(null==t?void 0:t.offsetTop)||0},exports.toLower=function(e=""){return e.toLowerCase().replace(/[\W_]+/g,"")};
+//# sourceMappingURL=select-utils.cjs.map

package/build/cjs/components/select/select-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-utils.cjs","sources":["../../../../src/components/select/select-utils.ts"],"sourcesContent":["export function toLower(str = \"\") {\n    return str.toLowerCase().replace(/[\\W_]+/g, \"\"); // strip all non-alphanumeric chars\n}\n\nexport function focusSelected(listEl: HTMLElement, selected: string | undefined) {\n    let focusedItem: HTMLElement | null = null;\n    if (selected) {\n        // Move focus to selected option\n        focusedItem = listEl.querySelector(`[aria-selected=\"true\"]:not([hidden])`);\n    }\n    if (!selected || !focusedItem) {\n        // Move focus to first option if either no selected value or the value could not be found.\n        // This may happen with searchable selects if the currently selected value is filtered out.\n        focusedItem = listEl.querySelector('[role=\"option\"]');\n    }\n    focusedItem?.focus();\n    // Make sure the selected/focused item is visible in the list if it scrolls\n    listEl.scrollTop = focusedItem?.offsetTop || 0;\n}\n"],"names":["listEl","selected","focusedItem","querySelector","focus","scrollTop","offsetTop","str","toLowerCase","replace"],"mappings":"sGAIgB,SAAcA,EAAqBC,GAC/C,IAAIC,EAAkC,KAClCD,IAEcC,EAAAF,EAAOG,cAAc,2CAElCF,IAAaC,KAGAA,EAAAF,EAAOG,cAAc,oBAEvC,MAAAD,GAAAA,EAAaE,QAENJ,EAAAK,WAAY,MAAAH,OAAAA,EAAAA,EAAaI,YAAa,CACjD,kBAlBgB,SAAQC,EAAM,IAC1B,OAAOA,EAAIC,cAAcC,QAAQ,UAAW,GAChD"}

package/build/cjs/components/summary-table/SummaryTable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");exports.SummaryTable=({className:r,caption:l,header:c,body:t,footer:a,...o})=>e.jsxs("table",{...o,className:s.clsx("jkl-summary-table",r),children:[l&&e.jsx("caption",{className:"jkl-sr-only",children:l}),e.jsx("thead",{className:"jkl-sr-only",children:e.jsx("tr",{children:c.map(((s,r)=>e.jsx("th",{scope:"col",children:s},r)))})}),e.jsx("tbody",{children:t}),e.jsx("tfoot",{children:a})]});
+//# sourceMappingURL=SummaryTable.cjs.map

package/build/cjs/components/summary-table/SummaryTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryTable.cjs","sources":["../../../../src/components/summary-table/SummaryTable.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ReactNode, FC } from \"react\";\n\nexport interface Props {\n    className?: string;\n    caption?: string;\n    header: [string, string];\n    body: ReactNode;\n    footer?: ReactNode;\n}\n\nexport const SummaryTable: FC<Props> = ({ className, caption, header, body, footer, ...rest }) => {\n    return (\n        <table {...rest} className={clsx(\"jkl-summary-table\", className)}>\n            {caption && <caption className=\"jkl-sr-only\">{caption}</caption>}\n\n            <thead className=\"jkl-sr-only\">\n                <tr>\n                    {header.map((description, index) => (\n                        <th scope=\"col\" key={index}>\n                            {description}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n\n            <tbody>{body}</tbody>\n\n            <tfoot>{footer}</tfoot>\n        </table>\n    );\n};\n"],"names":["className","caption","header","body","footer","rest","jsxs","clsx","children","jsx","map","description","index","scope"],"mappings":"kLAWuC,EAAGA,UAAAA,EAAWC,QAAAA,EAASC,OAAAA,EAAQC,KAAAA,EAAMC,OAAAA,KAAWC,KAE/EC,EAAAA,KAAC,YAAUD,EAAML,UAAWO,EAAAA,KAAK,oBAAqBP,GACjDQ,SAAA,CAAAP,GAAYQ,EAAAA,IAAA,UAAA,CAAQT,UAAU,cAAeQ,SAAQP,UAErD,QAAM,CAAAD,UAAU,cACbQ,SAACC,EAAAA,IAAA,KAAA,CACID,WAAOE,KAAI,CAACC,EAAaC,IACtBH,EAAAA,IAAC,MAAGI,MAAM,MACLL,YADgBI,SAOjCH,EAAAA,IAAC,SAAOD,SAAKL,IAEbM,EAAAA,IAAC,SAAOD,SAAOJ"}

package/build/cjs/components/summary-table/SummaryTableRow.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");exports.SummaryTableRow=({className:r,header:t,content:s,...c})=>e.jsxs("tr",{...c,className:r,children:[e.jsx("th",{scope:"row",children:t}),e.jsx("td",{children:s})]});
+//# sourceMappingURL=SummaryTableRow.cjs.map

package/build/cjs/components/summary-table/SummaryTableRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryTableRow.cjs","sources":["../../../../src/components/summary-table/SummaryTableRow.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\n\nexport interface SummaryTableRowProps {\n    className?: string;\n    header: string | ReactNode;\n    content: string | ReactNode;\n}\n\nexport const SummaryTableRow: FC<SummaryTableRowProps> = ({ className, header, content, ...rest }) => {\n    return (\n        <tr {...rest} className={className}>\n            <th scope=\"row\">{header}</th>\n            <td>{content}</td>\n        </tr>\n    );\n};\n"],"names":["className","header","content","rest","jsxs","children","jsx","scope"],"mappings":"6IAQyD,EAAGA,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,KAElFC,EAAAA,KAAA,KAAA,IAAOD,EAAMH,UAAAA,EACVK,SAAA,CAACC,EAAAA,IAAA,KAAA,CAAGC,MAAM,MAAOF,SAAOJ,IACxBK,EAAAA,IAAC,MAAID,SAAQH"}

package/build/cjs/components/summary-table/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SummaryTable.cjs"),r=require("./SummaryTableRow.cjs");exports.SummaryTable=e.SummaryTable,exports.SummaryTableRow=r.SummaryTableRow;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/summary-table/index.cjs.map

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

package/build/cjs/components/summary-table/index.d.cts

@@ -0,0 +1,2 @@
+export { SummaryTable } from './SummaryTable.cjs;'
+export { SummaryTableRow } from './SummaryTableRow.cjs;'

package/build/cjs/components/summary-table/mocks.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./SummaryTableRow.cjs"),o="­",a=["Product","Price"],t=e.jsxs(e.Fragment,{children:[e.jsx(r.SummaryTableRow,{header:`Uføre${o}pensjon`,content:"340,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{className:"summary-table-example__custom-row",header:`Livs${o}forsikring`,content:"Tatt ut av tilbudet"}),e.jsx(r.SummaryTableRow,{header:`Innbo${o}forsikring`,content:"122,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{header:`Reise${o}forsikring`,content:"249,00 kr/mnd"}),e.jsx(r.SummaryTableRow,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),m=e.jsxs(e.Fragment,{children:[e.jsx(r.SummaryTableRow,{header:"Total sum",content:"693,50 kr/mnd"}),e.jsx(r.SummaryTableRow,{header:e.jsx("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]}),s={header:a,body:t,footer:m,caption:"Informasjon om produkter og pris i handlekurven"};exports.mockBody=t,exports.mockFooter=m,exports.mockHeader=a,exports.mockProps=s;
+//# sourceMappingURL=mocks.cjs.map

package/build/cjs/components/summary-table/mocks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.cjs","sources":["../../../../src/components/summary-table/mocks.tsx"],"sourcesContent":["import React from \"react\";\nimport { SummaryTableRow } from \"./SummaryTableRow.js\";\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const mockHeader = [\"Product\", \"Price\"] as [string, string];\nexport const mockBody = (\n    <>\n        <SummaryTableRow header={`Uføre${SOFT_HYPHEN}pensjon`} content=\"340,00 kr/mnd\" />\n        <SummaryTableRow\n            className=\"summary-table-example__custom-row\"\n            header={`Livs${SOFT_HYPHEN}forsikring`}\n            content=\"Tatt ut av tilbudet\"\n        />\n        <SummaryTableRow header={`Innbo${SOFT_HYPHEN}forsikring`} content=\"122,00 kr/mnd\" />\n        <SummaryTableRow header={`Reise${SOFT_HYPHEN}forsikring`} content=\"249,00 kr/mnd\" />\n        <SummaryTableRow className=\"summary-table-example__custom-row\" header=\"Rabatt\" content=\"- 17,50 kr/mnd\" />\n    </>\n);\nexport const mockFooter = (\n    <>\n        <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n        <SummaryTableRow header={<span className=\"jkl-sr-only\">Total sum per år</span>} content=\"8322,50 kr/mnd\" />\n    </>\n);\n\nexport const mockProps = {\n    header: mockHeader,\n    body: mockBody,\n    footer: mockFooter,\n    caption: \"Informasjon om produkter og pris i handlekurven\",\n};\n"],"names":["SOFT_HYPHEN","mockHeader","mockBody","jsxs","Fragment","children","jsx","SummaryTableRow","header","content","className","mockFooter","mockProps","body","footer","caption"],"mappings":"wJAGMA,EAAc,IAEPC,EAAa,CAAC,UAAW,SACzBC,EAELC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,MAACC,EAAAA,iBAAgBC,OAAQ,QAAQR,WAAsBS,QAAQ,kBAC/DH,EAAAA,IAACC,EAAAA,gBAAA,CACGG,UAAU,oCACVF,OAAQ,OAAOR,cACfS,QAAQ,8BAEXF,EAAAA,gBAAgB,CAAAC,OAAQ,QAAQR,cAAyBS,QAAQ,wBACjEF,EAAAA,gBAAgB,CAAAC,OAAQ,QAAQR,cAAyBS,QAAQ,wBACjEF,EAAAA,gBAAgB,CAAAG,UAAU,oCAAoCF,OAAO,SAASC,QAAQ,sBAGlFE,EAELR,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAgBA,gBAAA,CAAAC,OAAO,YAAYC,QAAQ,kBAC5CH,EAAAA,IAACC,EAAAA,gBAAgB,CAAAC,OAASF,EAAAA,IAAA,OAAA,CAAKI,UAAU,cAAcL,SAAA,qBAAyBI,QAAQ,sBAInFG,EAAY,CACrBJ,OAAQP,EACRY,KAAMX,EACNY,OAAQH,EACRI,QAAS"}

package/build/cjs/components/system-message/SystemMessage.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("../../../clsx-E3yX_9sL.cjs"),t=require("../../hooks/useId/useId.cjs"),a=require("../message/DismissButton.cjs"),i=require("./common/MessageIcon.cjs");function m(m){return({id:n,className:r,density:o,maxContentWidth:c,paddingLeft:d,role:l="status",dismissed:g,dismissAction:u,children:y,...j})=>{const x=t.useId(n||"jkl-system-message",{generateSuffix:!n});return s.jsx("div",{role:l,...j,id:x,className:e.clsx("jkl-system-message","jkl-system-message--"+m,r,{"jkl-system-message--dismissed":g}),"data-density":o,children:s.jsxs("div",{className:"jkl-system-message__content","data-testid":"system-message-content","data-theme":"light",style:{maxWidth:c,paddingLeft:d},children:[s.jsx(i.MessageIcon,{messageType:m}),s.jsx("span",{className:"jkl-system-message__message",children:y}),(null==u?void 0:u.handleDismiss)&&s.jsx(a.DismissButton,{"aria-controls":x,className:"jkl-system-message__dismiss-button",label:u.buttonTitle||"Lukk",onClick:u.handleDismiss})]})})}}const n=m("info");n.displayName="InfoSystemMessage";const r=m("error");r.displayName="ErrorSystemMessage";const o=m("warning");o.displayName="WarningSystemMessage";const c=m("success");c.displayName="SuccessSystemMessage",exports.ErrorSystemMessage=r,exports.InfoSystemMessage=n,exports.SuccessSystemMessage=c,exports.WarningSystemMessage=o;
+//# sourceMappingURL=SystemMessage.cjs.map

package/build/cjs/components/system-message/SystemMessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemMessage.cjs","sources":["../../../../src/components/system-message/SystemMessage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { DismissButton } from \"../message/DismissButton.js\";\nimport { MessageIcon } from \"./common/MessageIcon.js\";\n\ntype messageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\ninterface Props extends WithChildren {\n    id?: string;\n    className?: string;\n    density?: Density;\n    maxContentWidth?: string;\n    paddingLeft?: string;\n    /** Overstyr standardrollen til meldingen. Om du ønsker å \"skru av\" rollen kan du bruke verdien `none presentation`. */\n    role?: string;\n    dismissed?: boolean;\n    dismissAction?: {\n        handleDismiss: () => void;\n        buttonTitle?: string;\n    };\n}\n\nfunction systemFactory(messageType: messageTypes): React.FC<Props> {\n    const SystemMessage: React.FC<Props> = ({\n        id,\n        className,\n        density,\n        maxContentWidth,\n        paddingLeft,\n        role = \"status\",\n        dismissed,\n        dismissAction,\n        children,\n        ...rest\n    }) => {\n        const systemId = useId(id || \"jkl-system-message\", { generateSuffix: !id });\n\n        return (\n            <div\n                role={role}\n                {...rest}\n                id={systemId}\n                className={clsx(\"jkl-system-message\", \"jkl-system-message--\" + messageType, className, {\n                    \"jkl-system-message--dismissed\": dismissed,\n                })}\n                data-density={density}\n            >\n                <div\n                    className=\"jkl-system-message__content\"\n                    data-testid=\"system-message-content\"\n                    data-theme=\"light\"\n                    style={{\n                        maxWidth: maxContentWidth,\n                        paddingLeft,\n                    }}\n                >\n                    <MessageIcon messageType={messageType} />\n                    <span className=\"jkl-system-message__message\">{children}</span>\n                    {dismissAction?.handleDismiss && (\n                        <DismissButton\n                            aria-controls={systemId}\n                            className=\"jkl-system-message__dismiss-button\"\n                            label={dismissAction.buttonTitle || \"Lukk\"}\n                            onClick={dismissAction.handleDismiss}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n    };\n    return SystemMessage;\n}\n\nexport const InfoSystemMessage = systemFactory(\"info\");\nInfoSystemMessage.displayName = \"InfoSystemMessage\";\nexport const ErrorSystemMessage = systemFactory(\"error\");\nErrorSystemMessage.displayName = \"ErrorSystemMessage\";\nexport const WarningSystemMessage = systemFactory(\"warning\");\nWarningSystemMessage.displayName = \"WarningSystemMessage\";\nexport const SuccessSystemMessage = systemFactory(\"success\");\nSuccessSystemMessage.displayName = \"SuccessSystemMessage\";\n"],"names":["systemFactory","messageType","id","className","density","maxContentWidth","paddingLeft","role","dismissed","dismissAction","children","rest","systemId","useId","generateSuffix","jsx","clsx","jsxs","style","maxWidth","MessageIcon","handleDismiss","DismissButton","label","buttonTitle","onClick","InfoSystemMessage","displayName","ErrorSystemMessage","WarningSystemMessage","SuccessSystemMessage"],"mappings":"sRAwBA,SAASA,EAAcC,GAgDZ,MA/CgC,EACnCC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,gBAAAA,EACAC,YAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,cAAAA,EACAC,SAAAA,KACGC,MAEG,MAAAC,EAAWC,QAAMX,GAAM,qBAAsB,CAAEY,gBAAiBZ,IAGlE,OAAAa,EAAAA,IAAC,MAAA,CACGR,KAAAA,KACII,EACJT,GAAIU,EACJT,UAAWa,EAAAA,KAAK,qBAAsB,uBAAyBf,EAAaE,EAAW,CACnF,gCAAiCK,IAErC,eAAcJ,EAEdM,SAAAO,EAAAA,KAAC,MAAA,CACGd,UAAU,8BACV,cAAY,yBACZ,aAAW,QACXe,MAAO,CACHC,SAAUd,EACVC,YAAAA,GAGJI,SAAA,CAAAK,MAACK,EAAAA,aAAYnB,YAAAA,IACZc,EAAAA,IAAA,OAAA,CAAKZ,UAAU,8BAA+BO,SAAAA,KAC9C,MAAAD,OAAA,EAAAA,EAAeY,gBACZN,EAAAA,IAACO,EAAAA,cAAA,CACG,gBAAeV,EACfT,UAAU,qCACVoB,MAAOd,EAAce,aAAe,OACpCC,QAAShB,EAAcY,oBAGnC,CAKhB,CAEa,MAAAK,EAAoB1B,EAAc,QAC/C0B,EAAkBC,YAAc,oBACnB,MAAAC,EAAqB5B,EAAc,SAChD4B,EAAmBD,YAAc,qBACpB,MAAAE,EAAuB7B,EAAc,WAClD6B,EAAqBF,YAAc,uBACtB,MAAAG,EAAuB9B,EAAc,WAClD8B,EAAqBH,YAAc"}

package/build/cjs/components/system-message/SystemMessage.d.cts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../../core/types.cjs;'
+interface Props extends WithChildren {
+    id?: string;
+    className?: string;
+    density?: Density;
+    maxContentWidth?: string;
+    paddingLeft?: string;
+    /** Overstyr standardrollen til meldingen. Om du ønsker å "skru av" rollen kan du bruke verdien `none presentation`. */
+    role?: string;
+    dismissed?: boolean;
+    dismissAction?: {
+        handleDismiss: () => void;
+        buttonTitle?: string;
+    };
+}
+export declare const InfoSystemMessage: React.FC<Props>;
+export declare const ErrorSystemMessage: React.FC<Props>;
+export declare const WarningSystemMessage: React.FC<Props>;
+export declare const SuccessSystemMessage: React.FC<Props>;
+export {};

package/build/cjs/components/system-message/common/DismissButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=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 n=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 i=o.forwardRef((({label:o="Lukk",...i},e)=>c.jsxs("button",{ref:e,type:"button",title:o,...i,children:[c.jsx(n.CloseIcon,{variant:"small",bold:!0}),c.jsx("span",{className:"jkl-sr-only",children:o})]})));i.displayName="DismissButton",exports.DismissButton=i;
+//# sourceMappingURL=DismissButton.cjs.map

package/build/cjs/components/system-message/common/DismissButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DismissButton.cjs","sources":["../../../../../src/components/system-message/common/DismissButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, forwardRef } from \"react\";\nimport { CloseIcon } from \"../../icon/index.js\";\n\nexport interface DismissButtonProps extends Exclude<ButtonHTMLAttributes<HTMLButtonElement>, \"disabled\"> {\n    label?: string;\n}\n\nexport const DismissButton = forwardRef<HTMLButtonElement, DismissButtonProps>(({ label = \"Lukk\", ...rest }, ref) => {\n    return (\n        <button ref={ref} type=\"button\" title={label} {...rest}>\n            <CloseIcon variant=\"small\" bold />\n            <span className=\"jkl-sr-only\">{label}</span>\n        </button>\n    );\n});\n\nDismissButton.displayName = \"DismissButton\";\n"],"names":["DismissButton","forwardRef","label","rest","ref","jsxs","type","title","children","jsx","CloseIcon","variant","bold","className","displayName"],"mappings":"wsDAOa,MAAAA,EAAgBC,cAAkD,EAAGC,MAAAA,EAAQ,UAAWC,GAAQC,IAErGC,OAAC,UAAOD,IAAAA,EAAUE,KAAK,SAASC,MAAOL,KAAWC,EAC9CK,SAAA,CAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,QAAQ,QAAQC,MAAI,IAC9BH,EAAAA,IAAA,OAAA,CAAKI,UAAU,cAAeL,SAAMN,SAKjDF,EAAcc,YAAc"}

package/build/cjs/components/system-message/common/MessageIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");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"),require("../../icon/icons/CloseIcon.cjs"),require("../../icon/icons/CopyIcon.cjs"),require("../../icon/icons/DotsIcon.cjs"),require("../../icon/icons/DragIcon.cjs");const n=require("../../icon/icons/ErrorIcon.cjs");require("../../icon/icons/GreenCheckIcon.cjs"),require("../../icon/icons/HamburgerIcon.cjs");const o=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");const e=require("../../icon/icons/SuccessIcon.cjs"),s=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");exports.MessageIcon=({messageType:i})=>{switch(i){case"error":return c.jsx(n.ErrorIcon,{className:"jkl-system-message__icon"});case"info":return c.jsx(o.InfoIcon,{className:"jkl-system-message__icon"});case"success":return c.jsx(e.SuccessIcon,{className:"jkl-system-message__icon"});case"warning":return c.jsx(s.WarningIcon,{className:"jkl-system-message__icon"});default:return null}};
+//# sourceMappingURL=MessageIcon.cjs.map

package/build/cjs/components/system-message/common/MessageIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageIcon.cjs","sources":["../../../../../src/components/system-message/common/MessageIcon.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { ErrorIcon, InfoIcon, WarningIcon, SuccessIcon } from \"../../icon/index.js\";\n\ntype MessageTypes = \"info\" | \"error\" | \"success\" | \"warning\";\n\ntype Props = {\n    messageType: MessageTypes;\n};\n\nexport const MessageIcon: FC<Props> = ({ messageType }) => {\n    switch (messageType) {\n        case \"error\":\n            return <ErrorIcon className=\"jkl-system-message__icon\" />;\n        case \"info\":\n            return <InfoIcon className=\"jkl-system-message__icon\" />;\n        case \"success\":\n            return <SuccessIcon className=\"jkl-system-message__icon\" />;\n        case \"warning\":\n            return <WarningIcon className=\"jkl-system-message__icon\" />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon"],"mappings":"2tDASsC,EAAGA,YAAAA,MACrC,OAAQA,GACJ,IAAK,QACM,OAAAC,EAAAA,IAACC,EAAUA,UAAA,CAAAC,UAAU,6BAChC,IAAK,OACM,OAAAF,EAAAA,IAACG,EAASA,SAAA,CAAAD,UAAU,6BAC/B,IAAK,UACM,OAAAF,EAAAA,IAACI,EAAYA,YAAA,CAAAF,UAAU,6BAClC,IAAK,UACM,OAAAF,EAAAA,IAACK,EAAYA,YAAA,CAAAH,UAAU,6BAElC,QACW,OAAA,KACf"}

package/build/cjs/components/system-message/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SystemMessage.cjs");exports.ErrorSystemMessage=e.ErrorSystemMessage,exports.InfoSystemMessage=e.InfoSystemMessage,exports.SuccessSystemMessage=e.SuccessSystemMessage,exports.WarningSystemMessage=e.WarningSystemMessage;
+//# sourceMappingURL=index.cjs.map

package/build/cjs/components/system-message/index.cjs.map

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

package/build/cjs/components/system-message/index.d.cts

@@ -0,0 +1 @@
+export { InfoSystemMessage, WarningSystemMessage, ErrorSystemMessage, SuccessSystemMessage } from './SystemMessage.cjs;'

package/build/cjs/components/table/DataTable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("./Table.cjs"),r=require("./TableBody.cjs"),i=require("./TableCaption.cjs"),s=require("./TableCell.cjs"),c=require("./TableHead.cjs"),t=require("./TableHeader.cjs"),n=require("./TableRow.cjs"),d=l.forwardRef((({caption:l,columns:d,emptyTableText:b,rows:o,verticalAlign:T,...j},u)=>e.jsxs(a.Table,{fullWidth:!0,...j,ref:u,children:[l&&e.jsx(i.TableCaption,{srOnly:!0,children:l}),e.jsx(c.TableHead,{children:e.jsx(n.TableRow,{children:d.map(((l,a)=>e.jsx(t.TableHeader,{density:"compact",bold:!0,children:l},a)))})}),e.jsxs(r.TableBody,{children:[0===o.length&&b&&e.jsx(n.TableRow,{children:e.jsx(s.TableCell,{colSpan:d.length,children:b})}),o.map(((l,a)=>e.jsx(n.TableRow,{children:l.map(((l,a)=>e.jsx(s.TableCell,{"data-th":d[a],verticalAlign:T,children:l},a)))},a)))]})]})));d.displayName="DataTable",exports.DataTable=d;
+//# sourceMappingURL=DataTable.cjs.map

package/build/cjs/components/table/DataTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.cjs","sources":["../../../../src/components/table/DataTable.tsx"],"sourcesContent":["import React, { forwardRef, TableHTMLAttributes } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { Table } from \"./Table.js\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableCaption } from \"./TableCaption.js\";\nimport { TableCell } from \"./TableCell.js\";\nimport { TableHead } from \"./TableHead.js\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport { TableRow } from \"./TableRow.js\";\n\nexport interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {\n    /** Beskrivelse av tabellen for skjermlesere */\n    caption?: string;\n    density?: Density;\n    collapseToList?: boolean;\n    rows: React.ReactNode[][];\n    columns: string[];\n    emptyTableText?: string;\n    /**\n     * Velg mellom vertikal sentrering av innholdet eller toppjustering. Typisk skal innholdet være toppjustert, men dersom raden har knapper kan midtstilling fungere bedre.\n     * @default \"top\"\n     */\n    verticalAlign?: \"center\" | \"top\";\n}\n\nconst DataTable = forwardRef<HTMLTableElement, DataTableProps>(\n    ({ caption, columns, emptyTableText, rows, verticalAlign, ...rest }, ref) => {\n        return (\n            <Table fullWidth={true} {...rest} ref={ref}>\n                {caption && <TableCaption srOnly>{caption}</TableCaption>}\n                <TableHead>\n                    <TableRow>\n                        {columns.map((column, index) => (\n                            <TableHeader key={index} density=\"compact\" bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {rows.length === 0 && emptyTableText && (\n                        <TableRow>\n                            <TableCell colSpan={columns.length}>{emptyTableText}</TableCell>\n                        </TableRow>\n                    )}\n                    {rows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <TableCell key={cellIndex} data-th={columns[cellIndex]} verticalAlign={verticalAlign}>\n                                    {cell}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        );\n    },\n);\n\nDataTable.displayName = \"DataTable\";\n\nexport { DataTable };\n"],"names":["DataTable","forwardRef","caption","columns","emptyTableText","rows","verticalAlign","rest","ref","Table","fullWidth","children","jsx","TableCaption","srOnly","TableHead","TableRow","map","column","index","TableHeader","density","bold","TableBody","length","TableCell","colSpan","row","rowIndex","cell","cellIndex","displayName"],"mappings":"mVAyBMA,EAAYC,EAAAA,YACd,EAAGC,QAAAA,EAASC,QAAAA,EAASC,eAAAA,EAAgBC,KAAAA,EAAMC,cAAAA,KAAkBC,GAAQC,WAE5DC,EAAMA,MAAA,CAAAC,WAAW,KAAUH,EAAMC,IAAAA,EAC7BG,SAAA,CAAAT,GAAYU,EAAAA,IAAAC,eAAA,CAAaC,QAAM,EAAEH,SAAQT,UACzCa,EACGA,UAAA,CAAAJ,SAAAC,MAACI,EAAAA,UACIL,SAAQR,EAAAc,KAAI,CAACC,EAAQC,UACjBC,EAAAA,YAAwB,CAAAC,QAAQ,UAAUC,MAAI,EAC1CX,YADaQ,gBAM7BI,EAAAA,UACI,CAAAZ,SAAA,CAAgB,IAAXN,EAAAmB,QAAgBpB,GACjBQ,EAAAA,IAAAI,EAAAA,SAAA,CACGL,SAACC,EAAAA,IAAAa,EAAAA,UAAA,CAAUC,QAASvB,EAAQqB,OAASb,SAAAP,MAG5CC,EAAKY,KAAI,CAACU,EAAKC,UACXZ,WACI,CAAAL,SAAAgB,EAAIV,KAAI,CAACY,EAAMC,UACXL,EAAAA,UAA0B,CAAA,UAAStB,EAAQ2B,GAAYxB,cAAAA,EACnDK,YADWmB,MAFTF,aAcvC5B,EAAU+B,YAAc"}

package/build/cjs/components/table/DataTable.d.cts

@@ -0,0 +1,18 @@
+import { default as React, TableHTMLAttributes } from 'react';
+import { Density } from '../../core/types.cjs;'
+export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /** Beskrivelse av tabellen for skjermlesere */
+    caption?: string;
+    density?: Density;
+    collapseToList?: boolean;
+    rows: React.ReactNode[][];
+    columns: string[];
+    emptyTableText?: string;
+    /**
+     * Velg mellom vertikal sentrering av innholdet eller toppjustering. Typisk skal innholdet være toppjustert, men dersom raden har knapper kan midtstilling fungere bedre.
+     * @default "top"
+     */
+    verticalAlign?: "center" | "top";
+}
+declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>>;
+export { DataTable };

package/build/cjs/components/table/ExpandableTableRow.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),r=require("../../hooks/useAnimatedHeight/useAnimatedHeight.cjs");require("../../hooks/useScreen/useScreen.cjs");const n=require("../../hooks/useId/useId.cjs"),s=require("./ExpandableTableRowController.cjs"),o=require("./TableRow.cjs"),d=a.forwardRef(((d,i)=>{const{className:t,clickable:c,children:b,expandedChildren:p,onToggle:x,colSpan:u=100,isOpen:j,...h}=d,[w,k]=a.useState(j??!1);a.useEffect((()=>{typeof j>"u"||k(j)}),[j]);const[m]=r.useAnimatedHeight(w,{timing:"expressive"}),g=()=>{const e=!w;x&&x(e),k(e)},f=l.clsx("jkl-table-row--expandable",t,{"jkl-table-row--expanded":w,"jkl-expandable-table-row--clickable-external":c}),q=l.clsx("jkl-expandable-table-row__expanded-row",{"jkl-expandable-table-row__expanded-row--expanded":w}),T=n.useId("jkl-expandable-table-row"),E=n.useId("jkl-expandable-table-row-controller");return e.jsxs(e.Fragment,{children:[e.jsx(o.TableRow,{className:f,clickable:c??{onClick:()=>g()},...h,ref:i,children:a.Children.map(b,(e=>a.isValidElement(e)&&e.type==s.ExpandableTableRowController?a.cloneElement(e,{isOpen:w,onClick:()=>g(),"aria-controls":T,id:E}):e))}),e.jsx("tr",{"aria-hidden":!w,children:e.jsx("td",{colSpan:u,children:e.jsx("div",{ref:m,className:q,id:T,"aria-labelledby":E,hidden:!w,role:"group",children:p})})})]})}));d.displayName="ExpandableTableRow",exports.ExpandableTableRow=d;
+//# sourceMappingURL=ExpandableTableRow.cjs.map

package/build/cjs/components/table/ExpandableTableRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTableRow.cjs","sources":["../../../../src/components/table/ExpandableTableRow.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useEffect, useState } from \"react\";\nimport { useAnimatedHeight } from \"../../hooks/index.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { ExpandableTableRowController, ExpandableTableRowControllerProps } from \"./ExpandableTableRowController.js\";\nimport { TableRow, TableRowProps } from \"./TableRow.js\";\n\nexport interface ExpandableTableRowProps extends TableRowProps {\n    expandedChildren: React.ReactNode;\n    /**\n     * Setter bredden på raden som blir åpnet\n     * @default 100\n     */\n    colSpan?: number;\n    /**\n     * Om du ønsker en controlled komponent. Hvis du ikke setter denne vil komponenten håndtere state selv.\n     */\n    isOpen?: boolean;\n    onToggle?: (isOpen: boolean) => void;\n}\n\nconst ExpandableTableRow = forwardRef<HTMLTableRowElement, ExpandableTableRowProps>((props, ref) => {\n    const {\n        className,\n        clickable,\n        children,\n        expandedChildren,\n        onToggle,\n        colSpan = 100,\n        isOpen: isOpenProp,\n        ...rest\n    } = props;\n\n    const [isOpen, setIsOpen] = useState(isOpenProp ?? false);\n    useEffect(() => {\n        if (typeof isOpenProp === \"undefined\") {\n            return;\n        }\n        setIsOpen(isOpenProp);\n    }, [isOpenProp]);\n\n    const [animationRef] = useAnimatedHeight<HTMLDivElement>(isOpen, { timing: \"expressive\" });\n\n    const toggleOpen = () => {\n        const newIsOpen = !isOpen;\n\n        if (onToggle) {\n            onToggle(newIsOpen);\n        }\n\n        setIsOpen(newIsOpen);\n    };\n\n    const tableRowClassName = clsx(\"jkl-table-row--expandable\", className, {\n        [\"jkl-table-row--expanded\"]: isOpen,\n        [\"jkl-expandable-table-row--clickable-external\"]: clickable,\n    });\n    const childWrapperClassName = clsx(\"jkl-expandable-table-row__expanded-row\", {\n        [\"jkl-expandable-table-row__expanded-row--expanded\"]: isOpen,\n    });\n\n    const tableRowId = useId(\"jkl-expandable-table-row\");\n    const expandableTableRowControllerId = useId(\"jkl-expandable-table-row-controller\");\n\n    return (\n        <>\n            <TableRow\n                className={tableRowClassName}\n                clickable={\n                    clickable ?? {\n                        onClick: () => toggleOpen(),\n                    }\n                }\n                {...rest}\n                ref={ref}\n            >\n                {React.Children.map(children, (child) => {\n                    if (\n                        React.isValidElement<ExpandableTableRowControllerProps>(child) &&\n                        child.type == ExpandableTableRowController\n                    ) {\n                        return React.cloneElement<ExpandableTableRowControllerProps>(child, {\n                            isOpen,\n                            onClick: () => toggleOpen(),\n                            \"aria-controls\": tableRowId,\n                            id: expandableTableRowControllerId,\n                        });\n                    } else {\n                        return child;\n                    }\n                })}\n            </TableRow>\n            {/*\n                Use a table row with a single as wide as possible cell to contain content. This allows\n                using useAnimatedHeight to animate the row height.\n            */}\n            <tr aria-hidden={!isOpen}>\n                <td colSpan={colSpan}>\n                    <div\n                        ref={animationRef}\n                        className={childWrapperClassName}\n                        id={tableRowId}\n                        aria-labelledby={expandableTableRowControllerId}\n                        hidden={!isOpen}\n                        role=\"group\"\n                    >\n                        {expandedChildren}\n                    </div>\n                </td>\n            </tr>\n        </>\n    );\n});\n\nExpandableTableRow.displayName = \"ExpandableTableRow\";\n\nexport { ExpandableTableRow };\n"],"names":["ExpandableTableRow","forwardRef","props","ref","className","clickable","children","expandedChildren","onToggle","colSpan","isOpen","isOpenProp","rest","setIsOpen","useState","useEffect","animationRef","useAnimatedHeight","timing","toggleOpen","newIsOpen","tableRowClassName","clsx","childWrapperClassName","tableRowId","useId","expandableTableRowControllerId","jsxs","Fragment","jsx","TableRow","onClick","React","Children","map","child","isValidElement","type","ExpandableTableRowController","cloneElement","id","hidden","role","displayName"],"mappings":"2ZAqBMA,EAAqBC,EAAAA,YAAyD,CAACC,EAAOC,KAClF,MACFC,UAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,iBAAAA,EACAC,SAAAA,EACAC,QAAAA,EAAU,IACVC,OAAQC,KACLC,GACHV,GAEGQ,EAAQG,GAAaC,EAAAA,SAASH,IAAc,GACnDI,EAAAA,WAAU,YACKJ,EAAe,KAG1BE,EAAUF,EAAU,GACrB,CAACA,IAEE,MAACK,GAAgBC,EAAAA,kBAAkCP,EAAQ,CAAEQ,OAAQ,eAErEC,EAAa,KACf,MAAMC,GAAaV,EAEfF,GACAA,EAASY,GAGbP,EAAUO,EAAS,EAGjBC,EAAoBC,EAAAA,KAAK,4BAA6BlB,EAAW,CAClE,0BAA4BM,EAC5B,+CAAiDL,IAEhDkB,EAAwBD,OAAK,yCAA0C,CACxE,mDAAqDZ,IAGpDc,EAAaC,QAAM,4BACnBC,EAAiCD,QAAM,uCAE7C,OAEQE,EAAAA,KAAAC,WAAA,CAAAtB,SAAA,CAAAuB,EAAAA,IAACC,EAAAA,SAAA,CACG1B,UAAWiB,EACXhB,UACIA,GAAa,CACT0B,QAAS,IAAMZ,QAGnBP,EACJT,IAAAA,EAECG,SAAM0B,EAAAC,SAASC,IAAI5B,GAAW6B,GAEvBH,EAAMI,eAAkDD,IACxDA,EAAME,MAAQC,+BAEPN,EAAMO,aAAgDJ,EAAO,CAChEzB,OAAAA,EACAqB,QAAS,IAAMZ,IACf,gBAAiBK,EACjBgB,GAAId,IAGDS,YAQlB,KAAG,CAAA,eAAczB,EACdJ,SAAAuB,EAAAA,IAAC,MAAGpB,QAAAA,EACAH,SAAAuB,EAAAA,IAAC,MAAA,CACG1B,IAAKa,EACLZ,UAAWmB,EACXiB,GAAIhB,EACJ,kBAAiBE,EACjBe,QAAS/B,EACTgC,KAAK,QAEJpC,SAAAC,UAIjB,IAIRP,EAAmB2C,YAAc"}

package/build/cjs/components/table/ExpandableTableRow.d.cts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TableRowProps } from './TableRow.cjs;'
+export interface ExpandableTableRowProps extends TableRowProps {
+    expandedChildren: React.ReactNode;
+    /**
+     * Setter bredden på raden som blir åpnet
+     * @default 100
+     */
+    colSpan?: number;
+    /**
+     * Om du ønsker en controlled komponent. Hvis du ikke setter denne vil komponenten håndtere state selv.
+     */
+    isOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
+}
+declare const ExpandableTableRow: React.ForwardRefExoticComponent<ExpandableTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export { ExpandableTableRow };

package/build/cjs/components/table/ExpandableTableRowController.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),l=require("react"),r=require("../expander/Expander.cjs"),t=require("./TableCell.cjs"),o=require("./tableContext.cjs"),n=l.forwardRef((({isOpen:l,onClick:n,children:s,className:i,id:d,"aria-controls":c,...p},x)=>{if(void 0===l||"function"!=typeof n)throw new Error("ExpandableTableRowController must have ExpandableTableRow as parent");const{density:b,collapseToList:u}=o.useTableContext(),j=p["data-th"],w=u?j:void 0;return e.jsx(t.TableCell,{className:a.clsx("jkl-table-cell--expand",{"jkl-table-cell--expand-without-text":!s},i),...p,ref:x,children:e.jsx(r.Expander,{className:a.clsx("jkl-table-row-expand-button",{"jkl-table-row-expand-button--expanded":l}),id:d,density:b,isExpanded:l,"aria-controls":c,"aria-label":s?void 0:j||"Ekspander rad",onClick:e=>{e.stopPropagation(),n()},onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.stopPropagation(),e.preventDefault(),n())},children:s??w})})}));n.displayName="ExpandableTableRowController",exports.ExpandableTableRowController=n;
+//# sourceMappingURL=ExpandableTableRowController.cjs.map

package/build/cjs/components/table/ExpandableTableRowController.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTableRowController.cjs","sources":["../../../../src/components/table/ExpandableTableRowController.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { Expander } from \"../expander/Expander.js\";\nimport { TableCellProps, TableCell } from \"./TableCell.js\";\nimport { useTableContext } from \"./tableContext.js\";\n\nexport interface ExpandableTableRowControllerProps extends TableCellProps {\n    /** Settes automatisk av ExpandableTableRow */\n    isOpen?: boolean;\n    /** Settes automatisk av ExpandableTableRow */\n    onClick?: () => void;\n}\n\nconst ExpandableTableRowController = forwardRef<HTMLTableCellElement, ExpandableTableRowControllerProps>(\n    ({ isOpen, onClick, children, className, id, \"aria-controls\": ariaControls, ...rest }, ref) => {\n        if (isOpen === undefined || typeof onClick !== \"function\") {\n            throw new Error(\"ExpandableTableRowController must have ExpandableTableRow as parent\");\n        }\n\n        const { density, collapseToList } = useTableContext();\n\n        const dataTh = (rest as Record<string, string>)[\"data-th\"];\n\n        // pick text from data-th if possible, but only if it's a list\n        const showTextFromTh: string | undefined = collapseToList ? dataTh : undefined;\n\n        return (\n            <TableCell\n                className={clsx(\n                    \"jkl-table-cell--expand\",\n                    { [\"jkl-table-cell--expand-without-text\"]: !children },\n                    className,\n                )}\n                {...rest}\n                ref={ref}\n            >\n                <Expander\n                    className={clsx(\"jkl-table-row-expand-button\", {\n                        [\"jkl-table-row-expand-button--expanded\"]: isOpen,\n                    })}\n                    id={id}\n                    density={density}\n                    isExpanded={isOpen}\n                    aria-controls={ariaControls}\n                    aria-label={children ? undefined : dataTh || \"Ekspander rad\"}\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        onClick();\n                    }}\n                    onKeyDown={(e) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                            e.stopPropagation();\n                            e.preventDefault();\n                            onClick();\n                        }\n                    }}\n                >\n                    {/* show children. or try to use data-th if children is undefined */}\n                    {children ?? showTextFromTh}\n                </Expander>\n            </TableCell>\n        );\n    },\n);\n\nExpandableTableRowController.displayName = \"ExpandableTableRowController\";\n\nexport { ExpandableTableRowController };\n"],"names":["ExpandableTableRowController","forwardRef","isOpen","onClick","children","className","id","ariaControls","rest","ref","Error","density","collapseToList","useTableContext","dataTh","showTextFromTh","jsx","TableCell","clsx","Expander","isExpanded","e","stopPropagation","onKeyDown","key","preventDefault","displayName"],"mappings":"mRAaMA,EAA+BC,EAAAA,YACjC,EAAGC,OAAAA,EAAQC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,GAAAA,EAAI,gBAAiBC,KAAiBC,GAAQC,KACnF,QAAe,IAAXP,GAA2C,mBAAZC,EACzB,MAAA,IAAIO,MAAM,uEAGpB,MAAQC,QAAAA,EAASC,eAAAA,GAAmBC,EAAgBA,kBAE9CC,EAAUN,EAAgC,WAG1CO,EAAqCH,EAAiBE,OAAS,EAGjE,OAAAE,EAAAA,IAACC,EAAAA,UAAA,CACGZ,UAAWa,EAAAA,KACP,yBACA,CAAG,uCAAyCd,GAC5CC,MAEAG,EACJC,IAAAA,EAEAL,SAAAY,EAAAA,IAACG,EAAAA,SAAA,CACGd,UAAWa,OAAK,8BAA+B,CAC1C,wCAA0ChB,IAE/CI,GAAAA,EACAK,QAAAA,EACAS,WAAYlB,EACZ,gBAAeK,EACf,aAAYH,OAAW,EAAYU,GAAU,gBAC7CX,QAAUkB,IACNA,EAAEC,kBACMnB,KAEZoB,UAAYF,KACM,UAAVA,EAAEG,KAA6B,MAAVH,EAAEG,OACvBH,EAAEC,kBACFD,EAAEI,iBACMtB,IAEhB,EAGCC,SAAYA,GAAAW,KACjB,IAMhBf,EAA6B0B,YAAc"}

package/build/cjs/components/table/ExpandableTableRowController.d.cts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TableCellProps } from './TableCell.cjs;'
+export interface ExpandableTableRowControllerProps extends TableCellProps {
+    /** Settes automatisk av ExpandableTableRow */
+    isOpen?: boolean;
+    /** Settes automatisk av ExpandableTableRow */
+    onClick?: () => void;
+}
+declare const ExpandableTableRowController: React.ForwardRefExoticComponent<ExpandableTableRowControllerProps & React.RefAttributes<HTMLTableCellElement>>;
+export { ExpandableTableRowController };

package/build/cjs/components/table/Table.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),s=require("./tableContext.cjs"),a=t.forwardRef((({className:t,density:a,collapseToList:r=!1,fullWidth:i=!1,...o},c)=>e.jsx(s.TableContextProvider,{state:{density:a,collapseToList:r},children:e.jsx("table",{className:l.clsx("jkl-table",t,{"jkl-table--full-width":i,"jkl-table--collapse-to-list":r}),...o,ref:c})})));a.displayName="Table",exports.Table=a;
+//# sourceMappingURL=Table.cjs.map

package/build/cjs/components/table/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, TableHTMLAttributes } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { TableContextProvider } from \"./tableContext.js\";\n\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n    density?: Density;\n    /** Bryt ned til en stablet listevisning på små skjermer. NB: husk å sette `data-th` på hver celle! */\n    collapseToList?: boolean;\n    /** Setter width: 100% */\n    fullWidth?: boolean;\n}\n\nconst Table = forwardRef<HTMLTableElement, TableProps>(\n    ({ className, density, collapseToList = false, fullWidth = false, ...rest }, ref) => {\n        return (\n            <TableContextProvider state={{ density, collapseToList }}>\n                <table\n                    className={clsx(\"jkl-table\", className, {\n                        [\"jkl-table--full-width\"]: fullWidth,\n                        [\"jkl-table--collapse-to-list\"]: collapseToList,\n                    })}\n                    {...rest}\n                    ref={ref}\n                />\n            </TableContextProvider>\n        );\n    },\n);\n\nTable.displayName = \"Table\";\n\nexport { Table };\n"],"names":["Table","forwardRef","className","density","collapseToList","fullWidth","rest","ref","TableContextProvider","state","children","jsx","clsx","displayName"],"mappings":"gNAaMA,EAAQC,EAAAA,YACV,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,eAAAA,GAAiB,EAAOC,UAAAA,GAAY,KAAUC,GAAQC,UAEpEC,EAAqBA,qBAAA,CAAAC,MAAO,CAAEN,QAAAA,EAASC,eAAAA,GACpCM,SAAAC,EAAAA,IAAC,QAAA,CACGT,UAAWU,EAAAA,KAAK,YAAaV,EAAW,CACnC,wBAA0BG,EAC1B,8BAAgCD,OAEjCE,EACJC,IAAAA,QAOpBP,EAAMa,YAAc"}

package/build/cjs/components/table/Table.d.cts

@@ -0,0 +1,11 @@
+import { default as React, TableHTMLAttributes } from 'react';
+import { Density } from '../../core/types.cjs;'
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    density?: Density;
+    /** Bryt ned til en stablet listevisning på små skjermer. NB: husk å sette `data-th` på hver celle! */
+    collapseToList?: boolean;
+    /** Setter width: 100% */
+    fullWidth?: boolean;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export { Table };

package/build/cjs/components/table/TableBody.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./tableSectionContext.cjs"),o=t.forwardRef(((t,o)=>e.jsx(r.TableSectionContextProvider,{state:{isTableHead:!1,isTableBody:!0,isTableFooter:!1},children:e.jsx("tbody",{...t,ref:o})})));o.displayName="TableBody",exports.TableBody=o;
+//# sourceMappingURL=TableBody.cjs.map

package/build/cjs/components/table/TableBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.cjs","sources":["../../../../src/components/table/TableBody.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { TableSectionContextProvider } from \"./tableSectionContext.js\";\n\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>((props, ref) => {\n    return (\n        <TableSectionContextProvider state={{ isTableHead: false, isTableBody: true, isTableFooter: false }}>\n            <tbody {...props} ref={ref} />\n        </TableSectionContextProvider>\n    );\n});\n\nTableBody.displayName = \"TableBody\";\n\nexport { TableBody };\n"],"names":["TableBody","forwardRef","props","ref","TableSectionContextProvider","state","isTableHead","isTableBody","isTableFooter","children","jsx","displayName"],"mappings":"+KAKMA,EAAYC,EAAAA,YAAoD,CAACC,EAAOC,UAErEC,EAA4BA,4BAAA,CAAAC,MAAO,CAAEC,aAAa,EAAOC,aAAa,EAAMC,eAAe,GACxFC,SAACC,EAAAA,IAAA,QAAA,IAAUR,EAAOC,IAAAA,QAK9BH,EAAUW,YAAc"}

package/build/cjs/components/table/TableCaption.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react").forwardRef((({srOnly:t=!0,...a},l)=>e.jsx("caption",{className:r.clsx("jkl-table-caption",{"jkl-table-caption--sr-only":t}),...a,ref:l})));t.displayName="TableCaption",exports.TableCaption=t;
+//# sourceMappingURL=TableCaption.cjs.map

package/build/cjs/components/table/TableCaption.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCaption.cjs","sources":["../../../../src/components/table/TableCaption.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, HTMLAttributes } from \"react\";\n\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\n    /** Skjuler caption visuelt */\n    srOnly?: boolean;\n}\n\nconst TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(({ srOnly = true, ...rest }, ref) => {\n    return (\n        <caption\n            className={clsx(\"jkl-table-caption\", { [\"jkl-table-caption--sr-only\"]: srOnly })}\n            {...rest}\n            ref={ref}\n        />\n    );\n});\n\nTableCaption.displayName = \"TableCaption\";\n\nexport { TableCaption };\n"],"names":["TableCaption","srOnly","rest","ref","jsx","className","clsx","displayName"],"mappings":"6JAQMA,+BAAsE,EAAGC,OAAAA,GAAS,KAASC,GAAQC,IAEjGC,EAAAA,IAAC,UAAA,CACGC,UAAWC,OAAK,oBAAqB,CAAG,6BAA+BL,OACnEC,EACJC,IAAAA,MAKZH,EAAaO,YAAc"}

package/build/cjs/components/table/TableCell.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),r=require("./tableContext.cjs"),a=t.forwardRef((({align:t="left",verticalAlign:a="top",className:c,density:i,...s},n)=>{const{density:o}=r.useTableContext();return e.jsx("td",{className:l.clsx("jkl-table-cell",c,{"jkl-table-cell--align-right":"right"===t,"jkl-table-cell--align-center":"center"===t,"jkl-table-cell--vertical-align-center":"center"===a}),...s,"data-density":i||o,ref:n})}));a.displayName="TableCell",exports.TableCell=a;
+//# sourceMappingURL=TableCell.cjs.map

package/build/cjs/components/table/TableCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.cjs","sources":["../../../../src/components/table/TableCell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, TdHTMLAttributes } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useTableContext } from \"./tableContext.js\";\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n    density?: Density;\n    /**\n     * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal innholdet være venstrejustert, men for eksempel summer er høyrejustert.\n     * @default \"left\"\n     */\n    align?: \"left\" | \"center\" | \"right\";\n    /**\n     * Velg mellom vertikal sentrering av innholdet eller toppjustering. Typisk skal innholdet være toppjustert, men dersom raden har knapper kan midtstilling fungere bedre.\n     * @default \"top\"\n     */\n    verticalAlign?: \"center\" | \"top\";\n}\n\nconst TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n    ({ align = \"left\", verticalAlign = \"top\", className, density, ...rest }, ref) => {\n        const { density: contextDensity } = useTableContext();\n        return (\n            <td\n                className={clsx(\"jkl-table-cell\", className, {\n                    [\"jkl-table-cell--align-right\"]: align === \"right\",\n                    [\"jkl-table-cell--align-center\"]: align === \"center\",\n                    [\"jkl-table-cell--vertical-align-center\"]: verticalAlign === \"center\",\n                })}\n                {...rest}\n                data-density={density || contextDensity}\n                ref={ref}\n            />\n        );\n    },\n);\n\nTableCell.displayName = \"TableCell\";\n\nexport { TableCell };\n"],"names":["TableCell","forwardRef","align","verticalAlign","className","density","rest","ref","contextDensity","useTableContext","jsx","clsx","displayName"],"mappings":"gNAmBMA,EAAYC,EAAAA,YACd,EAAGC,MAAAA,EAAQ,OAAQC,cAAAA,EAAgB,MAAOC,UAAAA,EAAWC,QAAAA,KAAYC,GAAQC,KACrE,MAAQF,QAASG,GAAmBC,EAAgBA,kBAEhD,OAAAC,EAAAA,IAAC,KAAA,CACGN,UAAWO,EAAAA,KAAK,iBAAkBP,EAAW,CACxC,8BAA0C,UAAVF,EAChC,+BAA2C,WAAVA,EACjC,wCAA4D,WAAlBC,OAE3CG,EACJ,eAAcD,GAAWG,EACzBD,IAAAA,GAAA,IAMhBP,EAAUY,YAAc"}

package/build/cjs/components/table/TableCell.d.cts

@@ -0,0 +1,17 @@
+import { default as React, TdHTMLAttributes } from 'react';
+import { Density } from '../../core/types.cjs;'
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    density?: Density;
+    /**
+     * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal innholdet være venstrejustert, men for eksempel summer er høyrejustert.
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Velg mellom vertikal sentrering av innholdet eller toppjustering. Typisk skal innholdet være toppjustert, men dersom raden har knapper kan midtstilling fungere bedre.
+     * @default "top"
+     */
+    verticalAlign?: "center" | "top";
+}
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export { TableCell };

package/build/cjs/components/table/TableColumn.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react").forwardRef(((r,t)=>e.jsx("col",{...r,ref:t})));r.displayName="TableColumn",exports.TableColumn=r;
+//# sourceMappingURL=TableColumn.cjs.map

package/build/cjs/components/table/TableColumn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.cjs","sources":["../../../../src/components/table/TableColumn.tsx"],"sourcesContent":["import React, { forwardRef, ColHTMLAttributes } from \"react\";\n\nexport interface TableColumnProps extends ColHTMLAttributes<HTMLTableColElement> {}\n\nconst TableColumn = forwardRef<HTMLTableColElement, TableColumnProps>((props, ref) => {\n    return <col {...props} ref={ref} />;\n});\n\nTableColumn.displayName = \"TableColumn\";\n\nexport { TableColumn };\n"],"names":["TableColumn","forwardRef","props","ref","jsx","displayName"],"mappings":"qHAIMA,mBAAcC,YAAkD,CAACC,EAAOC,IAClEC,EAAAA,IAAA,MAAA,IAAQF,EAAOC,IAAAA,MAG3BH,EAAYK,YAAc"}

package/build/cjs/components/table/TableColumnGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react").forwardRef(((r,o)=>e.jsx("colgroup",{...r,ref:o})));r.displayName="TableColumnGroup",exports.TableColumnGroup=r;
+//# sourceMappingURL=TableColumnGroup.cjs.map

package/build/cjs/components/table/TableColumnGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnGroup.cjs","sources":["../../../../src/components/table/TableColumnGroup.tsx"],"sourcesContent":["import React, { forwardRef, ColgroupHTMLAttributes } from \"react\";\n\nexport interface TableColumnGroupProps extends ColgroupHTMLAttributes<HTMLTableColElement> {}\n\nconst TableColumnGroup = forwardRef<HTMLTableColElement, TableColumnGroupProps>((props, ref) => {\n    return <colgroup {...props} ref={ref} />;\n});\n\nTableColumnGroup.displayName = \"TableColumnGroup\";\n\nexport { TableColumnGroup };\n"],"names":["TableColumnGroup","forwardRef","props","ref","jsx","displayName"],"mappings":"qHAIMA,mBAAmBC,YAAuD,CAACC,EAAOC,IAC5EC,EAAAA,IAAA,WAAA,IAAaF,EAAOC,IAAAA,MAGhCH,EAAiBK,YAAc"}

package/build/cjs/components/table/TableFooter.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),o=require("./tableSectionContext.cjs"),a=r.forwardRef((({className:r,...a},s)=>e.jsx(o.TableSectionContextProvider,{state:{isTableHead:!1,isTableBody:!1,isTableFooter:!0},children:e.jsx("tfoot",{className:t.clsx("jkl-table-foot",r),...a,ref:s})})));a.displayName="TableFooter",exports.TableFooter=a;
+//# sourceMappingURL=TableFooter.cjs.map

package/build/cjs/components/table/TableFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.cjs","sources":["../../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, HTMLAttributes } from \"react\";\nimport { TableSectionContextProvider } from \"./tableSectionContext.js\";\n\nexport interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {}\n\nconst TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(({ className, ...rest }, ref) => {\n    return (\n        <TableSectionContextProvider state={{ isTableHead: false, isTableBody: false, isTableFooter: true }}>\n            <tfoot className={clsx(\"jkl-table-foot\", className)} {...rest} ref={ref} />\n        </TableSectionContextProvider>\n    );\n});\n\nTableFooter.displayName = \"TableFooter\";\n\nexport { TableFooter };\n"],"names":["TableFooter","forwardRef","className","rest","ref","jsx","TableSectionContextProvider","state","isTableHead","isTableBody","isTableFooter","children","clsx","displayName"],"mappings":"uNAMMA,EAAcC,cAAsD,EAAGC,UAAAA,KAAcC,GAAQC,IAE3FC,MAACC,EAAAA,6BAA4BC,MAAO,CAAEC,aAAa,EAAOC,aAAa,EAAOC,eAAe,GACzFC,SAACN,EAAAA,IAAA,QAAA,CAAMH,UAAWU,EAAAA,KAAK,iBAAkBV,MAAgBC,EAAMC,IAAAA,QAK3EJ,EAAYa,YAAc"}

package/build/cjs/components/table/TableHead.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),r=require("./tableSectionContext.cjs"),s=t.forwardRef((({className:t,srOnly:s,sticky:l,...i},o)=>e.jsx(r.TableSectionContextProvider,{state:{isTableHead:!0,isTableBody:!1,isTableFooter:!1},children:e.jsx("thead",{className:a.clsx("jkl-table-head",t,{"jkl-table-head--sr-only":s,"jkl-table-head--sticky":l}),...i,ref:o})})));s.displayName="TableHead",exports.TableHead=s;
+//# sourceMappingURL=TableHead.cjs.map

package/build/cjs/components/table/TableHead.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.cjs","sources":["../../../../src/components/table/TableHead.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, HTMLAttributes } from \"react\";\nimport { TableSectionContextProvider } from \"./tableSectionContext.js\";\n\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\n    srOnly?: boolean;\n    sticky?: boolean;\n}\n\nconst TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(({ className, srOnly, sticky, ...rest }, ref) => {\n    return (\n        <TableSectionContextProvider state={{ isTableHead: true, isTableBody: false, isTableFooter: false }}>\n            <thead\n                className={clsx(\"jkl-table-head\", className, {\n                    [\"jkl-table-head--sr-only\"]: srOnly,\n                    [\"jkl-table-head--sticky\"]: sticky,\n                })}\n                {...rest}\n                ref={ref}\n            />\n        </TableSectionContextProvider>\n    );\n});\n\nTableHead.displayName = \"TableHead\";\n\nexport { TableHead };\n"],"names":["TableHead","forwardRef","className","srOnly","sticky","rest","ref","jsx","TableSectionContextProvider","state","isTableHead","isTableBody","isTableFooter","children","clsx","displayName"],"mappings":"uNASMA,EAAYC,EAAAA,YAAoD,EAAGC,UAAAA,EAAWC,OAAAA,EAAQC,OAAAA,KAAWC,GAAQC,IAEvGC,EAAAA,IAACC,EAA4BA,4BAAA,CAAAC,MAAO,CAAEC,aAAa,EAAMC,aAAa,EAAOC,eAAe,GACxFC,SAAAN,EAAAA,IAAC,QAAA,CACGL,UAAWY,EAAAA,KAAK,iBAAkBZ,EAAW,CACxC,0BAA4BC,EAC5B,yBAA2BC,OAE5BC,EACJC,IAAAA,QAMhBN,EAAUe,YAAc"}

package/build/cjs/components/table/TableHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),n=require("react");require("../icon/Icon.cjs");const o=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"),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("./tableContext.cjs"),i=n.forwardRef(((n,i)=>{const{bold:s=!0,density:a,sortable:t,className:l,scope:u="col",srOnly:j,align:q="left",children:d,onClick:I,...h}=n,{density:b}=r.useTableContext();return e.jsxs("th",{className:c.clsx("jkl-table-header",l,{"jkl-table-header--bold":s,"jkl-table-header--align-right":"right"===q,"jkl-table-header--align-center":"center"===q,"jkl-table-header--sr-only":j,"jkl-table-header--sortable":typeof t<"u"}),scope:u,onClick:e=>{null==I||I(e),null==t||t.onClick()},...h,"data-density":a||b,ref:i,children:[d,t&&e.jsx("div",{className:c.clsx("jkl-table-header__arrows",{"jkl-table-header__arrows--active":!!t.direction}),children:t.direction&&e.jsx(o.ArrowVerticalAnimated,{pointingDown:"desc"===t.direction,bold:!0})})]})}));i.displayName="TableHeader",exports.TableHeader=i;
+//# sourceMappingURL=TableHeader.cjs.map

package/build/cjs/components/table/TableHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.cjs","sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, MouseEventHandler, ThHTMLAttributes } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { ArrowVerticalAnimated } from \"../icon/index.js\";\nimport { useTableContext } from \"./tableContext.js\";\nimport { TableSortProps } from \"./utils.js\";\n\nexport type TableSortDirection = \"asc\" | \"desc\";\n\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\n    bold?: boolean;\n    density?: Density;\n    /**\n     * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal header følge innholdet i radene.\n     * @default \"left\"\n     */\n    align?: \"left\" | \"center\" | \"right\";\n    /**\n     * Si om headeren gjelder for en kolonne eller en rad\n     * @default \"col\"\n     */\n    scope?: \"col\" | \"row\";\n    srOnly?: boolean;\n    sortable?: TableSortProps;\n}\n\nconst TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>((props, ref) => {\n    const {\n        bold = true,\n        density,\n        sortable,\n        className,\n        scope = \"col\",\n        srOnly,\n        align = \"left\",\n        children,\n        onClick,\n        ...rest\n    } = props;\n    const { density: contextDensity } = useTableContext();\n\n    const handleClick: MouseEventHandler<HTMLTableCellElement> = (e) => {\n        onClick?.(e);\n        sortable?.onClick();\n    };\n\n    return (\n        <th\n            className={clsx(\"jkl-table-header\", className, {\n                [\"jkl-table-header--bold\"]: bold,\n                [\"jkl-table-header--align-right\"]: align === \"right\",\n                [\"jkl-table-header--align-center\"]: align === \"center\",\n                [\"jkl-table-header--sr-only\"]: srOnly,\n                [\"jkl-table-header--sortable\"]: typeof sortable !== \"undefined\",\n            })}\n            scope={scope}\n            onClick={handleClick}\n            {...rest}\n            data-density={density || contextDensity}\n            ref={ref}\n        >\n            {children}\n            {sortable && (\n                <div\n                    className={clsx(\"jkl-table-header__arrows\", {\n                        \"jkl-table-header__arrows--active\": Boolean(sortable.direction),\n                    })}\n                >\n                    {sortable.direction && <ArrowVerticalAnimated pointingDown={sortable.direction === \"desc\"} bold />}\n                </div>\n            )}\n        </th>\n    );\n});\n\nTableHeader.displayName = \"TableHeader\";\n\nexport { TableHeader };\n"],"names":["TableHeader","forwardRef","props","ref","bold","density","sortable","className","scope","srOnly","align","children","onClick","rest","contextDensity","useTableContext","jsxs","clsx","e","jsx","direction","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"6qDA0BMA,EAAcC,EAAAA,YAAmD,CAACC,EAAOC,KACrE,MACFC,KAAAA,GAAO,EACPC,QAAAA,EACAC,SAAAA,EACAC,UAAAA,EACAC,MAAAA,EAAQ,MACRC,OAAAA,EACAC,MAAAA,EAAQ,OACRC,SAAAA,EACAC,QAAAA,KACGC,GACHX,GACIG,QAASS,GAAmBC,EAAgBA,kBAQhD,OAAAC,EAAAA,KAAC,KAAA,CACGT,UAAWU,EAAAA,KAAK,mBAAoBV,EAAW,CAC1C,yBAA2BH,EAC3B,gCAA4C,UAAVM,EAClC,iCAA6C,WAAVA,EACnC,4BAA8BD,EAC9B,oCAAsCH,EAAa,MAExDE,MAAAA,EACAI,QAfsDM,IAC1D,MAAAN,GAAAA,EAAUM,GACV,MAAAZ,GAAAA,EAAUM,SAAA,KAcFC,EACJ,eAAcR,GAAWS,EACzBX,IAAAA,EAECQ,SAAA,CAAAA,EACAL,GACGa,EAAAA,IAAC,MAAA,CACGZ,UAAWU,OAAK,2BAA4B,CACxC,qCAA4CX,EAASc,YAGxDT,SAAAL,EAASc,WAAcD,EAAAA,IAAAE,EAAAA,sBAAA,CAAsBC,aAAqC,SAAvBhB,EAASc,UAAsBhB,MAAI,QACnG,IAMhBJ,EAAYuB,YAAc"}

package/build/cjs/components/table/TableHeader.d.cts

@@ -0,0 +1,22 @@
+import { default as React, ThHTMLAttributes } from 'react';
+import { Density } from '../../core/types.cjs;'
+import { TableSortProps } from './utils.cjs;'
+export type TableSortDirection = "asc" | "desc";
+export interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    bold?: boolean;
+    density?: Density;
+    /**
+     * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal header følge innholdet i radene.
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Si om headeren gjelder for en kolonne eller en rad
+     * @default "col"
+     */
+    scope?: "col" | "row";
+    srOnly?: boolean;
+    sortable?: TableSortProps;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+export { TableHeader };

package/build/cjs/components/table/TablePagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),c=require("../../hooks/useId/useId.cjs");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");const r=require("../icon/icons/ChevronLeftIcon.cjs"),s=require("../icon/icons/ChevronRightIcon.cjs");require("../icon/icons/ChevronUpIcon.cjs"),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 a=require("../icon-button/IconButton.cjs"),o=require("../select/NativeSelect.cjs"),t=require("../text-input/TextInput.cjs"),l=require("./tableContext.cjs");const u=n.forwardRef(((u,g)=>{const{activePage:d=0,totalNumberOfRows:p,rowsPerPage:b,rowsPerPageItems:m,className:h,density:x,id:k,withGoToPage:I=!1,onChange:q,onChangeRowsPerPage:v,labels:_={rowsPerPage:"Rader per side",previous:"Forrige",next:"Neste"},...C}=u,N=c.useId(k||"jkl-table-pagination",{generateSuffix:!k}),{density:P}=l.useTableContext(),f=b<=0?1:Math.ceil(p/b),[w,A]=n.useState(function(e,i,n){return i<e?e:i>n?n:i}(0,d,f-1)),S=n.useCallback((e=>{const i=Number.parseInt(e.currentTarget.dataset.number);q(e,i,w),A(i),T(String(i+1))}),[q,A,w]),[y,T]=n.useState(String(w+1)),M=n.useCallback((e=>{T(e.target.value);try{const i=Number.parseInt(e.target.value)-1;if(Number.isNaN(i))return;i>=0&&i<f&&(q(e,i,w),A(i))}catch{return}}),[q,T,A,w,f]),R=n.useCallback((e=>{if(0===w)return void q(e,w,w);const i=w-1;q(e,i,w),A(i),T(String(i+1))}),[q,A,w]),L=n.useCallback((e=>{if(w===f-1)return void q(e,w,w);const i=w+1;q(e,i,w),A(i),T(String(i+1))}),[q,A,f,w]);return e.jsxs("div",{className:i.clsx("jkl-table-pagination",h),...C,id:N,"data-density":x||P,ref:g,children:[e.jsx("div",{className:"jkl-table-pagination__left",children:e.jsxs("div",{className:"jkl-table-pagination__picker jkl-table-pagination__picker--rows",children:[e.jsxs("span",{className:"jkl-table-pagination__picker-label","aria-hidden":"true",children:[_.rowsPerPage,":"]}),e.jsx(o.NativeSelect,{className:"jkl-table-pagination__picker-input",label:_.rowsPerPage,labelProps:{srOnly:!0},name:`${N}-rows-per-page`,items:m.map((e=>"number"==typeof e?String(e):{label:e.label,value:String(e.value)})),value:String(b),onChange:v,width:"min(8rem, 100%)",inline:!0})]})}),e.jsx("div",{className:"jkl-table-pagination__right",children:1!==f&&e.jsxs("nav",{className:"jkl-table-pagination__nav",children:[I&&e.jsxs("div",{className:"jkl-table-pagination__picker jkl-table-pagination__picker--page",children:[e.jsxs("span",{className:"jkl-table-pagination__picker-label","aria-hidden":"true",children:["object"==typeof I?I.gotoLabel:"Gå til side",":"]}),e.jsx(t.TextInput,{className:"jkl-table-pagination__picker-input",label:"object"==typeof I?I.gotoLabel:"Gå til side",labelProps:{srOnly:!0},name:`${N}-go-to-page`,value:y,width:"min(4rem, 100%)",onChange:M,"aria-invalid":y&&y!==String(w+1)?"true":void 0})]}),e.jsxs("ul",{children:[e.jsx("li",{children:e.jsx(a.IconButton,{className:"jkl-table-pagination__previous",title:_.previous,onClick:R,children:e.jsx(r.ChevronLeftIcon,{})})}),e.jsx(j,{id:N,activePage:d,numberOfPages:f,onPageClick:S}),e.jsx("li",{children:e.jsx(a.IconButton,{className:"jkl-table-pagination__next",title:_.next,onClick:L,children:e.jsx(s.ChevronRightIcon,{})})})]})]})})]})})),j=({id:n,activePage:c,numberOfPages:r,onPageClick:s})=>{if(r<=7)return e.jsx(e.Fragment,{children:Array.from({length:r}).map(((r,a)=>e.jsx("li",{children:e.jsx("button",{className:i.clsx("jkl-table-pagination__page",{"jkl-table-pagination__page--active":c===a}),type:"button","data-number":a,onClick:s,children:a+1})},`${n}-page-${a}`)))});const a=c>3&&r>7,o=c<r-4&&r>7,t=Math.min(Math.max(c-2,1),r-6),l=Math.min(t+1,r-5),u=Math.min(l+1,r-4),j=Math.min(l+2,r-3),d=Math.min(l+3,r-2);return e.jsxs(e.Fragment,{children:[e.jsx("li",{children:e.jsx(g,{isActive:0===c,number:0,onClick:s})}),e.jsx("li",{children:a?e.jsx("span",{className:"jkl-table-pagination__ellipsis","aria-hidden":!0,children:"..."}):e.jsx(g,{isActive:c===t,number:t,onClick:s})}),e.jsx("li",{children:e.jsx(g,{isActive:c===l,number:l,onClick:s})}),e.jsx("li",{children:e.jsx(g,{isActive:c===u,number:u,onClick:s})}),e.jsx("li",{children:e.jsx(g,{isActive:c===j,number:j,onClick:s})}),e.jsx("li",{children:o?e.jsx("span",{className:"jkl-table-pagination__ellipsis","aria-hidden":!0,children:"..."}):e.jsx(g,{isActive:c===d,number:d,onClick:s})}),e.jsx("li",{children:e.jsx(g,{isActive:c===r-1,number:r-1,onClick:s})})]})},g=({isActive:n,number:c,onClick:r,...s})=>e.jsx("button",{className:i.clsx("jkl-table-pagination__page",{"jkl-table-pagination__page--active":n}),type:"button","data-number":c,onClick:r,...s,children:c+1});u.displayName="TablePagination",exports.TablePagination=u;
+//# sourceMappingURL=TablePagination.cjs.map

package/build/cjs/components/table/TablePagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.cjs","sources":["../../../../src/components/table/TablePagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    forwardRef,\n    useCallback,\n    useState,\n    type ChangeEventHandler,\n    type FC,\n    type MouseEventHandler,\n} from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon/index.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { NativeSelect } from \"../select/NativeSelect.js\";\nimport { TextInput } from \"../text-input/TextInput.js\";\nimport { useTableContext } from \"./tableContext.js\";\n\nexport interface TablePaginationProps {\n    className?: string;\n    id?: string;\n    density?: Density;\n    /**\n     * @default 0\n     */\n    activePage?: number;\n    /**\n     * Null eller negativt tall tolkes som \"vis alle\".\n     */\n    rowsPerPage: number;\n    rowsPerPageItems: Array<number | { label: string; value: number }>;\n    totalNumberOfRows: number;\n    /**\n     * Viser et valgfritt inputfelt for å hoppe raskt til en spesifik side.\n     * Du kan også sende inn en custom label hvis du ønsker det, ellers bruke\n     * true for default label\n     * @default false\n     */\n    withGoToPage?: boolean | { gotoLabel: string };\n    onChange: (e: React.SyntheticEvent, toPage: number, fromPage: number) => void;\n    onChangeRowsPerPage: ChangeEventHandler<HTMLSelectElement>;\n    /**\n     * Dersom du ønsker å ha custom labels kan du sende inn disse. \"rowsPerPage\"\n     * vises alltid på skjerm mens \"next\" og \"previous\" brukes som hint til\n     * skjermlesere for ikon-knappene til Neste/Forrige side\n     * @default { rowsPerPage: \"Rader per side\", previous: \"Forrige\", next: \"Neste\" }\n     */\n    labels?: {\n        rowsPerPage: string;\n        previous: string;\n        next: string;\n    };\n}\n\nfunction clamp(min: number, num: number, max: number): number {\n    if (num < min) {\n        return min;\n    } else if (num > max) {\n        return max;\n    }\n    return num;\n}\n\nexport const TablePagination = forwardRef<HTMLDivElement, TablePaginationProps>((props, ref) => {\n    const {\n        activePage = 0,\n        totalNumberOfRows,\n        rowsPerPage,\n        rowsPerPageItems,\n        className,\n        density,\n        id: idProp,\n        withGoToPage = false,\n        onChange,\n        onChangeRowsPerPage,\n        labels = {\n            rowsPerPage: \"Rader per side\",\n            previous: \"Forrige\",\n            next: \"Neste\",\n        },\n        ...rest\n    } = props;\n\n    const id = useId(idProp || \"jkl-table-pagination\", { generateSuffix: !idProp });\n    const { density: contextDensity } = useTableContext();\n\n    const showAll = rowsPerPage <= 0;\n    const numberOfPages = showAll ? 1 : Math.ceil(totalNumberOfRows / rowsPerPage);\n\n    const [currentPage, setCurrentPage] = useState(clamp(0, activePage, numberOfPages - 1));\n\n    const onPageClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n        (e) => {\n            const toPage = Number.parseInt(e.currentTarget.dataset[\"number\"] as string);\n            onChange(e, toPage, currentPage);\n            setCurrentPage(toPage);\n            setPagePickerValue(String(toPage + 1));\n        },\n        [onChange, setCurrentPage, currentPage],\n    );\n\n    const [pagePickerValue, setPagePickerValue] = useState(String(currentPage + 1));\n    const onPageChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n        (e) => {\n            setPagePickerValue(e.target.value);\n            try {\n                const toPage = Number.parseInt(e.target.value) - 1;\n                if (Number.isNaN(toPage)) {\n                    return;\n                }\n\n                if (toPage >= 0 && toPage < numberOfPages) {\n                    onChange(e, toPage, currentPage);\n                    setCurrentPage(toPage);\n                }\n            } catch {\n                return;\n            }\n        },\n        [onChange, setPagePickerValue, setCurrentPage, currentPage, numberOfPages],\n    );\n\n    const onPrevious: MouseEventHandler<HTMLButtonElement> = useCallback(\n        (e) => {\n            if (currentPage === 0) {\n                // TODO: skal dette være en no-op i stedet?\n                onChange(e, currentPage, currentPage);\n                return;\n            }\n            const toPage = currentPage - 1;\n            onChange(e, toPage, currentPage);\n            setCurrentPage(toPage);\n            setPagePickerValue(String(toPage + 1));\n        },\n        [onChange, setCurrentPage, currentPage],\n    );\n\n    const onNext: MouseEventHandler<HTMLButtonElement> = useCallback(\n        (e) => {\n            if (currentPage === numberOfPages - 1) {\n                // TODO: skal dette være en no-op i stedet?\n                onChange(e, currentPage, currentPage);\n                return;\n            }\n            const toPage = currentPage + 1;\n            onChange(e, toPage, currentPage);\n            setCurrentPage(toPage);\n            setPagePickerValue(String(toPage + 1));\n        },\n        [onChange, setCurrentPage, numberOfPages, currentPage],\n    );\n\n    return (\n        <div\n            className={clsx(\"jkl-table-pagination\", className)}\n            {...rest}\n            id={id}\n            data-density={density || contextDensity}\n            ref={ref}\n        >\n            <div className=\"jkl-table-pagination__left\">\n                <div className=\"jkl-table-pagination__picker jkl-table-pagination__picker--rows\">\n                    <span className=\"jkl-table-pagination__picker-label\" aria-hidden=\"true\">\n                        {labels.rowsPerPage}:\n                    </span>\n                    <NativeSelect\n                        className=\"jkl-table-pagination__picker-input\"\n                        label={labels.rowsPerPage}\n                        labelProps={{ srOnly: true }}\n                        name={`${id}-rows-per-page`}\n                        items={rowsPerPageItems.map((i) =>\n                            typeof i === \"number\" ? String(i) : { label: i.label, value: String(i.value) },\n                        )}\n                        value={String(rowsPerPage)}\n                        onChange={onChangeRowsPerPage}\n                        width=\"min(8rem, 100%)\"\n                        inline\n                    />\n                </div>\n            </div>\n            <div className=\"jkl-table-pagination__right\">\n                {numberOfPages !== 1 && (\n                    <nav className=\"jkl-table-pagination__nav\">\n                        {withGoToPage && (\n                            <div className=\"jkl-table-pagination__picker jkl-table-pagination__picker--page\">\n                                <span className=\"jkl-table-pagination__picker-label\" aria-hidden=\"true\">\n                                    {typeof withGoToPage === \"object\" ? withGoToPage.gotoLabel : \"Gå til side\"}:\n                                </span>\n                                {/* onChange først ved enter/submit */}\n                                <TextInput\n                                    className=\"jkl-table-pagination__picker-input\"\n                                    label={typeof withGoToPage === \"object\" ? withGoToPage.gotoLabel : \"Gå til side\"}\n                                    labelProps={{ srOnly: true }}\n                                    name={`${id}-go-to-page`}\n                                    value={pagePickerValue}\n                                    width=\"min(4rem, 100%)\"\n                                    onChange={onPageChange}\n                                    aria-invalid={\n                                        pagePickerValue && pagePickerValue !== String(currentPage + 1)\n                                            ? \"true\"\n                                            : undefined\n                                    }\n                                />\n                            </div>\n                        )}\n                        <ul>\n                            <li>\n                                <IconButton\n                                    className=\"jkl-table-pagination__previous\"\n                                    title={labels.previous}\n                                    onClick={onPrevious}\n                                >\n                                    <ChevronLeftIcon />\n                                </IconButton>\n                            </li>\n                            <PaginationPages\n                                id={id}\n                                activePage={activePage}\n                                numberOfPages={numberOfPages}\n                                onPageClick={onPageClick}\n                            />\n                            <li>\n                                <IconButton className=\"jkl-table-pagination__next\" title={labels.next} onClick={onNext}>\n                                    <ChevronRightIcon />\n                                </IconButton>\n                            </li>\n                        </ul>\n                    </nav>\n                )}\n            </div>\n        </div>\n    );\n});\n\nconst PaginationPages: FC<{\n    id: string;\n    activePage: number;\n    numberOfPages: number;\n    onPageClick: MouseEventHandler;\n}> = ({ id, activePage, numberOfPages, onPageClick }) => {\n    if (numberOfPages <= 7) {\n        return (\n            <>\n                {Array.from({ length: numberOfPages }).map((_, i) => (\n                    <li key={`${id}-page-${i}`}>\n                        <button\n                            className={clsx(\"jkl-table-pagination__page\", {\n                                \"jkl-table-pagination__page--active\": activePage === i,\n                            })}\n                            type=\"button\"\n                            data-number={i}\n                            onClick={onPageClick}\n                        >\n                            {i + 1}\n                        </button>\n                    </li>\n                ))}\n            </>\n        );\n    }\n\n    const showStartEllipsis = activePage > 3 && numberOfPages > 7;\n    const showEndEllipsis = activePage < numberOfPages - 4 && numberOfPages > 7;\n\n    const startEllipsis = Math.min(Math.max(activePage - 2, 1), numberOfPages - 6);\n    const centerPageNumberStart = Math.min(startEllipsis + 1, numberOfPages - 5);\n    const centerPageNumber = Math.min(centerPageNumberStart + 1, numberOfPages - 4);\n    const centerPageNumberEnd = Math.min(centerPageNumberStart + 2, numberOfPages - 3);\n    const endEllipsis = Math.min(centerPageNumberStart + 3, numberOfPages - 2);\n\n    return (\n        <>\n            <li>\n                <PaginationPageButton isActive={activePage === 0} number={0} onClick={onPageClick} />\n            </li>\n            <li>\n                {showStartEllipsis ? (\n                    <span className=\"jkl-table-pagination__ellipsis\" aria-hidden>\n                        {\"...\"}\n                    </span>\n                ) : (\n                    <PaginationPageButton\n                        isActive={activePage === startEllipsis}\n                        number={startEllipsis}\n                        onClick={onPageClick}\n                    />\n                )}\n            </li>\n            <li>\n                <PaginationPageButton\n                    isActive={activePage === centerPageNumberStart}\n                    number={centerPageNumberStart}\n                    onClick={onPageClick}\n                />\n            </li>\n            <li>\n                <PaginationPageButton\n                    isActive={activePage === centerPageNumber}\n                    number={centerPageNumber}\n                    onClick={onPageClick}\n                />\n            </li>\n            <li>\n                <PaginationPageButton\n                    isActive={activePage === centerPageNumberEnd}\n                    number={centerPageNumberEnd}\n                    onClick={onPageClick}\n                />\n            </li>\n            <li>\n                {showEndEllipsis ? (\n                    <span className=\"jkl-table-pagination__ellipsis\" aria-hidden>\n                        {\"...\"}\n                    </span>\n                ) : (\n                    <PaginationPageButton\n                        isActive={activePage === endEllipsis}\n                        number={endEllipsis}\n                        onClick={onPageClick}\n                    />\n                )}\n            </li>\n            <li>\n                <PaginationPageButton\n                    isActive={activePage === numberOfPages - 1}\n                    number={numberOfPages - 1}\n                    onClick={onPageClick}\n                />\n            </li>\n        </>\n    );\n};\n\nconst PaginationPageButton: FC<{\n    isActive: boolean;\n    number: number;\n    onClick: MouseEventHandler;\n}> = ({ isActive, number, onClick, ...rest }) => (\n    <button\n        className={clsx(\"jkl-table-pagination__page\", {\n            \"jkl-table-pagination__page--active\": isActive,\n        })}\n        type=\"button\"\n        data-number={number}\n        onClick={onClick}\n        {...rest}\n    >\n        {number + 1}\n    </button>\n);\n\nTablePagination.displayName = \"TablePagination\";\n"],"names":["TablePagination","forwardRef","props","ref","activePage","totalNumberOfRows","rowsPerPage","rowsPerPageItems","className","density","id","idProp","withGoToPage","onChange","onChangeRowsPerPage","labels","previous","next","rest","useId","generateSuffix","contextDensity","useTableContext","numberOfPages","Math","ceil","currentPage","setCurrentPage","useState","min","num","max","clamp","onPageClick","useCallback","e","toPage","Number","parseInt","currentTarget","dataset","number","setPagePickerValue","String","pagePickerValue","onPageChange","target","value","isNaN","onPrevious","onNext","jsxs","clsx","children","jsx","NativeSelect","label","labelProps","srOnly","name","items","map","i","width","inline","gotoLabel","TextInput","IconButton","title","onClick","ChevronLeftIcon","PaginationPages","ChevronRightIcon","Fragment","Array","from","length","_","type","showStartEllipsis","showEndEllipsis","startEllipsis","centerPageNumberStart","centerPageNumber","centerPageNumberEnd","endEllipsis","PaginationPageButton","isActive","displayName"],"mappings":"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"}

package/build/cjs/components/table/TablePagination.d.cts

@@ -0,0 +1,43 @@
+import { default as React, ChangeEventHandler } from 'react';
+import { Density } from '../../core/types.cjs;'
+export interface TablePaginationProps {
+    className?: string;
+    id?: string;
+    density?: Density;
+    /**
+     * @default 0
+     */
+    activePage?: number;
+    /**
+     * Null eller negativt tall tolkes som "vis alle".
+     */
+    rowsPerPage: number;
+    rowsPerPageItems: Array<number | {
+        label: string;
+        value: number;
+    }>;
+    totalNumberOfRows: number;
+    /**
+     * Viser et valgfritt inputfelt for å hoppe raskt til en spesifik side.
+     * Du kan også sende inn en custom label hvis du ønsker det, ellers bruke
+     * true for default label
+     * @default false
+     */
+    withGoToPage?: boolean | {
+        gotoLabel: string;
+    };
+    onChange: (e: React.SyntheticEvent, toPage: number, fromPage: number) => void;
+    onChangeRowsPerPage: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Dersom du ønsker å ha custom labels kan du sende inn disse. "rowsPerPage"
+     * vises alltid på skjerm mens "next" og "previous" brukes som hint til
+     * skjermlesere for ikon-knappene til Neste/Forrige side
+     * @default { rowsPerPage: "Rader per side", previous: "Forrige", next: "Neste" }
+     */
+    labels?: {
+        rowsPerPage: string;
+        previous: string;
+        next: string;
+    };
+}
+export declare const TablePagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/table/TableRow.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),i=require("./tableContext.cjs"),a=require("./tableSectionContext.cjs"),r=t.forwardRef((({className:r,clickable:s,children:c,...o},n)=>{const{density:d}=i.useTableContext(),{isTableBody:k}=a.useTableSectionContext(),[u,b]=t.useState((null==s?void 0:s.isClicked)||!1);return t.useEffect((()=>{b((e=>void 0!==(null==s?void 0:s.isClicked)?s.isClicked:e))}),[null==s?void 0:s.isClicked]),k&&s?e.jsx("tr",{onClick:function(e){b(!u),s.onClick(e)},onKeyPress:function(e){(" "===e.key||"Enter"===e.key)&&(e.preventDefault(),b(!u),s.onClick(e))},"data-testid":"jkl-clickable-table-row",className:l.clsx("jkl-table-row","jkl-table-row--clickable",r,{"jkl-table-row--clicked":(null==s?void 0:s.markClickedRows)&&u}),"aria-label":"Klikkbar rad","aria-pressed":null!=s&&s.markClickedRows?u?"true":"false":void 0,tabIndex:0,...o,"data-density":d,ref:n,children:c}):e.jsx("tr",{className:l.clsx("jkl-table-row",r),...o,ref:n,"data-density":d,children:c})}));r.displayName="TableRow",exports.TableRow=r;
+//# sourceMappingURL=TableRow.cjs.map