@antscorp/antsomi-ui 1.3.5-beta.195 → 1.3.5-beta.196

package/es/components/molecules/ThumbnailCard/ThumbnailCard.js

@@ -29,6 +29,7 @@ import { Button, Flex, Typography, Spin } from '../../atoms';
 // Constants
 import { THUMBNAIL_CARD_DEFAULT_HEIGHT, THUMBNAIL_CARD_DEFAULT_WIDTH } from './constants';
 import { getUrlNoCache } from '@antscorp/antsomi-ui/es/utils';
+const cacheValue = new Date().getTime();
 export const ThumbnailCard = memo(props => {
     const [modal, contextHolder] = Modal.useModal();
     const { id, name, width = THUMBNAIL_CARD_DEFAULT_WIDTH, height = THUMBNAIL_CARD_DEFAULT_HEIGHT, thumbnail, removable = true, actionAvailable = true, showSkeleton = true, loading = false, removeModalProps, editBtnProps, previewBtnProps, onClickWrapper } = props, restOfProps = __rest(props, ["id", "name", "width", "height", "thumbnail", "removable", "actionAvailable", "showSkeleton", "loading", "removeModalProps", "editBtnProps", "previewBtnProps", "onClickWrapper"]);
@@ -53,7 +54,7 @@ export const ThumbnailCard = memo(props => {
     };
     return (React.createElement(Flex, Object.assign({ gap: 10, vertical: true }, restOfProps, { style: Object.assign({ width }, restOfProps.style) }),
         React.createElement(ThumbnailCardWrapper, { "$showSkeleton": showSkeletonMemo, style: { height, cursor: actionAvailable ? 'default' : 'pointer' }, onClick: handleWrapperClick },
-            React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: getUrlNoCache(thumbnail), alt: "" })),
+            React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: getUrlNoCache(thumbnail, cacheValue), alt: "" })),
             actionAvailable && !loading && (React.createElement(React.Fragment, null,
                 React.createElement(Flex, { className: "center-action", align: "center", gap: 10, vertical: true },
                     React.createElement(Button, Object.assign({ type: "primary", className: "animate__animated animate__fadeIn" }, restOfEditBtnProps, { onClick: e => {

package/es/components/template/TemplateListing/index.js

@@ -77,9 +77,9 @@ export const TemplateListing = memo(props => {
                         items.map((item, index) => {
                             const { id, name, thumbnail } = item || {};
                             const loading = typeof (item === null || item === void 0 ? void 0 : item.name) === 'undefined';
-                            return (React.createElement("div", { key: id || index },
+                            return (React.createElement("div", { key: id },
                                 index === items.length - 2 && React.createElement(LoadMoreBlock, { ref: loadMoreRef }),
-                                React.createElement(ThumbnailCard, Object.assign({ id: id || index, name: name || 'Untitled', loading: loading, width: width * ratio, height: height * ratio, thumbnail: thumbnail, className: `${templateItemProps.className}`, previewBtnProps: {
+                                React.createElement(ThumbnailCard, Object.assign({ id: id || 0, name: name || 'Untitled', loading: loading, width: width * ratio, height: height * ratio, thumbnail: thumbnail, className: `${templateItemProps.className}`, previewBtnProps: {
                                         onClick: handleClickThumbnailPreview,
                                     } }, restOfTemplateItemProps))));
                         })),

package/es/utils/common.d.ts

@@ -84,4 +84,4 @@ export declare const simplifyString: (str: string) => string;
  */
 export declare const searchStringQuery: (str: string, queryStr: string) => boolean;
 export declare const isExistedImage: (imageUrl: string) => boolean;
-export declare const getUrlNoCache: (url?: string) => string | undefined;
+export declare const getUrlNoCache: (url?: string, cacheValue?: number | string) => string | undefined;

package/es/utils/common.js

@@ -475,13 +475,11 @@ export const isExistedImage = (imageUrl) => {
         return false;
     }
 };
-export const getUrlNoCache = (url = '') => {
-    const currentTime = new Date();
-    const timeGenerated = Math.floor(currentTime.getTime() / 1000 - (currentTime.getTime() % 3)) * 1000;
+export const getUrlNoCache = (url = '', cacheValue = 0) => {
     const urlNoCache = url
         ? url.includes('nocache') || url.startsWith('data:image')
             ? url
-            : `${url}?nocache=${timeGenerated}`
+            : `${url}?nocache=${cacheValue}`
         : undefined;
     return urlNoCache;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.195",
+  "version": "1.3.5-beta.196",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",