design-react-kit 5.1.0 → 5.2.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [5.2.0](https://github.com/italia/design-react-kit/compare/v5.1.0...v5.2.0) (2024-08-05)
+
+
+### Bug Fixes
+
+* thumbnav is a navigation component ([501417e](https://github.com/italia/design-react-kit/commit/501417eda9006de9ea1931d7809aed33125fd90f))
+
+
+### Features
+
+* add list component ([e4c9e14](https://github.com/italia/design-react-kit/commit/e4c9e14f6295343bce7262665fa54ba4085cad30))
+
+
+
 # [5.1.0](https://github.com/italia/design-react-kit/compare/v5.0.4...v5.1.0) (2024-07-02)
 
 

package/dist/List/List.cjs

@@ -0,0 +1,2 @@
+"use strict";var d=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var C=(s,t)=>{for(var e in t)i(s,e,{get:t[e],enumerable:!0})},m=(s,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of N(t))!f.call(s,r)&&r!==e&&i(s,r,{get:()=>t[r],enumerable:!(a=g(t,r))||a.enumerable});return s};var c=(s,t,e)=>(e=s!=null?d(u(s)):{},m(t||!s||!s.__esModule?i(e,"default",{value:s,enumerable:!0}):e,s)),w=s=>m(i({},"__esModule",{value:!0}),s);var E={};C(E,{List:()=>x});module.exports=w(E);var n=c(require("classnames"),1),l=c(require("react"),1),x=({className:s,wrapperClassName:t,tag:e="div",noWrapper:a,testId:r,...p})=>{let L=e,T=(0,n.default)("it-list-wrapper",t),o=(0,n.default)(s,"it-list");return a?l.default.createElement("ul",{...p,className:o,"data-testid":r}):l.default.createElement(L,{className:T,"data-testid":r},l.default.createElement("ul",{...p,className:o}))};0&&(module.exports={List});
+//# sourceMappingURL=List.cjs.map

package/dist/List/List.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/List/List.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  /** Classi aggiuntive da usare per il componente lista del List */\n  className?: string;\n  /** Classi aggiuntive da usare per il componente wrapper del List */\n  wrapperClassName?: string;\n  /**\n   * Utilizzarlo in caso di utilizzo di componenti personalizzati per il wrapper della lista.\n   * Nota: viene ignorato quando usato in lista annidate.\n   * */\n  tag?: ElementType;\n  /** Quando attivo rimuove il componente contenitore della ListList. Utile per alcuni tipi di liste annidate. */\n  noWrapper?: boolean;\n  testId?: string;\n}\n\nexport const List: FC<ListProps> = ({\n  className,\n  wrapperClassName,\n  tag = 'div',\n  noWrapper,\n  testId,\n  ...attributes\n}) => {\n  const Tag = tag;\n  const wrapperClasses = classNames('it-list-wrapper', wrapperClassName);\n  const classes = classNames(className, 'it-list');\n\n  if (noWrapper) {\n    return <ul {...attributes} className={classes} data-testid={testId} />;\n  }\n\n  return (\n    <Tag className={wrapperClasses} data-testid={testId}>\n      <ul {...attributes} className={classes} />\n    </Tag>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAuD,sBAiB1CH,EAAsB,CAAC,CAClC,UAAAI,EACA,iBAAAC,EACA,IAAAC,EAAM,MACN,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMJ,EACNK,KAAiB,EAAAC,SAAW,kBAAmBP,CAAgB,EAC/DQ,KAAU,EAAAD,SAAWR,EAAW,SAAS,EAE/C,OAAIG,EACK,EAAAO,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,cAAaL,EAAQ,EAIpE,EAAAM,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAgB,cAAaH,GAC3C,EAAAM,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,CAC1C,CAEJ","names":["List_exports","__export","List","__toCommonJS","import_classnames","import_react","className","wrapperClassName","tag","noWrapper","testId","attributes","Tag","wrapperClasses","classNames","classes","React"]}

package/dist/List/List.js

@@ -0,0 +1,13 @@
+import classNames from 'classnames';
+import React from 'react';
+export const List = ({ className, wrapperClassName, tag = 'div', noWrapper, testId, ...attributes }) => {
+    const Tag = tag;
+    const wrapperClasses = classNames('it-list-wrapper', wrapperClassName);
+    const classes = classNames(className, 'it-list');
+    if (noWrapper) {
+        return React.createElement("ul", { ...attributes, className: classes, "data-testid": testId });
+    }
+    return (React.createElement(Tag, { className: wrapperClasses, "data-testid": testId },
+        React.createElement("ul", { ...attributes, className: classes })));
+};
+//# sourceMappingURL=List.js.map

package/dist/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,GAAG,GAAG,KAAK,EACX,SAAS,EACT,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,+BAAQ,UAAU,EAAE,SAAS,EAAE,OAAO,iBAAe,MAAM,GAAI,CAAC;IACzE,CAAC;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,cAAc,iBAAe,MAAM;QACjD,+BAAQ,UAAU,EAAE,SAAS,EAAE,OAAO,GAAI,CACtC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/List/ListItem.cjs

@@ -0,0 +1,2 @@
+"use strict";var I=Object.create;var o=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var s in e)o(t,s,{get:e[s],enumerable:!0})},A=(t,e,s,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!y.call(t,a)&&a!==s&&o(t,a,{get:()=>e[a],enumerable:!(l=h(e,a))||l.enumerable});return t};var T=(t,e,s)=>(s=t!=null?I(x(t)):{},A(e||!t||!t.__esModule?o(s,"default",{value:t,enumerable:!0}):s,t)),E=t=>A(o({},"__esModule",{value:!0}),t);var H={};C(H,{ListItem:()=>f});module.exports=E(H);var r=T(require("classnames"),1),i=T(require("react"),1),f=({className:t,active:e,avatar:s,icon:l,img:a,href:n,tag:v="div",to:L,wrapperClassName:m,testId:c,children:p,...d})=>{let N=v,g=(0,r.default)(t,{active:e},"list-item"),M=(0,r.default)(t,{"it-rounded-icon":l,"avatar size-lg":s,"it-thumb":a}),u=l||s||a;return n?i.default.createElement("li",{className:m,"data-testid":c},i.default.createElement(N,null,i.default.createElement("a",{href:n||"#",...d,className:g},p))):i.default.createElement("li",{className:m,"data-testid":c},i.default.createElement(N,{...d,className:g,href:n,to:L},u&&i.default.createElement("div",{className:M},u),i.default.createElement("div",{className:"it-right-zone"},p)))},F=({children:t})=>i.default.createElement("span",{className:"it-multiple"},t);f.MultipleAction=F;0&&(module.exports={ListItem});
+//# sourceMappingURL=ListItem.cjs.map

package/dist/List/ListItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/List/ListItem.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { AnchorHTMLAttributes, ElementType, FC, ReactNode } from 'react';\n\nexport interface ListItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /** Indica se l'elemento è attivo o no */\n  active?: boolean;\n  /** Indica se l'elemento ha un avatar */\n  avatar?: ReactNode;\n  /** Indica se l'elemento ha una icona */\n  icon?: ReactNode;\n  /** Indica se l'elemento ha una immagine */\n  img?: ReactNode;\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente ListItem */\n  className?: string;\n  /** Classi aggiuntive da usare per l'elemento contenitore dell'item */\n  wrapperClassName?: string;\n  /** Indica il link a cui l'elemento deve puntare. */\n  href?: string;\n  /** Indica il link route a cui l'elemento deve puntare. */\n  to?: string;\n  testId?: string;\n}\n\nexport const ListItem: FC<ListItemProps> & {\n  MultipleAction: typeof MultipleAction;\n} = ({\n  className,\n  active,\n  avatar,\n  icon,\n  img,\n  href,\n  tag = 'div',\n  to,\n  wrapperClassName,\n  testId,\n  children,\n  ...attributes\n}) => {\n    let Tag = tag;\n    const classes = classNames(\n      className,\n      { active },\n      'list-item'\n    ),\n      classesItem = classNames(className, {\n        'it-rounded-icon': icon,\n        'avatar size-lg': avatar,\n        'it-thumb': img\n      }),\n      leftItem = icon || avatar || img;\n\n    if (href) {\n      return (\n        <li className={wrapperClassName} data-testid={testId}>\n          <Tag>\n            <a href={href || '#'} {...attributes} className={classes}>\n              {children}\n            </a>\n          </Tag>\n        </li>\n      );\n    }\n\n    return (\n      <li className={wrapperClassName} data-testid={testId}>\n        <Tag\n          {...attributes}\n          className={classes}\n          href={href}\n          to={to}\n        >\n          {leftItem && <div className={classesItem}>{leftItem}</div>}\n          <div className=\"it-right-zone\">{children}</div>\n        </Tag>\n      </li>\n    );\n  };\n\nconst MultipleAction: FC<ListItemProps> = ({ children }) => {\n  return <span className='it-multiple'>{children}</span>\n};\n\nListItem.MultipleAction = MultipleAction;\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAwE,sBAwB3DH,EAET,CAAC,CACH,UAAAI,EACA,OAAAC,EACA,OAAAC,EACA,KAAAC,EACA,IAAAC,EACA,KAAAC,EACA,IAAAC,EAAM,MACN,GAAAC,EACA,iBAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACF,IAAIC,EAAMN,EACJO,KAAU,EAAAC,SACdd,EACA,CAAE,OAAAC,CAAO,EACT,WACF,EACEc,KAAc,EAAAD,SAAWd,EAAW,CAClC,kBAAmBG,EACnB,iBAAkBD,EAClB,WAAYE,CACd,CAAC,EACDY,EAAWb,GAAQD,GAAUE,EAE/B,OAAIC,EAEA,EAAAY,QAAA,cAAC,MAAG,UAAWT,EAAkB,cAAaC,GAC5C,EAAAQ,QAAA,cAACL,EAAA,KACC,EAAAK,QAAA,cAAC,KAAE,KAAMZ,GAAQ,IAAM,GAAGM,EAAY,UAAWE,GAC9CH,CACH,CACF,CACF,EAKF,EAAAO,QAAA,cAAC,MAAG,UAAWT,EAAkB,cAAaC,GAC5C,EAAAQ,QAAA,cAACL,EAAA,CACE,GAAGD,EACJ,UAAWE,EACX,KAAMR,EACN,GAAIE,GAEHS,GAAY,EAAAC,QAAA,cAAC,OAAI,UAAWF,GAAcC,CAAS,EACpD,EAAAC,QAAA,cAAC,OAAI,UAAU,iBAAiBP,CAAS,CAC3C,CACF,CAEJ,EAEIQ,EAAoC,CAAC,CAAE,SAAAR,CAAS,IAC7C,EAAAO,QAAA,cAAC,QAAK,UAAU,eAAeP,CAAS,EAGjDd,EAAS,eAAiBsB","names":["ListItem_exports","__export","ListItem","__toCommonJS","import_classnames","import_react","className","active","avatar","icon","img","href","tag","to","wrapperClassName","testId","children","attributes","Tag","classes","classNames","classesItem","leftItem","React","MultipleAction"]}

package/dist/List/ListItem.js

@@ -0,0 +1,24 @@
+import classNames from 'classnames';
+import React from 'react';
+export const ListItem = ({ className, active, avatar, icon, img, href, tag = 'div', to, wrapperClassName, testId, children, ...attributes }) => {
+    let Tag = tag;
+    const classes = classNames(className, { active }, 'list-item'), classesItem = classNames(className, {
+        'it-rounded-icon': icon,
+        'avatar size-lg': avatar,
+        'it-thumb': img
+    }), leftItem = icon || avatar || img;
+    if (href) {
+        return (React.createElement("li", { className: wrapperClassName, "data-testid": testId },
+            React.createElement(Tag, null,
+                React.createElement("a", { href: href || '#', ...attributes, className: classes }, children))));
+    }
+    return (React.createElement("li", { className: wrapperClassName, "data-testid": testId },
+        React.createElement(Tag, { ...attributes, className: classes, href: href, to: to },
+            leftItem && React.createElement("div", { className: classesItem }, leftItem),
+            React.createElement("div", { className: "it-right-zone" }, children))));
+};
+const MultipleAction = ({ children }) => {
+    return React.createElement("span", { className: 'it-multiple' }, children);
+};
+ListItem.MultipleAction = MultipleAction;
+//# sourceMappingURL=ListItem.js.map

package/dist/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAA2D,MAAM,OAAO,CAAC;AAwBhF,MAAM,CAAC,MAAM,QAAQ,GAEjB,CAAC,EACH,SAAS,EACT,MAAM,EACN,MAAM,EACN,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,GAAG,GAAG,KAAK,EACX,EAAE,EACF,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,EAAE;IACD,IAAI,GAAG,GAAG,GAAG,CAAC;IACd,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,WAAW,CACZ,EACC,WAAW,GAAG,UAAU,CAAC,SAAS,EAAE;QAClC,iBAAiB,EAAE,IAAI;QACvB,gBAAgB,EAAE,MAAM;QACxB,UAAU,EAAE,GAAG;KAChB,CAAC,EACF,QAAQ,GAAG,IAAI,IAAI,MAAM,IAAI,GAAG,CAAC;IAEnC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,4BAAI,SAAS,EAAE,gBAAgB,iBAAe,MAAM;YAClD,oBAAC,GAAG;gBACF,2BAAG,IAAI,EAAE,IAAI,IAAI,GAAG,KAAM,UAAU,EAAE,SAAS,EAAE,OAAO,IACrD,QAAQ,CACP,CACA,CACH,CACN,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,gBAAgB,iBAAe,MAAM;QAClD,oBAAC,GAAG,OACE,UAAU,EACd,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE;YAEL,QAAQ,IAAI,6BAAK,SAAS,EAAE,WAAW,IAAG,QAAQ,CAAO;YAC1D,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC3C,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,cAAc,GAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzD,OAAO,8BAAM,SAAS,EAAC,aAAa,IAAE,QAAQ,CAAQ,CAAA;AACxD,CAAC,CAAC;AAEF,QAAQ,CAAC,cAAc,GAAG,cAAc,CAAC"}