rk-designsystem 1.1.30 → 1.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/componentlibrary.es.js +499 -501
- package/dist/componentlibrary.umd.js +4 -4
- package/dist/index.d.ts +35 -32
- package/package.json +10 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@digdir/designsystemet-react"),require("date-fns")):typeof define=="function"&&define.amd?define(["exports","react","@digdir/designsystemet-react","date-fns"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ComponentLibrary={},n.React,n.designsystemetReact,n.dateFns))})(this,(function(n,d,o,m){"use strict";var te={exports:{}},z={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ue;function Oe(){if(ue)return
|
|
9
|
+
*/var ue;function Oe(){if(ue)return z;ue=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function a(l,u,p){var h=null;if(p!==void 0&&(h=""+p),u.key!==void 0&&(h=""+u.key),"key"in u){p={};for(var k in u)k!=="key"&&(p[k]=u[k])}else p=u;return u=p.ref,{$$typeof:t,type:l,key:h,ref:u!==void 0?u:null,props:p}}return z.Fragment=r,z.jsx=a,z.jsxs=a,z}var G={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var ce;function We(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&(function(){function e
|
|
17
|
+
*/var ce;function We(){return ce||(ce=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===y?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case s:return"Fragment";case N:return"Profiler";case T:return"StrictMode";case re:return"Suspense";case Q:return"SuspenseList";case F:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case J:return"Portal";case U:return e.displayName||"Context";case W:return(e._context.displayName||"Context")+".Consumer";case Y:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case A:return i=e.displayName||null,i!==null?i:t(e.type)||"Memo";case Z:i=e._payload,e=e._init;try{return t(e(i))}catch{}}return null}function r(e){return""+e}function a(e){try{r(e);var i=!1}catch{i=!0}if(i){i=console;var b=i.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return b.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),r(e)}}function l(e){if(e===s)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Z)return"<...>";try{var i=t(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function u(){var e=S.A;return e===null?null:e.getOwner()}function p(){return Error("react-stack-top-frame")}function h(e){if(M.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function k(e,i){function b(){ne||(ne=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",i))}b.isReactWarning=!0,Object.defineProperty(e,"key",{get:b,configurable:!0})}function C(){var e=t(this.type);return oe[e]||(oe[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function P(e,i,b,f,j,B){var v=b.ref;return e={$$typeof:V,type:e,key:i,props:b,_owner:f},(v!==void 0?v:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:C}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,i,b,f,j,B){var v=i.children;if(v!==void 0)if(f)if(ae(v)){for(f=0;f<v.length;f++)_(v[f]);Object.freeze&&Object.freeze(v)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(v);if(M.call(i,"key")){v=t(e);var D=Object.keys(i).filter(function(x){return x!=="key"});f=0<D.length?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}",$[v+f]||(D=0<D.length?"{"+D.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,v,g,M,g),ie[g+v]=!0)}if(g=null,f!==void 0&&(n(f),g=""+f),h(i)&&(n(i.key),g=""+i.key),"key"in i){f={};for(var S in i)S!=="key"&&(f[S]=i[S])}else f=i;return g&&p(f,typeof t=="function"?t.displayName||t.name||"Unknown":t),j(t,g,w,k,s(),f,V,q)}function _(t){typeof t=="object"&&t!==null&&t.$$typeof===T&&t._store&&(t._store.validated=1)}var x=d,T=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),B=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),L=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),W=Symbol.for("react.lazy"),se=Symbol.for("react.activity"),H=Symbol.for("react.client.reference"),P=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,R=Array.isArray,z=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(t){return t()}};var re,ne={},ae=x.react_stack_bottom_frame.bind(x,b)(),oe=z(l(b)),ie={};X.Fragment=B,X.jsx=function(t,i,f,v,k){var w=1e4>P.recentlyCreatedOwnerStacks++;return N(t,i,f,!1,v,k,w?Error("react-stack-top-frame"):ae,w?z(l(t)):oe)},X.jsxs=function(t,i,f,v,k){var w=1e4>P.recentlyCreatedOwnerStacks++;return N(t,i,f,!0,v,k,w?Error("react-stack-top-frame"):ae,w?z(l(t)):oe)}})()),X}var de;function Ae(){return de||(de=1,process.env.NODE_ENV==="production"?ee.exports=Oe():ee.exports=We()),ee.exports}var u=Ae();const fe=d.forwardRef((e,r)=>u.jsx(o.Alert,{ref:r,...e}));fe.displayName="Alert";const me=d.forwardRef((e,r)=>u.jsx(o.Avatar,{ref:r,...e}));me.displayName="Avatar";const he=d.forwardRef((e,r)=>u.jsx(o.Badge,{ref:r,...e}));he.displayName="Badge";const Be=o.BadgePosition,Le=o.Breadcrumbs,Ie=o.BreadcrumbsList,Re=o.BreadcrumbsItem,Ve=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const pe=o.Card,Ye=o.CardBlock;pe.displayName="Card";const ve=o.Checkbox,Fe=o.Fieldset,He=o.useCheckboxGroup;ve.displayName="Checkbox",Fe.displayName="Fieldset";const ze=o.Chip;function le(e){return(r={})=>{const n=r.width?String(r.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}function K(e){return(r,n)=>{const l=n!=null&&n.context?String(n.context):"standalone";let s;if(l==="formatting"&&e.formattingValues){const h=e.defaultFormattingWidth||e.defaultWidth,p=n!=null&&n.width?String(n.width):h;s=e.formattingValues[p]||e.formattingValues[h]}else{const h=e.defaultWidth,p=n!=null&&n.width?String(n.width):e.defaultWidth;s=e.values[p]||e.values[h]}const b=e.argumentCallback?e.argumentCallback(r):r;return s[b]}}function J(e){return(r,n={})=>{const l=n.width,s=l&&e.matchPatterns[l]||e.matchPatterns[e.defaultMatchWidth],b=r.match(s);if(!b)return null;const h=b[0],p=l&&e.parsePatterns[l]||e.parsePatterns[e.defaultParseWidth],E=Array.isArray(p)?Xe(p,_=>_.test(h)):Ge(p,_=>_.test(h));let j;j=e.valueCallback?e.valueCallback(E):E,j=n.valueCallback?n.valueCallback(j):j;const N=r.slice(h.length);return{value:j,rest:N}}}function Ge(e,r){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&r(e[n]))return n}function Xe(e,r){for(let n=0;n<e.length;n++)if(r(e[n]))return n}function Ke(e){return(r,n={})=>{const l=r.match(e.matchPattern);if(!l)return null;const s=l[0],b=r.match(e.parsePattern);if(!b)return null;let h=e.valueCallback?e.valueCallback(b[0]):b[0];h=n.valueCallback?n.valueCallback(h):h;const p=r.slice(s.length);return{value:h,rest:p}}}const Je={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},Ue=(e,r,n)=>{let l;const s=Je[e];return typeof s=="string"?l=s:r===1?l=s.one:l=s.other.replace("{{count}}",String(r)),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"om "+l:l+" siden":l},Qe={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ze={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},qe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},$e={date:le({formats:Qe,defaultWidth:"full"}),time:le({formats:Ze,defaultWidth:"full"}),dateTime:le({formats:qe,defaultWidth:"full"})},et={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},tt=(e,r,n,l)=>et[e],rt={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},nt={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},at={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},ot={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},it={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},lt={ordinalNumber:(e,r)=>Number(e)+".",era:K({values:rt,defaultWidth:"wide"}),quarter:K({values:nt,defaultWidth:"wide",argumentCallback:e=>e-1}),month:K({values:at,defaultWidth:"wide"}),day:K({values:ot,defaultWidth:"wide"}),dayPeriod:K({values:it,defaultWidth:"wide"})},st=/^(\d+)\.?/i,ut=/\d+/i,ct={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},dt={any:[/^f/i,/^e/i]},ft={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},mt={any:[/1/i,/2/i,/3/i,/4/i]},ht={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},bt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},pt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},vt={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},kt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},gt={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},wt={ordinalNumber:Ke({matchPattern:st,parsePattern:ut,valueCallback:e=>parseInt(e,10)}),era:J({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:dt,defaultParseWidth:"any"}),quarter:J({matchPatterns:ft,defaultMatchWidth:"wide",parsePatterns:mt,defaultParseWidth:"any",valueCallback:e=>e+1}),month:J({matchPatterns:ht,defaultMatchWidth:"wide",parsePatterns:bt,defaultParseWidth:"any"}),day:J({matchPatterns:pt,defaultMatchWidth:"wide",parsePatterns:vt,defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:kt,defaultMatchWidth:"any",parsePatterns:gt,defaultParseWidth:"any"})},Y={code:"nb",formatDistance:Ue,formatLong:$e,formatRelative:tt,localize:lt,match:wt,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:e,...r})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...r,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ke.displayName="ChevronLeftIcon";const ge=({title:e,...r})=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":e?void 0:!0,focusable:"false",...r,children:[e&&u.jsx("title",{children:e}),u.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});ge.displayName="ChevronRightIcon";const C={calendarContainer:"_calendarContainer_160wn_3",calendarHeader:"_calendarHeader_160wn_17",monthYear:"_monthYear_160wn_24",navigationButtons:"_navigationButtons_160wn_36",grid:"_grid_160wn_45",dayNameCell:"_dayNameCell_160wn_53",dateCell:"_dateCell_160wn_72",dateNumberContainer:"_dateNumberContainer_160wn_107",otherMonth:"_otherMonth_160wn_125",selectedDate:"_selectedDate_160wn_157"},Ct=e=>{const r=m.startOfMonth(e),n=m.startOfWeek(r,{locale:Y}),l=m.addDays(n,41);return m.eachDayOfInterval({start:n,end:l})},we=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Ce=({initialDate:e=new Date,selectedDate:r=null,onDateSelect:n})=>{const[l,s]=d.useState(m.startOfMonth(r&&m.isValid(r)?r:e));d.useEffect(()=>{if(r&&m.isValid(r)){const c=m.startOfMonth(r);m.isSameMonth(c,l)||s(c)}},[r]);const b=d.useMemo(()=>m.startOfMonth(new Date),[]),h=d.useMemo(()=>!1,[l,b]),p=d.useMemo(()=>Ct(l),[l]),E=d.useMemo(()=>{const c=m.startOfWeek(new Date,{locale:Y});return Array.from({length:7}).map((O,y)=>{const L=m.format(m.addDays(c,y),"EEEEEE",{locale:Y});return we(L)})},[]),j=d.useCallback(()=>{h||s(c=>m.startOfMonth(m.subMonths(c,1)))},[h]),N=d.useCallback(()=>{s(c=>m.startOfMonth(m.addMonths(c,1)))},[]),_=d.useCallback(c=>{n&&n(c)},[n]),x=d.useCallback((c,O)=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),_(O))},[_]),T=m.format(l,"MMMM",{locale:Y}),U=m.format(l,"yyyy",{locale:Y}),B=`${we(T)} ${U}`;return u.jsxs("div",{className:C.calendarContainer,children:[u.jsxs("div",{className:C.calendarHeader,children:[u.jsx("span",{className:C.monthYear,children:B}),u.jsxs("div",{className:C.navigationButtons,children:[u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:j,"aria-label":"Forrige måned",disabled:h,children:u.jsx(ke,{})}),u.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:N,"aria-label":"Neste måned",children:u.jsx(ge,{})})]})]}),u.jsx("div",{className:C.grid,children:E.map(c=>u.jsx("div",{className:C.dayNameCell,children:c},c))}),u.jsx("div",{className:C.grid,children:p.map(c=>{const O=m.isSameMonth(c,l),y=r&&m.isValid(r)&&m.isSameDay(c,r),L=m.isToday(c),Q=[C.dateCell,O?"":C.otherMonth,y?C.selectedDate:"",L&&!y?C.todayDate:""].filter(Boolean).join(" ");return u.jsx("div",{className:Q,onClick:()=>_(c),onKeyDown:F=>x(F,c),role:"button",tabIndex:0,"aria-pressed":y??!1,"aria-label":m.format(c,"PPP",{locale:Y}),children:u.jsx("span",{className:C.dateNumberContainer,children:m.format(c,"d")})},c.toISOString())})})]})};Ce.displayName="DatePicker";const A={fieldset:"_fieldset_17wt1_4",description:"_description_17wt1_15",error:"_error_17wt1_22",inputWrapper:"_inputWrapper_17wt1_30",inputWrapperError:"_inputWrapperError_17wt1_42",suffixButton:"_suffixButton_17wt1_100",suffixButtonInteractive:"_suffixButtonInteractive_17wt1_120"},_e=e=>{const r=e.slice(0,2),n=e.slice(2,4),l=e.slice(4,8);return e.length>4?`${r}.${n}.${l}`:e.length>2?`${r}.${n}`:e.length>0?r:""},Pe=e=>(e||"").replace(/\D/g,""),Ee=e=>{let r=e;if(r.length>=2){const n=parseInt(r.substring(0,2),10);!isNaN(n)&&n>31&&(r="31"+r.substring(2))}if(r.length>=4){const n=parseInt(r.substring(2,4),10);!isNaN(n)&&n>12&&(r=r.substring(0,2)+"12"+r.substring(4))}return r.slice(0,8)},je=d.forwardRef((e,r)=>{const{label:n,suffixIcon:l,onSuffixClick:s,className:b,inputWrapperClassName:h,inputClassName:p,value:E,defaultValue:j,onChange:N,readOnly:_,placeholder:x="dd.mm.åååå",id:T,name:U,required:B,disabled:c,onClick:O,onFocus:y,onBlur:L,autoComplete:Q="off","aria-label":F,"aria-labelledby":te,description:Z,error:W,...se}=e,H=E!==void 0,P=d.useRef(null);d.useImperativeHandle(r,()=>P.current);const I=d.useCallback(k=>{const w=Pe(k),V=Ee(w);return _e(V)},[]),[R,z]=d.useState(()=>I(E??j));d.useEffect(()=>{if(H){const k=I(E);k!==R&&(z(k),P.current&&P.current.value!==k&&(P.current.value=k))}},[E,H,R,I]);const re=d.useCallback(k=>{const w=k.target,V=w.value,q=R,g=Pe(V).slice(0,8),M=Ee(g),S=_e(M);let D=0;const $=M.length;$<=2?D=$:$<=4?D=$+1:D=$+2,D=Math.min(D,S.length),requestAnimationFrame(()=>{if(P.current&&(z(S),P.current.value=S,P.current.setSelectionRange(D,D),(S!==q||H)&&N)){const Qt={...k,target:{...w,value:S}};N(Qt,S)}})},[R,H,N,I]),ne=[A.fieldset,b].filter(Boolean).join(" "),ae=[A.inputWrapper,h,W?A.inputWrapperError:""].filter(Boolean).join(" "),oe=[p].filter(Boolean).join(" "),ie=[A.suffixButton,s?A.suffixButtonInteractive:""].filter(Boolean).join(" ");!n&&!F&&!te&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const t=n&&typeof n=="string"?te||`${T}-label`:void 0,i=Z?`${T}-desc`:void 0,f=W?`${T}-err`:void 0,v=[i,f].filter(Boolean).join(" ")||void 0;return u.jsxs("div",{className:ne,children:[n&&typeof n=="string"?u.jsx("label",{id:t,htmlFor:T,children:n}):n,Z&&u.jsxs("p",{id:i,className:A.description,children:[" ",Z]}),u.jsxs("div",{className:ae,children:[u.jsx("input",{ref:P,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:R,readOnly:_,placeholder:x,id:T,name:U,required:B,disabled:c,onClick:O,onChange:re,onFocus:y,onBlur:L,autoComplete:Q,"aria-label":F,"aria-labelledby":t,"aria-describedby":v,"aria-invalid":!!W,className:oe,...se}),l&&u.jsx("button",{type:"button",className:ie,onClick:c?void 0:s,tabIndex:s&&!c?0:-1,"aria-hidden":!s,disabled:c,"aria-label":s?"Åpne datovelger":void 0,children:l})]}),W&&u.jsx("p",{id:f,className:A.error,role:"alert",children:W})]})});je.displayName="DateInput";const _t=o.Details,Pt=o.Dialog,Et=o.Divider,jt=o.Dropdown,Nt=o.ErrorSummary,Tt=o.Field,Ne=o.FieldDescription,Te=o.FieldCounter;Ne.displayName="Field.Description",Te.displayName="Field.Counter";const St=o.Fieldset,Se=d.forwardRef((e,r)=>u.jsx(o.Heading,{ref:r,...e}));Se.displayName="Heading";const yt=o.Input,ye=d.forwardRef((e,r)=>u.jsx(o.Label,{ref:r,...e}));ye.displayName="Label";const Mt=o.Link,Dt=o.List,xt=o.Pagination,Ot=o.usePagination,Me=d.forwardRef((e,r)=>u.jsx(o.Paragraph,{ref:r,...e}));Me.displayName="Paragraph";const Wt=o.Popover,At=o.Radio,Bt=o.useRadioGroup,Lt=o.Search,It=o.Select,Rt=o.Skeleton,Vt=o.SkipLink,Yt=o.Spinner,De=o.EXPERIMENTAL_Suggestion;De.displayName="Suggestion";const Ft=o.Switch,Ht=o.Table,zt=o.Tabs,Gt=o.Tag,Xt=o.Textarea,Kt=o.Textfield,Jt=o.ToggleGroup,Ut=o.Tooltip,xe=d.forwardRef((e,r)=>u.jsx(o.ValidationMessage,{ref:r,...e}));xe.displayName="ValidationMessage",a.Alert=fe,a.Avatar=me,a.Badge=he,a.BadgePosition=Be,a.Breadcrumbs=Le,a.BreadcrumbsItem=Re,a.BreadcrumbsLink=Ve,a.BreadcrumbsList=Ie,a.Button=be,a.Card=pe,a.CardBlock=Ye,a.Checkbox=ve,a.Chip=ze,a.DateInput=je,a.DatePicker=Ce,a.Details=_t,a.Dialog=Pt,a.Divider=Et,a.Dropdown=jt,a.ErrorSummary=Nt,a.Field=Tt,a.FieldCounter=Te,a.FieldDescription=Ne,a.Fieldset=St,a.Heading=Se,a.Input=yt,a.Label=ye,a.Link=Mt,a.List=Dt,a.Pagination=xt,a.Paragraph=Me,a.Popover=Wt,a.Radio=At,a.Search=Lt,a.Select=It,a.SkeletonLoader=Rt,a.SkipLink=Vt,a.Spinner=Yt,a.Suggestion=De,a.Switch=Ft,a.Table=Ht,a.Tabs=zt,a.Tag=Gt,a.Textarea=Xt,a.Textfield=Kt,a.ToggleGroup=Jt,a.Tooltip=Ut,a.ValidationMessage=xe,a.useCheckboxGroup=He,a.usePagination=Ot,a.useRadioGroup=Bt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
|
|
22
|
+
<%s key={someKey} {...props} />`,f,v,D,v),$[v+f]=!0)}if(v=null,b!==void 0&&(a(b),v=""+b),h(i)&&(a(i.key),v=""+i.key),"key"in i){b={};for(var H in i)H!=="key"&&(b[H]=i[H])}else b=i;return v&&k(b,typeof e=="function"?e.displayName||e.name||"Unknown":e),P(e,v,b,u(),j,B)}function _(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Z&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===V}var w=d,V=Symbol.for("react.transitional.element"),J=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),U=Symbol.for("react.context"),Y=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),Q=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),Z=Symbol.for("react.lazy"),F=Symbol.for("react.activity"),y=Symbol.for("react.client.reference"),S=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,M=Object.prototype.hasOwnProperty,ae=Array.isArray,q=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(e){return e()}};var ne,oe={},ie=w.react_stack_bottom_frame.bind(w,p)(),le=q(l(p)),$={};G.Fragment=s,G.jsx=function(e,i,b){var f=1e4>S.recentlyCreatedOwnerStacks++;return E(e,i,b,!1,f?Error("react-stack-top-frame"):ie,f?q(l(e)):le)},G.jsxs=function(e,i,b){var f=1e4>S.recentlyCreatedOwnerStacks++;return E(e,i,b,!0,f?Error("react-stack-top-frame"):ie,f?q(l(e)):le)}})()),G}var de;function Ae(){return de||(de=1,process.env.NODE_ENV==="production"?te.exports=Oe():te.exports=We()),te.exports}var c=Ae();const fe=d.forwardRef((t,r)=>c.jsx(o.Alert,{ref:r,...t}));fe.displayName="Alert";const me=d.forwardRef((t,r)=>c.jsx(o.Avatar,{ref:r,...t}));me.displayName="Avatar";const he=d.forwardRef((t,r)=>c.jsx(o.Badge,{ref:r,...t}));he.displayName="Badge";const Be=o.BadgePosition,Le=o.Breadcrumbs,Ie=o.BreadcrumbsList,Re=o.BreadcrumbsItem,Ve=o.BreadcrumbsLink,be=o.Button;be.displayName="Button";const pe=o.Card,Ye=o.CardBlock;pe.displayName="Card";const ve=o.Checkbox,Fe=o.Fieldset,He=o.useCheckboxGroup;ve.displayName="Checkbox",Fe.displayName="Fieldset";const ze=o.Chip;function se(t){return(r={})=>{const a=r.width?String(r.width):t.defaultWidth;return t.formats[a]||t.formats[t.defaultWidth]}}function X(t){return(r,a)=>{const l=a!=null&&a.context?String(a.context):"standalone";let u;if(l==="formatting"&&t.formattingValues){const h=t.defaultFormattingWidth||t.defaultWidth,k=a!=null&&a.width?String(a.width):h;u=t.formattingValues[k]||t.formattingValues[h]}else{const h=t.defaultWidth,k=a!=null&&a.width?String(a.width):t.defaultWidth;u=t.values[k]||t.values[h]}const p=t.argumentCallback?t.argumentCallback(r):r;return u[p]}}function K(t){return(r,a={})=>{const l=a.width,u=l&&t.matchPatterns[l]||t.matchPatterns[t.defaultMatchWidth],p=r.match(u);if(!p)return null;const h=p[0],k=l&&t.parsePatterns[l]||t.parsePatterns[t.defaultParseWidth],C=Array.isArray(k)?Xe(k,_=>_.test(h)):Ge(k,_=>_.test(h));let P;P=t.valueCallback?t.valueCallback(C):C,P=a.valueCallback?a.valueCallback(P):P;const E=r.slice(h.length);return{value:P,rest:E}}}function Ge(t,r){for(const a in t)if(Object.prototype.hasOwnProperty.call(t,a)&&r(t[a]))return a}function Xe(t,r){for(let a=0;a<t.length;a++)if(r(t[a]))return a}function Ke(t){return(r,a={})=>{const l=r.match(t.matchPattern);if(!l)return null;const u=l[0],p=r.match(t.parsePattern);if(!p)return null;let h=t.valueCallback?t.valueCallback(p[0]):p[0];h=a.valueCallback?a.valueCallback(h):h;const k=r.slice(u.length);return{value:h,rest:k}}}const Je={lessThanXSeconds:{one:"mindre enn ett sekund",other:"mindre enn {{count}} sekunder"},xSeconds:{one:"ett sekund",other:"{{count}} sekunder"},halfAMinute:"et halvt minutt",lessThanXMinutes:{one:"mindre enn ett minutt",other:"mindre enn {{count}} minutter"},xMinutes:{one:"ett minutt",other:"{{count}} minutter"},aboutXHours:{one:"omtrent en time",other:"omtrent {{count}} timer"},xHours:{one:"en time",other:"{{count}} timer"},xDays:{one:"en dag",other:"{{count}} dager"},aboutXWeeks:{one:"omtrent en uke",other:"omtrent {{count}} uker"},xWeeks:{one:"en uke",other:"{{count}} uker"},aboutXMonths:{one:"omtrent en måned",other:"omtrent {{count}} måneder"},xMonths:{one:"en måned",other:"{{count}} måneder"},aboutXYears:{one:"omtrent ett år",other:"omtrent {{count}} år"},xYears:{one:"ett år",other:"{{count}} år"},overXYears:{one:"over ett år",other:"over {{count}} år"},almostXYears:{one:"nesten ett år",other:"nesten {{count}} år"}},Ue=(t,r,a)=>{let l;const u=Je[t];return typeof u=="string"?l=u:r===1?l=u.one:l=u.other.replace("{{count}}",String(r)),a!=null&&a.addSuffix?a.comparison&&a.comparison>0?"om "+l:l+" siden":l},Qe={full:"EEEE d. MMMM y",long:"d. MMMM y",medium:"d. MMM y",short:"dd.MM.y"},Ze={full:"'kl'. HH:mm:ss zzzz",long:"HH:mm:ss z",medium:"HH:mm:ss",short:"HH:mm"},qe={full:"{{date}} 'kl.' {{time}}",long:"{{date}} 'kl.' {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},$e={date:se({formats:Qe,defaultWidth:"full"}),time:se({formats:Ze,defaultWidth:"full"}),dateTime:se({formats:qe,defaultWidth:"full"})},et={lastWeek:"'forrige' eeee 'kl.' p",yesterday:"'i går kl.' p",today:"'i dag kl.' p",tomorrow:"'i morgen kl.' p",nextWeek:"EEEE 'kl.' p",other:"P"},tt=(t,r,a,l)=>et[t],rt={narrow:["f.Kr.","e.Kr."],abbreviated:["f.Kr.","e.Kr."],wide:["før Kristus","etter Kristus"]},at={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1. kvartal","2. kvartal","3. kvartal","4. kvartal"]},nt={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["jan.","feb.","mars","apr.","mai","juni","juli","aug.","sep.","okt.","nov.","des."],wide:["januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"]},ot={narrow:["S","M","T","O","T","F","L"],short:["sø","ma","ti","on","to","fr","lø"],abbreviated:["søn","man","tir","ons","tor","fre","lør"],wide:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},it={narrow:{am:"a",pm:"p",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},abbreviated:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morg.",afternoon:"på etterm.",evening:"på kvelden",night:"på natten"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnatt",noon:"middag",morning:"på morgenen",afternoon:"på ettermiddagen",evening:"på kvelden",night:"på natten"}},lt={ordinalNumber:(t,r)=>Number(t)+".",era:X({values:rt,defaultWidth:"wide"}),quarter:X({values:at,defaultWidth:"wide",argumentCallback:t=>t-1}),month:X({values:nt,defaultWidth:"wide"}),day:X({values:ot,defaultWidth:"wide"}),dayPeriod:X({values:it,defaultWidth:"wide"})},st=/^(\d+)\.?/i,ut=/\d+/i,ct={narrow:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,abbreviated:/^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,wide:/^(før Kristus|før vår tid|etter Kristus|vår tid)/i},dt={any:[/^f/i,/^e/i]},ft={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](\.)? kvartal/i},mt={any:[/1/i,/2/i,/3/i,/4/i]},ht={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,wide:/^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i},bt={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^mai/i,/^jun/i,/^jul/i,/^aug/i,/^s/i,/^o/i,/^n/i,/^d/i]},pt={narrow:/^[smtofl]/i,short:/^(sø|ma|ti|on|to|fr|lø)/i,abbreviated:/^(søn|man|tir|ons|tor|fre|lør)/i,wide:/^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i},vt={any:[/^s/i,/^m/i,/^ti/i,/^o/i,/^to/i,/^f/i,/^l/i]},kt={narrow:/^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,any:/^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i},gt={any:{am:/^a(\.?\s?m\.?)?$/i,pm:/^p(\.?\s?m\.?)?$/i,midnight:/^midn/i,noon:/^midd/i,morning:/morgen/i,afternoon:/ettermiddag/i,evening:/kveld/i,night:/natt/i}},_t={ordinalNumber:Ke({matchPattern:st,parsePattern:ut,valueCallback:t=>parseInt(t,10)}),era:K({matchPatterns:ct,defaultMatchWidth:"wide",parsePatterns:dt,defaultParseWidth:"any"}),quarter:K({matchPatterns:ft,defaultMatchWidth:"wide",parsePatterns:mt,defaultParseWidth:"any",valueCallback:t=>t+1}),month:K({matchPatterns:ht,defaultMatchWidth:"wide",parsePatterns:bt,defaultParseWidth:"any"}),day:K({matchPatterns:pt,defaultMatchWidth:"wide",parsePatterns:vt,defaultParseWidth:"any"}),dayPeriod:K({matchPatterns:kt,defaultMatchWidth:"any",parsePatterns:gt,defaultParseWidth:"any"})},I={code:"nb",formatDistance:Ue,formatLong:$e,formatRelative:tt,localize:lt,match:_t,options:{weekStartsOn:1,firstWeekContainsDate:4}},ke=({title:t,...r})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&c.jsx("title",{children:t}),c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",fill:"currentColor"})]});ke.displayName="ChevronLeftIcon";const ge=({title:t,...r})=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 28 28",fill:"none","aria-hidden":t?void 0:!0,focusable:"false",...r,children:[t&&c.jsx("title",{children:t}),c.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",fill:"currentColor"})]});ge.displayName="ChevronRightIcon";const g={calendarContainer:"_calendarContainer_160wn_3",calendarHeader:"_calendarHeader_160wn_17",monthYear:"_monthYear_160wn_24",navigationButtons:"_navigationButtons_160wn_36",grid:"_grid_160wn_45",dayNameCell:"_dayNameCell_160wn_53",dateCell:"_dateCell_160wn_72",dateNumberContainer:"_dateNumberContainer_160wn_107",otherMonth:"_otherMonth_160wn_125",selectedDate:"_selectedDate_160wn_157"},wt=t=>{const r=m.startOfMonth(t),a=m.startOfWeek(r,{locale:I}),l=m.addDays(a,41);return m.eachDayOfInterval({start:a,end:l})},_e=t=>t&&t.charAt(0).toUpperCase()+t.slice(1),we=({initialDate:t=new Date,selectedDate:r=null,onDateSelect:a})=>{const[l,u]=d.useState(m.startOfMonth(r&&m.isValid(r)?r:t));d.useEffect(()=>{if(r&&m.isValid(r)){const s=m.startOfMonth(r);m.isSameMonth(s,l)||u(s)}},[r]);const p=d.useMemo(()=>m.startOfMonth(new Date),[]),h=d.useMemo(()=>!1,[l,p]),k=d.useMemo(()=>wt(l),[l]),C=d.useMemo(()=>{const s=m.startOfWeek(new Date,{locale:I});return Array.from({length:7}).map((T,N)=>{const W=m.format(m.addDays(s,N),"EEEEEE",{locale:I});return _e(W)})},[]),P=d.useCallback(()=>{h||u(s=>m.startOfMonth(m.subMonths(s,1)))},[h]),E=d.useCallback(()=>{u(s=>m.startOfMonth(m.addMonths(s,1)))},[]),_=d.useCallback(s=>{a&&a(s)},[a]),R=d.useCallback((s,T)=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),_(T))},[_]),w=m.format(l,"MMMM",{locale:I}),V=m.format(l,"yyyy",{locale:I}),J=`${_e(w)} ${V}`;return c.jsxs("div",{className:g.calendarContainer,children:[c.jsxs("div",{className:g.calendarHeader,children:[c.jsx("span",{className:g.monthYear,children:J}),c.jsxs("div",{className:g.navigationButtons,children:[c.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:P,"aria-label":"Forrige måned",disabled:h,children:c.jsx(ke,{})}),c.jsx(o.Button,{variant:"tertiary",icon:!0,onClick:E,"aria-label":"Neste måned",children:c.jsx(ge,{})})]})]}),c.jsx("div",{className:g.grid,children:C.map(s=>c.jsx("div",{className:g.dayNameCell,children:s},s))}),c.jsx("div",{className:g.grid,children:k.map(s=>{const T=m.isSameMonth(s,l),N=r&&m.isValid(r)&&m.isSameDay(s,r),W=m.isToday(s),U=[g.dateCell,T?"":g.otherMonth,N?g.selectedDate:"",W&&!N?g.todayDate:""].filter(Boolean).join(" ");return c.jsx("div",{className:U,onClick:()=>_(s),onKeyDown:Y=>R(Y,s),role:"button",tabIndex:0,"aria-pressed":N??!1,"aria-label":m.format(s,"PPP",{locale:I}),children:c.jsx("span",{className:g.dateNumberContainer,children:m.format(s,"d")})},s.toISOString())})})]})};we.displayName="DatePicker";const O={fieldset:"_fieldset_17wt1_4",description:"_description_17wt1_15",error:"_error_17wt1_22",inputWrapper:"_inputWrapper_17wt1_30",inputWrapperError:"_inputWrapperError_17wt1_42",suffixButton:"_suffixButton_17wt1_100",suffixButtonInteractive:"_suffixButtonInteractive_17wt1_120"},Ce=t=>{const r=t.slice(0,2),a=t.slice(2,4),l=t.slice(4,8);return t.length>4?`${r}.${a}.${l}`:t.length>2?`${r}.${a}`:t.length>0?r:""},Pe=t=>(t||"").replace(/\D/g,""),Ee=t=>{let r=t;if(r.length>=2){const a=parseInt(r.substring(0,2),10);!isNaN(a)&&a>31&&(r="31"+r.substring(2))}if(r.length>=4){const a=parseInt(r.substring(2,4),10);!isNaN(a)&&a>12&&(r=r.substring(0,2)+"12"+r.substring(4))}return r.slice(0,8)},ye=d.forwardRef((t,r)=>{const{label:a,suffixIcon:l,onSuffixClick:u,className:p,inputWrapperClassName:h,inputClassName:k,value:C,defaultValue:P,onChange:E,readOnly:_,placeholder:R="dd.mm.åååå",id:w,name:V,required:J,disabled:s,onClick:T,onFocus:N,onBlur:W,autoComplete:U="off","aria-label":Y,"aria-labelledby":re,description:Q,error:A,...Z}=t,F=C!==void 0,y=d.useRef(null);d.useImperativeHandle(r,()=>y.current);const S=d.useCallback(f=>{const j=Pe(f),B=Ee(j);return Ce(B)},[]),[M,ae]=d.useState(()=>S(C??P));d.useEffect(()=>{if(F){const f=S(C);f!==M&&(ae(f),y.current&&y.current.value!==f&&(y.current.value=f))}},[C,F,M,S]);const q=d.useCallback(f=>{const j=f.target,B=j.value,v=M,D=Pe(B).slice(0,8),H=Ee(D),x=Ce(H);let L=0;const ee=H.length;ee<=2?L=ee:ee<=4?L=ee+1:L=ee+2,L=Math.min(L,x.length),requestAnimationFrame(()=>{if(y.current&&(ae(x),y.current.value=x,y.current.setSelectionRange(L,L),(x!==v||F)&&E)){const Qt={...f,target:{...j,value:x}};E(Qt,x)}})},[M,F,E,S]),ne=[O.fieldset,p].filter(Boolean).join(" "),oe=[O.inputWrapper,h,A?O.inputWrapperError:""].filter(Boolean).join(" "),ie=[k].filter(Boolean).join(" "),le=[O.suffixButton,u?O.suffixButtonInteractive:""].filter(Boolean).join(" ");!a&&!Y&&!re&&console.warn("Warning: DateInput component should have a label, aria-label, or aria-labelledby for accessibility.");const $=a&&typeof a=="string"?re||`${w}-label`:void 0,e=Q?`${w}-desc`:void 0,i=A?`${w}-err`:void 0,b=[e,i].filter(Boolean).join(" ")||void 0;return c.jsxs("div",{className:ne,children:[a&&typeof a=="string"?c.jsx("label",{id:$,htmlFor:w,children:a}):a,Q&&c.jsxs("p",{id:e,className:O.description,children:[" ",Q]}),c.jsxs("div",{className:oe,children:[c.jsx("input",{ref:y,type:"text",inputMode:"numeric",pattern:"\\d{2}\\.\\d{2}\\.\\d{4}",maxLength:10,value:M,readOnly:_,placeholder:R,id:w,name:V,required:J,disabled:s,onClick:T,onChange:q,onFocus:N,onBlur:W,autoComplete:U,"aria-label":Y,"aria-labelledby":$,"aria-describedby":b,"aria-invalid":!!A,className:ie,...Z}),l&&c.jsx("button",{type:"button",className:le,onClick:s?void 0:u,tabIndex:u&&!s?0:-1,"aria-hidden":!u,disabled:s,"aria-label":u?"Åpne datovelger":void 0,children:l})]}),A&&c.jsx("p",{id:i,className:O.error,role:"alert",children:A})]})});ye.displayName="DateInput";const Ct=o.Details,Pt=o.Dialog,Et=o.Divider,yt=o.Dropdown,Nt=o.ErrorSummary,jt=o.Field,Ne=o.FieldDescription,je=o.FieldCounter;Ne.displayName="Field.Description",je.displayName="Field.Counter";const Tt=o.Fieldset,Te=d.forwardRef((t,r)=>c.jsx(o.Heading,{ref:r,...t}));Te.displayName="Heading";const St=o.Input,Se=d.forwardRef((t,r)=>c.jsx(o.Label,{ref:r,...t}));Se.displayName="Label";const Mt=o.Link,Dt=o.List,xt=o.Pagination,Ot=o.usePagination,Me=d.forwardRef((t,r)=>c.jsx(o.Paragraph,{ref:r,...t}));Me.displayName="Paragraph";const Wt=o.Popover,At=o.Radio,Bt=o.useRadioGroup,Lt=o.Search,It=o.Select,Rt=o.Skeleton,Vt=o.SkipLink,Yt=o.Spinner,De=o.EXPERIMENTAL_Suggestion;De.displayName="Suggestion";const Ft=o.Switch,Ht=o.Table,zt=o.Tabs,Gt=o.Tag,Xt=o.Textarea,Kt=o.Textfield,Jt=o.ToggleGroup,Ut=o.Tooltip,xe=d.forwardRef((t,r)=>c.jsx(o.ValidationMessage,{ref:r,...t}));xe.displayName="ValidationMessage",n.Alert=fe,n.Avatar=me,n.Badge=he,n.BadgePosition=Be,n.Breadcrumbs=Le,n.BreadcrumbsItem=Re,n.BreadcrumbsLink=Ve,n.BreadcrumbsList=Ie,n.Button=be,n.Card=pe,n.CardBlock=Ye,n.Checkbox=ve,n.Chip=ze,n.DateInput=ye,n.DatePicker=we,n.Details=Ct,n.Dialog=Pt,n.Divider=Et,n.Dropdown=yt,n.ErrorSummary=Nt,n.Field=jt,n.FieldCounter=je,n.FieldDescription=Ne,n.Fieldset=Tt,n.Heading=Te,n.Input=St,n.Label=Se,n.Link=Mt,n.List=Dt,n.Pagination=xt,n.Paragraph=Me,n.Popover=Wt,n.Radio=At,n.Search=Lt,n.Select=It,n.SkeletonLoader=Rt,n.SkipLink=Vt,n.Spinner=Yt,n.Suggestion=De,n.Switch=Ft,n.Table=Ht,n.Tabs=zt,n.Tag=Gt,n.Textarea=Xt,n.Textfield=Kt,n.ToggleGroup=Jt,n.Tooltip=Ut,n.ValidationMessage=xe,n.useCheckboxGroup=He,n.usePagination=Ot,n.useRadioGroup=Bt,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/index.d.ts
CHANGED
|
@@ -16,19 +16,19 @@ import { CardBlock } from './components/Card';
|
|
|
16
16
|
import { CardProps } from './components/Card';
|
|
17
17
|
import { Checkbox } from './components/Checkbox';
|
|
18
18
|
import { CheckboxProps } from './components/Checkbox';
|
|
19
|
-
import { ChipButton } from '
|
|
19
|
+
import { ChipButton } from './chip';
|
|
20
20
|
import { ChipButtonProps as ChipButtonProps_2 } from './components';
|
|
21
|
-
import { ChipCheckbox } from '
|
|
21
|
+
import { ChipCheckbox } from './chip';
|
|
22
22
|
import { ChipCheckboxProps as ChipCheckboxProps_2 } from './components';
|
|
23
|
-
import { ChipRadio } from '
|
|
23
|
+
import { ChipRadio } from './chip';
|
|
24
24
|
import { ChipRadioProps as ChipRadioProps_2 } from './components';
|
|
25
|
-
import { ChipRemovable } from '
|
|
25
|
+
import { ChipRemovable } from './chip';
|
|
26
26
|
import { ChipRemovableProps as ChipRemovableProps_2 } from './components';
|
|
27
27
|
import { ComponentProps } from 'react';
|
|
28
28
|
import { default as default_2 } from 'react';
|
|
29
|
-
import { DetailsContent } from '
|
|
29
|
+
import { DetailsContent } from './details';
|
|
30
30
|
import { DetailsProps as DetailsProps_2 } from './components';
|
|
31
|
-
import { DetailsSummary } from '
|
|
31
|
+
import { DetailsSummary } from './details';
|
|
32
32
|
import { Dialog } from './components/Dialog';
|
|
33
33
|
import { DialogProps } from './components/Dialog';
|
|
34
34
|
import { DividerProps as DividerProps_2 } from './components';
|
|
@@ -37,11 +37,11 @@ import { DropdownProps } from './components/Dropdown';
|
|
|
37
37
|
import { ErrorSummary } from './components/ErrorSummary';
|
|
38
38
|
import { ErrorSummaryProps } from './components/ErrorSummary';
|
|
39
39
|
import { EXPERIMENTAL_Suggestion } from './components';
|
|
40
|
-
import { EXPERIMENTAL_SuggestionClear } from '
|
|
41
|
-
import { EXPERIMENTAL_SuggestionEmpty } from '
|
|
42
|
-
import { EXPERIMENTAL_SuggestionInput } from '
|
|
43
|
-
import { EXPERIMENTAL_SuggestionList } from '
|
|
44
|
-
import { EXPERIMENTAL_SuggestionOption } from '
|
|
40
|
+
import { EXPERIMENTAL_SuggestionClear } from './suggestion';
|
|
41
|
+
import { EXPERIMENTAL_SuggestionEmpty } from './suggestion';
|
|
42
|
+
import { EXPERIMENTAL_SuggestionInput } from './suggestion';
|
|
43
|
+
import { EXPERIMENTAL_SuggestionList } from './suggestion';
|
|
44
|
+
import { EXPERIMENTAL_SuggestionOption } from './suggestion';
|
|
45
45
|
import { Field } from './components/Field';
|
|
46
46
|
import { FieldCounter } from './components/Field';
|
|
47
47
|
import { FieldCounterProps } from './components/Field';
|
|
@@ -50,16 +50,18 @@ import { FieldDescriptionProps } from './components/Field';
|
|
|
50
50
|
import { FieldProps } from './components/Field';
|
|
51
51
|
import { Fieldset } from './components/Fieldset';
|
|
52
52
|
import { FieldsetProps } from './components/Fieldset';
|
|
53
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
53
54
|
import { HeadingProps as HeadingProps_2 } from './components';
|
|
55
|
+
import { HTMLAttributes } from 'react';
|
|
54
56
|
import { Input } from './components/Input';
|
|
55
57
|
import { InputHTMLAttributes } from 'react';
|
|
56
58
|
import { InputProps } from './components/Input';
|
|
57
59
|
import { LabelProps as LabelProps_2 } from './components';
|
|
58
60
|
import { Link } from './components/Link';
|
|
59
61
|
import { LinkProps } from './components/Link';
|
|
60
|
-
import { ListItem } from '
|
|
61
|
-
import { ListOrdered } from '
|
|
62
|
-
import { ListUnordered } from '
|
|
62
|
+
import { ListItem } from './list';
|
|
63
|
+
import { ListOrdered } from './list';
|
|
64
|
+
import { ListUnordered } from './list';
|
|
63
65
|
import { Pagination } from './components/Pagination';
|
|
64
66
|
import { PaginationProps } from './components/Pagination';
|
|
65
67
|
import { ParagraphProps as ParagraphProps_2 } from './components';
|
|
@@ -68,6 +70,7 @@ import { PopoverProps } from './components/Popover';
|
|
|
68
70
|
import { Radio } from './components/Radio';
|
|
69
71
|
import { RadioProps } from './components/Radio';
|
|
70
72
|
import { ReactNode } from 'react';
|
|
73
|
+
import { RefAttributes } from 'react';
|
|
71
74
|
import { Search } from './components/Search';
|
|
72
75
|
import { SearchProps } from './components/Search';
|
|
73
76
|
import { Select } from './components/Select';
|
|
@@ -98,14 +101,14 @@ import { usePagination } from './components/Pagination';
|
|
|
98
101
|
import { useRadioGroup } from './components/Radio';
|
|
99
102
|
import { ValidationMessageProps as ValidationMessageProps_2 } from './components';
|
|
100
103
|
|
|
101
|
-
export declare const Alert:
|
|
104
|
+
export declare const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
|
|
102
105
|
|
|
103
106
|
export declare interface AlertProps extends AlertProps_2 {
|
|
104
107
|
children?: ReactNode;
|
|
105
108
|
title?: string;
|
|
106
109
|
}
|
|
107
110
|
|
|
108
|
-
export declare const Avatar:
|
|
111
|
+
export declare const Avatar: ForwardRefExoticComponent<AvatarProps & RefAttributes<HTMLDivElement>>;
|
|
109
112
|
|
|
110
113
|
export declare interface AvatarProps extends AvatarProps_2 {
|
|
111
114
|
children?: ReactNode;
|
|
@@ -186,7 +189,7 @@ export declare interface DatePickerProps {
|
|
|
186
189
|
onDateSelect?: (date: Date) => void;
|
|
187
190
|
}
|
|
188
191
|
|
|
189
|
-
export declare const Details:
|
|
192
|
+
export declare const Details: ForwardRefExoticComponent<DetailsProps_2 & RefAttributes<HTMLDetailsElement>> & {
|
|
190
193
|
Summary: DetailsSummary;
|
|
191
194
|
Content: DetailsContent;
|
|
192
195
|
};
|
|
@@ -197,7 +200,7 @@ export { Dialog }
|
|
|
197
200
|
|
|
198
201
|
export { DialogProps }
|
|
199
202
|
|
|
200
|
-
export declare const Divider:
|
|
203
|
+
export declare const Divider: ForwardRefExoticComponent<DividerProps_2 & RefAttributes<HTMLHRElement>>;
|
|
201
204
|
|
|
202
205
|
export declare type DividerProps = DividerProps_2;
|
|
203
206
|
|
|
@@ -225,7 +228,7 @@ export { Fieldset }
|
|
|
225
228
|
|
|
226
229
|
export { FieldsetProps }
|
|
227
230
|
|
|
228
|
-
export declare const Heading:
|
|
231
|
+
export declare const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<HTMLHeadingElement>>;
|
|
229
232
|
|
|
230
233
|
export declare interface HeadingProps extends HeadingProps_2 {
|
|
231
234
|
children?: ReactNode;
|
|
@@ -235,7 +238,7 @@ export { Input }
|
|
|
235
238
|
|
|
236
239
|
export { InputProps }
|
|
237
240
|
|
|
238
|
-
export declare const Label:
|
|
241
|
+
export declare const Label: ForwardRefExoticComponent<LabelProps & RefAttributes<HTMLLabelElement>>;
|
|
239
242
|
|
|
240
243
|
export declare interface LabelProps extends LabelProps_2 {
|
|
241
244
|
children?: ReactNode;
|
|
@@ -255,7 +258,7 @@ export { Pagination }
|
|
|
255
258
|
|
|
256
259
|
export { PaginationProps }
|
|
257
260
|
|
|
258
|
-
export declare const Paragraph:
|
|
261
|
+
export declare const Paragraph: ForwardRefExoticComponent<ParagraphProps & RefAttributes<HTMLParagraphElement>>;
|
|
259
262
|
|
|
260
263
|
export declare interface ParagraphProps extends ParagraphProps_2 {
|
|
261
264
|
children?: ReactNode;
|
|
@@ -277,13 +280,13 @@ export { Select }
|
|
|
277
280
|
|
|
278
281
|
export { SelectProps }
|
|
279
282
|
|
|
280
|
-
export declare const SkeletonLoader:
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
} &
|
|
283
|
+
export declare const SkeletonLoader: ForwardRefExoticComponent< {
|
|
284
|
+
width?: string | number;
|
|
285
|
+
height?: string | number;
|
|
286
|
+
variant?: "rectangle" | "circle" | "text";
|
|
287
|
+
asChild?: boolean;
|
|
288
|
+
characters?: number;
|
|
289
|
+
} & HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
|
|
287
290
|
|
|
288
291
|
export declare type SkeletonProps = SkeletonProps_2;
|
|
289
292
|
|
|
@@ -291,11 +294,11 @@ export { SkipLink }
|
|
|
291
294
|
|
|
292
295
|
export { SkipLinkProps }
|
|
293
296
|
|
|
294
|
-
export declare const Spinner:
|
|
297
|
+
export declare const Spinner: ForwardRefExoticComponent<SpinnerProps_2 & RefAttributes<SVGSVGElement>>;
|
|
295
298
|
|
|
296
299
|
export declare type SpinnerProps = SpinnerProps_2;
|
|
297
300
|
|
|
298
|
-
export declare const Suggestion:
|
|
301
|
+
export declare const Suggestion: ForwardRefExoticComponent<SuggestionProps_2 & RefAttributes<UHTMLComboboxElement>> & {
|
|
299
302
|
List: EXPERIMENTAL_SuggestionList;
|
|
300
303
|
Input: EXPERIMENTAL_SuggestionInput;
|
|
301
304
|
Empty: EXPERIMENTAL_SuggestionEmpty;
|
|
@@ -335,7 +338,7 @@ export { Textarea }
|
|
|
335
338
|
|
|
336
339
|
export { TextareaProps }
|
|
337
340
|
|
|
338
|
-
export declare const Textfield:
|
|
341
|
+
export declare const Textfield: ForwardRefExoticComponent<TextfieldProps_2 & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
339
342
|
|
|
340
343
|
export declare type TextfieldProps = TextfieldProps_2;
|
|
341
344
|
|
|
@@ -353,7 +356,7 @@ export { usePagination }
|
|
|
353
356
|
|
|
354
357
|
export { useRadioGroup }
|
|
355
358
|
|
|
356
|
-
export declare const ValidationMessage:
|
|
359
|
+
export declare const ValidationMessage: ForwardRefExoticComponent<ValidationMessageProps & RefAttributes<HTMLParagraphElement>>;
|
|
357
360
|
|
|
358
361
|
export declare interface ValidationMessageProps extends ValidationMessageProps_2 {
|
|
359
362
|
children?: ReactNode;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rk-designsystem",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.32",
|
|
4
4
|
"description": "A React component library built on top of Digdir Design System",
|
|
5
5
|
"author": "daniel@tunetek.no",
|
|
6
6
|
"license": "MIT",
|
|
@@ -67,17 +67,17 @@
|
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@changesets/cli": "^2.27.7",
|
|
70
|
-
"@chromatic-com/storybook": "^4.
|
|
70
|
+
"@chromatic-com/storybook": "^4.1.2",
|
|
71
71
|
"@digdir/designsystemet": "^1.0.3",
|
|
72
72
|
"@digdir/designsystemet-css": "^1.0.3",
|
|
73
73
|
"@digdir/designsystemet-react": "^1.0.3",
|
|
74
74
|
"@eslint/js": "^9.21.0",
|
|
75
75
|
"@navikt/aksel-icons": "^7.20.0",
|
|
76
|
-
"@storybook/addon-a11y": "^
|
|
77
|
-
"@storybook/addon-docs": "^
|
|
78
|
-
"@storybook/addon-links": "^
|
|
79
|
-
"@storybook/addon-onboarding": "^
|
|
80
|
-
"@storybook/react-vite": "^
|
|
76
|
+
"@storybook/addon-a11y": "^10.0.4",
|
|
77
|
+
"@storybook/addon-docs": "^10.0.4",
|
|
78
|
+
"@storybook/addon-links": "^10.0.4",
|
|
79
|
+
"@storybook/addon-onboarding": "^10.0.4",
|
|
80
|
+
"@storybook/react-vite": "^10.0.4",
|
|
81
81
|
"@types/react": "^19.0.10",
|
|
82
82
|
"@types/react-dom": "^19.0.4",
|
|
83
83
|
"@vitejs/plugin-react": "^4.3.4",
|
|
@@ -87,17 +87,17 @@
|
|
|
87
87
|
"eslint": "^9.21.0",
|
|
88
88
|
"eslint-plugin-react-hooks": "^5.1.0",
|
|
89
89
|
"eslint-plugin-react-refresh": "^0.4.19",
|
|
90
|
-
"eslint-plugin-storybook": "^
|
|
90
|
+
"eslint-plugin-storybook": "^10.0.4",
|
|
91
91
|
"gh-pages": "^6.3.0",
|
|
92
92
|
"glob": "^11.0.3",
|
|
93
93
|
"globals": "^15.15.0",
|
|
94
94
|
"playwright": "^1.52.0",
|
|
95
95
|
"prettier": "^3.6.2",
|
|
96
|
-
"react": "^19.
|
|
96
|
+
"react": "^19.2.0",
|
|
97
97
|
"react-docgen-typescript": "^2.4.0",
|
|
98
98
|
"react-dom": "^19.0.0",
|
|
99
99
|
"rimraf": "^6.0.1",
|
|
100
|
-
"storybook": "^
|
|
100
|
+
"storybook": "^10.0.4",
|
|
101
101
|
"typescript": "~5.7.2",
|
|
102
102
|
"typescript-eslint": "^8.24.1",
|
|
103
103
|
"vite": "^6.2.0",
|