npm - @fremtind/jokul - Versions diffs - 0.24.0 → 0.25.0 - Mend

@fremtind/jokul 0.24.0 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2688) hide show

package/build/es/components/feedback/questions/CheckboxQuestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxQuestion.js","sources":["../../../../../src/components/feedback/questions/CheckboxQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef } from \"react\";\nimport { Checkbox } from \"../../checkbox\";\nimport { FieldGroup } from \"../../input-group\";\nimport { useFollowUpContext } from \"../followup/followupContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\nimport { FeedbackOption, QuestionProps } from \"../types\";\n\nexport const CheckboxQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const { value } = event.target;\n const matchingOption = options?.find((option) => option.value.toString() === value);\n if (!matchingOption) return;\n\n if (!context?.currentValue) {\n context?.setCurrentValue([matchingOption]);\n return;\n }\n\n if (Array.isArray(context?.currentValue)) {\n const found = context.currentValue.find((option) => option === matchingOption);\n if (found) {\n context.setCurrentValue((oldValues) =>\n (oldValues as FeedbackOption[]).filter((option) => option !== found),\n );\n } else {\n context.setCurrentValue((oldValues) => [...(oldValues as FeedbackOption[]), matchingOption]);\n }\n }\n };\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n {options?.map((option, i) => (\n <Checkbox\n key={`${label}-${option.value}`}\n name={name \|\| label}\n value={option.value.toString()}\n onChange={handleChange}\n ref={i === 0 ? ref : undefined}\n >\n {option.label}\n </Checkbox>\n ))}\n </FieldGroup>\n );\n};\n"],"names":["CheckboxQuestion","label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","event","value","target","matchingOption","find","option","toString","currentValue","setCurrentValue","Array","isArray","found","oldValues","filter","jsx","FieldGroup","labelProps","variant","legend","children","map","i","Checkbox","onChange","console","error"],"mappings":"~~kzDAOa~~,MAAAA,EAA4C,EAAGC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAC/FC,MAAAA,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,EAAyB,MAErCC,GAAU,KACFR,GAAaM,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACV,EAAWM,IAETK,MAAAA,EAAsDC,IAClD,MAAEC,MAAAA,GAAUD,EAAME,OAClBC,EAAiB,MAAAjB,OAAAA,EAAAA,EAASkB,MAAMC,GAAWA,EAAOJ,MAAMK,aAAeL,IAC7E,GAAKE,EAED,CAAA,GAAC,MAAAV,IAAAA,EAASc,aAEV,YADS,MAAAd,GAAAA,EAAAe,gBAAgB,CAACL,KAI9B,GAAIM,MAAMC,QAAQ,MAAAjB,OAAAA,EAAAA,EAASc,cAAe,CACtC,MAAMI,EAAQlB,EAAQc,aAAaH,MAAMC,GAAWA,IAAWF,IAC3DQ,EACQlB,EAAAe,iBAAiBI,GACpBA,EAA+BC,QAAQR,GAAWA,IAAWM,MAGlElB,EAAQe,iBAAiBI,GAAc,IAAKA,EAAgCT,IAEpF,CAAA,GAGCV,OAAAA,EAMAqB,EAAAC,EAAA,CAAWC,WAAY,CAAEC,QAAS,SAAWC,OAAQlC,EAAOG,UAAAA,EACxDgC,SAAA,MAAAjC,OAAA,EAAAA,EAASkC,KAAI,CAACf,EAAQgB,IACnBP,EAACQ,EAAA,CAEGrC,KAAMA,GAAQD,EACdiB,MAAOI,EAAOJ,MAAMK,WACpBiB,SAAUxB,EACVL,IAAW,IAAN2B,EAAU3B,OAAM,EAEpByB,SAAOd,EAAArB,OANH,GAAGA,KAASqB,EAAOJ,cARpCuB,QAAQC,MAAM,yEACP,KAAA"}
1	+ {"version":3,"file":"CheckboxQuestion.js","sources":["../../../../../src/components/feedback/questions/CheckboxQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useRef } from \"react\";\nimport { Checkbox } from \"../../checkbox/Checkbox.js\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\n\nexport const CheckboxQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const ref = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n const { value } = event.target;\n const matchingOption = options?.find((option) => option.value.toString() === value);\n if (!matchingOption) return;\n\n if (!context?.currentValue) {\n context?.setCurrentValue([matchingOption]);\n return;\n }\n\n if (Array.isArray(context?.currentValue)) {\n const found = context.currentValue.find((option) => option === matchingOption);\n if (found) {\n context.setCurrentValue((oldValues) =>\n (oldValues as FeedbackOption[]).filter((option) => option !== found),\n );\n } else {\n context.setCurrentValue((oldValues) => [...(oldValues as FeedbackOption[]), matchingOption]);\n }\n }\n };\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n {options?.map((option, i) => (\n <Checkbox\n key={`${label}-${option.value}`}\n name={name \|\| label}\n value={option.value.toString()}\n onChange={handleChange}\n ref={i === 0 ? ref : undefined}\n >\n {option.label}\n </Checkbox>\n ))}\n </FieldGroup>\n );\n};\n"],"names":["CheckboxQuestion","label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","event","value","target","matchingOption","find","option","toString","currentValue","setCurrentValue","Array","isArray","found","oldValues","filter","jsx","FieldGroup","labelProps","variant","legend","children","map","i","Checkbox","onChange","console","error"],"mappings":"8VAOa,MAAAA,EAA4C,EAAGC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAC/FC,MAAAA,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,EAAyB,MAErCC,GAAU,KACFR,GAAaM,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACV,EAAWM,IAETK,MAAAA,EAAsDC,IAClD,MAAEC,MAAAA,GAAUD,EAAME,OAClBC,EAAiB,MAAAjB,OAAAA,EAAAA,EAASkB,MAAMC,GAAWA,EAAOJ,MAAMK,aAAeL,IAC7E,GAAKE,EAED,CAAA,GAAC,MAAAV,IAAAA,EAASc,aAEV,YADS,MAAAd,GAAAA,EAAAe,gBAAgB,CAACL,KAI9B,GAAIM,MAAMC,QAAQ,MAAAjB,OAAAA,EAAAA,EAASc,cAAe,CACtC,MAAMI,EAAQlB,EAAQc,aAAaH,MAAMC,GAAWA,IAAWF,IAC3DQ,EACQlB,EAAAe,iBAAiBI,GACpBA,EAA+BC,QAAQR,GAAWA,IAAWM,MAGlElB,EAAQe,iBAAiBI,GAAc,IAAKA,EAAgCT,IAEpF,CAAA,GAGCV,OAAAA,EAMAqB,EAAAC,EAAA,CAAWC,WAAY,CAAEC,QAAS,SAAWC,OAAQlC,EAAOG,UAAAA,EACxDgC,SAAA,MAAAjC,OAAA,EAAAA,EAASkC,KAAI,CAACf,EAAQgB,IACnBP,EAACQ,EAAA,CAEGrC,KAAMA,GAAQD,EACdiB,MAAOI,EAAOJ,MAAMK,WACpBiB,SAAUxB,EACVL,IAAW,IAAN2B,EAAU3B,OAAM,EAEpByB,SAAOd,EAAArB,OANH,GAAGA,KAASqB,EAAOJ,cARpCuB,QAAQC,MAAM,yEACP,KAAA"}

package/build/es/components/feedback/questions/ContactQuestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as a,useRef as o,useEffect as r}from"react";import"../../../utilities/polymorphism/SlotComponent.js";import{isValidEpost as n}from"../../../utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as i}from"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{PrimaryButton as s,TertiaryButton as l}from"../../button/Button.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import{TextInput as m}from"../../text-input/TextInput.js";import{useFeedbackContext as p}from"../feedbackContext.js";import{FeedbackSuccess as u}from"../FeedbackSuccess.js";const d={title:"Takk for tiden din!",children:"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},c=({label:c="Kan vi kontakte deg for flere innspill?",sendButtonLabel:f="Sett meg på lista!",withPhone:k=!1,onSubmit:g,successMessage:j=d,children:v})=>{const[b,h]=a(""),[x,E]=a(""),[S,T]=a({}),C=o(null),N=o(null),[y,B]=a(!1),[V,D]=a(!1),{contactSubmitted:L,setContactSubmitted:P,landmarkLabel:F}=p(),I="string"==typeof v?"p":"div",A=(e,t)=>{const a=(e=>e&&""!==e?n(e)?void 0:"Skriv inn en gyldig e-postadresse":"Du må oppgi e-postadresse for at vi kan kontakte deg")(e),o=(e=>e&&""!==e?i(e)?void 0:"Skriv inn et gyldig telefonnummer":"Du må oppgi telefonnummer for at vi kan kontakte deg")(t);return T({email:a,phone:o}),{emailError:a,phoneError:o}};r((()=>{if(y){const{emailError:e,phoneError:t}=A(b,x);!e&&(!k||!t)&&B(!1)}}),[b,x,y,k]);const w=e=>t=>e(t.target.value);return V?null:L?e(u,{...j}):t("form",{className:"jkl-spacing-xl--top",onSubmit:e=>{var t,a;e.preventDefault();const{emailError:o,phoneError:r}=A(b,x);return o?(B(!0),void(null==(t=C.current)||t.focus())):k&&r?(B(!0),void(null==(a=N.current)||a.focus())):(g({email:b,phone:k?x:void 0}),void P(!0))},"aria-label":F,children:[e("p",{className:"jkl-heading-4 jkl-spacing-xs--bottom",children:c}),v&&e(I,{className:"jkl-body",children:v}),e(m,{ref:C,className:"jkl-spacing-l--top",label:"E-post",labelProps:{variant:"small"},autoComplete:"email",name:"email",value:b,onChange:w(h),errorLabel:S.email}),k&&e(m,{ref:N,className:"jkl-spacing-l--top",label:"Telefonnummer",labelProps:{variant:"small"},autoComplete:"tel",name:"phone",value:x,onChange:w(E),errorLabel:S.phone}),t("div",{className:"jkl-spacing-xl--top",children:[e(s,{type:"submit",className:"jkl-spacing-xl--right",children:f}),e(l,{onClick:()=>D(!0),children:"Nei takk"})]})]})};export{c as ContactQuestion};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as a,useRef as r,useEffect as n}from"react";import{isValidEpost as o}from"../../../utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as l}from"../../../utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{PrimaryButton as s,TertiaryButton as i}from"../../button/Button.js";import{TextInput as m}from"../../text-input/TextInput.js";import{useFeedbackContext as d}from"../feedbackContext.js";import{FeedbackSuccess as p}from"../FeedbackSuccess.js";const u={title:"Takk for tiden din!",children:"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},c=({label:c="Kan vi kontakte deg for flere innspill?",sendButtonLabel:f="Sett meg på lista!",withPhone:k=!1,onSubmit:g,successMessage:v=u,children:b})=>{const[h,j]=a(""),[x,E]=a(""),[S,C]=a({}),N=r(null),T=r(null),[y,V]=a(!1),[B,D]=a(!1),{contactSubmitted:L,setContactSubmitted:P,landmarkLabel:F}=d(),I="string"==typeof b?"p":"div",w=(e,t)=>{const a=(e=>e&&""!==e?o(e)?void 0:"Skriv inn en gyldig e-postadresse":"Du må oppgi e-postadresse for at vi kan kontakte deg")(e),r=(e=>e&&""!==e?l(e)?void 0:"Skriv inn et gyldig telefonnummer":"Du må oppgi telefonnummer for at vi kan kontakte deg")(t);return C({email:a,phone:r}),{emailError:a,phoneError:r}};n((()=>{if(y){const{emailError:e,phoneError:t}=w(h,x);!e&&(!k||!t)&&V(!1)}}),[h,x,y,k]);const K=e=>t=>e(t.target.value);return B?null:L?e(p,{...v}):t("form",{className:"jkl-spacing-xl--top",onSubmit:e=>{var t,a;e.preventDefault();const{emailError:r,phoneError:n}=w(h,x);return r?(V(!0),void(null==(t=N.current)||t.focus())):k&&n?(V(!0),void(null==(a=T.current)||a.focus())):(g({email:h,phone:k?x:void 0}),void P(!0))},"aria-label":F,children:[e("p",{className:"jkl-heading-4 jkl-spacing-xs--bottom",children:c}),b&&e(I,{className:"jkl-body",children:b}),e(m,{ref:N,className:"jkl-spacing-l--top",label:"E-post",labelProps:{variant:"small"},autoComplete:"email",name:"email",value:h,onChange:K(j),errorLabel:S.email}),k&&e(m,{ref:T,className:"jkl-spacing-l--top",label:"Telefonnummer",labelProps:{variant:"small"},autoComplete:"tel",name:"phone",value:x,onChange:K(E),errorLabel:S.phone}),t("div",{className:"jkl-spacing-xl--top",children:[e(s,{type:"submit",className:"jkl-spacing-xl--right",children:f}),e(i,{onClick:()=>D(!0),children:"Nei takk"})]})]})};export{c as ContactQuestion};
 //# sourceMappingURL=ContactQuestion.js.map

package/build/es/components/feedback/questions/ContactQuestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactQuestion.js","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost, isValidTelefonnummer } from \"../../../utilities\";\nimport { PrimaryButton, TertiaryButton } from \"../../button\";\nimport { TextInput } from \"../../text-input\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\n\nconst validateEmail = (email?: string) => {\n if (!email \|\| email === \"\") {\n return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n }\n if (!isValidEpost(email)) {\n return \"Skriv inn en gyldig e-postadresse\";\n }\n return;\n};\n\nconst validatePhone = (phone?: string) => {\n if (!phone \|\| phone === \"\") {\n return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n }\n if (!isValidTelefonnummer(phone)) {\n return \"Skriv inn et gyldig telefonnummer\";\n }\n return;\n};\n\nconst defaultSuccessMessage = {\n title: \"Takk for tiden din!\",\n children:\n \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /*\n Lar deg tilpasse spørsmålsteksten.\n * @default \"Kan vi kontakte deg for flere innspill?\"\n * /\n label?: string;\n /\n Lar deg tilpasse teksten på knappen for innsending.\n * @default \"Sett meg på lista!\"\n * /\n sendButtonLabel?: string;\n /* Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost /\n withPhone?: boolean;\n /* Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling /\n children?: ReactNode;\n onSubmit: (values: { email: string; phone?: string }) => void;\n /* Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet. */\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n}\n\nexport const ContactQuestion: FC<Props> = ({\n label = \"Kan vi kontakte deg for flere innspill?\",\n sendButtonLabel = \"Sett meg på lista!\",\n withPhone = false,\n onSubmit,\n successMessage = defaultSuccessMessage,\n children,\n}) => {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const [shouldValidate, setShouldValidate] = useState(false);\n\n const [noThanks, setNoThanks] = useState(false);\n const { contactSubmitted, setContactSubmitted, landmarkLabel } = useFeedbackContext();\n\n const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n const validate = (email: string, phone: string) => {\n const emailError = validateEmail(email);\n const phoneError = validatePhone(phone);\n setErrors({ email: emailError, phone: phoneError });\n return { emailError, phoneError };\n };\n\n useEffect(() => {\n if (shouldValidate) {\n const { emailError, phoneError } = validate(email, phone);\n\n if (!emailError && (!withPhone \|\| !phoneError)) {\n setShouldValidate(false);\n }\n }\n }, [email, phone, shouldValidate, withPhone]);\n\n const handleChange = (consumer: (value: string) => void) => (e: ChangeEvent<HTMLInputElement>) =>\n consumer(e.target.value);\n\n const handleSubmit: React.FormEventHandler = (e) => {\n e.preventDefault();\n\n const { emailError, phoneError } = validate(email, phone);\n if (emailError) {\n setShouldValidate(true);\n emailRef.current?.focus();\n return;\n }\n if (withPhone && phoneError) {\n setShouldValidate(true);\n phoneRef.current?.focus();\n return;\n }\n\n onSubmit({ email, phone: withPhone ? phone : undefined });\n setContactSubmitted(true);\n };\n\n if (noThanks) {\n return null;\n }\n\n if (contactSubmitted) {\n return <FeedbackSuccess {...successMessage} />;\n }\n\n return (\n <form className=\"jkl-spacing-xl--top\" onSubmit={handleSubmit} aria-label={landmarkLabel}>\n <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n {children && <ChildrenWrapper className=\"jkl-body\">{children}</ChildrenWrapper>}\n\n <TextInput\n ref={emailRef}\n className=\"jkl-spacing-l--top\"\n label=\"E-post\"\n labelProps={{ variant: \"small\" }}\n autoComplete=\"email\"\n name=\"email\"\n value={email}\n onChange={handleChange(setEmail)}\n errorLabel={errors.email}\n />\n {withPhone && (\n <TextInput\n ref={phoneRef}\n className=\"jkl-spacing-l--top\"\n label=\"Telefonnummer\"\n labelProps={{ variant: \"small\" }}\n autoComplete=\"tel\"\n name=\"phone\"\n value={phone}\n onChange={handleChange(setPhone)}\n errorLabel={errors.phone}\n />\n )}\n\n <div className=\"jkl-spacing-xl--top\">\n <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n {sendButtonLabel}\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n </form>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","ContactQuestion","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","jsxs","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"~~muBAOA~~,MAoBMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,sLA0BKC,EAA6B,EACtCC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBR,EACjBE,SAAAA,MAEA,MAAOO,EAAOC,GAAYC,EAAS,KAC5BC,EAAOC,GAAYF,EAAS,KAC5BG,EAAQC,GAAaJ,EAA6C,CAAE,GACrEK,EAAWC,EAAyB,MACpCC,EAAWD,EAAyB,OACnCE,EAAgBC,GAAqBT,GAAS,IAE9CU,EAAUC,GAAeX,GAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAAkBC,IAE3DC,EAAsC,iBAAbzB,EAAwB,IAAM,MAEvD0B,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAtEQ,CAACpB,GACdA,GAAmB,KAAVA,EAGTqB,EAAarB,QAAd,EACO,oCAHA,uDAoEYsB,CAActB,GAC3BuB,EA7DQ,CAACpB,GACdA,GAAmB,KAAVA,EAGTqB,EAAqBrB,QAAtB,EACO,oCAHA,uDA2DYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,GAAU,KACN,GAAIhB,EAAgB,CACV,MAAEU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EAAgBC,GAAuCC,GACzDD,EAASC,EAAEC,OAAOC,OAqBlBnB,OAAAA,EACO,KAGPE,EACOkB,EAACC,EAAiB,IAAGlC,MAI3B,OAAK,CAAAmC,UAAU,sBAAsBpC,SA5BI+B,YAC1CA,EAAEM,iBAEI,MAAEf,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAAyB,EAAA7B,EAAS8B,UAATD,EAAkBE,UAGlBzC,GAAa0B,GACbZ,GAAkB,QAClB,OAAA4B,EAAA9B,EAAS4B,UAATE,EAAkBD,WAItBxC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAYsC,aAAYC,EACtEvB,SAAA,CAACuC,EAAA,IAAA,CAAEE,UAAU,uCAAwCzC,SAAME,IAC1DF,GAAYuC,EAACd,EAAgB,CAAAgB,UAAU,WAAYzC,SAAAA,IAEpDuC,EAACQ,EAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVvC,MAAM,SACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLd,MAAO/B,EACP8C,SAAUnB,EAAa1B,GACvB8C,WAAY1C,EAAOL,QAEtBH,GACGmC,EAACQ,EAAA,CACGC,IAAKhC,EACLyB,UAAU,qBACVvC,MAAM,gBACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLd,MAAO5B,EACP2C,SAAUnB,EAAavB,GACvB2C,WAAY1C,EAAOF,QAI3B6C,EAAC,MAAI,CAAAd,UAAU,sBACXzC,SAAA,CAAAuC,EAACiB,EAAc,CAAAC,KAAK,SAAShB,UAAU,wBAClCzC,SACLG,MACCuD,EAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOpB,SAAQ,kBAElE"}
1	+ {"version":3,"file":"ContactQuestion.js","sources":["../../../../../src/components/feedback/questions/ContactQuestion.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isValidEpost, isValidTelefonnummer } from \"../../../utilities/validators/index.js\";\nimport { PrimaryButton, TertiaryButton } from \"../../button/Button.js\";\nimport { TextInput } from \"../../text-input/TextInput.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess.js\";\n\nconst validateEmail = (email?: string) => {\n if (!email \|\| email === \"\") {\n return \"Du må oppgi e-postadresse for at vi kan kontakte deg\";\n }\n if (!isValidEpost(email)) {\n return \"Skriv inn en gyldig e-postadresse\";\n }\n return;\n};\n\nconst validatePhone = (phone?: string) => {\n if (!phone \|\| phone === \"\") {\n return \"Du må oppgi telefonnummer for at vi kan kontakte deg\";\n }\n if (!isValidTelefonnummer(phone)) {\n return \"Skriv inn et gyldig telefonnummer\";\n }\n return;\n};\n\nconst defaultSuccessMessage = {\n title: \"Takk for tiden din!\",\n children:\n \"Neste gang vi gjennomfører intervjuer og tester kan det hende vi tar kontakt med deg. Dine innspill hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n /*\n Lar deg tilpasse spørsmålsteksten.\n * @default \"Kan vi kontakte deg for flere innspill?\"\n * /\n label?: string;\n /\n Lar deg tilpasse teksten på knappen for innsending.\n * @default \"Sett meg på lista!\"\n * /\n sendButtonLabel?: string;\n /* Sett til true om du også vil spørre om brukjerens telefonnummer i tillegg til epost /\n withPhone?: boolean;\n /* Her kan du legge inn eventuelt annet innhold du vil ha med. Kommer mellom overskriften og feltene for utfylling /\n children?: ReactNode;\n onSubmit: (values: { email: string; phone?: string }) => void;\n /* Lar deg tilpasse meldingen som kommer når brukeren sender inn skjemaet. */\n successMessage?: {\n title: string;\n children: ReactNode;\n };\n}\n\nexport const ContactQuestion: FC<Props> = ({\n label = \"Kan vi kontakte deg for flere innspill?\",\n sendButtonLabel = \"Sett meg på lista!\",\n withPhone = false,\n onSubmit,\n successMessage = defaultSuccessMessage,\n children,\n}) => {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const [shouldValidate, setShouldValidate] = useState(false);\n\n const [noThanks, setNoThanks] = useState(false);\n const { contactSubmitted, setContactSubmitted, landmarkLabel } = useFeedbackContext();\n\n const ChildrenWrapper = typeof children === \"string\" ? \"p\" : \"div\";\n\n const validate = (email: string, phone: string) => {\n const emailError = validateEmail(email);\n const phoneError = validatePhone(phone);\n setErrors({ email: emailError, phone: phoneError });\n return { emailError, phoneError };\n };\n\n useEffect(() => {\n if (shouldValidate) {\n const { emailError, phoneError } = validate(email, phone);\n\n if (!emailError && (!withPhone \|\| !phoneError)) {\n setShouldValidate(false);\n }\n }\n }, [email, phone, shouldValidate, withPhone]);\n\n const handleChange = (consumer: (value: string) => void) => (e: ChangeEvent<HTMLInputElement>) =>\n consumer(e.target.value);\n\n const handleSubmit: React.FormEventHandler = (e) => {\n e.preventDefault();\n\n const { emailError, phoneError } = validate(email, phone);\n if (emailError) {\n setShouldValidate(true);\n emailRef.current?.focus();\n return;\n }\n if (withPhone && phoneError) {\n setShouldValidate(true);\n phoneRef.current?.focus();\n return;\n }\n\n onSubmit({ email, phone: withPhone ? phone : undefined });\n setContactSubmitted(true);\n };\n\n if (noThanks) {\n return null;\n }\n\n if (contactSubmitted) {\n return <FeedbackSuccess {...successMessage} />;\n }\n\n return (\n <form className=\"jkl-spacing-xl--top\" onSubmit={handleSubmit} aria-label={landmarkLabel}>\n <p className=\"jkl-heading-4 jkl-spacing-xs--bottom\">{label}</p>\n {children && <ChildrenWrapper className=\"jkl-body\">{children}</ChildrenWrapper>}\n\n <TextInput\n ref={emailRef}\n className=\"jkl-spacing-l--top\"\n label=\"E-post\"\n labelProps={{ variant: \"small\" }}\n autoComplete=\"email\"\n name=\"email\"\n value={email}\n onChange={handleChange(setEmail)}\n errorLabel={errors.email}\n />\n {withPhone && (\n <TextInput\n ref={phoneRef}\n className=\"jkl-spacing-l--top\"\n label=\"Telefonnummer\"\n labelProps={{ variant: \"small\" }}\n autoComplete=\"tel\"\n name=\"phone\"\n value={phone}\n onChange={handleChange(setPhone)}\n errorLabel={errors.phone}\n />\n )}\n\n <div className=\"jkl-spacing-xl--top\">\n <PrimaryButton type=\"submit\" className=\"jkl-spacing-xl--right\">\n {sendButtonLabel}\n </PrimaryButton>\n <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n </div>\n </form>\n );\n};\n"],"names":["defaultSuccessMessage","title","children","ContactQuestion","label","sendButtonLabel","withPhone","onSubmit","successMessage","email","setEmail","useState","phone","setPhone","errors","setErrors","emailRef","useRef","phoneRef","shouldValidate","setShouldValidate","noThanks","setNoThanks","contactSubmitted","setContactSubmitted","landmarkLabel","useFeedbackContext","ChildrenWrapper","validate","emailError","isValidEpost","validateEmail","phoneError","isValidTelefonnummer","validatePhone","useEffect","handleChange","consumer","e","target","value","jsx","FeedbackSuccess","className","preventDefault","_a","current","focus","_b","TextInput","ref","labelProps","variant","autoComplete","name","onChange","errorLabel","jsxs","PrimaryButton","type","TertiaryButton","onClick"],"mappings":"kjBAOA,MAoBMA,EAAwB,CAC1BC,MAAO,sBACPC,SACI,sLA0BKC,EAA6B,EACtCC,MAAAA,EAAQ,0CACRC,gBAAAA,EAAkB,qBAClBC,UAAAA,GAAY,EACZC,SAAAA,EACAC,eAAAA,EAAiBR,EACjBE,SAAAA,MAEA,MAAOO,EAAOC,GAAYC,EAAS,KAC5BC,EAAOC,GAAYF,EAAS,KAC5BG,EAAQC,GAAaJ,EAA6C,CAAE,GACrEK,EAAWC,EAAyB,MACpCC,EAAWD,EAAyB,OACnCE,EAAgBC,GAAqBT,GAAS,IAE9CU,EAAUC,GAAeX,GAAS,IACjCY,iBAAAA,EAAkBC,oBAAAA,EAAqBC,cAAAA,GAAkBC,IAE3DC,EAAsC,iBAAbzB,EAAwB,IAAM,MAEvD0B,EAAW,CAACnB,EAAeG,KACvB,MAAAiB,EAtEQ,CAACpB,GACdA,GAAmB,KAAVA,EAGTqB,EAAarB,QAAd,EACO,oCAHA,uDAoEYsB,CAActB,GAC3BuB,EA7DQ,CAACpB,GACdA,GAAmB,KAAVA,EAGTqB,EAAqBrB,QAAtB,EACO,oCAHA,uDA2DYsB,CAActB,GACjC,OAAAG,EAAU,CAAEN,MAAOoB,EAAYjB,MAAOoB,IAC/B,CAAEH,WAAAA,EAAYG,WAAAA,IAGzBG,GAAU,KACN,GAAIhB,EAAgB,CACV,MAAEU,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,IAE9CiB,KAAgBvB,IAAc0B,IAC/BZ,GAAkB,EAE1B,IACD,CAACX,EAAOG,EAAOO,EAAgBb,IAE5B,MAAA8B,EAAgBC,GAAuCC,GACzDD,EAASC,EAAEC,OAAOC,OAqBlBnB,OAAAA,EACO,KAGPE,EACOkB,EAACC,EAAiB,IAAGlC,MAI3B,OAAK,CAAAmC,UAAU,sBAAsBpC,SA5BI+B,YAC1CA,EAAEM,iBAEI,MAAEf,WAAAA,EAAYG,WAAAA,GAAeJ,EAASnB,EAAOG,GACnD,OAAIiB,GACAT,GAAkB,QAClB,OAAAyB,EAAA7B,EAAS8B,UAATD,EAAkBE,UAGlBzC,GAAa0B,GACbZ,GAAkB,QAClB,OAAA4B,EAAA9B,EAAS4B,UAATE,EAAkBD,WAItBxC,EAAS,CAAEE,MAAAA,EAAOG,MAAON,EAAYM,OAAQ,SAC7CY,GAAoB,GAAI,EAYsC,aAAYC,EACtEvB,SAAA,CAACuC,EAAA,IAAA,CAAEE,UAAU,uCAAwCzC,SAAME,IAC1DF,GAAYuC,EAACd,EAAgB,CAAAgB,UAAU,WAAYzC,SAAAA,IAEpDuC,EAACQ,EAAA,CACGC,IAAKlC,EACL2B,UAAU,qBACVvC,MAAM,SACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,QACbC,KAAK,QACLd,MAAO/B,EACP8C,SAAUnB,EAAa1B,GACvB8C,WAAY1C,EAAOL,QAEtBH,GACGmC,EAACQ,EAAA,CACGC,IAAKhC,EACLyB,UAAU,qBACVvC,MAAM,gBACN+C,WAAY,CAAEC,QAAS,SACvBC,aAAa,MACbC,KAAK,QACLd,MAAO5B,EACP2C,SAAUnB,EAAavB,GACvB2C,WAAY1C,EAAOF,QAI3B6C,EAAC,MAAI,CAAAd,UAAU,sBACXzC,SAAA,CAAAuC,EAACiB,EAAc,CAAAC,KAAK,SAAShB,UAAU,wBAClCzC,SACLG,MACCuD,EAAe,CAAAC,QAAS,IAAMvC,GAAY,GAAOpB,SAAQ,kBAElE"}

package/build/es/components/feedback/questions/RadioQuestion.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.js';
+export declare const RadioQuestion: React.FC<QuestionProps>;

package/build/es/components/feedback/questions/RadioQuestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{useId as e,useRef as t,useEffect as n,useMemo as u}from"react";import{RadioButton as l}from"../../radio-button/RadioButton.js";import{RadioButtonGroup as r}from"../../radio-button/RadioButtonGroup.js";import"../../radio-button/BaseRadioButton.js";import{useFollowUpContext as a}from"../followup/followupContext.js";import{useMainQuestionContext as i}from"../main-question/mainQuestionContext.js";const s=({label:s,name:d,options:m,helpLabel:p,autoFocus:v=!1})=>{const c=a(),f=i(),b=c||f,g=e(),x=(null==m?void 0:m.length)||0,j=t(null);n((()=>{v&&j.current&&j.current.focus()}),[v,j]);const R=u((()=>{var o;return Array.isArray(null==b?void 0:b.currentValue)?null==b?void 0:b.currentValue[0].value.toString():null==(o=null==b?void 0:b.currentValue)?void 0:o.value.toString()}),[null==b?void 0:b.currentValue]);return b?o(r,{legend:s,labelProps:{variant:"large"},name:`${g}-${d||s}`,inline:x<3,value:R||"",onChange:o=>{const e=null==m?void 0:m.find((e=>e.value.toString()===o.target.value));null==b||b.setCurrentValue(e)},helpLabel:p,children:null==m?void 0:m.map(((e,t)=>o(l,{ref:0===t?j:void 0,label:e.label,value:String(e.value)},`${g}-${d||s}-${e.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{s as RadioQuestion};
+import{jsx as o}from"react/jsx-runtime";import{useId as e,useRef as t,useEffect as n,useMemo as l}from"react";import{RadioButton as u}from"../../radio-button/RadioButton.js";import{RadioButtonGroup as r}from"../../radio-button/RadioButtonGroup.js";import{useFollowUpContext as a}from"../followup/followupContext.js";import{useMainQuestionContext as i}from"../main-question/mainQuestionContext.js";const s=({label:s,name:d,options:m,helpLabel:v,autoFocus:c=!1})=>{const p=a(),f=i(),b=p||f,g=e(),x=(null==m?void 0:m.length)||0,j=t(null);n((()=>{c&&j.current&&j.current.focus()}),[c,j]);const C=l((()=>{var o;return Array.isArray(null==b?void 0:b.currentValue)?null==b?void 0:b.currentValue[0].value.toString():null==(o=null==b?void 0:b.currentValue)?void 0:o.value.toString()}),[null==b?void 0:b.currentValue]);return b?o(r,{legend:s,labelProps:{variant:"large"},name:`${g}-${d||s}`,inline:x<3,value:C||"",onChange:o=>{const e=null==m?void 0:m.find((e=>e.value.toString()===o.target.value));null==b||b.setCurrentValue(e)},helpLabel:v,children:null==m?void 0:m.map(((e,t)=>o(u,{ref:0===t?j:void 0,label:e.label,value:String(e.value)},`${g}-${d||s}-${e.value}`)))}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{s as RadioQuestion};
 //# sourceMappingURL=RadioQuestion.js.map

package/build/es/components/feedback/questions/RadioQuestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioQuestion.js","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useId, useMemo, useRef } from \"react\";\nimport { RadioButton, RadioButtonGroup } from \"../../radio-button\";\nimport { useFollowUpContext } from \"../followup/followupContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\nimport { QuestionProps } from \"../types\";\n\nexport const RadioQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const id = useId();\n\n const numOptions = options?.length \|\| 0;\n\n const ref = useRef<HTMLInputElement>(null);\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n const option = options?.find((option) => option.value.toString() === e.target.value);\n context?.setCurrentValue(option);\n };\n\n const selectedValue = useMemo(\n () =>\n Array.isArray(context?.currentValue)\n ? context?.currentValue[0].value.toString()\n : context?.currentValue?.value.toString(),\n [context?.currentValue],\n );\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <RadioButtonGroup\n legend={label}\n labelProps={{ variant: \"large\" }}\n name={`${id}-${name \|\| label}`}\n inline={numOptions < 3}\n value={selectedValue \|\| \"\"}\n onChange={handleChange}\n helpLabel={helpLabel}\n >\n {options?.map((option, i) => (\n <RadioButton\n ref={i === 0 ? ref : undefined}\n key={`${id}-${name \|\| label}-${option.value}`}\n label={option.label}\n value={String(option.value)}\n />\n ))}\n </RadioButtonGroup>\n );\n};\n"],"names":["RadioQuestion","label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","numOptions","length","ref","useRef","useEffect","current","focus","handleChange","selectedValue","useMemo","Array","isArray","currentValue","value","toString","_a","jsx","RadioButtonGroup","legend","labelProps","variant","inline","onChange","e","option","find","target","setCurrentValue","children","map","i","RadioButton","String","console","error"],"mappings":"~~2bAMa~~,MAAAA,EAAyC,EAAGC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAC5FC,MAAAA,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,IAELC,GAAa,MAAAV,OAAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,EAAyB,MACrCC,GAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,EAAWU,IAETK,MAKAC,EAAgBC,GAClB,WACU,OAAAC,MAAAC,QAAQ,MAAAd,OAAAA,EAAAA,EAASe,cACjB,MAAAf,SAAAA,EAASe,aAAa,GAAGC,MAAMC,WAC/B,OAAAC,EAAA,MAAAlB,OAAA,EAAAA,EAASe,mBAAT,EAAAG,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAjB,OAAAA,EAAAA,EAASe,eAGd,OAAKf,EAMDmB,EAACC,EAAA,CACGC,OAAQ9B,EACR+B,WAAY,CAAEC,QAAS,SACvB/B,KAAM,GAAGS,KAAMT,GAAQD,IACvBiC,OAAQrB,EAAa,EACrBa,MAAOL,GAAiB,GACxBc,SAzBoDC,IAClD,MAAAC,EAAS,MAAAlC,OAAAA,EAAAA,EAASmC,MAAMD,GAAWA,EAAOX,MAAMC,aAAeS,EAAEG,OAAOb,QAC9E,MAAAhB,GAAAA,EAAS8B,gBAAgBH,EAAAA,EAwBrBjC,UAAAA,EAECqC,SAAS,MAAAtC,OAAAA,EAAAA,EAAAuC,KAAI,CAACL,EAAQM,IACnBd,EAACe,EAAA,CACG7B,IAAW,IAAN4B,EAAU5B,OAAM,EAErBd,MAAOoC,EAAOpC,MACdyB,MAAOmB,OAAOR,EAAOX,QAFhB,GAAGf,KAAMT,GAAQD,KAASoC,EAAOX,cAjBlDoB,QAAQC,MAAM,yEACP,KAAA"}
1	+ {"version":3,"file":"RadioQuestion.js","sources":["../../../../../src/components/feedback/questions/RadioQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useId, useMemo, useRef } from \"react\";\nimport { RadioButton } from \"../../radio-button/RadioButton.js\";\nimport { RadioButtonGroup } from \"../../radio-button/RadioButtonGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { QuestionProps } from \"../types.js\";\n\nexport const RadioQuestion: React.FC<QuestionProps> = ({ label, name, options, helpLabel, autoFocus = false }) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const id = useId();\n\n const numOptions = options?.length \|\| 0;\n\n const ref = useRef<HTMLInputElement>(null);\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n const option = options?.find((option) => option.value.toString() === e.target.value);\n context?.setCurrentValue(option);\n };\n\n const selectedValue = useMemo(\n () =>\n Array.isArray(context?.currentValue)\n ? context?.currentValue[0].value.toString()\n : context?.currentValue?.value.toString(),\n [context?.currentValue],\n );\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <RadioButtonGroup\n legend={label}\n labelProps={{ variant: \"large\" }}\n name={`${id}-${name \|\| label}`}\n inline={numOptions < 3}\n value={selectedValue \|\| \"\"}\n onChange={handleChange}\n helpLabel={helpLabel}\n >\n {options?.map((option, i) => (\n <RadioButton\n ref={i === 0 ? ref : undefined}\n key={`${id}-${name \|\| label}-${option.value}`}\n label={option.label}\n value={String(option.value)}\n />\n ))}\n </RadioButtonGroup>\n );\n};\n"],"names":["RadioQuestion","label","name","options","helpLabel","autoFocus","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","numOptions","length","ref","useRef","useEffect","current","focus","handleChange","selectedValue","useMemo","Array","isArray","currentValue","value","toString","_a","jsx","RadioButtonGroup","legend","labelProps","variant","inline","onChange","e","option","find","target","setCurrentValue","children","map","i","RadioButton","String","console","error"],"mappings":"6YAOa,MAAAA,EAAyC,EAAGC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,EAASC,UAAAA,EAAWC,UAAAA,GAAY,MAC5FC,MAAAA,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,IAELC,GAAa,MAAAV,OAAAA,EAAAA,EAASW,SAAU,EAEhCC,EAAMC,EAAyB,MACrCC,GAAU,KACFZ,GAAaU,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACd,EAAWU,IAETK,MAKAC,EAAgBC,GAClB,WACU,OAAAC,MAAAC,QAAQ,MAAAd,OAAAA,EAAAA,EAASe,cACjB,MAAAf,SAAAA,EAASe,aAAa,GAAGC,MAAMC,WAC/B,OAAAC,EAAA,MAAAlB,OAAA,EAAAA,EAASe,mBAAT,EAAAG,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAjB,OAAAA,EAAAA,EAASe,eAGd,OAAKf,EAMDmB,EAACC,EAAA,CACGC,OAAQ9B,EACR+B,WAAY,CAAEC,QAAS,SACvB/B,KAAM,GAAGS,KAAMT,GAAQD,IACvBiC,OAAQrB,EAAa,EACrBa,MAAOL,GAAiB,GACxBc,SAzBoDC,IAClD,MAAAC,EAAS,MAAAlC,OAAAA,EAAAA,EAASmC,MAAMD,GAAWA,EAAOX,MAAMC,aAAeS,EAAEG,OAAOb,QAC9E,MAAAhB,GAAAA,EAAS8B,gBAAgBH,EAAAA,EAwBrBjC,UAAAA,EAECqC,SAAS,MAAAtC,OAAAA,EAAAA,EAAAuC,KAAI,CAACL,EAAQM,IACnBd,EAACe,EAAA,CACG7B,IAAW,IAAN4B,EAAU5B,OAAM,EAErBd,MAAOoC,EAAOpC,MACdyB,MAAOmB,OAAOR,EAAOX,QAFhB,GAAGf,KAAMT,GAAQD,KAASoC,EAAOX,cAjBlDoB,QAAQC,MAAM,yEACP,KAAA"}

package/build/es/components/feedback/questions/SmileyQuestion.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.js';
+export declare const SmileyQuestion: React.FC<QuestionProps>;

package/build/es/components/feedback/questions/SmileyQuestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useId as i,useMemo as s,Fragment as e}from"react";import{FieldGroup as r}from"../../input-group/FieldGroup.js";import"../../input-group/InputGroup.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{useFollowUpContext as c}from"../followup/followupContext.js";import{useMainQuestionContext as t}from"../main-question/mainQuestionContext.js";import{getSmiley as l,defaultOptions as a}from"./smileyUtils.js";const m=o=>"number"!=typeof o.value||![1,2,3,4,5].includes(o.value),u=({label:u,name:p="smiley",helpLabel:j,options:d=a})=>{const I=c(),v=t(),h=I||v,f=i(),C=o=>{console.log(o.target.value);const n=null==d?void 0:d.find((n=>n.value.toString()===o.target.value));null==h||h.setCurrentValue(n)},g=s((()=>{var o;return Array.isArray(null==h?void 0:h.currentValue)?null==h?void 0:h.currentValue[0].value:null==(o=null==h?void 0:h.currentValue)?void 0:o.value}),[null==h?void 0:h.currentValue]);return d.some(m)?(console.error("SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine"),null):h&&d?o(r,{labelProps:{variant:"large"},legend:u,helpLabel:j,children:o("div",{className:"jkl-feedback-smileys",children:d.map((i=>n(e,{children:[o("input",{className:"jkl-sr-only",id:`${f}-${p}-${i.value}`,name:`${f}-${p}`,type:"radio",value:i.value,onChange:C,checked:g===i.value}),n("label",{className:"jkl-feedback-smiley-option",htmlFor:`${f}-${p}-${i.value}`,children:[o("span",{className:"jkl-sr-only",children:i.label}),l(Number(i.value))]})]},i.value)))})}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{u as SmileyQuestion};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useId as a,useMemo as o,Fragment as r}from"react";import{FieldGroup as n}from"../../input-group/FieldGroup.js";import{useFollowUpContext as s}from"../followup/followupContext.js";import{useMainQuestionContext as t}from"../main-question/mainQuestionContext.js";import{getSmiley as u,defaultOptions as i}from"./smileyUtils.js";const m=e=>"number"!=typeof e.value||![1,2,3,4,5].includes(e.value),d=({label:d,name:c="smiley",helpLabel:p,options:v=i})=>{const f=s(),y=t(),b=f||y,h=a(),j=e=>{console.log(e.target.value);const l=null==v?void 0:v.find((l=>l.value.toString()===e.target.value));null==b||b.setCurrentValue(l)},g=o((()=>{var e;return Array.isArray(null==b?void 0:b.currentValue)?null==b?void 0:b.currentValue[0].value:null==(e=null==b?void 0:b.currentValue)?void 0:e.value}),[null==b?void 0:b.currentValue]);return v.some(m)?(console.error("SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine"),null):b&&v?e(n,{labelProps:{variant:"large"},legend:d,helpLabel:p,children:e("div",{className:"jkl-feedback-smileys",children:v.map((a=>l(r,{children:[e("input",{className:"jkl-sr-only",id:`${h}-${c}-${a.value}`,name:`${h}-${c}`,type:"radio",value:a.value,onChange:j,checked:g===a.value}),l("label",{className:"jkl-feedback-smiley-option",htmlFor:`${h}-${c}-${a.value}`,children:[e("span",{className:"jkl-sr-only",children:a.label}),u(Number(a.value))]})]},a.value)))})}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{d as SmileyQuestion};
 //# sourceMappingURL=SmileyQuestion.js.map

package/build/es/components/feedback/questions/SmileyQuestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SmileyQuestion.js","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, { Fragment, ~~ChangeEventHandler~~, useMemo, ~~useId~~ } from \"react\";\nimport { FieldGroup } from \"../../input-group\";\nimport { useFollowUpContext } from \"../followup/followupContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\nimport { FeedbackOption, QuestionProps } from \"../types\";\nimport { defaultOptions, getSmiley } from \"./smileyUtils\";\n\nconst isNotInScale = (option: FeedbackOption) =>\n typeof option.value !== \"number\" \|\| ![1, 2, 3, 4, 5].includes(option.value);\n\nexport const SmileyQuestion: React.FC<QuestionProps> = ({\n label,\n name = \"smiley\",\n helpLabel,\n options = defaultOptions,\n}) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const id = useId();\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n console.log(e.target.value);\n const option = options?.find((option) => option.value.toString() === e.target.value);\n context?.setCurrentValue(option);\n };\n\n const selectedValue = useMemo(\n () => (Array.isArray(context?.currentValue) ? context?.currentValue[0].value : context?.currentValue?.value),\n [context?.currentValue],\n );\n\n if (options.some(isNotInScale)) {\n console.error(\"SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine\");\n return null;\n }\n\n if (!context \|\| !options) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n <div className=\"jkl-feedback-smileys\">\n {options.map((option) => (\n <Fragment key={option.value}>\n <input\n className=\"jkl-sr-only\"\n id={`${id}-${name}-${option.value}`}\n name={`${id}-${name}`}\n type=\"radio\"\n value={option.value}\n onChange={handleChange}\n checked={selectedValue === option.value}\n />\n <label className=\"jkl-feedback-smiley-option\" htmlFor={`${id}-${name}-${option.value}`}>\n <span className=\"jkl-sr-only\">{option.label}</span>\n {getSmiley(Number(option.value))}\n </label>\n </Fragment>\n ))}\n </div>\n </FieldGroup>\n );\n};\n"],"names":["isNotInScale","option","value","includes","SmileyQuestion","label","name","helpLabel","options","defaultOptions","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","handleChange","e","console","log","target","find","toString","setCurrentValue","selectedValue","useMemo","Array","isArray","currentValue","_a","some","error","FieldGroup","labelProps","variant","legend","children","jsx","className","map","Fragment","type","onChange","checked","jsxs","htmlFor","getSmiley","Number"],"mappings":"~~k1DAOA~~,MAAMA,EAAgBC,GACM,iBAAjBA,EAAOC,QAAuB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGC,SAASF,EAAOC,OAE5DE,EAA0C,EACnDC,MAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,QAAAA,EAAUC,MAEV,MAAMC,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,IAELC,EAAsDC,IAChDC,QAAAC,IAAIF,EAAEG,OAAOnB,OACf,MAAAD,EAAS,MAAAO,OAAAA,EAAAA,EAASc,MAAMrB,GAAWA,EAAOC,MAAMqB,aAAeL,EAAEG,OAAOnB,QAC9E,MAAAY,GAAAA,EAASU,gBAAgBvB,EAAAA,EAGvBwB,EAAgBC,GAClB,WAAO,OAAAC,MAAMC,QAAQ,MAAAd,OAAA,EAAAA,EAASe,cAAgB,MAAAf,OAAAA,EAAAA,EAASe,aAAa,GAAG3B,MAAQ,OAAA4B,EAAA,MAAAhB,SAAAA,EAASe,qBAATC,EAAuB5B,KAAA,GACtG,CAAC,MAAAY,OAAAA,EAAAA,EAASe,eAGVrB,OAAAA,EAAQuB,KAAK/B,IACbmB,QAAQa,MAAM,2EACP,MAGNlB,GAAYN,IAMZyB,EAAW,CAAAC,WAAY,CAAEC,QAAS,SAAWC,OAAQ/B,EAAOE,UAAAA,EACzD8B,SAACC,EAAA,MAAA,CAAIC,UAAU,uBACVF,SAAA7B,EAAQgC,KAAKvC,KACTwC,EACG,CAAAJ,SAAA,CAAAC,EAAC,QAAA,CACGC,UAAU,cACVxB,GAAI,GAAGA,KAAMT,KAAQL,EAAOC,QAC5BI,KAAM,GAAGS,KAAMT,IACfoC,KAAK,QACLxC,MAAOD,EAAOC,MACdyC,SAAU1B,EACV2B,QAASnB,IAAkBxB,EAAOC,QAErC2C,EAAA,QAAA,CAAMN,UAAU,6BAA6BO,QAAS,GAAG/B,KAAMT,KAAQL,EAAOC,QAC3EmC,SAAA,CAAAC,EAAC,OAAK,CAAAC,UAAU,cAAeF,SAAApC,EAAOI,QACrC0C,EAAUC,OAAO/C,EAAOC,aAZlBD,EAAOC,cARlCiB,QAAQa,MAAM,yEACP,KAwBP"}
1	+ {"version":3,"file":"SmileyQuestion.js","sources":["../../../../../src/components/feedback/questions/SmileyQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, Fragment, useId, useMemo } from \"react\";\nimport { FieldGroup } from \"../../input-group/FieldGroup.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackOption, QuestionProps } from \"../types.js\";\nimport { defaultOptions, getSmiley } from \"./smileyUtils.js\";\n\nconst isNotInScale = (option: FeedbackOption) =>\n typeof option.value !== \"number\" \|\| ![1, 2, 3, 4, 5].includes(option.value);\n\nexport const SmileyQuestion: React.FC<QuestionProps> = ({\n label,\n name = \"smiley\",\n helpLabel,\n options = defaultOptions,\n}) => {\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const id = useId();\n\n const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n console.log(e.target.value);\n const option = options?.find((option) => option.value.toString() === e.target.value);\n context?.setCurrentValue(option);\n };\n\n const selectedValue = useMemo(\n () => (Array.isArray(context?.currentValue) ? context?.currentValue[0].value : context?.currentValue?.value),\n [context?.currentValue],\n );\n\n if (options.some(isNotInScale)) {\n console.error(\"SmileyQuestion må ha tallene 1 til 5 som verdier for alternativene sine\");\n return null;\n }\n\n if (!context \|\| !options) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <FieldGroup labelProps={{ variant: \"large\" }} legend={label} helpLabel={helpLabel}>\n <div className=\"jkl-feedback-smileys\">\n {options.map((option) => (\n <Fragment key={option.value}>\n <input\n className=\"jkl-sr-only\"\n id={`${id}-${name}-${option.value}`}\n name={`${id}-${name}`}\n type=\"radio\"\n value={option.value}\n onChange={handleChange}\n checked={selectedValue === option.value}\n />\n <label className=\"jkl-feedback-smiley-option\" htmlFor={`${id}-${name}-${option.value}`}>\n <span className=\"jkl-sr-only\">{option.label}</span>\n {getSmiley(Number(option.value))}\n </label>\n </Fragment>\n ))}\n </div>\n </FieldGroup>\n );\n};\n"],"names":["isNotInScale","option","value","includes","SmileyQuestion","label","name","helpLabel","options","defaultOptions","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","id","useId","handleChange","e","console","log","target","find","toString","setCurrentValue","selectedValue","useMemo","Array","isArray","currentValue","_a","some","error","FieldGroup","labelProps","variant","legend","children","jsx","className","map","Fragment","type","onChange","checked","jsxs","htmlFor","getSmiley","Number"],"mappings":"8XAOA,MAAMA,EAAgBC,GACM,iBAAjBA,EAAOC,QAAuB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGC,SAASF,EAAOC,OAE5DE,EAA0C,EACnDC,MAAAA,EACAC,KAAAA,EAAO,SACPC,UAAAA,EACAC,QAAAA,EAAUC,MAEV,MAAMC,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAKC,IAELC,EAAsDC,IAChDC,QAAAC,IAAIF,EAAEG,OAAOnB,OACf,MAAAD,EAAS,MAAAO,OAAAA,EAAAA,EAASc,MAAMrB,GAAWA,EAAOC,MAAMqB,aAAeL,EAAEG,OAAOnB,QAC9E,MAAAY,GAAAA,EAASU,gBAAgBvB,EAAAA,EAGvBwB,EAAgBC,GAClB,WAAO,OAAAC,MAAMC,QAAQ,MAAAd,OAAA,EAAAA,EAASe,cAAgB,MAAAf,OAAAA,EAAAA,EAASe,aAAa,GAAG3B,MAAQ,OAAA4B,EAAA,MAAAhB,SAAAA,EAASe,qBAATC,EAAuB5B,KAAA,GACtG,CAAC,MAAAY,OAAAA,EAAAA,EAASe,eAGVrB,OAAAA,EAAQuB,KAAK/B,IACbmB,QAAQa,MAAM,2EACP,MAGNlB,GAAYN,IAMZyB,EAAW,CAAAC,WAAY,CAAEC,QAAS,SAAWC,OAAQ/B,EAAOE,UAAAA,EACzD8B,SAACC,EAAA,MAAA,CAAIC,UAAU,uBACVF,SAAA7B,EAAQgC,KAAKvC,KACTwC,EACG,CAAAJ,SAAA,CAAAC,EAAC,QAAA,CACGC,UAAU,cACVxB,GAAI,GAAGA,KAAMT,KAAQL,EAAOC,QAC5BI,KAAM,GAAGS,KAAMT,IACfoC,KAAK,QACLxC,MAAOD,EAAOC,MACdyC,SAAU1B,EACV2B,QAASnB,IAAkBxB,EAAOC,QAErC2C,EAAA,QAAA,CAAMN,UAAU,6BAA6BO,QAAS,GAAG/B,KAAMT,KAAQL,EAAOC,QAC3EmC,SAAA,CAAAC,EAAC,OAAK,CAAAC,UAAU,cAAeF,SAAApC,EAAOI,QACrC0C,EAAUC,OAAO/C,EAAOC,aAZlBD,EAAOC,cARlCiB,QAAQa,MAAM,yEACP,KAwBP"}

package/build/es/components/feedback/questions/TextQuestion.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { QuestionProps } from '../types.js';
+export declare const TextQuestion: React.FC<QuestionProps>;

package/build/es/components/feedback/questions/TextQuestion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as t,useEffect as r,useMemo as o}from"react";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import{TextArea as n}from"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import{useFeedbackContext as u}from"../feedbackContext.js";import{useFollowUpContext as a}from"../followup/followupContext.js";import{useMainQuestionContext as l}from"../main-question/mainQuestionContext.js";const s=({label:s,name:i,helpLabel:m="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",autoFocus:p=!1})=>{const{counter:c}=u(),x=a(),v=l(),b=x||v,d=t(null);r((()=>{p&&d.current&&d.current.focus()}),[p,d]);const f=o((()=>{var e;return Array.isArray(null==b?void 0:b.currentValue)?null==b?void 0:b.currentValue[0].value.toString():null==(e=null==b?void 0:b.currentValue)?void 0:e.value.toString()}),[null==b?void 0:b.currentValue]);return b?e(n,{ref:d,label:s,labelProps:{variant:"large"},name:i||s,startOpen:!0,rows:5,value:f,onChange:e=>{const t={label:s,name:i||s,type:"text",value:e.target.value};null==b||b.setCurrentValue(t)},helpLabel:m,counter:c}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{s as TextQuestion};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t,useMemo as o}from"react";import{TextArea as n}from"../../text-input/TextArea.js";import{useFeedbackContext as l}from"../feedbackContext.js";import{useFollowUpContext as a}from"../followup/followupContext.js";import{useMainQuestionContext as u}from"../main-question/mainQuestionContext.js";const s=({label:s,name:i,helpLabel:m="Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.",autoFocus:c=!1})=>{const{counter:p}=l(),v=a(),b=u(),d=v||b,f=r(null);t((()=>{c&&f.current&&f.current.focus()}),[c,f]);const x=o((()=>{var e;return Array.isArray(null==d?void 0:d.currentValue)?null==d?void 0:d.currentValue[0].value.toString():null==(e=null==d?void 0:d.currentValue)?void 0:e.value.toString()}),[null==d?void 0:d.currentValue]);return d?e(n,{ref:f,label:s,labelProps:{variant:"large"},name:i||s,startOpen:!0,rows:5,value:x,onChange:e=>{const r={label:s,name:i||s,type:"text",value:e.target.value};null==d||d.setCurrentValue(r)},helpLabel:m,counter:p}):(console.error("Questions must be used inside a Followup or Feedback context provider"),null)};export{s as TextQuestion};
 //# sourceMappingURL=TextQuestion.js.map

package/build/es/components/feedback/questions/TextQuestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextQuestion.js","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { useFollowUpContext } from \"../followup/followupContext\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext\";\nimport { ~~QuestionProps~~, ~~FeedbackAnswer~~ } from \"../types\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n label,\n name,\n helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n autoFocus = false,\n}) => {\n const { counter } = useFeedbackContext();\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const ref = useRef<HTMLTextAreaElement>(null);\n\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n const value: FeedbackAnswer = {\n label,\n name: name \|\| label,\n type: \"text\",\n value: e.target.value,\n };\n context?.setCurrentValue(value);\n };\n\n const currentValue = useMemo(\n () =>\n Array.isArray(context?.currentValue)\n ? context?.currentValue[0].value.toString()\n : context?.currentValue?.value.toString(),\n [context?.currentValue],\n );\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <TextArea\n ref={ref}\n label={label}\n labelProps={{ variant: \"large\" }}\n name={name \|\| label}\n startOpen\n rows={5}\n value={currentValue}\n onChange={handleChange}\n helpLabel={helpLabel}\n counter={counter}\n />\n );\n};\n"],"names":["TextQuestion","label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","currentValue","useMemo","Array","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"~~oeAOO~~,MAAMA,EAAwC,EACjDC,MAAAA,EACAC,KAAAA,EACAC,UAAAA,EAAY,uJACZC,UAAAA,GAAY,MAEN,MAAEC,QAAAA,GAAYC,IACdC,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,EAA4B,MAExCC,GAAU,KACFV,GAAaQ,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACZ,EAAWQ,IAETK,MAUAC,EAAeC,GACjB,WACU,OAAAC,MAAAC,QAAQ,MAAAV,OAAAA,EAAAA,EAASO,cACjB,MAAAP,SAAAA,EAASO,aAAa,GAAGI,MAAMC,WAC/B,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAASO,mBAAT,EAAAM,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAZ,OAAAA,EAAAA,EAASO,eAGd,OAAKP,EAMDc,EAACC,EAAA,CACGd,IAAAA,EACAX,MAAAA,EACA0B,WAAY,CAAEC,QAAS,SACvB1B,KAAMA,GAAQD,EACd4B,WAAS,EACTC,KAAM,EACNR,MAAOJ,EACPa,SAhCuDC,IAC3D,MAAMV,EAAwB,CAC1BrB,MAAAA,EACAC,KAAMA,GAAQD,EACdgC,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAX,GAAAA,EAASwB,gBAAgBb,EAAAA,EA0BrBnB,UAAAA,EACAE,QAAAA,KAfJ+B,QAAQC,MAAM,yEACP,KAAA"}
1	+ {"version":3,"file":"TextQuestion.js","sources":["../../../../../src/components/feedback/questions/TextQuestion.tsx"],"sourcesContent":["import React, { ChangeEventHandler, useEffect, useMemo, useRef } from \"react\";\nimport { TextArea } from \"../../text-input/TextArea.js\";\nimport { useFeedbackContext } from \"../feedbackContext.js\";\nimport { useFollowUpContext } from \"../followup/followupContext.js\";\nimport { useMainQuestionContext } from \"../main-question/mainQuestionContext.js\";\nimport { FeedbackAnswer, QuestionProps } from \"../types.js\";\n\nexport const TextQuestion: React.FC<QuestionProps> = ({\n label,\n name,\n helpLabel = \"Ikke skriv personlige opplysninger. Tilbakemeldinger som kommer inn her blir ikke besvart, men brukt i videre arbeid med å forbedre tjenestene våre.\",\n autoFocus = false,\n}) => {\n const { counter } = useFeedbackContext();\n const followupContext = useFollowUpContext();\n const feedbackContext = useMainQuestionContext();\n const context = followupContext \|\| feedbackContext;\n const ref = useRef<HTMLTextAreaElement>(null);\n\n useEffect(() => {\n if (autoFocus && ref.current) {\n ref.current.focus();\n }\n }, [autoFocus, ref]);\n\n const handleChange: ChangeEventHandler<HTMLTextAreaElement> = (e) => {\n const value: FeedbackAnswer = {\n label,\n name: name \|\| label,\n type: \"text\",\n value: e.target.value,\n };\n context?.setCurrentValue(value);\n };\n\n const currentValue = useMemo(\n () =>\n Array.isArray(context?.currentValue)\n ? context?.currentValue[0].value.toString()\n : context?.currentValue?.value.toString(),\n [context?.currentValue],\n );\n\n if (!context) {\n console.error(\"Questions must be used inside a Followup or Feedback context provider\");\n return null;\n }\n\n return (\n <TextArea\n ref={ref}\n label={label}\n labelProps={{ variant: \"large\" }}\n name={name \|\| label}\n startOpen\n rows={5}\n value={currentValue}\n onChange={handleChange}\n helpLabel={helpLabel}\n counter={counter}\n />\n );\n};\n"],"names":["TextQuestion","label","name","helpLabel","autoFocus","counter","useFeedbackContext","followupContext","useFollowUpContext","feedbackContext","useMainQuestionContext","context","ref","useRef","useEffect","current","focus","handleChange","currentValue","useMemo","Array","isArray","value","toString","_a","jsx","TextArea","labelProps","variant","startOpen","rows","onChange","e","type","target","setCurrentValue","console","error"],"mappings":"2WAOO,MAAMA,EAAwC,EACjDC,MAAAA,EACAC,KAAAA,EACAC,UAAAA,EAAY,uJACZC,UAAAA,GAAY,MAEN,MAAEC,QAAAA,GAAYC,IACdC,EAAkBC,IAClBC,EAAkBC,IAClBC,EAAUJ,GAAmBE,EAC7BG,EAAMC,EAA4B,MAExCC,GAAU,KACFV,GAAaQ,EAAIG,SACjBH,EAAIG,QAAQC,UAEjB,CAACZ,EAAWQ,IAETK,MAUAC,EAAeC,GACjB,WACU,OAAAC,MAAAC,QAAQ,MAAAV,OAAAA,EAAAA,EAASO,cACjB,MAAAP,SAAAA,EAASO,aAAa,GAAGI,MAAMC,WAC/B,OAAAC,EAAA,MAAAb,OAAA,EAAAA,EAASO,mBAAT,EAAAM,EAAuBF,MAAMC,UAAA,GACvC,CAAC,MAAAZ,OAAAA,EAAAA,EAASO,eAGd,OAAKP,EAMDc,EAACC,EAAA,CACGd,IAAAA,EACAX,MAAAA,EACA0B,WAAY,CAAEC,QAAS,SACvB1B,KAAMA,GAAQD,EACd4B,WAAS,EACTC,KAAM,EACNR,MAAOJ,EACPa,SAhCuDC,IAC3D,MAAMV,EAAwB,CAC1BrB,MAAAA,EACAC,KAAMA,GAAQD,EACdgC,KAAM,OACNX,MAAOU,EAAEE,OAAOZ,OAEpB,MAAAX,GAAAA,EAASwB,gBAAgBb,EAAAA,EA0BrBnB,UAAAA,EACAE,QAAAA,KAfJ+B,QAAQC,MAAM,yEACP,KAAA"}

package/build/es/components/feedback/questions/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export { CheckboxQuestion } from './CheckboxQuestion.js';
+export { RadioQuestion } from './RadioQuestion.js';
+export { TextQuestion } from './TextQuestion.js';
+export { SmileyQuestion } from './SmileyQuestion.js';
+export { AddonQuestion } from './AddonQuestion.js';
+export { ContactQuestion } from './ContactQuestion.js';

package/build/es/components/feedback/questions/smileyUtils.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FeedbackOption } from '../types.js';
+export declare const defaultOptions: FeedbackOption<number>[];
+export declare const getSmiley: (value: number) => React.JSX.Element;

package/build/es/components/feedback/questions/smileyUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"smileyUtils.js","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { WithChildren } from \"~~../../..\~~";\nimport { FeedbackOption } from \"../types\";\n\nexport const defaultOptions: FeedbackOption<number>[] = [\n {\n label: \"Veldig misfornøyd\",\n value: 1,\n textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Litt misfornøyd\",\n value: 2,\n textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Midt på treet\",\n value: 3,\n textAreaLabel: \"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Ganske fornøyd\",\n value: 4,\n textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n },\n {\n label: \"Veldig fornøyd\",\n value: 5,\n textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n },\n];\n\nconst Smiley: FC<WithChildren> = ({ children }) => (\n <svg\n className=\"jkl-feedback-smiley-option__icon\"\n aria-hidden\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n {children}\n </svg>\n);\n\nconst VeldigSurSmiley = () => (\n <Smiley>\n <path\n d=\"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <path d=\"M10 13.9865H16.6667\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <path d=\"M23.3333 13.9865H29.9999\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </Smiley>\n);\n\nconst LittSurSmiley = () => (\n <Smiley>\n <path\n d=\"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst NoytralSmiley = () => (\n <Smiley>\n <path d=\"M9.15283 25.6986H30.8477\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst LittGladSmiley = () => (\n <Smiley>\n <path\n d=\"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst VeldigGladSmiley = () => (\n <Smiley>\n <path\n d=\"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <path d=\"M24 14.5H29\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nexport const getSmiley = (value: number) => {\n switch (value) {\n case 1:\n return <VeldigSurSmiley />;\n case 2:\n return <LittSurSmiley />;\n case 3:\n return <NoytralSmiley />;\n case 4:\n return <LittGladSmiley />;\n case 5:\n return <VeldigGladSmiley />;\n\n default:\n return <NoytralSmiley />;\n }\n};\n"],"names":["defaultOptions","label","value","textAreaLabel","Smiley","children","jsxs","className","viewBox","fill","xmlns","jsx","cx","cy","r","stroke","strokeWidth","VeldigSurSmiley","d","LittSurSmiley","NoytralSmiley","LittGladSmiley","VeldigGladSmiley","getSmiley"],"mappings":"kDAIO,MAAMA,EAA2C,CACpD,CACIC,MAAO,oBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,kBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,gBACPC,MAAO,EACPC,cAAe,wEAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,+DAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,gEAIjBC,EAA2B,EAAGC,SAAAA,KAChCC,EAAC,MAAA,CACGC,UAAU,mCACV,eAAW,EACXC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENL,SAAA,CAACM,EAAA,SAAA,CAAOC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAeC,YAAY,MAChEX,KAIHY,EAAkB,IACpBX,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,QAEf,OAAK,CAAAE,EAAE,sBAAsBH,OAAO,eAAeC,YAAY,QAC/D,OAAK,CAAAE,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,SAIvEG,EAAgB,IAClBb,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,8EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CW,EAAgB,IAClBd,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,QAAKO,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,MACrEL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CY,EAAiB,IACnBf,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,2EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3Ca,EAAmB,IACrBhB,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,QAEf,OAAK,CAAAE,EAAE,cAAcH,OAAO,eAAeC,YAAY,MACxDL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAIpCc,EAAarB,IACtB,OAAQA,GACJ,KAAK,EACD,SAAQe,EAAgB,CAAA,GAC5B,KAAK,EACD,SAAQE,EAAc,CAAA,GAC1B,KAAK,EAOL,QACI,SAAQC,EAAc,CAAA,GAN1B,KAAK,EACD,SAAQC,EAAe,CAAA,GAC3B,KAAK,EACD,SAAQC,EAAiB,CAAA,GAIjC"}
1	+ {"version":3,"file":"smileyUtils.js","sources":["../../../../../src/components/feedback/questions/smileyUtils.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { WithChildren } from \"../../../core/types.js\";\nimport { FeedbackOption } from \"../types.js\";\n\nexport const defaultOptions: FeedbackOption<number>[] = [\n {\n label: \"Veldig misfornøyd\",\n value: 1,\n textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Litt misfornøyd\",\n value: 2,\n textAreaLabel: \"Det var leit! Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Midt på treet\",\n value: 3,\n textAreaLabel: \"Fortell oss gjerne hva du savner, så kan vi gjøre sidene våre bedre.\",\n },\n {\n label: \"Ganske fornøyd\",\n value: 4,\n textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n },\n {\n label: \"Veldig fornøyd\",\n value: 5,\n textAreaLabel: \"Så bra! Har du noen tilbakemeldinger kan du skrive dem her.\",\n },\n];\n\nconst Smiley: FC<WithChildren> = ({ children }) => (\n <svg\n className=\"jkl-feedback-smiley-option__icon\"\n aria-hidden\n viewBox=\"0 0 40 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n {children}\n </svg>\n);\n\nconst VeldigSurSmiley = () => (\n <Smiley>\n <path\n d=\"M10 30C10 24.4772 14.4772 20 20 20C25.5228 20 30 24.4772 30 30\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <path d=\"M10 13.9865H16.6667\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <path d=\"M23.3333 13.9865H29.9999\" stroke=\"currentColor\" strokeWidth=\"2\" />\n </Smiley>\n);\n\nconst LittSurSmiley = () => (\n <Smiley>\n <path\n d=\"M10 28.75C10 28.75 13.75 23.3334 20 23.3334C26.25 23.3334 30 28.75 30 28.75\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst NoytralSmiley = () => (\n <Smiley>\n <path d=\"M9.15283 25.6986H30.8477\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst LittGladSmiley = () => (\n <Smiley>\n <path\n d=\"M10 23.3334C10 23.3334 12.9167 30 20 30C27.0833 30 30 23.3334 30 23.3334\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n <circle cx=\"27.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nconst VeldigGladSmiley = () => (\n <Smiley>\n <path\n d=\"M30 21C30 26.5228 25.5228 31 20 31C14.4772 31 10 26.5228 10 21\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n />\n <path d=\"M24 14.5H29\" stroke=\"currentColor\" strokeWidth=\"2\" />\n <circle cx=\"12.5\" cy=\"14.5\" r=\"1.5\" fill=\"currentColor\" />\n </Smiley>\n);\n\nexport const getSmiley = (value: number) => {\n switch (value) {\n case 1:\n return <VeldigSurSmiley />;\n case 2:\n return <LittSurSmiley />;\n case 3:\n return <NoytralSmiley />;\n case 4:\n return <LittGladSmiley />;\n case 5:\n return <VeldigGladSmiley />;\n\n default:\n return <NoytralSmiley />;\n }\n};\n"],"names":["defaultOptions","label","value","textAreaLabel","Smiley","children","jsxs","className","viewBox","fill","xmlns","jsx","cx","cy","r","stroke","strokeWidth","VeldigSurSmiley","d","LittSurSmiley","NoytralSmiley","LittGladSmiley","VeldigGladSmiley","getSmiley"],"mappings":"kDAIO,MAAMA,EAA2C,CACpD,CACIC,MAAO,oBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,kBACPC,MAAO,EACPC,cAAe,sFAEnB,CACIF,MAAO,gBACPC,MAAO,EACPC,cAAe,wEAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,+DAEnB,CACIF,MAAO,iBACPC,MAAO,EACPC,cAAe,gEAIjBC,EAA2B,EAAGC,SAAAA,KAChCC,EAAC,MAAA,CACGC,UAAU,mCACV,eAAW,EACXC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENL,SAAA,CAACM,EAAA,SAAA,CAAOC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,OAAO,eAAeC,YAAY,MAChEX,KAIHY,EAAkB,IACpBX,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,QAEf,OAAK,CAAAE,EAAE,sBAAsBH,OAAO,eAAeC,YAAY,QAC/D,OAAK,CAAAE,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,SAIvEG,EAAgB,IAClBb,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,8EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CW,EAAgB,IAClBd,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,QAAKO,EAAE,2BAA2BH,OAAO,eAAeC,YAAY,MACrEL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3CY,EAAiB,IACnBf,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,2EACFH,OAAO,eACPC,YAAY,MAEhBL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,iBACzCE,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAI3Ca,EAAmB,IACrBhB,EAACF,EACG,CAAAC,SAAA,CAAAM,EAAC,OAAA,CACGO,EAAE,iEACFH,OAAO,eACPC,YAAY,QAEf,OAAK,CAAAE,EAAE,cAAcH,OAAO,eAAeC,YAAY,MACxDL,EAAC,UAAOC,GAAG,OAAOC,GAAG,OAAOC,EAAE,MAAML,KAAK,oBAIpCc,EAAarB,IACtB,OAAQA,GACJ,KAAK,EACD,SAAQe,EAAgB,CAAA,GAC5B,KAAK,EACD,SAAQE,EAAc,CAAA,GAC1B,KAAK,EAOL,QACI,SAAQC,EAAc,CAAA,GAN1B,KAAK,EACD,SAAQC,EAAe,CAAA,GAC3B,KAAK,EACD,SAAQC,EAAiB,CAAA,GAIjC"}

package/build/es/components/feedback/utils.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { default as React, JSXElementConstructor, FC } from 'react';
+import { QuestionProps, QuestionType } from './types.js';
+export declare function getChildrenOfType<P>(...allowedTypes: Array<string | JSXElementConstructor<P>>): (children: React.ReactNode) => React.ReactElement<P, string | React.JSXElementConstructor<unknown>>[] | null | undefined;
+export declare const getQuestionFromType: (type: QuestionType) => FC<QuestionProps>;

package/build/es/components/feedback/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import{CheckboxQuestion as e}from"./questions/CheckboxQuestion.js";import{RadioQuestion as s}from"./questions/RadioQuestion.js";import{TextQuestion as o}from"./questions/TextQuestion.js";import{SmileyQuestion as i}from"./questions/SmileyQuestion.js";import"react/jsx-runtime";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"./feedbackContext.js";import"./main-question/mainQuestionContext.js";import"../../utilities/polymorphism/SlotComponent.js";import"../button/Button.js";import"../message/Message.js";import"../message/FormErrorMessage.js";function r(...e){return s=>t.Children.map(s,(s=>{if(t.isValidElement(s)&&e.includes(s.type))return s}))}const n=t=>{switch(t){case"radio":default:return s;case"checkbox":return e;case"text":return o;case"smiley":return i}};export{r as getChildrenOfType,n as getQuestionFromType};
+import t from"react";import{CheckboxQuestion as e}from"./questions/CheckboxQuestion.js";import{RadioQuestion as s}from"./questions/RadioQuestion.js";import{TextQuestion as i}from"./questions/TextQuestion.js";import{SmileyQuestion as o}from"./questions/SmileyQuestion.js";import"react/jsx-runtime";import"../text-input/TextArea.js";import"./feedbackContext.js";import"./main-question/mainQuestionContext.js";import"../button/Button.js";import"../text-input/TextInput.js";import"../message/Message.js";function n(...e){return s=>t.Children.map(s,(s=>{if(t.isValidElement(s)&&e.includes(s.type))return s}))}const r=t=>{switch(t){case"radio":default:return s;case"checkbox":return e;case"text":return i;case"smiley":return o}};export{n as getChildrenOfType,r as getQuestionFromType};
 //# sourceMappingURL=utils.js.map

package/build/es/components/feedback/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport { CheckboxQuestion, RadioQuestion, TextQuestion, SmileyQuestion } from \"./questions\";\nimport { QuestionProps, QuestionType } from \"./types\";\n\nexport function getChildrenOfType<P>(...allowedTypes: Array<string \| JSXElementConstructor<P>>) {\n return (\n children: React.ReactNode,\n ): React.ReactElement<P, string \| React.JSXElementConstructor<unknown>>[] \| null \| undefined =>\n React.Children.map(children, (child) => {\n if (React.isValidElement<P>(child) && allowedTypes.includes(child.type)) {\n return child;\n }\n return undefined;\n });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n switch (type) {\n case \"radio\":\n return RadioQuestion;\n case \"checkbox\":\n return CheckboxQuestion;\n case \"text\":\n return TextQuestion;\n case \"smiley\":\n return SmileyQuestion;\n\n default:\n return RadioQuestion;\n }\n};\n"],"names":["getChildrenOfType","allowedTypes","children","React","Children","map","child","isValidElement","includes","type","getQuestionFromType","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"~~8pBAIO~~,SAASA,KAAwBC,GACpC,OACIC,GAEAC,EAAMC,SAASC,IAAIH,GAAWI,IACtB,GAAAH,EAAMI,eAAkBD,IAAUL,EAAaO,SAASF,EAAMG,MACvDH,OAAAA,CAAAA,GAIvB,CAEa,MAAAI,EAAuBD,IAChC,OAAQA,GACJ,IAAK,QASL,QACWE,OAAAA,EARX,IAAK,WACMC,OAAAA,EACX,IAAK,OACMC,OAAAA,EACX,IAAK,SACMC,OAAAA,EAIf"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/feedback/utils.ts"],"sourcesContent":["import React, { JSXElementConstructor, FC } from \"react\";\nimport { CheckboxQuestion, RadioQuestion, TextQuestion, SmileyQuestion } from \"./questions/index.js\";\nimport { QuestionProps, QuestionType } from \"./types.js\";\n\nexport function getChildrenOfType<P>(...allowedTypes: Array<string \| JSXElementConstructor<P>>) {\n return (\n children: React.ReactNode,\n ): React.ReactElement<P, string \| React.JSXElementConstructor<unknown>>[] \| null \| undefined =>\n React.Children.map(children, (child) => {\n if (React.isValidElement<P>(child) && allowedTypes.includes(child.type)) {\n return child;\n }\n return undefined;\n });\n}\n\nexport const getQuestionFromType = (type: QuestionType): FC<QuestionProps> => {\n switch (type) {\n case \"radio\":\n return RadioQuestion;\n case \"checkbox\":\n return CheckboxQuestion;\n case \"text\":\n return TextQuestion;\n case \"smiley\":\n return SmileyQuestion;\n\n default:\n return RadioQuestion;\n }\n};\n"],"names":["getChildrenOfType","allowedTypes","children","React","Children","map","child","isValidElement","includes","type","getQuestionFromType","RadioQuestion","CheckboxQuestion","TextQuestion","SmileyQuestion"],"mappings":"ofAIO,SAASA,KAAwBC,GACpC,OACIC,GAEAC,EAAMC,SAASC,IAAIH,GAAWI,IACtB,GAAAH,EAAMI,eAAkBD,IAAUL,EAAaO,SAASF,EAAMG,MACvDH,OAAAA,CAAAA,GAIvB,CAEa,MAAAI,EAAuBD,IAChC,OAAQA,GACJ,IAAK,QASL,QACWE,OAAAA,EARX,IAAK,WACMC,OAAAA,EACX,IAAK,OACMC,OAAAA,EACX,IAAK,SACMC,OAAAA,EAIf"}

package/build/es/components/flex/Flex.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { default as React, CSSProperties } from 'react';
+import { default as tokens } from '../../core/tokens.js';
+import { AsChildProps } from '../../utilities/polymorphism/as-child.js';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
+export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export type GapValue = Exclude<keyof (typeof tokens)["spacing"], 0>;
+export type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    direction?: FlexDirection;
+    wrap?: boolean;
+    gap?: GapValue;
+    colGap?: GapValue;
+    rowGap?: GapValue;
+} & Pick<CSSProperties, "alignContent" | "alignItems" | "justifyContent" | "justifyItems">>;
+export type FlexComponent = <ElementType extends React.ElementType = "div">(props: FlexProps<ElementType> & AsChildProps) => React.ReactElement | null;
+export declare const Flex: FlexComponent;

package/build/es/components/flex/Flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport { tokens } from \"../../~~core~~\";\nimport { ~~type~~ ~~AsChildProps,~~ ~~type~~ PolymorphicPropsWithRef, ~~type~~ PolymorphicRef, ~~SlotComponent~~ } from \"../../utilities\";\n\nexport type FlexDirection = \"row\" \| \"row-reverse\" \| \"column\" \| \"column-reverse\";\nexport type GapValue = Exclude<keyof (typeof tokens)[\"spacing\"], 0>;\n\nexport type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n ElementType,\n {\n direction?: FlexDirection;\n wrap?: boolean;\n gap?: GapValue;\n colGap?: GapValue;\n rowGap?: GapValue;\n } & Pick<CSSProperties, \"alignContent\" \| \"alignItems\" \| \"justifyContent\" \| \"justifyItems\">\n>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement \| null;\n\nexport const Flex = React.forwardRef(function Flex<ElementType extends React.ElementType = \"div\">(\n props: FlexProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n) {\n const {\n asChild,\n as = \"div\",\n alignContent,\n alignItems,\n children,\n colGap,\n direction,\n gap,\n justifyContent,\n justifyItems,\n rowGap,\n wrap = false,\n ...rest\n } = props;\n const Component = asChild ? SlotComponent : as;\n\n const flexStyle: CSSProperties = {\n display: \"flex\",\n flexDirection: direction,\n alignContent,\n alignItems,\n justifyContent,\n justifyItems,\n ...(wrap ? { flexWrap: \"wrap\" } : {}),\n ...(gap ? { gap: tokens.spacing[gap] } : {}),\n ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n };\n\n return (\n <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n {children}\n </Component>\n );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"+~~KAsBO~~,MAAMA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}
1	+ {"version":3,"file":"Flex.js","sources":["../../../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { type CSSProperties } from \"react\";\nimport tokens from \"../../core/tokens.js\";\nimport { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport { SlotComponent } from \"../../utilities/polymorphism/index.js\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type FlexDirection = \"row\" \| \"row-reverse\" \| \"column\" \| \"column-reverse\";\nexport type GapValue = Exclude<keyof (typeof tokens)[\"spacing\"], 0>;\n\nexport type FlexProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<\n ElementType,\n {\n direction?: FlexDirection;\n wrap?: boolean;\n gap?: GapValue;\n colGap?: GapValue;\n rowGap?: GapValue;\n } & Pick<CSSProperties, \"alignContent\" \| \"alignItems\" \| \"justifyContent\" \| \"justifyItems\">\n>;\n\nexport type FlexComponent = <ElementType extends React.ElementType = \"div\">(\n props: FlexProps<ElementType> & AsChildProps,\n) => React.ReactElement \| null;\n\nexport const Flex = React.forwardRef(function Flex<ElementType extends React.ElementType = \"div\">(\n props: FlexProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n) {\n const {\n asChild,\n as = \"div\",\n alignContent,\n alignItems,\n children,\n colGap,\n direction,\n gap,\n justifyContent,\n justifyItems,\n rowGap,\n wrap = false,\n ...rest\n } = props;\n const Component = asChild ? SlotComponent : as;\n\n const flexStyle: CSSProperties = {\n display: \"flex\",\n flexDirection: direction,\n alignContent,\n alignItems,\n justifyContent,\n justifyItems,\n ...(wrap ? { flexWrap: \"wrap\" } : {}),\n ...(gap ? { gap: tokens.spacing[gap] } : {}),\n ...(colGap ? { columnGap: tokens.spacing[colGap] } : {}),\n ...(rowGap ? { rowGap: tokens.spacing[rowGap] } : {}),\n };\n\n return (\n <Component ref={ref} {...rest} style={{ ...flexStyle, ...rest.style }}>\n {children}\n </Component>\n );\n}) as FlexComponent;\n"],"names":["Flex","React","forwardRef","props","ref","asChild","as","alignContent","alignItems","children","colGap","direction","gap","justifyContent","justifyItems","rowGap","wrap","rest","Component","SlotComponent","flexStyle","display","flexDirection","flexWrap","tokens","spacing","columnGap","jsx","style"],"mappings":"+KAwBO,MAAMA,EAAOC,EAAMC,YAAW,SACjCC,EACAC,GAEM,MACFC,QAAAA,EACAC,GAAAA,EAAK,MACLC,aAAAA,EACAC,WAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,IAAAA,EACAC,eAAAA,EACAC,aAAAA,EACAC,OAAAA,EACAC,KAAAA,GAAO,KACJC,GACHd,EACEe,EAAYb,EAAUc,EAAgBb,EAEtCc,EAA2B,CAC7BC,QAAS,OACTC,cAAeX,EACfJ,aAAAA,EACAC,WAAAA,EACAK,eAAAA,EACAC,aAAAA,KACIE,EAAO,CAAEO,SAAU,QAAW,CAAC,KAC/BX,EAAM,CAAEA,IAAKY,EAAOC,QAAQb,IAAS,CAAC,KACtCF,EAAS,CAAEgB,UAAWF,EAAOC,QAAQf,IAAY,CAAC,KAClDK,EAAS,CAAEA,OAAQS,EAAOC,QAAQV,IAAY,CAAC,GAGvD,OACKY,EAAAT,EAAA,CAAUd,IAAAA,KAAca,EAAMW,MAAO,IAAKR,KAAcH,EAAKW,OACzDnB,SAAAA,GAGb"}

package/build/es/components/flex/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Flex } from './Flex.js';

package/build/es/components/icon/Icon.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
+import { IconVariant } from './types.js';
+type IconComponentProps<ElementType extends Extract<React.ElementType, "span" | "div">> = PolymorphicPropsWithRef<ElementType, {
+    "data-testid"?: string;
+    /**
+     * Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
+     * `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
+     */
+    variant?: IconVariant;
+    /**
+     * Angir om ikonet skal vises i fet versjon
+     * @default false
+     */
+    bold?: boolean;
+    filled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
+export type IconComponent = (<ElementType extends Extract<React.ElementType, "span" | "div"> = "span">(props: IconComponentProps<ElementType>) => React.ReactElement | null) & {
+    displayName?: string;
+};
+export declare const Icon: IconComponent;
+export {};

package/build/es/components/icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities\";\nimport { IconVariant } from \"./types\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" \| \"div\">> = PolymorphicPropsWithRef<\n ElementType,\n {\n \"data-testid\"?: string;\n /*\n Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n /\n variant?: IconVariant;\n /\n Angir om ikonet skal vises i fet versjon\n * @default false\n */\n bold?: boolean;\n filled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\">(\n props: IconComponentProps<ElementType>,\n) => React.ReactElement \| null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const { bold, children, className, filled, variant, ...iconProps } = props;\n\n return (\n <span\n aria-hidden\n ref={ref}\n className={clsx(\"jkl-icon\", className, {\n \"jkl-icon--filled\": filled,\n \"jkl-icon--bold\": bold,\n [`jkl-icon--${variant}`]: !!variant,\n })}\n {...iconProps}\n >\n {children}\n </span>\n );\n}) as IconComponent;\n"],"names":["Icon","React","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"2GA6BO,MAAMA,EAAsBC,EAAMC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconVariant } from \"./types.js\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" \| \"div\">> = PolymorphicPropsWithRef<\n ElementType,\n {\n \"data-testid\"?: string;\n /*\n Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n /\n variant?: IconVariant;\n /\n Angir om ikonet skal vises i fet versjon\n * @default false\n */\n bold?: boolean;\n filled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\">(\n props: IconComponentProps<ElementType>,\n) => React.ReactElement \| null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n ElementType extends Extract<React.ElementType, \"span\" \| \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const { bold, children, className, filled, variant, ...iconProps } = props;\n\n return (\n <span\n aria-hidden\n ref={ref}\n className={clsx(\"jkl-icon\", className, {\n \"jkl-icon--filled\": filled,\n \"jkl-icon--bold\": bold,\n [`jkl-icon--${variant}`]: !!variant,\n })}\n {...iconProps}\n >\n {children}\n </span>\n );\n}) as IconComponent;\n"],"names":["Icon","React","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","clsx"],"mappings":"2GA6BO,MAAMA,EAAsBC,EAAMC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAK,WAAYL,EAAW,CACnC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}

package/build/es/components/icon/documentation/internal/IconsExampleGrid.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { default as React, CSSProperties } from 'react';
+import { WithChildren } from '../../../../core/types.js';
+interface IconsExampleGridProps extends WithChildren {
+    columns: "two" | "four";
+    style?: CSSProperties;
+}
+export declare const IconsExampleGrid: React.FC<IconsExampleGridProps>;
+export {};

package/build/es/components/icon/icons/ArrowDownIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ArrowDownIcon: IconComponent;

package/build/es/components/icon/icons/ArrowDownIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowDownIcon.js","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5db\"}</Icon>;\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
1	+ {"version":3,"file":"ArrowDownIcon.js","sources":["../../../../../src/components/icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5db\"}</Icon>;\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":["ArrowDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/ArrowLeftIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ArrowLeftIcon: IconComponent;

package/build/es/components/icon/icons/ArrowLeftIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c4\"}</Icon>;\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
1	+ {"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../../src/components/icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c4\"}</Icon>;\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":["ArrowLeftIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/ArrowNorthEastIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ArrowNorthEastIcon: IconComponent;

package/build/es/components/icon/icons/ArrowNorthEastIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowNorthEastIcon.js","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf1e1\"}</Icon>;\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAqCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAClGH,EAAmBI,YAAc"}
1	+ {"version":3,"file":"ArrowNorthEastIcon.js","sources":["../../../../../src/components/icon/icons/ArrowNorthEastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowNorthEastIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf1e1\"}</Icon>;\nArrowNorthEastIcon.displayName = \"ArrowNorthEastIcon\";\n"],"names":["ArrowNorthEastIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAqCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAClGH,EAAmBI,YAAc"}

package/build/es/components/icon/icons/ArrowRightIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ArrowRightIcon: IconComponent;

package/build/es/components/icon/icons/ArrowRightIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c8\"}</Icon>;\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAiCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC9FH,EAAeI,YAAc"}
1	+ {"version":3,"file":"ArrowRightIcon.js","sources":["../../../../../src/components/icon/icons/ArrowRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5c8\"}</Icon>;\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":["ArrowRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAiCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC9FH,EAAeI,YAAc"}

package/build/es/components/icon/icons/ArrowUpIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ArrowUpIcon: IconComponent;

package/build/es/components/icon/icons/ArrowUpIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowUpIcon.js","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d8\"}</Icon>;\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA8BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}
1	+ {"version":3,"file":"ArrowUpIcon.js","sources":["../../../../../src/components/icon/icons/ArrowUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ArrowUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d8\"}</Icon>;\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":["ArrowUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA8BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}

package/build/es/components/icon/icons/CalendarIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const CalendarIcon: IconComponent;

package/build/es/components/icon/icons/CalendarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarIcon.js","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uebcc\"}</Icon>;\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
1	+ {"version":3,"file":"CalendarIcon.js","sources":["../../../../../src/components/icon/icons/CalendarIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CalendarIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uebcc\"}</Icon>;\nCalendarIcon.displayName = \"CalendarIcon\";\n"],"names":["CalendarIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA+BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}

package/build/es/components/icon/icons/CheckIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const CheckIcon: IconComponent;

package/build/es/components/icon/icons/CheckIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5ca\"}</Icon>;\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
1	+ {"version":3,"file":"CheckIcon.js","sources":["../../../../../src/components/icon/icons/CheckIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CheckIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5ca\"}</Icon>;\nCheckIcon.displayName = \"CheckIcon\";\n"],"names":["CheckIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}

package/build/es/components/icon/icons/ChevronDownIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ChevronDownIcon: IconComponent;

package/build/es/components/icon/icons/ChevronDownIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue313\"}</Icon>;\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}
1	+ {"version":3,"file":"ChevronDownIcon.js","sources":["../../../../../src/components/icon/icons/ChevronDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue313\"}</Icon>;\nChevronDownIcon.displayName = \"ChevronDownIcon\";\n"],"names":["ChevronDownIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}

package/build/es/components/icon/icons/ChevronLeftIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ChevronLeftIcon: IconComponent;

package/build/es/components/icon/icons/ChevronLeftIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue314\"}</Icon>;\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}
1	+ {"version":3,"file":"ChevronLeftIcon.js","sources":["../../../../../src/components/icon/icons/ChevronLeftIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronLeftIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue314\"}</Icon>;\nChevronLeftIcon.displayName = \"ChevronLeftIcon\";\n"],"names":["ChevronLeftIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAkCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC/FH,EAAgBI,YAAc"}

package/build/es/components/icon/icons/ChevronRightIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ChevronRightIcon: IconComponent;

package/build/es/components/icon/icons/ChevronRightIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue315\"}</Icon>;\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAmCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAChGH,EAAiBI,YAAc"}
1	+ {"version":3,"file":"ChevronRightIcon.js","sources":["../../../../../src/components/icon/icons/ChevronRightIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronRightIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue315\"}</Icon>;\nChevronRightIcon.displayName = \"ChevronRightIcon\";\n"],"names":["ChevronRightIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAmCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAChGH,EAAiBI,YAAc"}

package/build/es/components/icon/icons/ChevronUpIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const ChevronUpIcon: IconComponent;

package/build/es/components/icon/icons/ChevronUpIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue316\"}</Icon>;\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
1	+ {"version":3,"file":"ChevronUpIcon.js","sources":["../../../../../src/components/icon/icons/ChevronUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const ChevronUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue316\"}</Icon>;\nChevronUpIcon.displayName = \"ChevronUpIcon\";\n"],"names":["ChevronUpIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAAgCC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}

package/build/es/components/icon/icons/CloseIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const CloseIcon: IconComponent;

package/build/es/components/icon/icons/CloseIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5cd\"}</Icon>;\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
1	+ {"version":3,"file":"CloseIcon.js","sources":["../../../../../src/components/icon/icons/CloseIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CloseIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5cd\"}</Icon>;\nCloseIcon.displayName = \"CloseIcon\";\n"],"names":["CloseIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA4BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}

package/build/es/components/icon/icons/CopyIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const CopyIcon: IconComponent;

package/build/es/components/icon/icons/CopyIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue14d\"}</Icon>;\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
1	+ {"version":3,"file":"CopyIcon.js","sources":["../../../../../src/components/icon/icons/CopyIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon.js\";\nimport { type IconProps } from \"../types.js\";\n\nexport const CopyIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue14d\"}</Icon>;\nCopyIcon.displayName = \"CopyIcon\";\n"],"names":["CopyIcon","props","Icon","children","displayName"],"mappings":"0EAIO,MAAMA,EAA2BC,KAAsBC,EAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}

package/build/es/components/icon/icons/DotsIcon.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { IconComponent } from '../Icon.js';
2	+ export declare const DotsIcon: IconComponent;