ouisys-component-library 2.0.1 → 2.0.4

package/dist/ZipFolderCreative.js

@@ -0,0 +1,2 @@
+import e from"classnames";import t from"react";import{s as i}from"./style-inject.es-1f59c1d0.js";var a="ZipFolderCreative-module_features__DRXJK",r="ZipFolderCreative-module_featuresTitle__c4Ayz",l="ZipFolderCreative-module_featuresGrid__t6V1e",m="ZipFolderCreative-module_featuresGridItem__-TDIA",s="ZipFolderCreative-module_featuresGridItemImage__sXY1T",d="ZipFolderCreative-module_featuresGridItemContent__bunH5",o="ZipFolderCreative-module_featuresGridItemName__DDsft",u="ZipFolderCreative-module_featuresGridItemDescription__s-jdM";i(".ZipFolderCreative-module_features__DRXJK{margin-inline:auto;padding:1rem}.ZipFolderCreative-module_featuresTitle__c4Ayz{font-size:1.5rem;font-weight:600;margin-block-end:1rem;text-transform:capitalize}.ZipFolderCreative-module_featuresGrid__t6V1e{display:flex;flex-wrap:wrap;gap:1rem}.ZipFolderCreative-module_featuresGridItem__-TDIA{align-items:start;background-color:#f6f6f6;border-radius:1rem;display:flex;flex:1 1 100%;gap:1rem;justify-content:start;padding:1rem}.ZipFolderCreative-module_featuresGridItemImage__sXY1T{aspect-ratio:1/1;border-radius:.5rem;font-size:.75rem;font-style:italic;height:5rem;-o-object-fit:cover;object-fit:cover;width:5rem}.ZipFolderCreative-module_featuresGridItemContent__bunH5{line-height:1.25;text-align:start}.ZipFolderCreative-module_featuresGridItemName__DDsft{font-size:1.25rem;font-weight:600;margin-block-end:.25rem;text-transform:capitalize}.ZipFolderCreative-module_featuresGridItemDescription__s-jdM{font-size:1rem;font-weight:500}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlppcEZvbGRlckNyZWF0aXZlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDBDQUNFLGtCQUFtQixDQUNuQixZQUNGLENBRUEsK0NBQ0UsZ0JBQWlCLENBQ2pCLGVBQWdCLENBQ2hCLHFCQUFzQixDQUN0Qix5QkFDRixDQUVBLDhDQUNFLFlBQWEsQ0FDYixjQUFlLENBQ2YsUUFDRixDQUVBLGtEQUNFLGlCQUFrQixDQUNsQix3QkFBeUIsQ0FDekIsa0JBQW1CLENBQ25CLFlBQWEsQ0FDYixhQUFjLENBQ2QsUUFBUyxDQUNULHFCQUFzQixDQUN0QixZQUNGLENBRUEsdURBQ0UsZ0JBQWlCLENBQ2pCLG1CQUFxQixDQUNyQixnQkFBa0IsQ0FDbEIsaUJBQWtCLENBQ2xCLFdBQVksQ0FDWixtQkFBaUIsQ0FBakIsZ0JBQWlCLENBQ2pCLFVBQ0YsQ0FFQSx5REFDRSxnQkFBaUIsQ0FDakIsZ0JBQ0YsQ0FFQSxzREFDRSxpQkFBa0IsQ0FDbEIsZUFBZ0IsQ0FDaEIsdUJBQXlCLENBQ3pCLHlCQUNGLENBRUEsNkRBQ0UsY0FBZSxDQUNmLGVBQ0YiLCJmaWxlIjoiWmlwRm9sZGVyQ3JlYXRpdmUubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmVhdHVyZXMge1xuICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICBwYWRkaW5nOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNUaXRsZSB7XG4gIGZvbnQtc2l6ZTogMS41cmVtO1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW4tYmxvY2stZW5kOiAxcmVtO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cblxuLmZlYXR1cmVzR3JpZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAxcmVtO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbSB7XG4gIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjZmNjtcbiAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleDogMSAxIDEwMCU7XG4gIGdhcDogMXJlbTtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgcGFkZGluZzogMXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1JbWFnZSB7XG4gIGFzcGVjdC1yYXRpbzogMS8xO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBoZWlnaHQ6IDVyZW07XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogNXJlbTtcbn1cblxuLmZlYXR1cmVzR3JpZEl0ZW1Db250ZW50IHtcbiAgbGluZS1oZWlnaHQ6IDEuMjU7XG4gIHRleHQtYWxpZ246IHN0YXJ0O1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbU5hbWUge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IDAuMjVyZW07XG4gIHRleHQtdHJhbnNmb3JtOiBjYXBpdGFsaXplO1xufVxuXG4uZmVhdHVyZXNHcmlkSXRlbURlc2NyaXB0aW9uIHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LXdlaWdodDogNTAwO1xufSJdfQ== */");var c=Array(3).fill(null).map((function(e,t){return{image:"https://picsum.photos/id/".concat(Math.floor(99*Math.random()+1),"/320"),name:"features ".concat(t),description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc."}})),n=function(i){var n=i.headline,Z=void 0===n?"Features":n,Q=i.items,F=void 0===Q?c:Q,g=i.className,p=void 0===g?"":g,I=i.dataQaId,b=void 0===I?"qa-features":I,G=i.tracker;return t.createElement("div",{className:e(a,"features",p),"data-qa-id":b},t.createElement("div",{className:e(r,"features-title")},Z),t.createElement("div",{className:e(l,"features-grid")},F.length&&F.map((function(i,a){var r=i.image,l=i.name,c=i.description;return t.createElement("div",{key:a,className:e(m,"features-grid-item"),onClick:function(){G&&G.customEvent("Features","click","FeaturesGrid".concat(a))}},t.createElement("img",{src:r,alt:l,className:e(s,"features-grid-item-image")}),t.createElement("div",{className:e(d,"features-grid-item-content")},t.createElement("div",{className:e(o,"features-grid-item-name")},l),t.createElement("div",{className:e(u,"features-grid-item-description")},c)))}))))};export{n as ZipFolderCreative};
+//# sourceMappingURL=ZipFolderCreative.js.map

package/dist/ZipFolderCreative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZipFolderCreative.js","sources":["../src/Creative/ZipFolderCreative/ZipFolderCreative.tsx"],"sourcesContent":["import cn from 'classnames';\nimport React from 'react';\nimport styles from './ZipFolderCreative.module.scss';\nimport { interfaceFeatures, typeItems } from './ZipFolderCreative.types';\n\nconst defaultItems = Array(3)\n  .fill(null)\n  .map((_, index) => ({\n    image: `https://picsum.photos/id/${Math.floor(Math.random() * (99 - 1 + 1) + 1)}/320`,\n    name: `features ${index}`,\n    description:\n      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nisl orci, ullamcorper nec faucibus nec, maximus sit amet leo. Suspendisse sit amet quam ut diam eleifend viverra id vel nunc.'\n  }));\n\nexport const ZipFolderCreative = ({\n  headline = 'Features',\n  items = defaultItems,\n  className = '',\n  dataQaId = 'qa-features',\n  tracker\n}: interfaceFeatures) => (\n  <div className={cn(styles.features, 'features', className)} data-qa-id={dataQaId}>\n    <div className={cn(styles.featuresTitle, 'features-title')}>{headline}</div>\n\n    <div className={cn(styles.featuresGrid, 'features-grid')}>\n      {items.length &&\n        items.map(({ image, name, description }: typeItems, index: number) => (\n          <div\n            key={index}\n            className={cn(styles.featuresGridItem, 'features-grid-item')}\n            onClick={() => {\n              if (tracker) {\n                tracker.customEvent('Features', 'click', `FeaturesGrid${index}`);\n              }\n            }}\n          >\n            <img src={image} alt={name} className={cn(styles.featuresGridItemImage, 'features-grid-item-image')} />\n            <div className={cn(styles.featuresGridItemContent, 'features-grid-item-content')}>\n              <div className={cn(styles.featuresGridItemName, 'features-grid-item-name')}>{name}</div>\n              <div className={cn(styles.featuresGridItemDescription, 'features-grid-item-description')}>\n                {description}\n              </div>\n            </div>\n          </div>\n        ))}\n    </div>\n  </div>\n);\n"],"names":["defaultItems","Array","fill","map","_","index","image","Math","floor","random","name","concat","description","ZipFolderCreative","_a","_b","headline","_c","items","_d","className","_e","dataQaId","tracker","React","createElement","cn","styles","length","key","onClick","customEvent","src","alt"],"mappings":"s/GAKA,IAAMA,EAAeC,MAAM,GACxBC,KAAK,MACLC,KAAI,SAACC,EAAGC,GAAU,MAAC,CAClBC,MAAO,mCAA4BC,KAAKC,MAAuB,GAAjBD,KAAKE,SAA0B,GAAQ,QACrFC,KAAM,YAAYC,OAAAN,GAClBO,YACE,oMACF,IAESC,EAAoB,SAACC,GAChC,IAAAC,EAAAD,EAAAE,SAAAA,OAAW,IAAAD,EAAA,WAAUA,EACrBE,EAAoBH,EAAAI,MAApBA,OAAK,IAAAD,EAAGjB,EAAYiB,EACpBE,EAAAL,EAAAM,UAAAA,OAAY,IAAAD,EAAA,GAAEA,EACdE,EAAwBP,EAAAQ,SAAxBA,OAAQ,IAAAD,EAAG,cAAaA,EACxBE,EAAOT,EAAAS,QACgB,OACvBC,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAiB,WAAYP,gBAAwBE,GACtEE,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAsB,mBAAoBX,GAE7DQ,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAqB,kBACrCT,EAAMU,QACLV,EAAMf,KAAI,SAACW,EAAyCT,GAAvC,IAAAC,UAAOI,EAAII,EAAAJ,KAAEE,EAAWE,EAAAF,YAAiC,OACpEY,EACEC,cAAA,MAAA,CAAAI,IAAKxB,EACLe,UAAWM,EAAGC,EAAyB,sBACvCG,QAAS,WACHP,GACFA,EAAQQ,YAAY,WAAY,QAAS,eAAepB,OAAAN,MAI5DmB,EAAAC,cAAA,MAAA,CAAKO,IAAK1B,EAAO2B,IAAKvB,EAAMU,UAAWM,EAAGC,EAA8B,8BACxEH,EAAKC,cAAA,MAAA,CAAAL,UAAWM,EAAGC,EAAgC,+BACjDH,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAA6B,4BAA6BjB,GAC7Ec,EAAAC,cAAA,MAAA,CAAKL,UAAWM,EAAGC,EAAoC,mCACpDf,IAIR,KAxBgB"}

package/dist/types/Creative/ZipFolderCreative/ZipFolderCreative.d.ts

@@ -0,0 +1,5 @@
+import { interfaceFeatures } from './ZipFolderCreative.types.js';
+
+declare const ZipFolderCreative: ({ headline, items, className, dataQaId, tracker }: interfaceFeatures) => JSX.Element;
+
+export { ZipFolderCreative };

package/dist/types/Creative/ZipFolderCreative/ZipFolderCreative.types.d.ts

@@ -0,0 +1,16 @@
+import { ITracker } from '../../custom-types.js';
+
+type typeItems = {
+    image: string;
+    name: string;
+    description: string;
+};
+interface interfaceFeatures {
+    headline: string;
+    items: Array<typeItems>;
+    className?: string;
+    dataQaId?: string;
+    tracker?: ITracker;
+}
+
+export { interfaceFeatures, typeItems };

package/dist/types/component-exports/ZipFolderCreative/ZipFolderCreative.d.ts

@@ -0,0 +1,2 @@
+export { ZipFolderCreative } from '../../Creative/ZipFolderCreative/ZipFolderCreative.js';
+export { interfaceFeatures, typeItems } from '../../Creative/ZipFolderCreative/ZipFolderCreative.types.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ouisys-component-library",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "description": "Ouisys Components",
   "main": "dist/index.js",
   "directories": "dist dev-tools",
@@ -56,46 +56,52 @@
   "typesVersions": {
     "*": {
       "Button": [
-        "dist/types/Button.d.ts"
+        "dist/types/Button/Button.d.ts"
       ],
       "ChainRedirect": [
-        "dist/types/ChainRedirect.d.ts"
+        "dist/types/ChainRedirect/ChainRedirect.d.ts"
       ],
       "Disclaimers": [
-        "dist/types/Disclaimers.d.ts"
+        "dist/types/Disclaimers/Disclaimers.d.ts"
       ],
       "ExtraDisclaimers": [
-        "dist/types/ExtraDisclaimers.d.ts"
+        "dist/types/ExtraDisclaimers/ExtraDisclaimers.d.ts"
       ],
       "Input": [
-        "dist/types/Input.d.ts"
+        "dist/types/Input/Input.d.ts"
       ],
       "Link": [
-        "dist/types/Link.d.ts"
+        "dist/types/Link/Link.d.ts"
       ],
       "MOLink": [
-        "dist/types/MOLink.d.ts"
+        "dist/types/MOLink/MOLink.d.ts"
       ],
       "PricePoint": [
-        "dist/types/PricePoint.d.ts"
+        "dist/types/PricePoint/PricePoint.d.ts"
       ],
       "Select": [
-        "dist/types/Select.d.ts"
+        "dist/types/Select/Select.d.ts"
       ],
       "TopLegals": [
-        "dist/types/TopLegals.d.ts"
+        "dist/types/TopLegals/TopLegals.d.ts"
       ],
       "LanguageSwitcher": [
-        "dist/types/LanguageSwitcher.d.ts"
+        "dist/types/LanguageSwitcher/LanguageSwitcher.d.ts"
       ],
       "Intl": [
-        "dist/types/Intl.d.ts"
+        "dist/types/Intl/Intl.d.ts"
       ],
       "PhoneEntry": [
-        "dist/types/PhoneEntry.d.ts"
+        "dist/types/PhoneEntry/PhoneEntry.d.ts"
       ],
       "PinEntry": [
-        "dist/types/PinEntry.d.ts"
+        "dist/types/PinEntry/PinEntry.d.ts"
+      ],
+      "Features": [
+        "dist/types/Features/Features.d.ts"
+      ],
+      "Showcase": [
+        "dist/types/Showcase/Showcase.d.ts"
       ]
     }
   },
@@ -185,9 +191,5 @@
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
-  "engines": {
-    "node": ">=20",
-    "npm": ">=10"
-  },
   "prettier": "prettier-config-ouisys"
 }