@fremtind/jokul 0.69.2 → 0.70.0

package/build/cjs/components/file/File.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),c=require("react"),n=require("../../utilities/formatters/bytes/formatBytes.cjs");require("../../utilities/polymorphism/SlotComponent.cjs");const o=require("../button/Button.cjs"),r=require("../file-input/internal/fileInputContext.cjs");require("../icon/Icon.cjs"),require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../icon/icons/animated/PlusRemoveAnimated.cjs"),require("../icon/icons/ArrowDownIcon.cjs"),require("../icon/icons/ArrowLeftIcon.cjs"),require("../icon/icons/ArrowNorthEastIcon.cjs"),require("../icon/icons/ArrowRightIcon.cjs"),require("../icon/icons/ArrowUpIcon.cjs"),require("../icon/icons/CalendarIcon.cjs"),require("../icon/icons/CheckIcon.cjs"),require("../icon/icons/ChevronDownIcon.cjs"),require("../icon/icons/ChevronLeftIcon.cjs"),require("../icon/icons/ChevronRightIcon.cjs"),require("../icon/icons/ChevronUpIcon.cjs"),require("../icon/icons/CloseIcon.cjs"),require("../icon/icons/CopyIcon.cjs"),require("../icon/icons/DotsIcon.cjs"),require("../icon/icons/DragIcon.cjs"),require("../icon/icons/ErrorIcon.cjs"),require("../icon/icons/GreenCheckIcon.cjs"),require("../icon/icons/HamburgerIcon.cjs"),require("../icon/icons/InfoIcon.cjs"),require("../icon/icons/LinkIcon.cjs"),require("../icon/icons/MinusIcon.cjs"),require("../icon/icons/OpenInNewIcon.cjs"),require("../icon/icons/PenIcon.cjs"),require("../icon/icons/PlusIcon.cjs"),require("../icon/icons/QuestionIcon.cjs"),require("../icon/icons/RedCrossIcon.cjs"),require("../icon/icons/SearchIcon.cjs"),require("../icon/icons/SuccessIcon.cjs"),require("../icon/icons/ThumbDownIcon.cjs"),require("../icon/icons/ThumbUpIcon.cjs");const s=require("../icon/icons/TrashCanIcon.cjs");require("../icon/icons/WarningIcon.cjs"),require("../../hooks/useId/useId.cjs");const t=require("../input-group/SupportLabel.cjs");require("../input-group/InputGroup.cjs");const l=require("../link/Link.cjs");exports.File=u=>{const{children:a,className:j,fileName:q,fileType:I,fileSize:m,path:p,file:_,state:d,errorLabel:h="Feil",onRemove:f,variant:x="list",...k}=u,b=`jkl-file-preview-${c.useId()}`,C=`${b}-support`,v=r.useFileInputContext(),N=I.startsWith("image/")&&(_?URL.createObjectURL(_):p),g=e.jsxs("div",{id:b,className:i.clsx(j,"jkl-file",`jkl-file--${x}`),"data-state":d,...k,children:[e.jsxs("div",{className:"jkl-file__content",children:[e.jsx("div",{className:"jkl-file__content__thumbnail","data-filetype":I,children:e.jsx("img",{src:N||void 0,alt:""})}),p?e.jsx("p",{className:"jkl-file__content__name",children:e.jsxs(l.Link,{href:p,children:[q," ",e.jsxs("span",{className:"jkl-file__content__name__size",children:["(",n.formatBytes(m),")"]})]})}):e.jsxs("p",{className:"jkl-file__content__name",children:[q," ",e.jsxs("span",{className:"jkl-file__content__name__size",children:["(",n.formatBytes(m),")"]})]}),f&&e.jsx(o.Button,{variant:"ghost",className:"jkl-file__content__button",onClick:f,title:`Fjern ${q}`,icon:e.jsx(s.TrashCanIcon,{})})]}),"error"===d&&h&&e.jsx(t.SupportLabel,{className:"jkl-file__support-label",id:C,label:h,labelType:"error"})]});return v?e.jsx("li",{children:g}):g};
+//# sourceMappingURL=File.cjs.map

package/build/cjs/components/file/File.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.cjs","sources":["../../../../src/components/file/File.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {type ComponentProps, type FC, useId} from \"react\";\nimport {formatBytes} from \"../../utilities/index.js\";\nimport {Button} from \"../button/index.js\";\nimport {useFileInputContext} from \"../file-input/internal/fileInputContext.js\";\nimport {TrashCanIcon} from \"../icon/index.js\";\nimport {SupportLabel} from \"../input-group/index.js\";\nimport {Link} from \"../link/index.js\";\nimport type {FileProps} from \"./types.js\";\n\nexport const File: FC<FileProps & ComponentProps<\"div\">> = (props) => {\n    const {\n        children,\n        className,\n        fileName,\n        fileType,\n        fileSize,\n        path,\n        file,\n        state,\n        errorLabel = \"Feil\",\n        onRemove,\n        variant = \"list\",\n        ...rest\n    } = props;\n\n    const id = `jkl-file-preview-${useId()}`;\n    const supportId = `${id}-support`;\n\n    const context = useFileInputContext();\n\n    const imageSrc =\n        fileType.startsWith(\"image/\") &&\n        (file ? URL.createObjectURL(file) : path);\n\n    const fileComponent = (\n        <div\n            id={id}\n            className={clsx(className, \"jkl-file\", `jkl-file--${variant}`)}\n            data-state={state}\n            {...rest}\n        >\n            <div className={\"jkl-file__content\"}>\n                <div\n                    className=\"jkl-file__content__thumbnail\"\n                    data-filetype={fileType}\n                >\n                    <img src={imageSrc || undefined} alt=\"\"/>\n                </div>\n                {path ? (\n                    <p className=\"jkl-file__content__name\">\n                        <Link href={path}>\n                            {fileName}{\" \"}\n                            <span className=\"jkl-file__content__name__size\">\n                                ({formatBytes(fileSize)})\n                            </span>\n                        </Link>\n                    </p>\n                ) : (\n                    <p className=\"jkl-file__content__name\">\n                        {fileName}{\" \"}\n                        <span className=\"jkl-file__content__name__size\">\n                            ({formatBytes(fileSize)})\n                        </span>\n                    </p>\n                )}\n                {onRemove && (\n                    <Button\n                        variant={\"ghost\"}\n                        className=\"jkl-file__content__button\"\n                        onClick={onRemove}\n                        title={`Fjern ${fileName}`}\n                        icon={<TrashCanIcon/>}\n                    />\n                )}\n            </div>\n\n            {state === \"error\" && errorLabel && (\n                <SupportLabel\n                    className=\"jkl-file__support-label\"\n                    id={supportId}\n                    label={errorLabel}\n                    labelType={\"error\"}\n                />\n            )}\n        </div>\n    );\n\n    return context ? <li>{fileComponent}</li> : fileComponent;\n};\n"],"names":["props","children","className","fileName","fileType","fileSize","path","file","state","errorLabel","onRemove","variant","rest","id","useId","supportId","context","useFileInputContext","imageSrc","startsWith","URL","createObjectURL","fileComponent","jsxs","clsx","jsx","src","alt","Link","href","formatBytes","Button","onClick","title","icon","TrashCanIcon","SupportLabel","label","labelType"],"mappings":"+jEAU4DA,IAClD,MACFC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,WAAAA,EAAa,OACbC,SAAAA,EACAC,QAAAA,EAAU,UACPC,GACHZ,EAEEa,EAAK,oBAAoBC,EAAAA,UACzBC,EAAY,GAAGF,YAEfG,EAAUC,EAAAA,sBAEVC,EACFd,EAASe,WAAW,YACnBZ,EAAOa,IAAIC,gBAAgBd,GAAQD,GAElCgB,EACFC,EAAAA,KAAC,MAAA,CACGV,GAAAA,EACAX,UAAWsB,EAAKA,KAAAtB,EAAW,WAAY,aAAaS,KACpD,aAAYH,KACRI,EAEJX,SAAA,CAACsB,EAAAA,KAAA,MAAA,CAAIrB,UAAW,oBACZD,SAAA,CAAAwB,EAAAA,IAAC,MAAA,CACGvB,UAAU,+BACV,gBAAeE,EAEfH,eAAC,MAAI,CAAAyB,IAAKR,QAAY,EAAWS,IAAI,OAExCrB,QACI,IAAE,CAAAJ,UAAU,0BACTD,SAACsB,EAAAA,KAAAK,EAAAA,KAAA,CAAKC,KAAMvB,EACPL,SAAA,CAAAE,EAAU,IACXoB,EAAAA,KAAC,OAAK,CAAArB,UAAU,gCAAgCD,SAAA,CAAA,IAC1C6B,EAAAA,YAAYzB,GAAU,YAKnCkB,EAAAA,KAAA,IAAA,CAAErB,UAAU,0BACRD,SAAA,CAAAE,EAAU,IACXoB,EAAAA,KAAC,OAAK,CAAArB,UAAU,gCAAgCD,SAAA,CAAA,IAC1C6B,EAAAA,YAAYzB,GAAU,UAInCK,GACGe,EAAAA,IAACM,EAAAA,OAAA,CACGpB,QAAS,QACTT,UAAU,4BACV8B,QAAStB,EACTuB,MAAO,SAAS9B,IAChB+B,WAAOC,EAAAA,aAAY,CAAA,QAKpB,UAAV3B,GAAqBC,GAClBgB,EAAAA,IAACW,EAAAA,aAAA,CACGlC,UAAU,0BACVW,GAAIE,EACJsB,MAAO5B,EACP6B,UAAW,aAM3B,OAAOtB,EAAUS,EAAAA,IAAC,KAAI,CAAAxB,SAAAqB,IAAsBA"}

package/build/cjs/components/file/File.d.cts

@@ -0,0 +1,3 @@
+import { ComponentProps, FC } from 'react';
+import { FileProps } from './types.cjs';
+export declare const File: FC<FileProps & ComponentProps<"div">>;

package/build/cjs/components/file/index.cjs

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

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

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

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

@@ -0,0 +1,2 @@
+export { File } from './File.cjs';
+export type { FileProps } from './types.cjs';