@antscorp/antsomi-ui 1.3.5-beta.86 → 1.3.5-beta.88

package/es/components/molecules/TemplateSaveAs/TemplateSaveAs.d.ts

@@ -41,8 +41,8 @@ export interface TemplateSaveAsProps {
     saveOptions?: {
         saveNewText?: string;
         saveExistText?: string;
-        saveNewValue?: string;
-        saveExistValue?: string;
+        readonly saveNewValue?: string;
+        readonly saveExistValue?: string;
     };
     categories?: Array<{
         label: string | React.ReactNode;

package/es/components/molecules/TemplateSaveAs/TemplateSaveAs.js

@@ -27,7 +27,7 @@ export const TemplateSaveAs = props => {
      } = props;
     const { show: isShowShareAccess } = shareAccess, shareAccessProps = __rest(shareAccess, ["show"]);
     const { thumbnails, isLoading: isLoadingThumbnail, skeleton, previewNavigation, slidesPerView, hideThumbnailsList, hideDefaultButton, imageHeight, imageWidth, label: imageReviewLabel, } = imageReview;
-    const { isLoading, label: templateLabel, defaultNewTemplateName, onSearch, onNamePopupScroll, } = templateNamesOptions || {};
+    const { isLoading, label: templateLabel, defaultNewTemplateName = `Untitled Media Template#${dayjs().format('YYYY-MM-DD HH:mm:ss')}`, onSearch, onNamePopupScroll, } = templateNamesOptions || {};
     const { label: descriptionLabel, placeholder: descriptionPlaceholder } = descriptionOptions || {};
     const { saveNewText = 'Save as a new media Template', saveExistText = 'Save as an existing media Template', saveNewValue = 'save-new', saveExistValue = 'save-exist', } = saveOptions || {};
     const { saveOption = saveNewValue, templateName, description: defaultTemplateDesc, defaultThumbnail = 0, categories: categoriesValue = {}, accessInfo, } = value || {};
@@ -37,7 +37,7 @@ export const TemplateSaveAs = props => {
         if (searchValueDebounce && onSearch)
             onSearch(searchValueDebounce);
     }, [searchValueDebounce, onSearch]);
-    const [templateNameNew, setTemplateNameNew] = useState(defaultNewTemplateName || `Untitled Media Template#${dayjs().format('YYYY-MM-DD HH:mm:ss')}`);
+    const [templateNameNew, setTemplateNameNew] = useState(defaultNewTemplateName);
     const [templateNameExist, setTemplateNameExist] = useState((templateName === null || templateName === void 0 ? void 0 : templateName.id) ? templateName : templateNameList === null || templateNameList === void 0 ? void 0 : templateNameList[0]);
     // NOTE: HOTFIX templateNameExist not update when value outside changed
     useEffect(() => {
@@ -51,13 +51,7 @@ export const TemplateSaveAs = props => {
             onEvent(newValue);
         }
         if (onChange) {
-            onChange(Object.assign(Object.assign(Object.assign({}, value), newValue), { 
-                // TODO: return saveOption and templateName generate default value if not pass as value props
-                defaultThumbnail: newValue.defaultThumbnail || defaultThumbnail, 
-                // NOTE: if have no saveOption set saveOption value follow this priority => newValue >> value
-                saveOption: !(value === null || value === void 0 ? void 0 : value.saveOption) && !newValue.saveOption
-                    ? saveOption
-                    : newValue.saveOption || (value === null || value === void 0 ? void 0 : value.saveOption) }), (_b = (_a = form === null || form === void 0 ? void 0 : form.getFieldsError()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errors);
+            onChange(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, value), (!(value === null || value === void 0 ? void 0 : value.saveOption) && { saveOption: saveNewValue })), (!(value === null || value === void 0 ? void 0 : value.templateName) && { templateName: { id: undefined, label: templateNameNew } })), (!(value === null || value === void 0 ? void 0 : value.defaultThumbnail) && { defaultThumbnail })), newValue), (_b = (_a = form === null || form === void 0 ? void 0 : form.getFieldsError()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.errors);
         }
     };
     const handleAddCategory = ({ parentKey, item, }) => {

package/es/components/template/TemplateListing/hooks/useTemplateListing.js

@@ -118,7 +118,9 @@ export const useTemplateListing = (options) => {
     // Memo
     const templateDetail = useDeepCompareMemo(() => {
         if (infiniteObjectTemplate && selectedTemplateId) {
-            return infiniteObjectTemplate.pages[0].entities.find(template => template.id === selectedTemplateId);
+            return infiniteObjectTemplate.pages
+                .flatMap(({ entities }) => entities.flat())
+                .find(objectTemplate => +objectTemplate.id === +selectedTemplateId);
         }
         return undefined;
     }, [infiniteObjectTemplate, selectedTemplateId]);

package/package.json

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