design-react-kit 5.7.3 → 5.8.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [5.8.0](https://github.com/italia/design-react-kit/compare/v5.7.3...v5.8.0) (2025-06-20)
+
+
+### Bug Fixes
+
+* put pagination form controls outside list ([419cded](https://github.com/italia/design-react-kit/commit/419cded94a8d13d6e7cdc48052c95f58ded98fb8))
+* remove useless pagination ul element ([66eeceb](https://github.com/italia/design-react-kit/commit/66eeceb4d2165739d522c7a846c23267af72b063))
+
+
+### Features
+
+* add upload component ([2798b78](https://github.com/italia/design-react-kit/commit/2798b7834ba44f54e0b82f0500e4a6ef598122b8))
+
+
+
 ## [5.7.3](https://github.com/italia/design-react-kit/compare/v5.7.2...v5.7.3) (2025-05-16)
 
 

package/dist/Pager/Pager.cjs

@@ -1,2 +1,2 @@
-"use strict";var P=Object.create;var i=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var x=(a,s)=>{for(var t in s)i(a,t,{get:s[t],enumerable:!0})},p=(a,s,t,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of C(s))!f.call(a,e)&&e!==t&&i(a,e,{get:()=>s[e],enumerable:!(n=y(s,e))||n.enumerable});return a};var m=(a,s,t)=>(t=a!=null?P(E(a)):{},p(s||!a||!a.__esModule?i(t,"default",{value:a,enumerable:!0}):t,a)),A=a=>p(i({},"__esModule",{value:!0}),a);var M={};x(M,{Pager:()=>H});module.exports=A(M);var l=m(require("react"),1),g=m(require("classnames"),1),H=({className:a,tag:s="nav",listTag:t="ul",listClassName:n,children:e,total:r,testId:T,...c})=>{let b=s,u=(0,g.default)(a,"pagination-wrapper",{"pagination-total":r}),L=(0,g.default)(n,"pagination"),{ariaLabel:o,label:d}=r||{},N=o?l.default.createElement("span",{className:"visually-hidden"},o):null;return l.default.createElement(b,{className:u,...c,"data-testid":T},l.default.createElement(t,{className:L},e),r?l.default.createElement("p",null,N,d):null)};0&&(module.exports={Pager});
+"use strict";var f=Object.create;var l=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var H=(a,t)=>{for(var e in t)l(a,e,{get:t[e],enumerable:!0})},m=(a,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of h(t))!E.call(a,s)&&s!==e&&l(a,s,{get:()=>t[s],enumerable:!(i=A(t,s))||i.enumerable});return a};var c=(a,t,e)=>(e=a!=null?f(x(a)):{},m(t||!a||!a.__esModule?l(e,"default",{value:a,enumerable:!0}):e,a)),I=a=>m(l({},"__esModule",{value:!0}),a);var v={};H(v,{Pager:()=>M});module.exports=I(v);var n=c(require("react"),1),g=c(require("classnames"),1),M=({className:a,tag:t="nav",listTag:e="ul",listClassName:i,children:s,total:r,testId:T,...y})=>{let d=t,b=(0,g.default)(a,"pagination-wrapper",{"pagination-total":r}),C=(0,g.default)(i,"pagination"),{ariaLabel:p,label:u}=r||{},L=p?n.default.createElement("span",{className:"visually-hidden"},p):null,P=n.default.Children.toArray(s).filter(o=>o.type.name==="PaginationItem"),N=n.default.Children.toArray(s).filter(o=>o.type.name!=="PaginationItem");return n.default.createElement(d,{className:b,...y,"data-testid":T},n.default.createElement(e,{className:C},P),N,r?n.default.createElement("p",null,L,u):null)};0&&(module.exports={Pager});
 //# sourceMappingURL=Pager.cjs.map

package/dist/Pager/Pager.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Pager/Pager.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface PagerProps extends HTMLAttributes<HTMLElement> {\n  /** Etichetta di descrizione del contenuto del componente Pager */\n  'aria-label': string;\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati per la l'elemento lista interno */\n  listTag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Pager */\n  className?: string;\n  /** Classi aggiuntive da usare per il componente di lista interno Pager */\n  listClassName?: string;\n  /** Utilizzare questo attributo per indicare il numero totale di pagine */\n  total?: { ariaLabel: string; label: string };\n  testId?: string;\n}\n\nexport const Pager: FC<PagerProps> = ({\n  className,\n  tag = 'nav',\n  listTag: ListTag = 'ul',\n  listClassName,\n  children,\n  total,\n  testId,\n  ...attributes\n}) => {\n  const Tag = tag;\n  const classes = classNames(className, 'pagination-wrapper', {\n    'pagination-total': total\n  });\n  const listClasses = classNames(listClassName, 'pagination');\n  const { ariaLabel, label } = total || {};\n  const totalAriaLabel = ariaLabel ? <span className='visually-hidden'>{ariaLabel}</span> : null;\n  return (\n    <Tag className={classes} {...attributes} data-testid={testId}>\n      <ListTag className={listClasses}>{children}</ListTag>\n      {total ? (\n        <p>\n          {totalAriaLabel}\n          {label}\n        </p>\n      ) : null}\n    </Tag>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAkBVH,EAAwB,CAAC,CACpC,UAAAI,EACA,IAAAC,EAAM,MACN,QAASC,EAAU,KACnB,cAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMP,EACNQ,KAAU,EAAAC,SAAWV,EAAW,qBAAsB,CAC1D,mBAAoBK,CACtB,CAAC,EACKM,KAAc,EAAAD,SAAWP,EAAe,YAAY,EACpD,CAAE,UAAAS,EAAW,MAAAC,CAAM,EAAIR,GAAS,CAAC,EACjCS,EAAiBF,EAAY,EAAAG,QAAA,cAAC,QAAK,UAAU,mBAAmBH,CAAU,EAAU,KAC1F,OACE,EAAAG,QAAA,cAACP,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAY,cAAaD,GACpD,EAAAS,QAAA,cAACb,EAAA,CAAQ,UAAWS,GAAcP,CAAS,EAC1CC,EACC,EAAAU,QAAA,cAAC,SACED,EACAD,CACH,EACE,IACN,CAEJ","names":["Pager_exports","__export","Pager","__toCommonJS","import_react","import_classnames","className","tag","ListTag","listClassName","children","total","testId","attributes","Tag","classes","classNames","listClasses","ariaLabel","label","totalAriaLabel","React"]}
+{"version":3,"sources":["../../src/Pager/Pager.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface PagerProps extends HTMLAttributes<HTMLElement> {\n  /** Etichetta di descrizione del contenuto del componente Pager */\n  'aria-label': string;\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati per la l'elemento lista interno */\n  listTag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Pager */\n  className?: string;\n  /** Classi aggiuntive da usare per il componente di lista interno Pager */\n  listClassName?: string;\n  /** Utilizzare questo attributo per indicare il numero totale di pagine */\n  total?: { ariaLabel: string; label: string };\n  testId?: string;\n}\n\nexport const Pager: FC<PagerProps> = ({\n  className,\n  tag = 'nav',\n  listTag: ListTag = 'ul',\n  listClassName,\n  children,\n  total,\n  testId,\n  ...attributes\n}) => {\n  const Tag = tag;\n  const classes = classNames(className, 'pagination-wrapper', {\n    'pagination-total': total\n  });\n  const listClasses = classNames(listClassName, 'pagination');\n  const { ariaLabel, label } = total || {};\n  const totalAriaLabel = ariaLabel ? <span className='visually-hidden'>{ariaLabel}</span> : null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const listChildren = React.Children.toArray(children).filter((child: any) => child.type.name === 'PaginationItem');\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const extraChildren = React.Children.toArray(children).filter((child: any)=> child.type.name !== 'PaginationItem');\n\n  // listChildren?.forEach(child => {\n  //   console.log(child)\n  // })\n\n  return (\n    <Tag className={classes} {...attributes} data-testid={testId}>\n      <ListTag className={listClasses}>{listChildren}</ListTag>\n      {extraChildren}\n      {total ? (\n        <p>\n          {totalAriaLabel}\n          {label}\n        </p>\n      ) : null}\n    </Tag>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAkBVH,EAAwB,CAAC,CACpC,UAAAI,EACA,IAAAC,EAAM,MACN,QAASC,EAAU,KACnB,cAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMP,EACNQ,KAAU,EAAAC,SAAWV,EAAW,qBAAsB,CAC1D,mBAAoBK,CACtB,CAAC,EACKM,KAAc,EAAAD,SAAWP,EAAe,YAAY,EACpD,CAAE,UAAAS,EAAW,MAAAC,CAAM,EAAIR,GAAS,CAAC,EACjCS,EAAiBF,EAAY,EAAAG,QAAA,cAAC,QAAK,UAAU,mBAAmBH,CAAU,EAAU,KAEpFI,EAAe,EAAAD,QAAM,SAAS,QAAQX,CAAQ,EAAE,OAAQa,GAAeA,EAAM,KAAK,OAAS,gBAAgB,EAE3GC,EAAgB,EAAAH,QAAM,SAAS,QAAQX,CAAQ,EAAE,OAAQa,GAAcA,EAAM,KAAK,OAAS,gBAAgB,EAMjH,OACE,EAAAF,QAAA,cAACP,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAY,cAAaD,GACpD,EAAAS,QAAA,cAACb,EAAA,CAAQ,UAAWS,GAAcK,CAAa,EAC9CE,EACAb,EACC,EAAAU,QAAA,cAAC,SACED,EACAD,CACH,EACE,IACN,CAEJ","names":["Pager_exports","__export","Pager","__toCommonJS","import_react","import_classnames","className","tag","ListTag","listClassName","children","total","testId","attributes","Tag","classes","classNames","listClasses","ariaLabel","label","totalAriaLabel","React","listChildren","child","extraChildren"]}

package/dist/Pager/Pager.js

@@ -8,8 +8,16 @@ export const Pager = ({ className, tag = 'nav', listTag: ListTag = 'ul', listCla
     const listClasses = classNames(listClassName, 'pagination');
     const { ariaLabel, label } = total || {};
     const totalAriaLabel = ariaLabel ? React.createElement("span", { className: 'visually-hidden' }, ariaLabel) : null;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const listChildren = React.Children.toArray(children).filter((child) => child.type.name === 'PaginationItem');
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const extraChildren = React.Children.toArray(children).filter((child) => child.type.name !== 'PaginationItem');
+    // listChildren?.forEach(child => {
+    //   console.log(child)
+    // })
     return (React.createElement(Tag, { className: classes, ...attributes, "data-testid": testId },
-        React.createElement(ListTag, { className: listClasses }, children),
+        React.createElement(ListTag, { className: listClasses }, listChildren),
+        extraChildren,
         total ? (React.createElement("p", null,
             totalAriaLabel,
             label)) : null));

package/dist/Pager/Pager.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pager.js","sourceRoot":"","sources":["../../src/Pager/Pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAkBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,GAAG,GAAG,KAAK,EACX,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,oBAAoB,EAAE;QAC1D,kBAAkB,EAAE,KAAK;KAC1B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IACzC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,iBAAiB,IAAE,SAAS,CAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM;QAC1D,oBAAC,OAAO,IAAC,SAAS,EAAE,WAAW,IAAG,QAAQ,CAAW;QACpD,KAAK,CAAC,CAAC,CAAC,CACP;YACG,cAAc;YACd,KAAK,CACJ,CACL,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Pager.js","sourceRoot":"","sources":["../../src/Pager/Pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAkBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,SAAS,EACT,GAAG,GAAG,KAAK,EACX,OAAO,EAAE,OAAO,GAAG,IAAI,EACvB,aAAa,EACb,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,oBAAoB,EAAE;QAC1D,kBAAkB,EAAE,KAAK;KAC1B,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC;IACzC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAC,iBAAiB,IAAE,SAAS,CAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/F,8DAA8D;IAC9D,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC;IACnH,8DAA8D;IAC9D,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAU,EAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC;IAEnH,mCAAmC;IACnC,uBAAuB;IACvB,KAAK;IAEL,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM;QAC1D,oBAAC,OAAO,IAAC,SAAS,EAAE,WAAW,IAAG,YAAY,CAAW;QACxD,aAAa;QACb,KAAK,CAAC,CAAC,CAAC,CACP;YACG,cAAc;YACd,KAAK,CACJ,CACL,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}