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,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"]}
|