@crystaldesign/widget-library 25.10.0-beta.2 → 25.10.0-beta.4

package/build/esm/index.js

@@ -979,7 +979,8 @@ var ArViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
 var ImageItem = function ImageItem(_ref) {
   var url = _ref.url,
     onClick = _ref.onClick,
-    className = _ref.className;
+    className = _ref.className,
+    sirvProps = _ref.sirvProps;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     loadedMediaUrl = _useState2[0],
@@ -1017,7 +1018,7 @@ var ImageItem = function ImageItem(_ref) {
     }();
     var preloadAndSet = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var success;
+        var success, finalUrl, urlObj;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -1027,7 +1028,18 @@ var ImageItem = function ImageItem(_ref) {
             case 3:
               success = _context2.sent;
               if (success) {
-                setLoadedMediaUrl(url);
+                finalUrl = url;
+                if (sirvProps && url) {
+                  urlObj = new URL(url);
+                  Object.entries(sirvProps).forEach(function (_ref4) {
+                    var _ref5 = _slicedToArray(_ref4, 2),
+                      key = _ref5[0],
+                      value = _ref5[1];
+                    urlObj.searchParams.append(key, value);
+                  });
+                  finalUrl = urlObj.toString();
+                }
+                setLoadedMediaUrl(finalUrl);
                 setHasError(false);
               } else {
                 setHasError(true);
@@ -1146,7 +1158,8 @@ var MediaItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/jsx(ImageItem, {
     url: url,
     onClick: onClick,
-    className: classNames('diva-widget-mediaitem', className)
+    className: classNames('diva-widget-mediaitem', className),
+    sirvProps: config.sirvProps
   });
 });
 

package/build/types/widget-library/src/components/MediaItem/ImageItem/index.d.ts

@@ -3,7 +3,10 @@ type Props = {
     url?: string;
     onClick?: () => void;
     className: string;
+    sirvProps?: {
+        [data: string]: string;
+    };
 };
-declare const ImageItem: ({ url, onClick, className }: Props) => React.JSX.Element | null;
+declare const ImageItem: ({ url, onClick, className, sirvProps }: Props) => React.JSX.Element | null;
 export default ImageItem;
 //# sourceMappingURL=index.d.ts.map

package/build/types/widget-library/src/components/MediaItem/ImageItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/MediaItem/ImageItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,KAAK,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,QAAA,MAAM,SAAS,gCAAiC,KAAK,6BAqDpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/MediaItem/ImageItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,KAAK,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAE/G,QAAA,MAAM,SAAS,2CAA4C,KAAK,6BA6D/D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/widget-library",
-  "version": "25.10.0-beta.2",
+  "version": "25.10.0-beta.4",
   "license": "MIT",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -36,5 +36,5 @@
     "suiteName": "widget-library",
     "outputDirectory": "./test-reports"
   },
-  "gitHead": "bbec9ff2e39d0422ad1a969f8e1c311f5031d0c9"
+  "gitHead": "6841799c17e5d8c3fc291e6a3db5928774718608"
 }