@mage-ui/components 1.0.128 → 1.0.129
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.
|
@@ -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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.129",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"tsdown": "^0.21.4",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
28
|
"@mage-ui/styled-system": "1.0.8",
|
|
29
|
-
"@mage-ui/preset": "1.0.
|
|
29
|
+
"@mage-ui/preset": "1.0.129"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@dnd-kit/core": "^6.3.1",
|