design-react-kit 5.3.0 → 5.4.1
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.
- package/CHANGELOG.md +30 -0
- package/dist/Card/CardCategory.cjs +1 -1
- package/dist/Card/CardCategory.cjs.map +1 -1
- package/dist/Card/CardCategory.js +7 -3
- package/dist/Card/CardCategory.js.map +1 -1
- package/dist/Forward/Forward.cjs +1 -1
- package/dist/Forward/Forward.cjs.map +1 -1
- package/dist/Forward/Forward.js +13 -5
- package/dist/Forward/Forward.js.map +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs +1 -1
- package/dist/Grid/GridItemTextWrapper.cjs.map +1 -1
- package/dist/Grid/GridItemTextWrapper.js +3 -2
- package/dist/Grid/GridItemTextWrapper.js.map +1 -1
- package/dist/Grid/index.cjs +1 -1
- package/dist/Grid/index.cjs.map +1 -1
- package/dist/Input/Input.cjs +1 -1
- package/dist/Input/Input.cjs.map +1 -1
- package/dist/Input/TextArea.cjs +1 -1
- package/dist/Input/TextArea.cjs.map +1 -1
- package/dist/Input/TextArea.js +4 -1
- package/dist/Input/TextArea.js.map +1 -1
- package/dist/Input/utils.cjs +1 -1
- package/dist/Input/utils.cjs.map +1 -1
- package/dist/Input/utils.js +2 -2
- package/dist/Input/utils.js.map +1 -1
- package/dist/List/ListItem.cjs +1 -1
- package/dist/List/ListItem.cjs.map +1 -1
- package/dist/List/ListItem.js +2 -2
- package/dist/List/ListItem.js.map +1 -1
- package/dist/Rating/Rating.cjs +1 -1
- package/dist/Rating/Rating.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.cjs.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.js +21 -5
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/ThumbNav/ThumbNavItem.cjs +1 -1
- package/dist/ThumbNav/ThumbNavItem.cjs.map +1 -1
- package/dist/ThumbNav/ThumbNavItem.js +0 -1
- package/dist/ThumbNav/ThumbNavItem.js.map +1 -1
- package/dist/Timeline/TimelinePin.cjs +1 -1
- package/dist/Timeline/TimelinePin.cjs.map +1 -1
- package/dist/Timeline/TimelinePin.js +4 -3
- package/dist/Timeline/TimelinePin.js.map +1 -1
- package/dist/Toolbar/ToolbarDividerItem.cjs +1 -1
- package/dist/Toolbar/ToolbarDividerItem.cjs.map +1 -1
- package/dist/Toolbar/ToolbarDividerItem.js +1 -1
- package/dist/Toolbar/ToolbarDividerItem.js.map +1 -1
- package/dist/Toolbar/ToolbarItem.cjs +1 -1
- package/dist/Toolbar/ToolbarItem.cjs.map +1 -1
- package/dist/Toolbar/ToolbarItem.js +2 -4
- package/dist/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/types/Card/CardCategory.d.ts +6 -0
- package/dist/types/Forward/Forward.d.ts +1 -2
- package/dist/types/Grid/GridItemTextWrapper.d.ts +3 -1
- package/dist/types/Input/TextArea.d.ts +1 -1
- package/dist/types/ResponsiveImage/ResponsiveImage.d.ts +2 -0
- package/dist/types/Timeline/TimelinePin.d.ts +7 -1
- package/package.json +4 -3
- package/src/Card/CardCategory.tsx +16 -7
- package/src/Forward/Forward.tsx +15 -9
- package/src/Grid/GridItemTextWrapper.tsx +7 -4
- package/src/Input/TextArea.tsx +9 -3
- package/src/Input/utils.tsx +2 -2
- package/src/List/ListItem.tsx +3 -5
- package/src/ResponsiveImage/ResponsiveImage.tsx +32 -8
- package/src/ThumbNav/ThumbNavItem.tsx +0 -1
- package/src/Timeline/TimelinePin.tsx +13 -4
- package/src/Toolbar/ToolbarDividerItem.tsx +1 -1
- package/src/Toolbar/ToolbarItem.tsx +1 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=Object.create;var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var f=(e,i)=>{for(var r in i)p(e,r,{get:i[r],enumerable:!0})},a=(e,i,r,g)=>{if(i&&typeof i=="object"||typeof i=="function")for(let m of d(i))!v.call(e,m)&&m!==r&&p(e,m,{get:()=>i[m],enumerable:!(g=n(i,m))||g.enumerable});return e};var t=(e,i,r)=>(r=e!=null?o(l(e)):{},a(i||!e||!e.__esModule?p(r,"default",{value:e,enumerable:!0}):r,e)),u=e=>a(p({},"__esModule",{value:!0}),e);var w={};f(w,{ResponsiveImage:()=>N});module.exports=u(w);var s=t(require("react"),1),N=({alt:e,testId:i,proportioned:r=!1,children:g,...m})=>g?r?s.default.createElement("div",{className:"img-responsive-wrapper"},s.default.createElement("div",{className:"img-responsive"},s.default.createElement("figure",{className:"img-wrapper"},s.default.createElement("img",{...m,alt:e,className:"figure-img img-fluid rounded"}),g))):s.default.createElement("figure",{className:"figure img-full w-100 img-responsive-wrapper"},s.default.createElement("img",{...m,alt:e,className:"figure-img img-fluid rounded"}),g):s.default.createElement("div",{className:"img-responsive-wrapper","data-testid":i},s.default.createElement("div",{className:"img-responsive"},s.default.createElement("div",{className:"img-wrapper"},s.default.createElement("img",{...m,alt:e}))));0&&(module.exports={ResponsiveImage});
|
|
2
2
|
//# sourceMappingURL=ResponsiveImage.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\n\nexport interface ResponsiveImageProps extends HTMLAttributes<HTMLImageElement> {\n /** Un testo alternativo per descrivere l'immagine mostrata */\n alt: string;\n /** L'URI dell'immagine da mostrare */\n src: string;\n /** Il titolo dell'immagine */\n title?: string;\n testId?: string;\n}\n\nexport const ResponsiveImage: FC<ResponsiveImageProps> = ({ alt, testId, ...attributes }) => {\n return (\n <div className='img-responsive-wrapper' data-testid={testId}>\n
|
|
1
|
+
{"version":3,"sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\n\nexport interface ResponsiveImageProps extends HTMLAttributes<HTMLImageElement> {\n /** Un testo alternativo per descrivere l'immagine mostrata */\n alt: string;\n /** L'URI dell'immagine da mostrare */\n src: string;\n /** Il titolo dell'immagine */\n title?: string;\n testId?: string;\n /** Indica se l'immagine deve essere considerata proporzionata */\n proportioned?: boolean;\n}\n\nexport const ResponsiveImage: FC<ResponsiveImageProps> = ({ alt, testId, proportioned=false, children, ...attributes }) => {\n if (children) {\n if (proportioned) {\n return(\n <div className='img-responsive-wrapper'>\n <div className='img-responsive'>\n <figure className='img-wrapper'>\n <img {...attributes} alt={alt} className='figure-img img-fluid rounded' />\n {children}\n </figure>\n </div>\n </div>\n )\n } else {\n return(\n <figure className='figure img-full w-100 img-responsive-wrapper'>\n <img {...attributes} alt={alt} className='figure-img img-fluid rounded' />\n {children}\n </figure>\n )\n }\n } else {\n return (\n <div className='img-responsive-wrapper' data-testid={testId}>\n <div className='img-responsive'>\n <div className='img-wrapper'>\n <img {...attributes} alt={alt} />\n </div>\n </div>\n </div>\n );\n }\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAc7BF,EAA4C,CAAC,CAAE,IAAAG,EAAK,OAAAC,EAAQ,aAAAC,EAAa,GAAO,SAAAC,EAAU,GAAGC,CAAW,IAC/GD,EACED,EAEA,EAAAG,QAAA,cAAC,OAAI,UAAU,0BACb,EAAAA,QAAA,cAAC,OAAI,UAAU,kBACb,EAAAA,QAAA,cAAC,UAAO,UAAU,eAChB,EAAAA,QAAA,cAAC,OAAK,GAAGD,EAAY,IAAKJ,EAAM,UAAU,+BAA+B,EACxEG,CACH,CACF,CACF,EAIA,EAAAE,QAAA,cAAC,UAAO,UAAU,gDAChB,EAAAA,QAAA,cAAC,OAAK,GAAGD,EAAY,IAAKJ,EAAM,UAAU,+BAA+B,EACxEG,CACH,EAKF,EAAAE,QAAA,cAAC,OAAI,UAAU,yBAAyB,cAAaJ,GACnD,EAAAI,QAAA,cAAC,OAAI,UAAU,kBACb,EAAAA,QAAA,cAAC,OAAI,UAAU,eACb,EAAAA,QAAA,cAAC,OAAK,GAAGD,EAAY,IAAKJ,EAAK,CACjC,CACF,CACF","names":["ResponsiveImage_exports","__export","ResponsiveImage","__toCommonJS","import_react","alt","testId","proportioned","children","attributes","React"]}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export const ResponsiveImage = ({ alt, testId, ...attributes }) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
React.createElement("div", { className: 'img-wrapper' },
|
|
6
|
-
React.createElement("
|
|
2
|
+
export const ResponsiveImage = ({ alt, testId, proportioned = false, children, ...attributes }) => {
|
|
3
|
+
if (children) {
|
|
4
|
+
if (proportioned) {
|
|
5
|
+
return (React.createElement("div", { className: 'img-responsive-wrapper' },
|
|
6
|
+
React.createElement("div", { className: 'img-responsive' },
|
|
7
|
+
React.createElement("figure", { className: 'img-wrapper' },
|
|
8
|
+
React.createElement("img", { ...attributes, alt: alt, className: 'figure-img img-fluid rounded' }),
|
|
9
|
+
children))));
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
return (React.createElement("figure", { className: 'figure img-full w-100 img-responsive-wrapper' },
|
|
13
|
+
React.createElement("img", { ...attributes, alt: alt, className: 'figure-img img-fluid rounded' }),
|
|
14
|
+
children));
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
return (React.createElement("div", { className: 'img-responsive-wrapper', "data-testid": testId },
|
|
19
|
+
React.createElement("div", { className: 'img-responsive' },
|
|
20
|
+
React.createElement("div", { className: 'img-wrapper' },
|
|
21
|
+
React.createElement("img", { ...attributes, alt: alt })))));
|
|
22
|
+
}
|
|
7
23
|
};
|
|
8
24
|
//# sourceMappingURL=ResponsiveImage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,GAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IACxH,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,YAAY,EAAE,CAAC;YACjB,OAAM,CACJ,6BAAK,SAAS,EAAC,wBAAwB;gBACrC,6BAAK,SAAS,EAAC,gBAAgB;oBAC7B,gCAAQ,SAAS,EAAC,aAAa;wBAC7B,gCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAG,SAAS,EAAC,8BAA8B,GAAG;wBAC1E,QAAQ,CACF,CACL,CACF,CACP,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAM,CACJ,gCAAQ,SAAS,EAAC,8CAA8C;gBAC9D,gCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAG,SAAS,EAAC,8BAA8B,GAAG;gBAC1E,QAAQ,CACF,CACV,CAAA;QACH,CAAC;IACH,CAAC;SAAM,CAAC;QACN,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB,iBAAc,MAAM;YACzD,6BAAK,SAAS,EAAC,gBAAgB;gBAC7B,6BAAK,SAAS,EAAC,aAAa;oBAC1B,gCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7B,CACF,CACF,CACP,CAAC;IACJ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var p=Object.create;var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of u(e))!f.call(t,s)&&s!==r&&i(t,s,{get:()=>e[s],enumerable:!(a=b(e,s))||a.enumerable});return t};var n=(t,e,r)=>(r=t!=null?p(T(t)):{},m(e||!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),I=t=>m(i({},"__esModule",{value:!0}),t);var d={};v(d,{ThumbNavItem:()=>N});module.exports=I(d);var o=n(require("react"),1),l=n(require("classnames"),1),N=({active:t=!1,targetUrl:e,imageUrl:r,actionDescription:a,testId:s,...c})=>{let g=(0,l.default)({active:t},"ratio","ratio-3x2");return o.default.createElement("li",{...c,"data-testid":s},o.default.createElement("a",{href:e,className:g},o.default.createElement("img",{src:r,alt:a})))};0&&(module.exports={ThumbNavItem});
|
|
2
2
|
//# sourceMappingURL=ThumbNavItem.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ThumbNav/ThumbNavItem.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface ThumbNavItemProps extends HTMLAttributes<HTMLLIElement> {\n active?: boolean;\n targetUrl?: string;\n imageUrl: string;\n actionDescription?: string;\n testId?: string;\n}\n\nexport const ThumbNavItem: FC<ThumbNavItemProps> = ({\n active = false,\n targetUrl,\n imageUrl,\n actionDescription,\n testId,\n ...attributes\n}) => {\n const classes = classNames({ active: active }, 'ratio', 'ratio-3x2');\n\n return (\n <li {...attributes} data-testid={testId}>\n <
|
|
1
|
+
{"version":3,"sources":["../../src/ThumbNav/ThumbNavItem.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface ThumbNavItemProps extends HTMLAttributes<HTMLLIElement> {\n active?: boolean;\n targetUrl?: string;\n imageUrl: string;\n actionDescription?: string;\n testId?: string;\n}\n\nexport const ThumbNavItem: FC<ThumbNavItemProps> = ({\n active = false,\n targetUrl,\n imageUrl,\n actionDescription,\n testId,\n ...attributes\n}) => {\n const classes = classNames({ active: active }, 'ratio', 'ratio-3x2');\n\n return (\n <li {...attributes} data-testid={testId}>\n <a href={targetUrl} className={classes}>\n <img src={imageUrl} alt={actionDescription} />\n </a>\n </li>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAC1CC,EAAuB,2BAUVH,EAAsC,CAAC,CAClD,OAAAI,EAAS,GACT,UAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAW,CAAE,OAAQP,CAAO,EAAG,QAAS,WAAW,EAEnE,OACE,EAAAQ,QAAA,cAAC,MAAI,GAAGH,EAAY,cAAaD,GAC/B,EAAAI,QAAA,cAAC,KAAE,KAAMP,EAAW,UAAWK,GAC7B,EAAAE,QAAA,cAAC,OAAI,IAAKN,EAAU,IAAKC,EAAmB,CAC9C,CACF,CAEJ","names":["ThumbNavItem_exports","__export","ThumbNavItem","__toCommonJS","import_react","import_classnames","active","targetUrl","imageUrl","actionDescription","testId","attributes","classes","classNames","React"]}
|
|
@@ -3,7 +3,6 @@ import classNames from 'classnames';
|
|
|
3
3
|
export const ThumbNavItem = ({ active = false, targetUrl, imageUrl, actionDescription, testId, ...attributes }) => {
|
|
4
4
|
const classes = classNames({ active: active }, 'ratio', 'ratio-3x2');
|
|
5
5
|
return (React.createElement("li", { ...attributes, "data-testid": testId },
|
|
6
|
-
React.createElement("img", { src: 'https://picsum.photos/240/160?image=1056', className: 'thumb-nav-resizer', "aria-hidden": 'true', alt: '' }),
|
|
7
6
|
React.createElement("a", { href: targetUrl, className: classes },
|
|
8
7
|
React.createElement("img", { src: imageUrl, alt: actionDescription }))));
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbNavItem.js","sourceRoot":"","sources":["../../src/ThumbNav/ThumbNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAErE,OAAO,CACL,+BAAQ,UAAU,iBAAe,MAAM;QACrC,
|
|
1
|
+
{"version":3,"file":"ThumbNavItem.js","sourceRoot":"","sources":["../../src/ThumbNav/ThumbNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAErE,OAAO,CACL,+BAAQ,UAAU,iBAAe,MAAM;QACrC,2BAAG,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO;YACpC,6BAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,iBAAiB,GAAI,CAC5C,CACD,CACN,CAAC;AACJ,CAAC,CAAC"}
|