design-react-kit 5.3.0 → 5.4.0
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 +20 -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/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/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/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/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,21 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { Icon } from '../Icon/Icon';
|
|
4
|
-
export const CardCategory = ({ iconName, date, href, onClick, testId, children, ...rest }) => {
|
|
4
|
+
export const CardCategory = ({ iconName, iconTitle, date, href, onClick, testId, children, textDescription, dateDescription, ...rest }) => {
|
|
5
5
|
const classes = classNames({
|
|
6
6
|
'category-top': date || ' ',
|
|
7
7
|
'categoryicon-top': iconName
|
|
8
8
|
});
|
|
9
9
|
// Simple category link
|
|
10
|
-
const categoryLink = !iconName && (React.createElement(
|
|
10
|
+
const categoryLink = !iconName && (React.createElement(React.Fragment, null,
|
|
11
|
+
textDescription && React.createElement("span", { className: "visually-hidden" }, textDescription),
|
|
12
|
+
React.createElement("a", { href: href, className: 'category', onClick: onClick }, children)));
|
|
11
13
|
const categoryDate = date && React.createElement("span", { className: 'data' }, date);
|
|
12
14
|
// Category with icon
|
|
13
15
|
const categoryText = iconName && React.createElement("span", { className: 'text' }, children);
|
|
14
|
-
const categoryIcon = iconName && React.createElement(Icon, { icon: iconName });
|
|
16
|
+
const categoryIcon = iconName && React.createElement(Icon, { icon: iconName, title: iconTitle });
|
|
15
17
|
return (React.createElement("div", { className: classes, ...rest, "data-testid": testId },
|
|
16
18
|
categoryLink,
|
|
17
19
|
categoryIcon,
|
|
20
|
+
categoryText && textDescription && React.createElement("span", { className: "visually-hidden" }, textDescription),
|
|
18
21
|
categoryText,
|
|
22
|
+
dateDescription && React.createElement("span", { className: "visually-hidden" }, dateDescription),
|
|
19
23
|
categoryDate));
|
|
20
24
|
};
|
|
21
25
|
//# sourceMappingURL=CardCategory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCategory.js","sourceRoot":"","sources":["../../src/Card/CardCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CardCategory.js","sourceRoot":"","sources":["../../src/Card/CardCategory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAoBpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC/J,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,cAAc,EAAE,IAAI,IAAI,GAAG;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC,CAAC;IACH,uBAAuB;IACvB,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAChC;QACG,eAAe,IAAI,8BAAM,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAQ;QAC9E,2BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,IACjD,QAAQ,CACP,CACH,CACJ,CAAC;IACF,MAAM,YAAY,GAAG,IAAI,IAAI,8BAAM,SAAS,EAAC,MAAM,IAAE,IAAI,CAAQ,CAAC;IAClE,qBAAqB;IACrB,MAAM,YAAY,GAAG,QAAQ,IAAI,8BAAM,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAQ,CAAC;IAC1E,MAAM,YAAY,GAAG,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC;IAE5E,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,IAAI,iBAAe,MAAM;QACnD,YAAY;QACZ,YAAY;QACZ,YAAY,IAAI,eAAe,IAAI,8BAAM,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAQ;QAAE,YAAY;QAC3G,eAAe,IAAI,8BAAM,SAAS,EAAC,iBAAiB,IAAE,eAAe,CAAQ;QAAE,YAAY,CACxF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Forward/Forward.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var d=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var F=(r,o)=>{for(var e in o)a(r,e,{get:o[e],enumerable:!0})},n=(r,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of p(o))!A.call(r,t)&&t!==e&&a(r,t,{get:()=>o[t],enumerable:!(s=h(o,t))||s.enumerable});return r};var l=(r,o,e)=>(e=r!=null?d(w(r)):{},n(o||!r||!r.__esModule?a(e,"default",{value:r,enumerable:!0}):e,r)),u=r=>n(a({},"__esModule",{value:!0}),r);var x={};F(x,{Forward:()=>T});module.exports=u(x);var i=l(require("react"),1),f=l(require("classnames"),1),T=({className:r,children:o,testId:e,...s})=>{let t=(0,f.default)(r,"forward");return i.default.createElement("a",{className:t,onClick:m=>{if(m.preventDefault(),s.href){let c=document.querySelector(s.href);c&&c.scrollIntoView({behavior:"smooth",block:"start"})}},"data-testid":e,...s},o)};0&&(module.exports={Forward});
|
|
2
2
|
//# sourceMappingURL=Forward.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Forward/Forward.tsx"],"sourcesContent":["import React, { FC, AnchorHTMLAttributes
|
|
1
|
+
{"version":3,"sources":["../../src/Forward/Forward.tsx"],"sourcesContent":["import React, { FC, AnchorHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface ForwardProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Classi aggiuntive da usare per il componente Forward */\n className?: string;\n /** Riferimento al nodo a cui scorrere quando premuto */\n // scrollToRef: MutableRefObject<Element | null>;\n testId?: string;\n}\n\nexport const Forward: FC<ForwardProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classNames(className, 'forward');\n return (\n <a\n className={classes}\n onClick={(e) => {\n e.preventDefault()\n if (attributes.href) {\n const scrollToRef = document.querySelector(attributes.href)\n if (scrollToRef) {\n scrollToRef.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n })\n }\n }\n }}\n data-testid={testId}\n {...attributes}\n >\n {children}\n </a>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAgD,sBAChDC,EAAuB,2BAUVH,EAA4B,CAAC,CAAE,UAAAI,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC3F,IAAMC,KAAU,EAAAC,SAAWL,EAAW,SAAS,EAC/C,OACE,EAAAM,QAAA,cAAC,KACC,UAAWF,EACX,QAAUG,GAAM,CAEd,GADAA,EAAE,eAAe,EACbJ,EAAW,KAAM,CACnB,IAAMK,EAAc,SAAS,cAAcL,EAAW,IAAI,EACtDK,GACFA,EAAY,eAAe,CACzB,SAAU,SACV,MAAO,OACT,CAAC,CAEL,CACF,EACA,cAAaN,EACZ,GAAGC,GAEHF,CACH,CAEJ","names":["Forward_exports","__export","Forward","__toCommonJS","import_react","import_classnames","className","children","testId","attributes","classes","classNames","React","e","scrollToRef"]}
|
package/dist/Forward/Forward.js
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
export const Forward = ({ className,
|
|
3
|
+
export const Forward = ({ className, children, testId, ...attributes }) => {
|
|
4
4
|
const classes = classNames(className, 'forward');
|
|
5
|
-
return (React.createElement("a", { className: classes, onClick: () =>
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
return (React.createElement("a", { className: classes, onClick: (e) => {
|
|
6
|
+
e.preventDefault();
|
|
7
|
+
if (attributes.href) {
|
|
8
|
+
const scrollToRef = document.querySelector(attributes.href);
|
|
9
|
+
if (scrollToRef) {
|
|
10
|
+
scrollToRef.scrollIntoView({
|
|
11
|
+
behavior: 'smooth',
|
|
12
|
+
block: 'start'
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}, "data-testid": testId, ...attributes }, children));
|
|
9
17
|
};
|
|
10
18
|
//# sourceMappingURL=Forward.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Forward.js","sourceRoot":"","sources":["../../src/Forward/Forward.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Forward.js","sourceRoot":"","sources":["../../src/Forward/Forward.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAC1F,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACjD,OAAO,CACL,2BACE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;gBACpB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;gBAC3D,IAAI,WAAW,EAAE,CAAC;oBAChB,WAAW,CAAC,cAAc,CAAC;wBACzB,QAAQ,EAAE,QAAQ;wBAClB,KAAK,EAAE,OAAO;qBACf,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;QACH,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var c=Object.create;var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},i=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!x.call(t,s)&&s!==r&&p(t,s,{get:()=>e[s],enumerable:!(a=d(e,s))||a.enumerable});return t};var m=(t,e,r)=>(r=t!=null?c(l(t)):{},i(e||!t||!t.__esModule?p(r,"default",{value:t,enumerable:!0}):r,t)),f=t=>i(p({},"__esModule",{value:!0}),t);var E={};I(E,{GridItemTextWrapper:()=>u});module.exports=f(E);var n=m(require("react"),1),o=m(require("classnames"),1),u=({className:t,children:e,testId:r,tag:a="span",...s})=>{let T=(0,o.default)("it-griditem-text-wrapper",t);return n.default.createElement(a,{...s,className:T,"data-testid":r},e)};0&&(module.exports={GridItemTextWrapper});
|
|
2
2
|
//# sourceMappingURL=GridItemTextWrapper.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Grid/GridItemTextWrapper.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n}\n\nexport const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('it-griditem-text-wrapper', className);\n return (\n <
|
|
1
|
+
{"version":3,"sources":["../../src/Grid/GridItemTextWrapper.tsx"],"sourcesContent":["import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n /** Tag dell'elemento (può essere ad esempio trasformato in figcaption) */\n tag?: ElementType;\n}\n\nexport const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({ className, children, testId, tag='span', ...attributes }) => {\n const classes = classname('it-griditem-text-wrapper', className);\n const Tag = tag;\n return (\n <Tag {...attributes} className={classes} data-testid={testId}>\n {children}\n </Tag>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAsB,2BAUTH,EAAoD,CAAC,CAAE,UAAAI,EAAW,SAAAC,EAAU,OAAAC,EAAQ,IAAAC,EAAI,OAAQ,GAAGC,CAAW,IAAM,CAC/H,IAAMC,KAAU,EAAAC,SAAU,2BAA4BN,CAAS,EAE/D,OACE,EAAAO,QAAA,cAFUJ,EAET,CAAK,GAAGC,EAAY,UAAWC,EAAS,cAAaH,GACnDD,CACH,CAEJ","names":["GridItemTextWrapper_exports","__export","GridItemTextWrapper","__toCommonJS","import_react","import_classnames","className","children","testId","tag","attributes","classes","classname","React"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classname from 'classnames';
|
|
3
|
-
export const GridItemTextWrapper = ({ className, children, testId, ...attributes }) => {
|
|
3
|
+
export const GridItemTextWrapper = ({ className, children, testId, tag = 'span', ...attributes }) => {
|
|
4
4
|
const classes = classname('it-griditem-text-wrapper', className);
|
|
5
|
-
|
|
5
|
+
const Tag = tag;
|
|
6
|
+
return (React.createElement(Tag, { ...attributes, className: classes, "data-testid": testId }, children));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=GridItemTextWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridItemTextWrapper.js","sourceRoot":"","sources":["../../src/Grid/GridItemTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GridItemTextWrapper.js","sourceRoot":"","sources":["../../src/Grid/GridItemTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,SAAS,MAAM,YAAY,CAAC;AAUnC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,GAAC,MAAM,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IAC9H,MAAM,OAAO,GAAG,SAAS,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,OAAO,CACL,oBAAC,GAAG,OAAK,UAAU,EAAE,SAAS,EAAE,OAAO,iBAAe,MAAM,IACzD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Grid/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var b=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var N=(t,
|
|
1
|
+
"use strict";var b=Object.create;var p=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var N=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},a=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of A(e))!F.call(t,s)&&s!==r&&p(t,s,{get:()=>e[s],enumerable:!(i=w(e,s))||i.enumerable});return t};var o=(t,e,r)=>(r=t!=null?b(C(t)):{},a(e||!t||!t.__esModule?p(r,"default",{value:t,enumerable:!0}):r,t)),y=t=>a(p({},"__esModule",{value:!0}),t);var E={};N(E,{GridItem:()=>x,GridItemText:()=>l,GridItemTextWrapper:()=>I,GridList:()=>u,GridRow:()=>P});module.exports=y(E);var d=o(require("react"),1),n=o(require("classnames"),1),x=({tag:t="div",className:e,children:r,testId:i,...s})=>{let m=(0,n.default)("it-grid-item-wrapper",e);return d.default.createElement(t,{...s,className:m,"data-testid":i},r)};var c=o(require("react"),1),T=o(require("classnames"),1),l=({className:t,children:e,testId:r,...i})=>{let s=(0,T.default)("it-griditem-text",t);return c.default.createElement("span",{...i,className:s,"data-testid":r},e)};var G=o(require("react"),1),f=o(require("classnames"),1),I=({className:t,children:e,testId:r,tag:i="span",...s})=>{let m=(0,f.default)("it-griditem-text-wrapper",t);return G.default.createElement(i,{...s,className:m,"data-testid":r},e)};var g=o(require("react"),1),L=o(require("classnames"),1),u=({className:t,children:e,testId:r,...i})=>{let s=(0,L.default)("it-grid-list-wrapper",t);return g.default.createElement("div",{...i,className:s,"data-testid":r},e)};var H=o(require("react"),1),M=o(require("classnames"),1),P=({className:t,children:e,testId:r,...i})=>{let s=(0,M.default)("grid-row",t);return H.default.createElement("div",{...i,className:s,"data-testid":r},e)};0&&(module.exports={GridItem,GridItemText,GridItemTextWrapper,GridList,GridRow});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Grid/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Grid/index.ts","../../src/Grid/GridItem.tsx","../../src/Grid/GridItemText.tsx","../../src/Grid/GridItemTextWrapper.tsx","../../src/Grid/GridList.tsx","../../src/Grid/GridRow.tsx"],"sourcesContent":["export { GridItem } from './GridItem';\nexport { GridItemText } from './GridItemText';\nexport { GridItemTextWrapper } from './GridItemTextWrapper';\nexport { GridList } from './GridList';\nexport { GridRow } from './GridRow';\n\nexport type { GridItemProps } from './GridItem';\nexport type { GridItemTextProps } from './GridItemText';\nexport type { GridItemTextWrapperProps } from './GridItemTextWrapper';\nexport type { GridListProps } from './GridList';\nexport type { GridRowProps } from './GridRow';\n","import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per il componente LinkListItem */\n className?: string;\n /** Indica il tag da utilizzare per il titolo */\n tag?: ElementType;\n testId?: string;\n}\n\nexport const GridItem: FC<GridItemProps> = ({ tag: Tag = 'div', className, children, testId, ...attributes }) => {\n const classes = classname('it-grid-item-wrapper', className);\n return (\n <Tag {...attributes} className={classes} data-testid={testId}>\n {children}\n </Tag>\n );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n}\n\nexport const GridItemText: FC<GridItemTextProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('it-griditem-text', className);\n return (\n <span {...attributes} className={classes} data-testid={testId}>\n {children}\n </span>\n );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n}\n\nexport const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('it-griditem-text-wrapper', className);\n return (\n <
|
|
1
|
+
{"version":3,"sources":["../../src/Grid/index.ts","../../src/Grid/GridItem.tsx","../../src/Grid/GridItemText.tsx","../../src/Grid/GridItemTextWrapper.tsx","../../src/Grid/GridList.tsx","../../src/Grid/GridRow.tsx"],"sourcesContent":["export { GridItem } from './GridItem';\nexport { GridItemText } from './GridItemText';\nexport { GridItemTextWrapper } from './GridItemTextWrapper';\nexport { GridList } from './GridList';\nexport { GridRow } from './GridRow';\n\nexport type { GridItemProps } from './GridItem';\nexport type { GridItemTextProps } from './GridItemText';\nexport type { GridItemTextWrapperProps } from './GridItemTextWrapper';\nexport type { GridListProps } from './GridList';\nexport type { GridRowProps } from './GridRow';\n","import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per il componente LinkListItem */\n className?: string;\n /** Indica il tag da utilizzare per il titolo */\n tag?: ElementType;\n testId?: string;\n}\n\nexport const GridItem: FC<GridItemProps> = ({ tag: Tag = 'div', className, children, testId, ...attributes }) => {\n const classes = classname('it-grid-item-wrapper', className);\n return (\n <Tag {...attributes} className={classes} data-testid={testId}>\n {children}\n </Tag>\n );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n}\n\nexport const GridItemText: FC<GridItemTextProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('it-griditem-text', className);\n return (\n <span {...attributes} className={classes} data-testid={testId}>\n {children}\n </span>\n );\n};\n","import React, { ElementType, FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridItemTextWrapperProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per l'elemento */\n className?: string;\n testId?: string;\n /** Tag dell'elemento (può essere ad esempio trasformato in figcaption) */\n tag?: ElementType;\n}\n\nexport const GridItemTextWrapper: FC<GridItemTextWrapperProps> = ({ className, children, testId, tag='span', ...attributes }) => {\n const classes = classname('it-griditem-text-wrapper', className);\n const Tag = tag;\n return (\n <Tag {...attributes} className={classes} data-testid={testId}>\n {children}\n </Tag>\n );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridListProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per il componente LinkListItem */\n className?: string;\n testId?: string;\n}\n\nexport const GridList: FC<GridListProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('it-grid-list-wrapper', className);\n return (\n <div {...attributes} className={classes} data-testid={testId}>\n {children}\n </div>\n );\n};\n","import React, { FC, HTMLAttributes } from 'react';\nimport classname from 'classnames';\n\nexport interface GridRowProps extends HTMLAttributes<HTMLSpanElement> {\n /** Classi aggiuntive da usare per il componente LinkListItem */\n className?: string;\n testId?: string;\n}\n\nexport const GridRow: FC<GridRowProps> = ({ className, children, testId, ...attributes }) => {\n const classes = classname('grid-row', className);\n return (\n <div {...attributes} className={classes} data-testid={testId}>\n {children}\n </div>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,EAAA,iBAAAC,EAAA,wBAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GCAA,IAAAQ,EAAuD,sBACvDC,EAAsB,2BAUTC,EAA8B,CAAC,CAAE,IAAKC,EAAM,MAAO,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC/G,IAAMC,KAAU,EAAAC,SAAU,uBAAwBL,CAAS,EAC3D,OACE,EAAAM,QAAA,cAACP,EAAA,CAAK,GAAGI,EAAY,UAAWC,EAAS,cAAaF,GACnDD,CACH,CAEJ,EClBA,IAAAM,EAA0C,sBAC1CC,EAAsB,2BAQTC,EAAsC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CACrG,IAAMC,KAAU,EAAAC,SAAU,mBAAoBL,CAAS,EACvD,OACE,EAAAM,QAAA,cAAC,QAAM,GAAGH,EAAY,UAAWC,EAAS,cAAaF,GACpDD,CACH,CAEJ,EChBA,IAAAM,EAAuD,sBACvDC,EAAsB,2BAUTC,EAAoD,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,IAAAC,EAAI,OAAQ,GAAGC,CAAW,IAAM,CAC/H,IAAMC,KAAU,EAAAC,SAAU,2BAA4BN,CAAS,EAE/D,OACE,EAAAO,QAAA,cAFUJ,EAET,CAAK,GAAGC,EAAY,UAAWC,EAAS,cAAaH,GACnDD,CACH,CAEJ,ECnBA,IAAAO,EAA0C,sBAC1CC,EAAsB,2BAQTC,EAA8B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC7F,IAAMC,KAAU,EAAAC,SAAU,uBAAwBL,CAAS,EAC3D,OACE,EAAAM,QAAA,cAAC,OAAK,GAAGH,EAAY,UAAWC,EAAS,cAAaF,GACnDD,CACH,CAEJ,EChBA,IAAAM,EAA0C,sBAC1CC,EAAsB,2BAQTC,EAA4B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC3F,IAAMC,KAAU,EAAAC,SAAU,WAAYL,CAAS,EAC/C,OACE,EAAAM,QAAA,cAAC,OAAK,GAAGH,EAAY,UAAWC,EAAS,cAAaF,GACnDD,CACH,CAEJ","names":["Grid_exports","__export","GridItem","GridItemText","GridItemTextWrapper","GridList","GridRow","__toCommonJS","import_react","import_classnames","GridItem","Tag","className","children","testId","attributes","classes","classname","React","import_react","import_classnames","GridItemText","className","children","testId","attributes","classes","classname","React","import_react","import_classnames","GridItemTextWrapper","className","children","testId","tag","attributes","classes","classname","React","import_react","import_classnames","GridList","className","children","testId","attributes","classes","classname","React","import_react","import_classnames","GridRow","className","children","testId","attributes","classes","classname","React"]}
|
package/dist/List/ListItem.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var h=Object.create;var l=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var s in e)l(t,s,{get:e[s],enumerable:!0})},u=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!y.call(t,a)&&a!==s&&l(t,a,{get:()=>e[a],enumerable:!(o=I(e,a))||o.enumerable});return t};var v=(t,e,s)=>(s=t!=null?h(x(t)):{},u(e||!t||!t.__esModule?l(s,"default",{value:t,enumerable:!0}):s,t)),C=t=>u(l({},"__esModule",{value:!0}),t);var F={};z(F,{ListItem:()=>A});module.exports=C(F);var r=v(require("classnames"),1),i=v(require("react"),1),A=({className:t,active:e,avatar:s,icon:o,img:a,href:n,tag:f="div",to:L,wrapperClassName:m,testId:c,children:d,...p})=>{let M=f,N=(0,r.default)(t,{active:e},"list-item"),T=(0,r.default)(t,{"it-rounded-icon":o,"avatar size-lg":s,"it-thumb":a}),g=o||s||a;return n?i.default.createElement("li",{className:m,"data-testid":c},i.default.createElement("a",{href:n||"#",...p,className:N},i.default.createElement("div",{className:"it-right-zone"},d))):i.default.createElement("li",{className:m,"data-testid":c},i.default.createElement(M,{...p,className:N,href:n,to:L},g&&i.default.createElement("div",{className:T},g),i.default.createElement("div",{className:"it-right-zone"},d)))},E=({children:t})=>i.default.createElement("span",{className:"it-multiple"},t);A.MultipleAction=E;0&&(module.exports={ListItem});
|
|
2
2
|
//# sourceMappingURL=ListItem.cjs.map
|
|
@@ -1 +1 @@
|
|
|
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 const 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 <
|
|
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 const 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 <a href={href || '#'} {...attributes} className={classes}>\n <div className=\"it-right-zone\">{children}</div>\n </a>\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,IAAMC,EAAMN,EACNO,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,cAAC,KAAE,KAAMZ,GAAQ,IAAM,GAAGM,EAAY,UAAWE,GAC/C,EAAAI,QAAA,cAAC,OAAI,UAAU,iBAAiBP,CAAS,CAC3C,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
CHANGED
|
@@ -9,8 +9,8 @@ export const ListItem = ({ className, active, avatar, icon, img, href, tag = 'di
|
|
|
9
9
|
}), leftItem = icon || avatar || img;
|
|
10
10
|
if (href) {
|
|
11
11
|
return (React.createElement("li", { className: wrapperClassName, "data-testid": testId },
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement("
|
|
12
|
+
React.createElement("a", { href: href || '#', ...attributes, className: classes },
|
|
13
|
+
React.createElement("div", { className: "it-right-zone" }, children))));
|
|
14
14
|
}
|
|
15
15
|
return (React.createElement("li", { className: wrapperClassName, "data-testid": testId },
|
|
16
16
|
React.createElement(Tag, { ...attributes, className: classes, href: href, to: to },
|
|
@@ -1 +1 @@
|
|
|
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,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,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,
|
|
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,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,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,2BAAG,IAAI,EAAE,IAAI,IAAI,GAAG,KAAM,UAAU,EAAE,SAAS,EAAE,OAAO;gBACtD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC7C,CACD,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"}
|
|
@@ -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"}
|