@antscorp/antsomi-ui 1.3.5-beta.87 → 1.3.5-beta.89

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/molecules/TemplateSaveAs/hooks/useTemplateSave.js

@@ -2,7 +2,7 @@
 import { useCallback, useMemo, useState } from 'react';
 import { useGetTemplateCategoryList, useGetObjectTemplateList, } from '@antscorp/antsomi-ui/es/queries/TemplateListing';
 // Hooks
-import { useDeepCompareEffect, useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks';
+import { useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks';
 import { Form } from 'antd';
 import { camelCaseToSnakeCase, snakeCaseToCamelCase } from '@antscorp/antsomi-ui/es/utils';
 /**
@@ -31,9 +31,6 @@ export const useTemplateSave = (options) => {
         return { camelCase, snakeCase };
     };
     const formattedCategoriesValue = useMemo(() => handleFormatCategories(value.categories), [value]);
-    useDeepCompareEffect(() => {
-        setValue(valueArg || {});
-    }, [valueArg]);
     const [form] = Form.useForm();
     const { data: categoryList, isLoading: isLoadingCategoryList, refetch: refetchCategoryList, } = useGetTemplateCategoryList({
         args: {

package/package.json

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