@antscorp/antsomi-ui 1.3.5-beta.62 → 1.3.5-beta.64

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

@@ -7,8 +7,11 @@ export type categoriesProps = {
 export interface TemplateValueOptions {
     saveOption?: string;
     templateName?: {
-        id?: string | number;
-        label?: string;
+        id: undefined;
+        label: string;
+    } | {
+        id: string | number;
+        label: string;
     };
     description?: string;
     defaultThumbnail?: number;

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

@@ -22,7 +22,7 @@ import { TemplateSaveAsStyled } from './styled';
 import { ImageSlider } from './components';
 const { Text } = Typography;
 export const TemplateSaveAs = props => {
-    const { className, shareAccess, saveOptions, imageReview, categories, omitCategories, templateNames, templateNamesOptions, descriptionOptions, form, value, onChange, onEvent,
+    const { className, shareAccess, saveOptions, imageReview, categories, omitCategories, templateNames: templateNameList, templateNamesOptions, descriptionOptions, form, value, onChange, onEvent,
     // onNamePopupScroll,
      } = props;
     const { show: isShowShareAccess } = shareAccess, shareAccessProps = __rest(shareAccess, ["show"]);
@@ -30,21 +30,21 @@ export const TemplateSaveAs = props => {
     const { isLoading, label: templateLabel, defaultNewTemplateName, 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: defaultTemplateName, description: defaultTemplateDesc, defaultThumbnail = 0, categories: categoriesValue = {}, accessInfo, } = value || {};
+    const { saveOption = saveNewValue, templateName, description: defaultTemplateDesc, defaultThumbnail = 0, categories: categoriesValue = {}, accessInfo, } = value || {};
     const [searchValue, setSearchValue] = useState('');
     const searchValueDebounce = useDebounce(searchValue, 1000);
     useEffect(() => {
         if (searchValueDebounce && onSearch)
             onSearch(searchValueDebounce);
     }, [searchValueDebounce, onSearch]);
-    const [templateName, setTemplateName] = useState(defaultNewTemplateName || `Untitled Media Template#${dayjs().format('YYYY-MM-DD HH:mm:ss')}`);
-    const [templateNameExist, setTemplateNameExist] = useState((defaultTemplateName === null || defaultTemplateName === void 0 ? void 0 : defaultTemplateName.id) ? defaultTemplateName : templateNames === null || templateNames === void 0 ? void 0 : templateNames[0]);
+    const [templateNameNew, setTemplateNameNew] = useState(defaultNewTemplateName || `Untitled Media Template#${dayjs().format('YYYY-MM-DD HH:mm:ss')}`);
+    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(() => {
-        if (defaultTemplateName) {
-            setTemplateNameExist(defaultTemplateName);
+        if (templateName === null || templateName === void 0 ? void 0 : templateName.id) {
+            setTemplateNameExist(templateName);
         }
-    }, [defaultTemplateName]);
+    }, [templateName]);
     const handleChangeValue = (newValue) => {
         var _a, _b;
         if (onEvent) {
@@ -53,7 +53,9 @@ export const TemplateSaveAs = props => {
         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, saveOption: !(value === null || value === void 0 ? void 0 : value.saveOption) && !newValue.saveOption
+                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);
         }
@@ -88,7 +90,7 @@ export const TemplateSaveAs = props => {
                         handleChangeValue({
                             saveOption: e.target.value,
                             templateName: e.target.value === saveNewValue
-                                ? { id: templateNameExist.id, label: templateName }
+                                ? { id: undefined, label: templateNameNew }
                                 : templateNameExist,
                         });
                     } },
@@ -102,11 +104,11 @@ export const TemplateSaveAs = props => {
                             " ",
                             React.createElement("span", null, " *")),
                         saveOption === saveNewValue ? (React.createElement(Form.Item, { name: "template-name", validateTrigger: "onChange", noStyle: true, rules: [{ required: true }] },
-                            React.createElement(Input, { debounce: 1000, className: "field-input", value: templateName, onAfterChange: value => {
+                            React.createElement(Input, { className: "field-input", value: templateNameNew, debounce: 100, onAfterChange: value => {
                                     handleChangeValue({ templateName: { id: undefined, label: value } });
-                                    setTemplateName(value);
-                                }, required: true }))) : (React.createElement(Select, { className: "field-input", showSearch: true, searchValue: searchValue, onSearch: setSearchValue, onPopupScroll: onNamePopupScroll, filterOption: false, dropdownRender: menu => (React.createElement(React.Fragment, null,
-                                isLoading && templateNames.length === 0 ? null : menu,
+                                    setTemplateNameNew(value);
+                                }, "aria-valuetext": templateNameNew, required: true }))) : (React.createElement(Select, { className: "field-input", showSearch: true, searchValue: searchValue, onSearch: setSearchValue, onPopupScroll: onNamePopupScroll, filterOption: false, dropdownRender: menu => (React.createElement(React.Fragment, null,
+                                isLoading && templateNameList.length === 0 ? null : menu,
                                 isLoading ? (React.createElement(Space, { style: {
                                         padding: '4px 0',
                                         width: '100%',
@@ -115,29 +117,29 @@ export const TemplateSaveAs = props => {
                                     } },
                                     React.createElement(Spin, { size: "small" }))) : null)), value: templateNameExist === null || templateNameExist === void 0 ? void 0 : templateNameExist.id, options: 
                             // If template exist is not in templateNames list => add to begin of options array
-                            (templateNames === null || templateNames === void 0 ? void 0 : templateNames.length) > 0
+                            (templateNameList === null || templateNameList === void 0 ? void 0 : templateNameList.length) > 0
                                 ? [
-                                    ...(templateNames.find(item => item.id === templateNameExist.id)
+                                    ...(templateNameList.find(item => item.id === (templateNameExist === null || templateNameExist === void 0 ? void 0 : templateNameExist.id))
                                         ? []
-                                        : [{ value: templateNameExist.id, label: templateNameExist.label }]),
-                                    ...templateNames.map(item => ({ value: item.id, label: item.label })),
+                                        : [{ value: templateNameExist === null || templateNameExist === void 0 ? void 0 : templateNameExist.id, label: templateNameExist === null || templateNameExist === void 0 ? void 0 : templateNameExist.label }]),
+                                    ...templateNameList.map(item => ({ value: item.id, label: item.label })),
                                 ]
                                 : [], onChange: value => {
                                 var _a, _b;
                                 handleChangeValue({
                                     templateName: {
                                         id: value,
-                                        label: ((_a = templateNames.find(item => item.id === value)) === null || _a === void 0 ? void 0 : _a.label) || '',
+                                        label: ((_a = templateNameList.find(item => item.id === value)) === null || _a === void 0 ? void 0 : _a.label) || '',
                                     },
                                 });
                                 setTemplateNameExist({
                                     id: value,
-                                    label: ((_b = templateNames.find(item => item.id === value)) === null || _b === void 0 ? void 0 : _b.label) || '',
+                                    label: ((_b = templateNameList.find(item => item.id === value)) === null || _b === void 0 ? void 0 : _b.label) || '',
                                 });
                             } }))),
                     React.createElement(Flex, { className: "field-container" },
                         React.createElement(Text, { className: "field-title field-title--middle" }, descriptionLabel || 'Description'),
-                        React.createElement(Input, { placeholder: descriptionPlaceholder || 'Describe your media template', className: "field-input", value: defaultTemplateDesc, debounce: 1000, onAfterChange: value => handleChangeValue({ description: value }) })),
+                        React.createElement(Input, { placeholder: descriptionPlaceholder || 'Describe your media template', className: "field-input", value: defaultTemplateDesc, debounce: 100, onAfterChange: value => handleChangeValue({ description: value }) })),
                     React.createElement(Flex, { className: "field-container" },
                         React.createElement(Text, { className: "field-title" },
                             imageReviewLabel || 'Thumbnail template',

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

@@ -16,7 +16,7 @@ import { TemplateSaveAs } from './TemplateSaveAs';
 // Inspiration form input component https://react.dev/reference/react-dom/components/input
 export const TemplateSaveAsModal = props => {
     const { open, onCancel, okText, onOk, title, templateProps, defaultValue } = props, restProps = __rest(props, ["open", "onCancel", "okText", "onOk", "title", "templateProps", "defaultValue"]);
-    const { onChange: templateOnChange, value: templateValue } = templateProps, restTemplateProps = __rest(templateProps, ["onChange", "value"]);
+    const { onChange, value: templateValue } = templateProps, restTemplateProps = __rest(templateProps, ["onChange", "value"]);
     const [internalValue, setInternalValue] = useState(defaultValue || templateValue);
     const [errors, setErrors] = useState();
     useEffect(() => {
@@ -25,18 +25,18 @@ export const TemplateSaveAsModal = props => {
     }, [defaultValue]);
     const handleOnChange = (value, errors) => {
         setErrors(errors);
-        if (templateOnChange) {
-            templateOnChange(value);
+        if (onChange) {
+            onChange(value);
         }
         // NOTE: If there are no templateValue and templateOnChange => uncontrolled component => return templateValue
-        if (defaultValue && !templateValue && !templateOnChange) {
+        if (defaultValue && !templateValue && !onChange) {
             setInternalValue(value);
         }
     };
     const handleOk = (event) => {
         if (onOk && (!errors || errors.length === 0)) {
-            // NOTE: If there are templateValue and templateOnChange => controlled component => return templateValue
-            onOk(event, templateValue && templateOnChange ? templateValue : internalValue);
+            // NOTE: If there are templateValue and onChange => controlled component => return templateValue
+            onOk(event, templateValue && onChange ? templateValue : internalValue);
         }
     };
     const handleCancel = (event) => {
@@ -46,5 +46,5 @@ export const TemplateSaveAsModal = props => {
         }
     };
     return (React.createElement(ModalV2, Object.assign({ open: open, onCancel: handleCancel, onOk: handleOk, okText: okText || 'Save', width: 1177, title: title || 'Save as my template' }, restProps),
-        React.createElement(TemplateSaveAs, Object.assign({ onChange: (newValue, errors) => handleOnChange(newValue, errors), value: templateValue || internalValue }, restTemplateProps))));
+        React.createElement(TemplateSaveAs, Object.assign({ onChange: onChange ? (newValue, errors) => handleOnChange(newValue, errors) : undefined, value: templateValue || internalValue }, restTemplateProps))));
 };

package/es/components/template/TemplateListing/components/CategoryListing/styled.js

@@ -10,9 +10,8 @@ export const MenuWrapper = styled.div `
   overflow-x: hidden;
   border-right: 1px solid rgba(5, 5, 5, 0.06);
 
-  .antsomi-menu {
-    height: 100%;
-
+  .antsomi-menu,
+  .ant-menu {
     [role='menuitem'] {
       width: 100%;
       border-radius: 0;
@@ -21,7 +20,8 @@ export const MenuWrapper = styled.div `
       margin-left: 0 !important;
       margin-right: 0 !important;
 
-      .antsomi-menu-title-content {
+      .antsomi-menu-title-content,
+      .ant-menu-title-content {
         height: 100%;
       }
     }

package/es/components/template/TemplateListing/stories/dataTypes/components/BlankTemplatePropsTable/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BlankTemplatePropsTable: React.FC;

package/es/components/template/TemplateListing/stories/dataTypes/components/BlankTemplatePropsTable/index.js

@@ -0,0 +1,44 @@
+// Libraries
+import React from 'react';
+// Components
+import { Table } from '../../../../../../organism';
+import { Tag, Typography, Flex } from '../../../../../../atoms';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+export const BlankTemplatePropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'show',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handler show or hide Blank Template"))),
+            type: React.createElement(Tag, { color: "processing" }, "boolean"),
+            default: React.createElement(Tag, { bordered: false }, "false"),
+        },
+        {
+            key: '2',
+            property: 'description',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "The text that is displayed below the Add Button"))),
+            type: React.createElement(Tag, { color: "processing" }, "string"),
+            default: React.createElement(Tag, { bordered: false }, "Blank Template"),
+        },
+        {
+            key: '3',
+            property: 'onClick',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Callback onClick on Blank Template"))),
+            type: React.createElement(Tag, { color: "processing" }, 'React.MouseEventHandler<HTMLElement>'),
+            default: React.createElement(Tag, { bordered: false }, " - "),
+        },
+        {
+            key: '4',
+            property: 'blankTemplateRender',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Render Blank Template node for customizing"))),
+            type: React.createElement(Tag, { color: "processing" }, '(node: ReactNode) => ReactNode'),
+            default: React.createElement(Tag, { bordered: false }, " - "),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/template/TemplateListing/stories/dataTypes/components/CategoryListingPropsTable/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CategoryListingPropsTable: React.FC;

package/es/components/template/TemplateListing/stories/dataTypes/components/CategoryListingPropsTable/index.js

@@ -0,0 +1,53 @@
+// Libraries
+import React from 'react';
+// Components
+import { Table } from '../../../../../../organism';
+import { Tag, Typography, Flex } from '../../../../../../atoms';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+import { CATEGORY_LISTING_WITH } from '../../../../constants';
+export const CategoryListingPropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'items',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "List of category items"))),
+            type: React.createElement(Tag, { color: "processing" }, "TCategoryItem [ ]"),
+            default: React.createElement(Tag, { bordered: false }, "[ ]"),
+        },
+        {
+            key: '2',
+            property: 'width',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Width of category"))),
+            type: React.createElement(Tag, { color: "processing" }, "number"),
+            default: React.createElement(Tag, { bordered: false }, CATEGORY_LISTING_WITH),
+        },
+        {
+            key: '3',
+            property: 'loading',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Show loading category listing"))),
+            type: React.createElement(Tag, { color: "processing" }, "boolean"),
+            default: React.createElement(Tag, { bordered: false }, "false"),
+        },
+        {
+            key: '4',
+            property: 'show',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handler show or hide category"))),
+            type: React.createElement(Tag, { color: "processing" }, "boolean"),
+            default: React.createElement(Tag, { bordered: false }, "true"),
+        },
+        {
+            key: '5',
+            property: 'checkedCategories',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Record of checked categories"))),
+            type: React.createElement(Tag, { color: "processing" }, "TCheckedCategories"),
+            default: React.createElement(Tag, { bordered: false }, '{ }'),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/template/TemplateListing/stories/dataTypes/components/DataTypeTables/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DataTypeTable: React.FC;

package/es/components/template/TemplateListing/stories/dataTypes/components/DataTypeTables/index.js

@@ -0,0 +1,68 @@
+// Libraries
+import React from 'react';
+import { Tag, Table } from '@antscorp/antsomi-ui/es/index';
+import LinkTo from '@storybook/addon-links/react';
+export const DataTypeTable = () => {
+    const columns = [
+        {
+            title: 'Name',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: 'Type',
+            dataIndex: 'type',
+            key: 'type',
+        },
+        {
+            title: 'Description',
+            dataIndex: 'description',
+            key: 'description',
+        },
+    ];
+    const dataSource = [
+        {
+            key: 'templatesProps',
+            name: 'templatesProps',
+            type: (React.createElement(LinkTo, { story: "templates-props" },
+                React.createElement(Tag, { color: "processing" }, "templatesProps"))),
+            description: '-',
+        },
+        {
+            key: 'templateItemProps',
+            name: 'templateItemProps',
+            type: (React.createElement("a", { href: "../?path=/docs/molecules-thumbnailcard--default", target: "_blank" },
+                React.createElement(Tag, { color: "processing" }, "templateItemProps"))),
+            description: '-',
+        },
+        {
+            key: 'categoryListingProps',
+            name: 'categoryListingProps',
+            type: (React.createElement(LinkTo, { story: "category-listing-props" },
+                React.createElement(Tag, { color: "processing" }, "categoryListingProps"))),
+            description: '-',
+        },
+        {
+            key: 'blankTemplateProps',
+            name: 'blankTemplateProps',
+            type: (React.createElement(LinkTo, { story: "blank-template-props" },
+                React.createElement(Tag, { color: "processing" }, "blankTemplateProps"))),
+            description: '-',
+        },
+        {
+            key: 'previewModalProps',
+            name: 'previewModalProps',
+            type: (React.createElement("a", { href: "../?path=/docs/organisms-previewtemplatemodal--default", target: "_blank" },
+                React.createElement(Tag, { color: "processing" }, "previewModalProps"))),
+            description: '-',
+        },
+        {
+            key: 'emptyProps',
+            name: 'emptyProps',
+            type: (React.createElement(LinkTo, { story: "empty-props" },
+                React.createElement(Tag, { color: "processing" }, "emptyProps"))),
+            description: '-',
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: columns, pagination: false });
+};

package/es/components/template/TemplateListing/stories/dataTypes/components/EmptyPropsTable/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmptyPropsTable: React.FC;

package/es/components/template/TemplateListing/stories/dataTypes/components/EmptyPropsTable/index.js

@@ -0,0 +1,28 @@
+// Libraries
+import React from 'react';
+// Components
+import { Table } from '../../../../../../organism';
+import { Tag, Typography, Flex } from '../../../../../../atoms';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+export const EmptyPropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'icon',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Customize Empty icon"))),
+            type: React.createElement(Tag, { color: "processing" }, "ReactNode"),
+            default: React.createElement(Tag, { bordered: false }, " - "),
+        },
+        {
+            key: '2',
+            property: 'description',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "The text that is displayed below the Icon"))),
+            type: React.createElement(Tag, { color: "processing" }, "string"),
+            default: React.createElement(Tag, { bordered: false }, "No data"),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/template/TemplateListing/stories/dataTypes/components/TemplatesPropsTable/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TemplatesPropsTable: React.FC;

package/es/components/template/TemplateListing/stories/dataTypes/components/TemplatesPropsTable/index.js

@@ -0,0 +1,46 @@
+// Libraries
+import React from 'react';
+// Components
+import { Table } from '../../../../../../organism';
+import { Tag, Typography, Flex } from '../../../../../../atoms';
+// Constants
+import { TABLE_API_COLUMNS } from '@antscorp/antsomi-ui/es/constants';
+import { LISTING_GAP_DEFAULT } from '../../../../constants';
+export const TemplatesPropsTable = () => {
+    const dataSource = [
+        {
+            key: '1',
+            property: 'items',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "List of templates"))),
+            type: React.createElement(Tag, { color: "processing" }, "( TTemplateItem & T) [ ]"),
+            default: React.createElement(Tag, { bordered: false }, "[ ]"),
+        },
+        {
+            key: '2',
+            property: 'loading',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Show loading template listing"))),
+            type: React.createElement(Tag, { color: "processing" }, "boolean"),
+            default: React.createElement(Tag, { bordered: false }, "false"),
+        },
+        {
+            key: '3',
+            property: 'gap',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Spacing between template items"),
+                React.createElement(Typography.Text, null, "When the screen size changes, the height and width of each template will change according to the screen, but the gap remains the same."))),
+            type: React.createElement(Tag, { color: "processing" }, "number"),
+            default: React.createElement(Tag, { bordered: false }, LISTING_GAP_DEFAULT),
+        },
+        {
+            key: '4',
+            property: 'onLoadMoreTemplates',
+            description: (React.createElement(Flex, { gap: 10, vertical: true },
+                React.createElement(Typography.Text, null, "Handles loading additional data based on lazy loading mechanism"))),
+            type: React.createElement(Tag, { color: "processing" }, '( ) => void'),
+            default: React.createElement(Tag, { bordered: false }, '( ) => { }'),
+        },
+    ];
+    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+};

package/es/components/template/TemplateListing/stories/dataTypes/components/index.d.ts

@@ -0,0 +1,5 @@
+export { DataTypeTable } from './DataTypeTables';
+export { TemplatesPropsTable } from './TemplatesPropsTable';
+export { CategoryListingPropsTable } from './CategoryListingPropsTable';
+export { BlankTemplatePropsTable } from './BlankTemplatePropsTable';
+export { EmptyPropsTable } from './EmptyPropsTable';

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

@@ -0,0 +1,5 @@
+export { DataTypeTable } from './DataTypeTables';
+export { TemplatesPropsTable } from './TemplatesPropsTable';
+export { CategoryListingPropsTable } from './CategoryListingPropsTable';
+export { BlankTemplatePropsTable } from './BlankTemplatePropsTable';
+export { EmptyPropsTable } from './EmptyPropsTable';

package/es/components/template/TemplateListing/stories/demo/styled.d.ts

@@ -0,0 +1 @@
+export declare const ImageWrapper: import("styled-components").StyledComponent<"img", any, {}, never>;

package/es/components/template/TemplateListing/stories/demo/styled.js

@@ -0,0 +1,7 @@
+// Libraries
+import styled from 'styled-components';
+export const ImageWrapper = styled.img `
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+`;

package/es/components/template/TemplateListing/styled/index.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 export declare const TemplateListingWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const LoadMoreBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ImageWrapper: import("styled-components").StyledComponent<"img", any, {}, never>;

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

@@ -33,8 +33,3 @@ export const TemplateListingWrapper = styled(Flex) `
   }
 `;
 export const LoadMoreBlock = styled.div ``;
-export const ImageWrapper = styled.img `
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-`;

package/es/components/template/TemplateListing/types/BlankTemplate.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 export interface BlankTemplateProps {
+    show?: boolean;
     width?: number;
     height?: number;
-    show?: boolean;
     description?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
     blankTemplateRender?: (node: ReactNode) => ReactNode;

package/package.json

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