@mage-ui/components 1.0.129 → 1.0.130

package/dist/components/data-display/uploaded-file/UploadedFile.mjs

@@ -1,2 +1,2 @@
-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,uploadedFileLink as d,uploadedFileName as f,uploadedFileRoot as p,uploadedFileSection as m,uploadedFileStartIcon as h,uploadedFileStartIconIconRaw as g,uploadedFileStartIconIconRawRoot as _,uploadedFileStartIconRoot as v,uploadedFileStartIconWrapped as y,uploadedFileStartIconWrappedRoot 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??y(),root:k?.fileIcon?.iconWrapped?.root??b()},icon:{icon:k?.fileIcon?.icon?.icon??h(),root:k?.fileIcon?.icon?.root??v(),iconRaw:{iconRaw:k?.fileIcon?.icon?.iconRaw?.iconRaw??g(),root:k?.fileIcon?.icon?.iconRaw?.root??_()}}}}),onRemove:O,removeButtonLabel:C,classNames:{removableItem:k?.uploadedFile??n(),root:k?.root??p(),section:k?.section??m(),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??d(),children:w}):x(`span`,{className:k?.fileName??f(),children:w}),x(`div`,{className:k?.details??l(),children:D})]});export{C as UploadedFile};
+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};
 //# sourceMappingURL=UploadedFile.mjs.map

package/dist/components/data-display/uploaded-file/UploadedFile.mjs.map

@@ -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  uploadedFileLink,\n  uploadedFileName,\n  uploadedFileRoot,\n  uploadedFileSection,\n  uploadedFileStartIcon,\n  uploadedFileStartIconIconRaw,\n  uploadedFileStartIconIconRawRoot,\n  uploadedFileStartIconRoot,\n  uploadedFileStartIconWrapped,\n  uploadedFileStartIconWrappedRoot,\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                uploadedFileStartIconWrapped(),\n              root:\n                classNames?.fileIcon?.iconWrapped?.root ??\n                uploadedFileStartIconWrappedRoot(),\n            },\n            icon: {\n              icon: classNames?.fileIcon?.icon?.icon ?? uploadedFileStartIcon(),\n              root:\n                classNames?.fileIcon?.icon?.root ?? uploadedFileStartIconRoot(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n                  uploadedFileStartIconIconRaw(),\n                root:\n                  classNames?.fileIcon?.icon?.iconRaw?.root ??\n                  uploadedFileStartIconIconRawRoot(),\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":"gwBAmDA,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,GAA8B,CAChC,KACE,GAAY,UAAU,aAAa,MACnC,GAAkC,CACrC,CACD,KAAM,CACJ,KAAM,GAAY,UAAU,MAAM,MAAQ,GAAuB,CACjE,KACE,GAAY,UAAU,MAAM,MAAQ,GAA2B,CACjE,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAA8B,CAChC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAkC,CACrC,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,UApDH,CAuDG,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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.129",
+  "version": "1.0.130",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/styled-system": "1.0.8",
-    "@mage-ui/preset": "1.0.129"
+    "@mage-ui/preset": "1.0.130",
+    "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",