@mage-ui/components 1.0.128 → 1.0.130
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/data-display/file-icon/FileIcon.d.mts.map +1 -1
- package/dist/components/data-display/file-icon/FileIcon.mjs +1 -1
- package/dist/components/data-display/file-icon/FileIcon.mjs.map +1 -1
- package/dist/components/data-display/uploaded-file/UploadedFile.mjs +1 -1
- package/dist/components/data-display/uploaded-file/UploadedFile.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileIcon.d.mts","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"FileIcon.d.mts","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"mappings":";;;;;KAwGY,aAAA;EACV,QAAA;EACA,QAAA;EACA,UAAA;IACE,QAAA;IACA,WAAA,GAAc,gBAAA;IACd,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,QAAA;EAAY,QAAA;EAAA,QAAA;EAAA;AAAA,GAAoC,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{fileIcon as r,fileIconIcon as i,fileIconIconIconRaw as a,fileIconIconIconRawRoot as o,fileIconIconRoot as s,fileIconIconWrapped as c,fileIconIconWrappedRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";const d=[{match:e=>e.startsWith(`image/`),type:`image`},{match:e=>e.startsWith(`video/`),type:`video`},{match:e=>e.startsWith(`audio/`),type:`audio`},{match:e=>e===`application/pdf`,type:`pdf`},{match:e=>e.startsWith(`text/`),type:`text`},{match:e=>[`application/zip`,`application/x-zip-compressed`,`application/x-rar-compressed`,`application/x-7z-compressed`].includes(e),type:`archive`}],f={png:`image`,jpg:`image`,jpeg:`image`,webp:`image`,gif:`image`,mp4:`video`,mov:`video`,webm:`video`,mp3:`audio`,wav:`audio`,txt:`text`,md:`text`,csv:`text`,pdf:`pdf`,zip:`archive`,rar:`archive`,"7z":`archive`},p={image:`mage-file-icon-image`,video:`mage-file-icon-video`,audio:`mage-file-icon-audio`,text:`mage-file-icon-text`,pdf:`mage-file-icon-pdf`,archive:`mage-file-icon-archive`,default:`mage-file-icon-attachment`},m=(e,t)=>{if(e){let t=d.find(({match:t})=>t(e));if(t)return p[t.type]}if(t){let e=t.split(`.`).pop()?.toLowerCase();if(e&&f[e])return p[f[e]]}return p.default},h=({fileType:d,fileName:f,classNames:p})=>{let h=m(d,f);return u(t,{classNames:{iconWrapped:n(p?.fileIcon??r(),p?.iconWrapped?.iconWrapped??c()),root:n(p?.iconWrapped?.root??l())},children:u(e,{name:h,path:`/icons/sprite-mage.svg`,classNames:{icon:p?.icon?.icon??i(),root:p?.icon?.root??s(),iconRaw:{iconRaw:p?.icon?.iconRaw?.iconRaw??a(),root:p?.icon?.iconRaw?.root??o()}}})})};export{h as FileIcon};
|
|
1
|
+
import{Icon as e}from"../icons/icon/Icon.mjs";import{IconWrapped as t}from"../icons/icon-wrapped/IconWrapped.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{fileIcon as r,fileIconIcon as i,fileIconIconIconRaw as a,fileIconIconIconRawRoot as o,fileIconIconRoot as s,fileIconIconWrapped as c,fileIconIconWrappedRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u}from"react/jsx-runtime";const d=[{match:e=>e.startsWith(`image/`),type:`image`},{match:e=>e.startsWith(`video/`),type:`video`},{match:e=>e.startsWith(`audio/`),type:`audio`},{match:e=>e===`application/pdf`,type:`pdf`},{match:e=>e.startsWith(`text/`),type:`text`},{match:e=>[`application/zip`,`application/x-zip-compressed`,`application/x-rar-compressed`,`application/x-7z-compressed`].includes(e),type:`archive`}],f={png:`image`,jpg:`image`,jpeg:`image`,webp:`image`,gif:`image`,heic:`image`,heif:`image`,tiff:`image`,bmp:`image`,svg:`image`,mp4:`video`,mov:`video`,webm:`video`,avi:`video`,mp3:`audio`,wav:`audio`,aac:`audio`,txt:`text`,md:`text`,csv:`text`,doc:`text`,docx:`text`,xlsx:`text`,pptx:`text`,pdf:`pdf`,zip:`archive`,rar:`archive`,"7z":`archive`},p={image:`mage-file-icon-image`,video:`mage-file-icon-video`,audio:`mage-file-icon-audio`,text:`mage-file-icon-text`,pdf:`mage-file-icon-pdf`,archive:`mage-file-icon-archive`,default:`mage-file-icon-attachment`},m=(e,t)=>{if(e){let t=d.find(({match:t})=>t(e));if(t)return p[t.type]}if(t){let e=t.split(`.`).pop()?.toLowerCase();if(e&&f[e])return p[f[e]]}return p.default},h=({fileType:d,fileName:f,classNames:p})=>{let h=m(d,f);return u(t,{classNames:{iconWrapped:n(p?.fileIcon??r(),p?.iconWrapped?.iconWrapped??c()),root:n(p?.iconWrapped?.root??l())},children:u(e,{name:h,path:`/icons/sprite-mage.svg`,classNames:{icon:p?.icon?.icon??i(),root:p?.icon?.root??s(),iconRaw:{iconRaw:p?.icon?.iconRaw?.iconRaw??a(),root:p?.icon?.iconRaw?.root??o()}}})})};export{h as FileIcon};
|
|
2
2
|
//# sourceMappingURL=FileIcon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileIcon.mjs","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n fileIcon,\n fileIconIcon,\n fileIconIconIconRaw,\n fileIconIconIconRawRoot,\n fileIconIconRoot,\n fileIconIconWrapped,\n fileIconIconWrappedRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n Icon,\n type IconProps,\n IconWrapped,\n type IconWrappedProps,\n} from '@/components/data-display';\n\ntype FileIconType =\n | 'image'\n | 'video'\n | 'audio'\n | 'text'\n | 'pdf'\n | 'archive'\n | 'default';\n\nconst MIME_ICON_MAP: Array<{\n match: (mime: string) => boolean;\n type: FileIconType;\n}> = [\n { match: (m) => m.startsWith('image/'), type: 'image' },\n { match: (m) => m.startsWith('video/'), type: 'video' },\n { match: (m) => m.startsWith('audio/'), type: 'audio' },\n { match: (m) => m === 'application/pdf', type: 'pdf' },\n { match: (m) => m.startsWith('text/'), type: 'text' },\n {\n match: (m) =>\n [\n 'application/zip',\n 'application/x-zip-compressed',\n 'application/x-rar-compressed',\n 'application/x-7z-compressed',\n ].includes(m),\n type: 'archive',\n },\n];\n\nconst EXTENSION_ICON_MAP: Record<string, FileIconType> = {\n png: 'image',\n jpg: 'image',\n jpeg: 'image',\n webp: 'image',\n gif: 'image',\n mp4: 'video',\n mov: 'video',\n webm: 'video',\n mp3: 'audio',\n wav: 'audio',\n txt: 'text',\n md: 'text',\n csv: 'text',\n pdf: 'pdf',\n zip: 'archive',\n rar: 'archive',\n '7z': 'archive',\n};\n\nconst ICON_NAME_MAP: Record<FileIconType, string> = {\n image: 'mage-file-icon-image',\n video: 'mage-file-icon-video',\n audio: 'mage-file-icon-audio',\n text: 'mage-file-icon-text',\n pdf: 'mage-file-icon-pdf',\n archive: 'mage-file-icon-archive',\n default: 'mage-file-icon-attachment',\n};\n\nconst resolveIconName = (fileType?: string, fileName?: string): string => {\n if (fileType) {\n const match = MIME_ICON_MAP.find(({ match }) => match(fileType));\n if (match) return ICON_NAME_MAP[match.type];\n }\n\n if (fileName) {\n const ext = fileName.split('.').pop()?.toLowerCase();\n if (ext && EXTENSION_ICON_MAP[ext]) {\n return ICON_NAME_MAP[EXTENSION_ICON_MAP[ext]];\n }\n }\n\n return ICON_NAME_MAP.default;\n};\n\nexport type FileIconProps = {\n fileType?: string;\n fileName?: string;\n classNames?: {\n fileIcon?: string;\n iconWrapped?: IconWrappedProps['classNames'];\n icon?: IconProps['classNames'];\n };\n};\n\nexport const FileIcon = ({ fileType, fileName, classNames }: FileIconProps) => {\n const iconName = resolveIconName(fileType, fileName);\n\n return (\n <IconWrapped\n classNames={{\n iconWrapped: cx(\n classNames?.fileIcon ?? fileIcon(),\n classNames?.iconWrapped?.iconWrapped ?? fileIconIconWrapped(),\n ),\n root: cx(classNames?.iconWrapped?.root ?? fileIconIconWrappedRoot()),\n }}\n >\n <Icon\n name={iconName}\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? fileIconIcon(),\n root: classNames?.icon?.root ?? fileIconIconRoot(),\n iconRaw: {\n iconRaw:\n classNames?.icon?.iconRaw?.iconRaw ?? fileIconIconIconRaw(),\n root: classNames?.icon?.iconRaw?.root ?? fileIconIconIconRawRoot(),\n },\n }}\n />\n </IconWrapped>\n );\n};\n"],"mappings":"wZA0BA,MAAM,EAGD,CACH,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,IAAM,kBAAmB,KAAM,MAAO,CACtD,CAAE,MAAQ,GAAM,EAAE,WAAW,QAAQ,CAAE,KAAM,OAAQ,CACrD,CACE,MAAQ,GACN,CACE,kBACA,+BACA,+BACA,8BACD,CAAC,SAAS,EAAE,CACf,KAAM,UACP,CACF,CAEK,EAAmD,CACvD,IAAK,QACL,IAAK,QACL,KAAM,QACN,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,OACL,GAAI,OACJ,IAAK,OACL,IAAK,MACL,IAAK,UACL,IAAK,UACL,KAAM,UACP,CAEK,EAA8C,CAClD,MAAO,uBACP,MAAO,uBACP,MAAO,uBACP,KAAM,sBACN,IAAK,qBACL,QAAS,yBACT,QAAS,4BACV,CAEK,GAAmB,EAAmB,IAA8B,CACxE,GAAI,EAAU,CACZ,IAAM,EAAQ,EAAc,MAAM,CAAE,WAAY,EAAM,EAAS,CAAC,CAChE,GAAI,EAAO,OAAO,EAAc,EAAM,MAGxC,GAAI,EAAU,CACZ,IAAM,EAAM,EAAS,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,CACpD,GAAI,GAAO,EAAmB,GAC5B,OAAO,EAAc,EAAmB,IAI5C,OAAO,EAAc,SAaV,GAAY,CAAE,WAAU,WAAU,gBAAgC,CAC7E,IAAM,EAAW,EAAgB,EAAU,EAAS,CAEpD,OACE,EAAC,EAAD,CACE,WAAY,CACV,YAAa,EACX,GAAY,UAAY,GAAU,CAClC,GAAY,aAAa,aAAe,GAAqB,CAC9D,CACD,KAAM,EAAG,GAAY,aAAa,MAAQ,GAAyB,CAAC,CACrE,UAED,EAAC,EAAD,CACE,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAc,CAC9C,KAAM,GAAY,MAAM,MAAQ,GAAkB,CAClD,QAAS,CACP,QACE,GAAY,MAAM,SAAS,SAAW,GAAqB,CAC7D,KAAM,GAAY,MAAM,SAAS,MAAQ,GAAyB,CACnE,CACF,CACD,CAAA,CACU,CAAA"}
|
|
1
|
+
{"version":3,"file":"FileIcon.mjs","names":[],"sources":["../../../../src/components/data-display/file-icon/FileIcon.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n fileIcon,\n fileIconIcon,\n fileIconIconIconRaw,\n fileIconIconIconRawRoot,\n fileIconIconRoot,\n fileIconIconWrapped,\n fileIconIconWrappedRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n Icon,\n type IconProps,\n IconWrapped,\n type IconWrappedProps,\n} from '@/components/data-display';\n\ntype FileIconType =\n | 'image'\n | 'video'\n | 'audio'\n | 'text'\n | 'pdf'\n | 'archive'\n | 'default';\n\nconst MIME_ICON_MAP: Array<{\n match: (mime: string) => boolean;\n type: FileIconType;\n}> = [\n { match: (m) => m.startsWith('image/'), type: 'image' },\n { match: (m) => m.startsWith('video/'), type: 'video' },\n { match: (m) => m.startsWith('audio/'), type: 'audio' },\n { match: (m) => m === 'application/pdf', type: 'pdf' },\n { match: (m) => m.startsWith('text/'), type: 'text' },\n {\n match: (m) =>\n [\n 'application/zip',\n 'application/x-zip-compressed',\n 'application/x-rar-compressed',\n 'application/x-7z-compressed',\n ].includes(m),\n type: 'archive',\n },\n];\n\nconst EXTENSION_ICON_MAP: Record<string, FileIconType> = {\n png: 'image',\n jpg: 'image',\n jpeg: 'image',\n webp: 'image',\n gif: 'image',\n heic: 'image',\n heif: 'image',\n tiff: 'image',\n bmp: 'image',\n svg: 'image',\n mp4: 'video',\n mov: 'video',\n webm: 'video',\n avi: 'video',\n mp3: 'audio',\n wav: 'audio',\n aac: 'audio',\n txt: 'text',\n md: 'text',\n csv: 'text',\n doc: 'text',\n docx: 'text',\n xlsx: 'text',\n pptx: 'text',\n pdf: 'pdf',\n zip: 'archive',\n rar: 'archive',\n '7z': 'archive',\n};\n\nconst ICON_NAME_MAP: Record<FileIconType, string> = {\n image: 'mage-file-icon-image',\n video: 'mage-file-icon-video',\n audio: 'mage-file-icon-audio',\n text: 'mage-file-icon-text',\n pdf: 'mage-file-icon-pdf',\n archive: 'mage-file-icon-archive',\n default: 'mage-file-icon-attachment',\n};\n\nconst resolveIconName = (fileType?: string, fileName?: string): string => {\n if (fileType) {\n const match = MIME_ICON_MAP.find(({ match }) => match(fileType));\n if (match) return ICON_NAME_MAP[match.type];\n }\n\n if (fileName) {\n const ext = fileName.split('.').pop()?.toLowerCase();\n if (ext && EXTENSION_ICON_MAP[ext]) {\n return ICON_NAME_MAP[EXTENSION_ICON_MAP[ext]];\n }\n }\n\n return ICON_NAME_MAP.default;\n};\n\nexport type FileIconProps = {\n fileType?: string;\n fileName?: string;\n classNames?: {\n fileIcon?: string;\n iconWrapped?: IconWrappedProps['classNames'];\n icon?: IconProps['classNames'];\n };\n};\n\nexport const FileIcon = ({ fileType, fileName, classNames }: FileIconProps) => {\n const iconName = resolveIconName(fileType, fileName);\n\n return (\n <IconWrapped\n classNames={{\n iconWrapped: cx(\n classNames?.fileIcon ?? fileIcon(),\n classNames?.iconWrapped?.iconWrapped ?? fileIconIconWrapped(),\n ),\n root: cx(classNames?.iconWrapped?.root ?? fileIconIconWrappedRoot()),\n }}\n >\n <Icon\n name={iconName}\n path='/icons/sprite-mage.svg'\n classNames={{\n icon: classNames?.icon?.icon ?? fileIconIcon(),\n root: classNames?.icon?.root ?? fileIconIconRoot(),\n iconRaw: {\n iconRaw:\n classNames?.icon?.iconRaw?.iconRaw ?? fileIconIconIconRaw(),\n root: classNames?.icon?.iconRaw?.root ?? fileIconIconIconRawRoot(),\n },\n }}\n />\n </IconWrapped>\n );\n};\n"],"mappings":"wZA0BA,MAAM,EAGD,CACH,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,EAAE,WAAW,SAAS,CAAE,KAAM,QAAS,CACvD,CAAE,MAAQ,GAAM,IAAM,kBAAmB,KAAM,MAAO,CACtD,CAAE,MAAQ,GAAM,EAAE,WAAW,QAAQ,CAAE,KAAM,OAAQ,CACrD,CACE,MAAQ,GACN,CACE,kBACA,+BACA,+BACA,8BACD,CAAC,SAAS,EAAE,CACf,KAAM,UACP,CACF,CAEK,EAAmD,CACvD,IAAK,QACL,IAAK,QACL,KAAM,QACN,KAAM,QACN,IAAK,QACL,KAAM,QACN,KAAM,QACN,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,OACL,GAAI,OACJ,IAAK,OACL,IAAK,OACL,KAAM,OACN,KAAM,OACN,KAAM,OACN,IAAK,MACL,IAAK,UACL,IAAK,UACL,KAAM,UACP,CAEK,EAA8C,CAClD,MAAO,uBACP,MAAO,uBACP,MAAO,uBACP,KAAM,sBACN,IAAK,qBACL,QAAS,yBACT,QAAS,4BACV,CAEK,GAAmB,EAAmB,IAA8B,CACxE,GAAI,EAAU,CACZ,IAAM,EAAQ,EAAc,MAAM,CAAE,WAAY,EAAM,EAAS,CAAC,CAChE,GAAI,EAAO,OAAO,EAAc,EAAM,MAGxC,GAAI,EAAU,CACZ,IAAM,EAAM,EAAS,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,CACpD,GAAI,GAAO,EAAmB,GAC5B,OAAO,EAAc,EAAmB,IAI5C,OAAO,EAAc,SAaV,GAAY,CAAE,WAAU,WAAU,gBAAgC,CAC7E,IAAM,EAAW,EAAgB,EAAU,EAAS,CAEpD,OACE,EAAC,EAAD,CACE,WAAY,CACV,YAAa,EACX,GAAY,UAAY,GAAU,CAClC,GAAY,aAAa,aAAe,GAAqB,CAC9D,CACD,KAAM,EAAG,GAAY,aAAa,MAAQ,GAAyB,CAAC,CACrE,UAED,EAAC,EAAD,CACE,KAAM,EACN,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAc,CAC9C,KAAM,GAAY,MAAM,MAAQ,GAAkB,CAClD,QAAS,CACP,QACE,GAAY,MAAM,SAAS,SAAW,GAAqB,CAC7D,KAAM,GAAY,MAAM,SAAS,MAAQ,GAAyB,CACnE,CACF,CACD,CAAA,CACU,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{FileIcon as e}from"../file-icon/FileIcon.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{uploadedFile as n,uploadedFileButtonIcon as r,uploadedFileButtonIconIcon as i,uploadedFileButtonIconIconRaw as a,uploadedFileButtonIconIconRawRoot as o,uploadedFileButtonIconRoot as s,uploadedFileContent as c,uploadedFileDetails as l,uploadedFileFileIcon as u,
|
|
1
|
+
import{FileIcon as e}from"../file-icon/FileIcon.mjs";import{RemovableItem as t}from"../removable-item/RemovableItem.mjs";import{uploadedFile as n,uploadedFileButtonIcon as r,uploadedFileButtonIconIcon as i,uploadedFileButtonIconIconRaw as a,uploadedFileButtonIconIconRawRoot as o,uploadedFileButtonIconRoot as s,uploadedFileContent as c,uploadedFileDetails as l,uploadedFileFileIcon as u,uploadedFileFileIconIcon as d,uploadedFileFileIconIconIconRaw as f,uploadedFileFileIconIconIconRawRoot as p,uploadedFileFileIconIconRoot as m,uploadedFileFileIconIconWrapped as h,uploadedFileFileIconIconWrappedRoot as g,uploadedFileLink as _,uploadedFileName as v,uploadedFileRoot as y,uploadedFileSection as b}from"@mage-ui/styled-system/recipes";import{jsx as x,jsxs as S}from"react/jsx-runtime";const C=({clearButtonLabel:C=`Remove file`,fileName:w,fileType:T,url:E,children:D,onRemove:O,classNames:k})=>S(t,{startSlot:x(e,{fileType:T,fileName:typeof w==`string`?w:void 0,classNames:{fileIcon:k?.fileIcon?.fileIcon??u(),iconWrapped:{iconWrapped:k?.fileIcon?.iconWrapped?.iconWrapped??h(),root:k?.fileIcon?.iconWrapped?.root??g()},icon:{icon:k?.fileIcon?.icon?.icon??d(),root:k?.fileIcon?.icon?.root??m(),iconRaw:{iconRaw:k?.fileIcon?.icon?.iconRaw?.iconRaw??f(),root:k?.fileIcon?.icon?.iconRaw?.root??p()}}}}),onRemove:O,removeButtonLabel:C,classNames:{removableItem:k?.uploadedFile??n(),root:k?.root??y(),section:k?.section??b(),content:k?.content??c(),buttonIcon:{buttonIcon:k?.buttonIcon?.buttonIcon??r(),root:k?.buttonIcon?.root??s(),icon:k?.buttonIcon?.icon??i(),iconRaw:{iconRaw:k?.buttonIcon?.iconRaw?.iconRaw??a(),root:k?.buttonIcon?.iconRaw?.root??o()}}},children:[E?x(`a`,{href:E,target:`_blank`,rel:`noopener noreferrer`,download:!0,className:k?.fileLink??_(),children:w}):x(`span`,{className:k?.fileName??v(),children:w}),x(`div`,{className:k?.details??l(),children:D})]});export{C as UploadedFile};
|
|
2
2
|
//# sourceMappingURL=UploadedFile.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n uploadedFile,\n uploadedFileButtonIcon,\n uploadedFileButtonIconIcon,\n uploadedFileButtonIconIconRaw,\n uploadedFileButtonIconIconRawRoot,\n uploadedFileButtonIconRoot,\n uploadedFileContent,\n uploadedFileDetails,\n uploadedFileFileIcon,\n
|
|
1
|
+
{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n uploadedFile,\n uploadedFileButtonIcon,\n uploadedFileButtonIconIcon,\n uploadedFileButtonIconIconRaw,\n uploadedFileButtonIconIconRawRoot,\n uploadedFileButtonIconRoot,\n uploadedFileContent,\n uploadedFileDetails,\n uploadedFileFileIcon,\n uploadedFileFileIconIcon,\n uploadedFileFileIconIconIconRaw,\n uploadedFileFileIconIconIconRawRoot,\n uploadedFileFileIconIconRoot,\n uploadedFileFileIconIconWrapped,\n uploadedFileFileIconIconWrappedRoot,\n uploadedFileLink,\n uploadedFileName,\n uploadedFileRoot,\n uploadedFileSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n RemovableItem,\n type RemovableItemProps,\n} from '@/components/data-display';\n\nimport { FileIcon, type FileIconProps } from '../file-icon/FileIcon';\n\nexport type UploadedFileProps = {\n clearButtonLabel?: string;\n fileName?: ReactNode;\n fileType?: string;\n url?: string;\n children: ReactNode;\n onRemove: () => void;\n classNames?: {\n uploadedFile?: string;\n root?: string;\n section?: string;\n content?: string;\n details?: string;\n fileLink?: string;\n fileName?: string;\n fileIcon?: FileIconProps['classNames'];\n removableItem?: RemovableItemProps['classNames'];\n buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n };\n};\n\nexport const UploadedFile = ({\n clearButtonLabel = 'Remove file',\n fileName,\n fileType,\n url,\n children,\n onRemove,\n classNames,\n}: UploadedFileProps) => {\n return (\n <RemovableItem\n startSlot={\n <FileIcon\n fileType={fileType}\n fileName={typeof fileName === 'string' ? fileName : undefined}\n classNames={{\n fileIcon: classNames?.fileIcon?.fileIcon ?? uploadedFileFileIcon(),\n iconWrapped: {\n iconWrapped:\n classNames?.fileIcon?.iconWrapped?.iconWrapped ??\n uploadedFileFileIconIconWrapped(),\n root:\n classNames?.fileIcon?.iconWrapped?.root ??\n uploadedFileFileIconIconWrappedRoot(),\n },\n icon: {\n icon:\n classNames?.fileIcon?.icon?.icon ?? uploadedFileFileIconIcon(),\n root:\n classNames?.fileIcon?.icon?.root ??\n uploadedFileFileIconIconRoot(),\n iconRaw: {\n iconRaw:\n classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n uploadedFileFileIconIconIconRaw(),\n root:\n classNames?.fileIcon?.icon?.iconRaw?.root ??\n uploadedFileFileIconIconIconRawRoot(),\n },\n },\n }}\n />\n }\n onRemove={onRemove}\n removeButtonLabel={clearButtonLabel}\n classNames={{\n removableItem: classNames?.uploadedFile ?? uploadedFile(),\n root: classNames?.root ?? uploadedFileRoot(),\n section: classNames?.section ?? uploadedFileSection(),\n content: classNames?.content ?? uploadedFileContent(),\n buttonIcon: {\n buttonIcon:\n classNames?.buttonIcon?.buttonIcon ?? uploadedFileButtonIcon(),\n root: classNames?.buttonIcon?.root ?? uploadedFileButtonIconRoot(),\n icon: classNames?.buttonIcon?.icon ?? uploadedFileButtonIconIcon(),\n iconRaw: {\n iconRaw:\n classNames?.buttonIcon?.iconRaw?.iconRaw ??\n uploadedFileButtonIconIconRaw(),\n root:\n classNames?.buttonIcon?.iconRaw?.root ??\n uploadedFileButtonIconIconRawRoot(),\n },\n },\n }}\n >\n {/* TODO: comentar link */}\n {url ? (\n <a\n href={url}\n target='_blank'\n rel='noopener noreferrer'\n download\n className={classNames?.fileLink ?? uploadedFileLink()}\n >\n {fileName}\n </a>\n ) : (\n <span className={classNames?.fileName ?? uploadedFileName()}>\n {fileName}\n </span>\n )}\n\n <div className={classNames?.details ?? uploadedFileDetails()}>\n {children}\n </div>\n </RemovableItem>\n );\n};\n"],"mappings":"kxBAmDA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,WACA,WACA,MACA,WACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACV,SAAU,OAAO,GAAa,SAAW,EAAW,IAAA,GACpD,WAAY,CACV,SAAU,GAAY,UAAU,UAAY,GAAsB,CAClE,YAAa,CACX,YACE,GAAY,UAAU,aAAa,aACnC,GAAiC,CACnC,KACE,GAAY,UAAU,aAAa,MACnC,GAAqC,CACxC,CACD,KAAM,CACJ,KACE,GAAY,UAAU,MAAM,MAAQ,GAA0B,CAChE,KACE,GAAY,UAAU,MAAM,MAC5B,GAA8B,CAChC,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAAiC,CACnC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAqC,CACxC,CACF,CACF,CACD,CAAA,CAEM,WACV,kBAAmB,EACnB,WAAY,CACV,cAAe,GAAY,cAAgB,GAAc,CACzD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACrD,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAwB,CAChE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAmC,CACtC,CACF,CACF,UAtDH,CAyDG,EACC,EAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,EACC,CAAA,CAEJ,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAkB,UACxD,EACI,CAAA,CAGT,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CACQ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.130",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"tsdown": "^0.21.4",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
|
-
"@mage-ui/
|
|
29
|
-
"@mage-ui/
|
|
28
|
+
"@mage-ui/preset": "1.0.130",
|
|
29
|
+
"@mage-ui/styled-system": "1.0.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@dnd-kit/core": "^6.3.1",
|