@nimbus-ds/thumbnail 1.2.0 → 2.0.0-rc.1

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+// Generated by dts-bundle-generator v7.1.0
+
+import React from 'react';
+import { HTMLAttributes, ImgHTMLAttributes, ReactNode } from 'react';
+
+export type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
+declare const thumbnail: {
+	sprinkle: ((props: {
+		aspectRatio?: AspectRatio | undefined;
+	}) => string) & {
+		properties: Set<"aspectRatio">;
+	};
+	properties: {
+		aspectRatio: AspectRatio[];
+	};
+	classnames: {
+		container: string;
+		image: string;
+		placeholder: string;
+		skeleton: string;
+	};
+};
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+	/** width alignment in content */
+	width: string;
+	/** height alignment in content */
+	height: string;
+	/** borderRadius alignment in content */
+	borderRadius?: string;
+}
+export type ThumbnailSkeletonProps = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<ThumbnailProps, "aspectRatio">> & {
+	"data-testid"?: string;
+};
+declare const ThumbnailSkeleton: React.FC<ThumbnailSkeletonProps>;
+export interface ThumbnailComponents {
+	Skeleton: typeof ThumbnailSkeleton;
+}
+export interface ThumbnailProps extends ImgHTMLAttributes<HTMLImageElement> {
+	/** The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. */
+	alt: string;
+	/** Element to be displayed on thumbnail */
+	children?: ReactNode;
+	/** Permitted aspect ratios for the size of the image */
+	aspectRatio?: typeof thumbnail.properties.aspectRatio[number];
+	/** Width value of the image. Defaults to 100% */
+	width?: string;
+}
+export declare const Thumbnail: React.FC<ThumbnailProps> & ThumbnailComponents;
+
+export {
+	Thumbnail as default,
+};
+
+export {};

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@tiendanube/icons"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@tiendanube/icons","@nimbus-ds/styles","@nimbus-ds/icon","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/thumbnail"]=t(require("react"),require("@tiendanube/icons"),require("@nimbus-ds/styles"),require("@nimbus-ds/icon"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/thumbnail"]=t(e.react,e["@tiendanube/icons"],e["@nimbus-ds/styles"],e["@nimbus-ds/icon"],e["@nimbus-ds/skeleton"])}(self,((e,t,n,r,o)=>(()=>{"use strict";var a={564:(e,t,n)=>{function r(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var n=e;for(var r of t){if(!(r in n))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));n=n[r]}return n}function a(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.constructor();for(var o in e){var i=e[o],l=[...n,o];"string"==typeof i||"number"==typeof i||null==i?r[o]=t(i,l):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(l.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):r[o]=a(i,t,l)}return r}function i(e,t){var n={};if("object"==typeof t){var i=e;a(t,((e,t)=>{var a=o(i,t);n[r(a)]=String(e)}))}else{var l=e;for(var u in l)n[r(u)]=l[u]}return Object.defineProperty(n,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),n}function l(e,t,n){e.style.setProperty(r(t),n)}function u(e,t,n){if("object"==typeof n){var r=t;a(n,((t,n)=>{l(e,o(r,n),String(t))}))}else{var i=t;for(var u in i)l(e,u,i[u])}}n.r(t),n.d(t,{assignInlineVars:()=>i,setElementVars:()=>u})},623:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Thumbnail=void 0;const r=n(15).__importDefault(n(156)),o=n(564),a=n(948),i=n(990),l=n(633),u=n(612),c=({className:e,style:t,aspectRatio:n="1/1",width:u="100%",children:c,alt:s,src:f,...p})=>r.default.createElement("div",{className:i.thumbnail.classnames.container,style:(0,o.assignInlineVars)({[i.vars.width]:u})},c,f&&r.default.createElement("img",{...p,className:[i.thumbnail.classnames.image,i.thumbnail.sprinkle({aspectRatio:n})].join(" "),src:f,alt:s}),!f&&r.default.createElement("div",{"data-testid":"thumbnail-empty",className:[i.thumbnail.classnames.placeholder,i.thumbnail.sprinkle({aspectRatio:n})].join(" ")},r.default.createElement(l.Icon,{color:"neutral.interactive",source:r.default.createElement(a.CameraIcon,{size:"large"})})));t.Thumbnail=c,c.Skeleton=u.ThumbnailSkeleton,c.displayName="Thumbnail",c.Skeleton.displayName="Thumbnail.Skeleton"},400:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThumbnailSkeleton=void 0;const r=n(15).__importDefault(n(156)),o=n(990),a=n(678);t.ThumbnailSkeleton=({width:e,aspectRatio:t="1/1","data-testid":n})=>r.default.createElement("div",{className:o.thumbnail.classnames.skeleton},r.default.createElement("div",{"data-testid":"thumbnail-skeleton-container",className:o.thumbnail.sprinkle({aspectRatio:t})},r.default.createElement(a.Skeleton,{width:e??"6.5rem",height:"100%",borderRadius:"0.5rem","data-testid":n})))},49:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ThumbnailSkeleton=void 0;const r=n(400);var o=n(400);Object.defineProperty(t,"ThumbnailSkeleton",{enumerable:!0,get:function(){return o.ThumbnailSkeleton}}),t.default=r.ThumbnailSkeleton},612:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(15).__exportStar(n(49),t)},15:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>w,__asyncValues:()=>g,__await:()=>_,__awaiter:()=>s,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>E,__classPrivateFieldSet:()=>k,__createBinding:()=>p,__decorate:()=>l,__exportStar:()=>d,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>O,__metadata:()=>c,__param:()=>u,__read:()=>b,__rest:()=>i,__spread:()=>m,__spreadArray:()=>v,__spreadArrays:()=>h,__values:()=>y});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function u(e,t){return function(n,r){t(n,r,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{u(r.next(e))}catch(e){a(e)}}function l(e){try{u(r.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}u((r=r.apply(e,t||[])).next())}))}function f(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var p=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function d(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||p(t,e,n)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function h(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)r[o]=a[i];return r}function v(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function _(e){return this instanceof _?(this.v=e,this):new _(e)}function w(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||l(e,t)}))})}function l(e,t){try{(n=o[e](t)).value instanceof _?Promise.resolve(n.value.v).then(u,c):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function u(e){l("next",e)}function c(e){l("throw",e)}function s(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function j(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:_(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function g(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=y(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&p(t,e,n);return S(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function k(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function E(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=r},678:e=>{e.exports=o},990:e=>{e.exports=n},948:e=>{e.exports=t},156:t=>{t.exports=e}},i={};function l(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={exports:{}};return a[e](n,n.exports,l),n.exports}l.d=(e,t)=>{for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{var e=u;Object.defineProperty(e,"__esModule",{value:!0}),e.Thumbnail=void 0;const t=l(623);var n=l(623);Object.defineProperty(e,"Thumbnail",{enumerable:!0,get:function(){return n.Thumbnail}}),e.default=t.Thumbnail})(),u})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/thumbnail",
-  "version": "1.2.0",
+  "version": "2.0.0-rc.1",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,9 +14,8 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "^1.6.0",
-    "@nimbus-ds/skeleton": "^1.2.0",
-    "@nimbus-ds/styles": "^5.0.0",
+    "@nimbus-ds/icon": "^2.0.0-rc.1",
+    "@nimbus-ds/skeleton": "^2.0.0-rc.1",
     "@tiendanube/icons": "^0.3.1"
   },
   "peerDependencies": {
@@ -34,5 +33,6 @@
   "devDependencies": {
     "@vanilla-extract/dynamic": "^2.0.2",
     "webpack": "^5.74.0"
-  }
+  },
+  "stableVersion": "1.2.0"
 }