@mage-ui/components 1.0.122 → 1.0.123

package/dist/components/data-display/uploading-files/UploadingFiles.d.mts

@@ -1,3 +1,4 @@
+import { ButtonIconProps } from "../../buttons/button-icon/ButtonIcon.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/uploading-files/UploadingFiles.d.ts
@@ -23,10 +24,13 @@ type UploadingFilesItemErrorClassNames = {
   root?: string;
   name?: string;
   message?: string;
+  buttonIcon?: ButtonIconProps['classNames'];
 };
 type UploadingFilesItemErrorProps = {
   name: string;
   message: string;
+  removeButtonLabel?: string;
+  onRemove: () => void;
   classNames?: UploadingFilesItemErrorClassNames;
 };
 declare const UploadingFiles: (({
@@ -41,6 +45,8 @@ declare const UploadingFiles: (({
   ItemError: ({
     name,
     message,
+    removeButtonLabel,
+    onRemove,
     classNames
   }: UploadingFilesItemErrorProps) => ReactNode;
 };

package/dist/components/data-display/uploading-files/UploadingFiles.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadingFiles.d.mts","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"mappings":";;;KAkBY,wBAAA;EACV,cAAA;EACA,IAAA;AAAA;AAAA,KAGU,mBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,wBAAA;AAAA;AAAA,KAGH,4BAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA;AAAA;AAAA,KAGU,uBAAA;EACV,IAAA;EACA,QAAA;EACA,UAAA,GAAa,4BAAA;AAAA;AAAA,KAGH,iCAAA;EACV,IAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,KAGU,4BAAA;EACV,IAAA;EACA,OAAA;EACA,UAAA,GAAa,iCAAA;AAAA;AAAA,cAqEF,cAAA;EAAc,QAAA;EAAA;AAAA,GA/DxB,mBAAA,KAAsB,SAAA;;;;;KAetB,uBAAA,KAA0B,SAAA;;;;;KAuC1B,4BAAA,KAA+B,SAAA;AAAA"}
+{"version":3,"file":"UploadingFiles.d.mts","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"mappings":";;;;KAwBY,wBAAA;EACV,cAAA;EACA,IAAA;AAAA;AAAA,KAGU,mBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,wBAAA;AAAA;AAAA,KAGH,4BAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA;AAAA;AAAA,KAGU,uBAAA;EACV,IAAA;EACA,QAAA;EACA,UAAA,GAAa,4BAAA;AAAA;AAAA,KAGH,iCAAA;EACV,IAAA;EACA,IAAA;EACA,OAAA;EACA,UAAA,GAAa,eAAA;AAAA;AAAA,KAGH,4BAAA;EACV,IAAA;EACA,OAAA;EACA,iBAAA;EACA,QAAA;EACA,UAAA,GAAa,iCAAA;AAAA;AAAA,cAgGF,cAAA;EAAc,QAAA;EAAA;AAAA,GA1FxB,mBAAA,KAAsB,SAAA;;;;;KAetB,uBAAA,KAA0B,SAAA;;;;;;;KAyC1B,4BAAA,KAA+B,SAAA;AAAA"}

package/dist/components/data-display/uploading-files/UploadingFiles.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{uploadingFiles as t,uploadingFilesItem as n,uploadingFilesItemErrorMessage as r,uploadingFilesItemName as i,uploadingFilesItemProgress as a,uploadingFilesItemProgressFill as o,uploadingFilesItemProgressRing as s,uploadingFilesItemProgressTrack as c,uploadingFilesRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=2*Math.PI*8,p=Object.assign(({children:n,classNames:r})=>u(`ul`,{className:e(r?.uploadingFiles??t(),r?.root??l()),children:n}),{Item:({name:e,progress:t,classNames:r})=>{let l=f*(1-t/100);return d(`li`,{className:r?.root??n(),children:[u(`span`,{className:r?.name??i(),children:e}),d(`span`,{className:r?.progress??a(),children:[d(`svg`,{className:s(),viewBox:`0 0 20 20`,"aria-hidden":`true`,children:[u(`circle`,{className:c(),cx:`10`,cy:`10`,r:8}),u(`circle`,{className:o(),cx:`10`,cy:`10`,r:8,strokeDasharray:f,strokeDashoffset:l})]}),t,`%`]})]})},ItemError:({name:e,message:t,classNames:a})=>d(`li`,{className:a?.root??n(),"data-error":`true`,children:[u(`span`,{className:a?.name??i(),children:e}),u(`span`,{className:a?.message??r(),children:t})]})});export{p as UploadingFiles};
+import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{uploadingFiles as n,uploadingFilesItem as r,uploadingFilesItemErrorButtonIcon as i,uploadingFilesItemErrorButtonIconIcon as a,uploadingFilesItemErrorButtonIconIconRaw as o,uploadingFilesItemErrorButtonIconIconRawRoot as s,uploadingFilesItemErrorButtonIconRoot as c,uploadingFilesItemErrorMessage as l,uploadingFilesItemName as u,uploadingFilesItemProgress as d,uploadingFilesItemProgressFill as f,uploadingFilesItemProgressRing as p,uploadingFilesItemProgressTrack as m,uploadingFilesRoot as h}from"@mage-ui/styled-system/recipes";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=2*Math.PI*8,y=Object.assign(({children:e,classNames:r})=>g(`ul`,{className:t(r?.uploadingFiles??n(),r?.root??h()),children:e}),{Item:({name:e,progress:t,classNames:n})=>{let i=v*(1-t/100);return _(`li`,{className:n?.root??r(),children:[g(`span`,{className:n?.name??u(),children:e}),_(`span`,{className:n?.progress??d(),children:[_(`svg`,{className:p(),viewBox:`0 0 20 20`,"aria-hidden":`true`,children:[g(`circle`,{className:m(),cx:`10`,cy:`10`,r:8}),g(`circle`,{className:f(),cx:`10`,cy:`10`,r:8,strokeDasharray:v,strokeDashoffset:i})]}),t,`%`]})]})},ItemError:({name:t,message:n,removeButtonLabel:d=`Remove`,onRemove:f,classNames:p})=>_(`li`,{className:p?.root??r(),"data-error":`true`,children:[g(`span`,{className:p?.name??u(),children:t}),g(`span`,{className:p?.message??l(),children:n}),g(e,{label:d,onClick:f,path:`/icons/sprite-mage.svg`,name:`mage-removable-item-button-x`,classNames:{buttonIcon:p?.buttonIcon?.buttonIcon??i(),root:p?.buttonIcon?.root??c(),icon:p?.buttonIcon?.icon??a(),iconRaw:{iconRaw:p?.buttonIcon?.iconRaw?.iconRaw??o(),root:p?.buttonIcon?.iconRaw?.root??s()}}})]})});export{y as UploadingFiles};
 //# sourceMappingURL=UploadingFiles.mjs.map

package/dist/components/data-display/uploading-files/UploadingFiles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadingFiles.mjs","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  uploadingFiles,\n  uploadingFilesItem,\n  uploadingFilesItemErrorMessage,\n  uploadingFilesItemName,\n  uploadingFilesItemProgress,\n  uploadingFilesItemProgressFill,\n  uploadingFilesItemProgressRing,\n  uploadingFilesItemProgressTrack,\n  uploadingFilesRoot,\n} from '@mage-ui/styled-system/recipes';\n\nconst RADIUS = 8;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\nexport type UploadingFilesClassNames = {\n  uploadingFiles?: string;\n  root?: string;\n};\n\nexport type UploadingFilesProps = {\n  children: ReactNode;\n  classNames?: UploadingFilesClassNames;\n};\n\nexport type UploadingFilesItemClassNames = {\n  root?: string;\n  name?: string;\n  progress?: string;\n};\n\nexport type UploadingFilesItemProps = {\n  name: string;\n  progress: number;\n  classNames?: UploadingFilesItemClassNames;\n};\n\nexport type UploadingFilesItemErrorClassNames = {\n  root?: string;\n  name?: string;\n  message?: string;\n};\n\nexport type UploadingFilesItemErrorProps = {\n  name: string;\n  message: string;\n  classNames?: UploadingFilesItemErrorClassNames;\n};\n\nconst UploadingFilesRoot = ({\n  children,\n  classNames,\n}: UploadingFilesProps): ReactNode => (\n  <ul\n    className={cx(\n      classNames?.uploadingFiles ?? uploadingFiles(),\n      classNames?.root ?? uploadingFilesRoot(),\n    )}\n  >\n    {children}\n  </ul>\n);\n\nconst Item = ({\n  name,\n  progress,\n  classNames,\n}: UploadingFilesItemProps): ReactNode => {\n  const offset = CIRCUMFERENCE * (1 - progress / 100);\n\n  return (\n    <li className={classNames?.root ?? uploadingFilesItem()}>\n      <span className={classNames?.name ?? uploadingFilesItemName()}>\n        {name}\n      </span>\n      <span className={classNames?.progress ?? uploadingFilesItemProgress()}>\n        <svg\n          className={uploadingFilesItemProgressRing()}\n          viewBox='0 0 20 20'\n          aria-hidden='true'\n        >\n          <circle\n            className={uploadingFilesItemProgressTrack()}\n            cx='10'\n            cy='10'\n            r={RADIUS}\n          />\n          <circle\n            className={uploadingFilesItemProgressFill()}\n            cx='10'\n            cy='10'\n            r={RADIUS}\n            strokeDasharray={CIRCUMFERENCE}\n            strokeDashoffset={offset}\n          />\n        </svg>\n        {progress}%\n      </span>\n    </li>\n  );\n};\n\nconst ItemError = ({\n  name,\n  message,\n  classNames,\n}: UploadingFilesItemErrorProps): ReactNode => (\n  <li className={classNames?.root ?? uploadingFilesItem()} data-error='true'>\n    <span className={classNames?.name ?? uploadingFilesItemName()}>{name}</span>\n    <span className={classNames?.message ?? uploadingFilesItemErrorMessage()}>\n      {message}\n    </span>\n  </li>\n);\n\nexport const UploadingFiles = Object.assign(UploadingFilesRoot, {\n  Item,\n  ItemError,\n});\n"],"mappings":"+ZAeA,MACM,EAAgB,EAAI,KAAK,GAAK,EAsGvB,EAAiB,OAAO,QAlET,CAC1B,WACA,gBAEA,EAAC,KAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,CAEA,WACE,CAAA,CAuDyD,CAC9D,MArDY,CACZ,OACA,WACA,gBACwC,CACxC,IAAM,EAAS,GAAiB,EAAI,EAAW,KAE/C,OACE,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,UAAvD,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAC1D,EACI,CAAA,CACP,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAA4B,UAArE,CACE,EAAC,MAAD,CACE,UAAW,GAAgC,CAC3C,QAAQ,YACR,cAAY,gBAHd,CAKE,EAAC,SAAD,CACE,UAAW,GAAiC,CAC5C,GAAG,KACH,GAAG,KACH,EAAG,EACH,CAAA,CACF,EAAC,SAAD,CACE,UAAW,GAAgC,CAC3C,GAAG,KACH,GAAG,KACH,EAAG,EACH,gBAAiB,EACjB,iBAAkB,EAClB,CAAA,CACE,GACL,EAAS,IACL,GACJ,IAmBP,WAfiB,CACjB,OACA,UACA,gBAEA,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAE,aAAW,gBAApE,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAAG,EAAY,CAAA,CAC5E,EAAC,OAAD,CAAM,UAAW,GAAY,SAAW,GAAgC,UACrE,EACI,CAAA,CACJ,GAMN,CAAC"}
+{"version":3,"file":"UploadingFiles.mjs","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  uploadingFiles,\n  uploadingFilesItem,\n  uploadingFilesItemErrorButtonIcon,\n  uploadingFilesItemErrorButtonIconIcon,\n  uploadingFilesItemErrorButtonIconIconRaw,\n  uploadingFilesItemErrorButtonIconIconRawRoot,\n  uploadingFilesItemErrorButtonIconRoot,\n  uploadingFilesItemErrorMessage,\n  uploadingFilesItemName,\n  uploadingFilesItemProgress,\n  uploadingFilesItemProgressFill,\n  uploadingFilesItemProgressRing,\n  uploadingFilesItemProgressTrack,\n  uploadingFilesRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, type ButtonIconProps } from '@/components/buttons';\n\nconst RADIUS = 8;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\nexport type UploadingFilesClassNames = {\n  uploadingFiles?: string;\n  root?: string;\n};\n\nexport type UploadingFilesProps = {\n  children: ReactNode;\n  classNames?: UploadingFilesClassNames;\n};\n\nexport type UploadingFilesItemClassNames = {\n  root?: string;\n  name?: string;\n  progress?: string;\n};\n\nexport type UploadingFilesItemProps = {\n  name: string;\n  progress: number;\n  classNames?: UploadingFilesItemClassNames;\n};\n\nexport type UploadingFilesItemErrorClassNames = {\n  root?: string;\n  name?: string;\n  message?: string;\n  buttonIcon?: ButtonIconProps['classNames'];\n};\n\nexport type UploadingFilesItemErrorProps = {\n  name: string;\n  message: string;\n  removeButtonLabel?: string;\n  onRemove: () => void;\n  classNames?: UploadingFilesItemErrorClassNames;\n};\n\nconst UploadingFilesRoot = ({\n  children,\n  classNames,\n}: UploadingFilesProps): ReactNode => (\n  <ul\n    className={cx(\n      classNames?.uploadingFiles ?? uploadingFiles(),\n      classNames?.root ?? uploadingFilesRoot(),\n    )}\n  >\n    {children}\n  </ul>\n);\n\nconst Item = ({\n  name,\n  progress,\n  classNames,\n}: UploadingFilesItemProps): ReactNode => {\n  const offset = CIRCUMFERENCE * (1 - progress / 100);\n\n  return (\n    <li className={classNames?.root ?? uploadingFilesItem()}>\n      <span className={classNames?.name ?? uploadingFilesItemName()}>\n        {name}\n      </span>\n      <span className={classNames?.progress ?? uploadingFilesItemProgress()}>\n        <svg\n          className={uploadingFilesItemProgressRing()}\n          viewBox='0 0 20 20'\n          aria-hidden='true'\n        >\n          <circle\n            className={uploadingFilesItemProgressTrack()}\n            cx='10'\n            cy='10'\n            r={RADIUS}\n          />\n          <circle\n            className={uploadingFilesItemProgressFill()}\n            cx='10'\n            cy='10'\n            r={RADIUS}\n            strokeDasharray={CIRCUMFERENCE}\n            strokeDashoffset={offset}\n          />\n        </svg>\n        {progress}%\n      </span>\n    </li>\n  );\n};\n\nconst ItemError = ({\n  name,\n  message,\n  removeButtonLabel = 'Remove',\n  onRemove,\n  classNames,\n}: UploadingFilesItemErrorProps): ReactNode => (\n  <li className={classNames?.root ?? uploadingFilesItem()} data-error='true'>\n    <span className={classNames?.name ?? uploadingFilesItemName()}>{name}</span>\n    <span className={classNames?.message ?? uploadingFilesItemErrorMessage()}>\n      {message}\n    </span>\n    <ButtonIcon\n      label={removeButtonLabel}\n      onClick={onRemove}\n      path='/icons/sprite-mage.svg'\n      name='mage-removable-item-button-x'\n      classNames={{\n        buttonIcon:\n          classNames?.buttonIcon?.buttonIcon ??\n          uploadingFilesItemErrorButtonIcon(),\n        root:\n          classNames?.buttonIcon?.root ??\n          uploadingFilesItemErrorButtonIconRoot(),\n        icon:\n          classNames?.buttonIcon?.icon ??\n          uploadingFilesItemErrorButtonIconIcon(),\n        iconRaw: {\n          iconRaw:\n            classNames?.buttonIcon?.iconRaw?.iconRaw ??\n            uploadingFilesItemErrorButtonIconIconRaw(),\n          root:\n            classNames?.buttonIcon?.iconRaw?.root ??\n            uploadingFilesItemErrorButtonIconIconRawRoot(),\n        },\n      }}\n    />\n  </li>\n);\n\nexport const UploadingFiles = Object.assign(UploadingFilesRoot, {\n  Item,\n  ItemError,\n});\n"],"mappings":"ksBAqBA,MACM,EAAgB,EAAI,KAAK,GAAK,EAoIvB,EAAiB,OAAO,QA7FT,CAC1B,WACA,gBAEA,EAAC,KAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,CAEA,WACE,CAAA,CAkFyD,CAC9D,MAhFY,CACZ,OACA,WACA,gBACwC,CACxC,IAAM,EAAS,GAAiB,EAAI,EAAW,KAE/C,OACE,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,UAAvD,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAC1D,EACI,CAAA,CACP,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAA4B,UAArE,CACE,EAAC,MAAD,CACE,UAAW,GAAgC,CAC3C,QAAQ,YACR,cAAY,gBAHd,CAKE,EAAC,SAAD,CACE,UAAW,GAAiC,CAC5C,GAAG,KACH,GAAG,KACH,EAAG,EACH,CAAA,CACF,EAAC,SAAD,CACE,UAAW,GAAgC,CAC3C,GAAG,KACH,GAAG,KACH,EAAG,EACH,gBAAiB,EACjB,iBAAkB,EAClB,CAAA,CACE,GACL,EAAS,IACL,GACJ,IA8CP,WA1CiB,CACjB,OACA,UACA,oBAAoB,SACpB,WACA,gBAEA,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAE,aAAW,gBAApE,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAAG,EAAY,CAAA,CAC5E,EAAC,OAAD,CAAM,UAAW,GAAY,SAAW,GAAgC,UACrE,EACI,CAAA,CACP,EAAC,EAAD,CACE,MAAO,EACP,QAAS,EACT,KAAK,yBACL,KAAK,+BACL,WAAY,CACV,WACE,GAAY,YAAY,YACxB,GAAmC,CACrC,KACE,GAAY,YAAY,MACxB,GAAuC,CACzC,KACE,GAAY,YAAY,MACxB,GAAuC,CACzC,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA0C,CAC5C,KACE,GAAY,YAAY,SAAS,MACjC,GAA8C,CACjD,CACF,CACD,CAAA,CACC,GAMN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.122",
+  "version": "1.0.123",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.122",
+    "@mage-ui/preset": "1.0.123",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {