@antscorp/antsomi-ui 2.0.13 → 2.0.15

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import LinkTo from '@storybook/addon-links/react';
 // Components
 import { Table } from '../../../../../../organism';
@@ -14,60 +13,59 @@ export const CategoryListingPropsTable = () => {
         {
             key: '1',
             property: 'items',
-            description: React.createElement(Typography.Text, null, "List of category items"),
-            type: (React.createElement(LinkTo, { story: "t-category-item" },
-                React.createElement(CustomTag, { type: "link" }, "TCategoryItem [ ]"))),
-            default: React.createElement(CustomTag, { type: "default" }, "[ ]"),
+            description: _jsx(Typography.Text, { children: "List of category items" }),
+            type: (_jsx(LinkTo, { story: "t-category-item", children: _jsx(CustomTag, { type: "link", children: "TCategoryItem [ ]" }) })),
+            default: _jsx(CustomTag, { type: "default", children: "[ ]" }),
         },
         {
             key: '2',
             property: 'width',
-            description: React.createElement(Typography.Text, null, "Width of category"),
-            type: React.createElement(CustomTag, { type: "normal" }, "number"),
-            default: React.createElement(CustomTag, { type: "default" }, CATEGORY_LISTING_WITH),
+            description: _jsx(Typography.Text, { children: "Width of category" }),
+            type: _jsx(CustomTag, { type: "normal", children: "number" }),
+            default: _jsx(CustomTag, { type: "default", children: CATEGORY_LISTING_WITH }),
         },
         {
             key: '3',
             property: 'loading',
-            description: React.createElement(Typography.Text, null, "Show loading category listing"),
-            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
-            default: React.createElement(CustomTag, { type: "default" }, "false"),
+            description: _jsx(Typography.Text, { children: "Show loading category listing" }),
+            type: _jsx(CustomTag, { type: "normal", children: "boolean" }),
+            default: _jsx(CustomTag, { type: "default", children: "false" }),
         },
         {
             key: '4',
             property: 'show',
-            description: React.createElement(Typography.Text, null, "Handler show or hide category"),
-            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
-            default: React.createElement(CustomTag, { type: "default" }, "true"),
+            description: _jsx(Typography.Text, { children: "Handler show or hide category" }),
+            type: _jsx(CustomTag, { type: "normal", children: "boolean" }),
+            default: _jsx(CustomTag, { type: "default", children: "true" }),
         },
         {
             key: '5',
             property: 'checkedCategories',
-            description: React.createElement(Typography.Text, null, "Record of checked categories"),
-            type: React.createElement(CustomTag, { type: "link" }, "TCheckedCategories"),
-            default: React.createElement(CustomTag, { type: "default" }, '{ }'),
+            description: _jsx(Typography.Text, { children: "Record of checked categories" }),
+            type: _jsx(CustomTag, { type: "link", children: "TCheckedCategories" }),
+            default: _jsx(CustomTag, { type: "default", children: '{ }' }),
         },
         {
             key: '6',
             property: 'debounceChangeMenu',
-            description: React.createElement(Typography.Text, null, "Handle debounce onchange menu function"),
-            type: React.createElement(CustomTag, { type: "normal" }, "number"),
-            default: React.createElement(CustomTag, { type: "default" }, "500"),
+            description: _jsx(Typography.Text, { children: "Handle debounce onchange menu function" }),
+            type: _jsx(CustomTag, { type: "normal", children: "number" }),
+            default: _jsx(CustomTag, { type: "default", children: "500" }),
         },
         {
             key: '7',
             property: 'header',
-            description: (React.createElement(Typography.Text, null, "Add custom React Component in to header of category listing")),
-            type: React.createElement(CustomTag, { type: "normal" }, "ReactNode"),
-            default: React.createElement(CustomTag, { type: "default" }, "-"),
+            description: (_jsx(Typography.Text, { children: "Add custom React Component in to header of category listing" })),
+            type: _jsx(CustomTag, { type: "normal", children: "ReactNode" }),
+            default: _jsx(CustomTag, { type: "default", children: "-" }),
         },
         {
             key: '8',
             property: 'onMenuChange',
-            description: React.createElement(Typography.Text, null, "Onchange menu function"),
-            type: React.createElement(CustomTag, { type: "normal" }, `(value: TCheckedCategories) => void`),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Onchange menu function" }),
+            type: _jsx(CustomTag, { type: "normal", children: `(value: TCheckedCategories) => void` }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
 };

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Table } from '@antscorp/antsomi-ui/es/index';
 import LinkTo from '@storybook/addon-links/react';
 import { Image } from 'antd';
@@ -34,45 +33,39 @@ export const DataTypeTable = () => {
         {
             key: 'templatesProps',
             name: 'templatesProps',
-            type: (React.createElement(LinkTo, { story: "templates-props" },
-                React.createElement(CustomTag, { type: "link" }, "templatesProps"))),
-            description: React.createElement(Image, { src: templatesImage, width: 200, height: "auto" }),
+            type: (_jsx(LinkTo, { story: "templates-props", children: _jsx(CustomTag, { type: "link", children: "templatesProps" }) })),
+            description: _jsx(Image, { src: templatesImage, width: 200, height: "auto" }),
         },
         {
             key: 'templateItemProps',
             name: 'templateItemProps',
-            type: (React.createElement("a", { href: "../?path=/docs/molecules-thumbnailcard--default", target: "_blank" },
-                React.createElement(CustomTag, { type: "link" }, "templateItemProps"))),
-            description: React.createElement(Image, { src: templateItemImage, width: 200, height: "auto" }),
+            type: (_jsx("a", { href: "../?path=/docs/molecules-thumbnailcard--default", target: "_blank", children: _jsx(CustomTag, { type: "link", children: "templateItemProps" }) })),
+            description: _jsx(Image, { src: templateItemImage, width: 200, height: "auto" }),
         },
         {
             key: 'categoryListingProps',
             name: 'categoryListingProps',
-            type: (React.createElement(LinkTo, { story: "category-listing-props" },
-                React.createElement(CustomTag, { type: "link" }, "categoryListingProps"))),
-            description: React.createElement(Image, { src: categoryListingImage, width: 200, height: "auto" }),
+            type: (_jsx(LinkTo, { story: "category-listing-props", children: _jsx(CustomTag, { type: "link", children: "categoryListingProps" }) })),
+            description: _jsx(Image, { src: categoryListingImage, width: 200, height: "auto" }),
         },
         {
             key: 'blankTemplateProps',
             name: 'blankTemplateProps',
-            type: (React.createElement(LinkTo, { story: "blank-template-props" },
-                React.createElement(CustomTag, { type: "link" }, "blankTemplateProps"))),
-            description: React.createElement(Image, { src: blankTemplateImage, width: 200, height: "auto" }),
+            type: (_jsx(LinkTo, { story: "blank-template-props", children: _jsx(CustomTag, { type: "link", children: "blankTemplateProps" }) })),
+            description: _jsx(Image, { src: blankTemplateImage, width: 200, height: "auto" }),
         },
         {
             key: 'previewModalProps',
             name: 'previewModalProps',
-            type: (React.createElement("a", { href: "../?path=/docs/organisms-previewtemplatemodal--default", target: "_blank" },
-                React.createElement(CustomTag, { type: "link" }, "previewModalProps"))),
-            description: React.createElement(Image, { src: previewModalImage, width: 200, height: "auto" }),
+            type: (_jsx("a", { href: "../?path=/docs/organisms-previewtemplatemodal--default", target: "_blank", children: _jsx(CustomTag, { type: "link", children: "previewModalProps" }) })),
+            description: _jsx(Image, { src: previewModalImage, width: 200, height: "auto" }),
         },
         {
             key: 'emptyProps',
             name: 'emptyProps',
-            type: (React.createElement(LinkTo, { story: "empty-props" },
-                React.createElement(CustomTag, { type: "link" }, "emptyProps"))),
-            description: React.createElement(Image, { src: emptyImage, width: 200, height: "auto" }),
+            type: (_jsx(LinkTo, { story: "empty-props", children: _jsx(CustomTag, { type: "link", children: "emptyProps" }) })),
+            description: _jsx(Image, { src: emptyImage, width: 200, height: "auto" }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: columns, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: columns, pagination: false });
 };

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Components
 import { Table } from '../../../../../../organism';
 import { Typography } from '../../../../../../atoms';
@@ -12,17 +11,17 @@ export const EmptyPropsTable = () => {
         {
             key: '1',
             property: 'icon',
-            description: React.createElement(Typography.Text, null, "Customize Empty icon"),
-            type: React.createElement(CustomTag, { type: "normal" }, "ReactNode"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Customize Empty icon" }),
+            type: _jsx(CustomTag, { type: "normal", children: "ReactNode" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '2',
             property: 'description',
-            description: React.createElement(Typography.Text, null, "The text that is displayed below the Icon"),
-            type: React.createElement(CustomTag, { type: "normal" }, "string"),
-            default: React.createElement(CustomTag, { type: "default" }, "No data"),
+            description: _jsx(Typography.Text, { children: "The text that is displayed below the Icon" }),
+            type: _jsx(CustomTag, { type: "normal", children: "string" }),
+            default: _jsx(CustomTag, { type: "default", children: "No data" }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
 };

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Components
 import { Table } from '../../../../../../organism';
 import { Typography } from '../../../../../../atoms';
@@ -12,31 +11,31 @@ export const TCategoryItemTable = () => {
         {
             key: '1',
             property: 'TCategoryItemId',
-            description: React.createElement(Typography.Text, null, "Identification of Category Item"),
-            type: React.createElement(CustomTag, { type: "link" }, "TCategoryItemId"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Identification of Category Item" }),
+            type: _jsx(CustomTag, { type: "link", children: "TCategoryItemId" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '2',
             property: 'label',
-            description: React.createElement(Typography.Text, null, "Label of Category Item"),
-            type: React.createElement(CustomTag, { type: "normal" }, "string"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Label of Category Item" }),
+            type: _jsx(CustomTag, { type: "normal", children: "string" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '3',
             property: 'total',
-            description: React.createElement(Typography.Text, null, "Total child categories of it"),
-            type: React.createElement(CustomTag, { type: "normal" }, "number"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Total child categories of it" }),
+            type: _jsx(CustomTag, { type: "normal", children: "number" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '4',
             property: 'children',
-            description: React.createElement(Typography.Text, null, "Its children categories"),
-            type: React.createElement(CustomTag, { type: "link" }, "TCategoryItem [ ]"),
-            default: React.createElement(CustomTag, { type: "default" }, " [ ] "),
+            description: _jsx(Typography.Text, { children: "Its children categories" }),
+            type: _jsx(CustomTag, { type: "link", children: "TCategoryItem [ ]" }),
+            default: _jsx(CustomTag, { type: "default", children: " [ ] " }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
 };

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 // Components
 import { Table } from '../../../../../../organism';
 import { Typography } from '../../../../../../atoms';
@@ -12,24 +11,24 @@ export const TTemplateItemTable = () => {
         {
             key: '1',
             property: 'id',
-            description: React.createElement(Typography.Text, null, "Identification of Template Item"),
-            type: React.createElement(CustomTag, { type: "link" }, "TThumbnailCardId"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Identification of Template Item" }),
+            type: _jsx(CustomTag, { type: "link", children: "TThumbnailCardId" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '2',
             property: 'name',
-            description: React.createElement(Typography.Text, null, "Name of Template Item"),
-            type: React.createElement(CustomTag, { type: "normal" }, "string"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Name of Template Item" }),
+            type: _jsx(CustomTag, { type: "normal", children: "string" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
         {
             key: '3',
             property: 'thumbnail',
-            description: React.createElement(Typography.Text, null, "Thumbnail image of Template Item"),
-            type: React.createElement(CustomTag, { type: "normal" }, "string"),
-            default: React.createElement(CustomTag, { type: "default" }, " - "),
+            description: _jsx(Typography.Text, { children: "Thumbnail image of Template Item" }),
+            type: _jsx(CustomTag, { type: "normal", children: "string" }),
+            default: _jsx(CustomTag, { type: "default", children: " - " }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
 };

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

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import LinkTo from '@storybook/addon-links/react';
 // Components
 import { Table } from '../../../../../../organism';
@@ -14,41 +13,38 @@ export const TemplatesPropsTable = () => {
         {
             key: '1',
             property: 'items',
-            description: React.createElement(Typography.Text, null, "List of templates"),
-            type: (React.createElement(LinkTo, { story: "t-template-item" },
-                React.createElement(CustomTag, { type: "link" }, "( TTemplateItem & T) [ ]"))),
-            default: React.createElement(Tag, { bordered: false }, "[ ]"),
+            description: _jsx(Typography.Text, { children: "List of templates" }),
+            type: (_jsx(LinkTo, { story: "t-template-item", children: _jsx(CustomTag, { type: "link", children: "( TTemplateItem & T) [ ]" }) })),
+            default: _jsx(Tag, { bordered: false, children: "[ ]" }),
         },
         {
             key: '2',
             property: 'loading',
-            description: React.createElement(Typography.Text, null, "Show loading template listing"),
-            type: React.createElement(CustomTag, { type: "normal" }, "boolean"),
-            default: React.createElement(CustomTag, { type: "default" }, "false"),
+            description: _jsx(Typography.Text, { children: "Show loading template listing" }),
+            type: _jsx(CustomTag, { type: "normal", children: "boolean" }),
+            default: _jsx(CustomTag, { type: "default", children: "false" }),
         },
         {
             key: '3',
             property: 'gap',
-            description: (React.createElement(React.Fragment, null,
-                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(CustomTag, { type: "normal" }, "number"),
-            default: React.createElement(CustomTag, { type: "default" }, LISTING_GAP_DEFAULT),
+            description: (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { children: "Spacing between template items" }), _jsx(Typography.Text, { children: "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: _jsx(CustomTag, { type: "normal", children: "number" }),
+            default: _jsx(CustomTag, { type: "default", children: LISTING_GAP_DEFAULT }),
         },
         {
             key: '4',
             property: 'onLoadMoreTemplates',
-            description: (React.createElement(Typography.Text, null, "Handles loading additional data based on lazy loading mechanism")),
-            type: React.createElement(CustomTag, { type: "normal" }, '( ) => void'),
-            default: React.createElement(CustomTag, { type: "default" }, '( ) => { }'),
+            description: (_jsx(Typography.Text, { children: "Handles loading additional data based on lazy loading mechanism" })),
+            type: _jsx(CustomTag, { type: "normal", children: '( ) => void' }),
+            default: _jsx(CustomTag, { type: "default", children: '( ) => { }' }),
         },
         {
             key: '5',
             property: 'header',
-            description: (React.createElement(Typography.Text, null, "Add custom React Component in to header of template listing")),
-            type: React.createElement(CustomTag, { type: "normal" }, "ReactNode"),
-            default: React.createElement(CustomTag, { type: "default" }, "-"),
+            description: (_jsx(Typography.Text, { children: "Add custom React Component in to header of template listing" })),
+            type: _jsx(CustomTag, { type: "normal", children: "ReactNode" }),
+            default: _jsx(CustomTag, { type: "default", children: "-" }),
         },
     ];
-    return React.createElement(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
+    return _jsx(Table, { dataSource: dataSource, columns: TABLE_API_COLUMNS, pagination: false });
 };

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

@@ -3,41 +3,41 @@ declare namespace _default {
 }
 export default _default;
 export namespace DataTypes {
-    function render(): import("react").JSX.Element;
+    function render(): import("react/jsx-runtime").JSX.Element;
     let name: string;
 }
 export namespace TemplatesProps {
-    export function render_1(): import("react").JSX.Element;
+    export function render_1(): import("react/jsx-runtime").JSX.Element;
     export { render_1 as render };
     let name_1: string;
     export { name_1 as name };
 }
 export namespace CategoryListingProps {
-    export function render_2(): import("react").JSX.Element;
+    export function render_2(): import("react/jsx-runtime").JSX.Element;
     export { render_2 as render };
     let name_2: string;
     export { name_2 as name };
 }
 export namespace BlankTemplateProps {
-    export function render_3(): import("react").JSX.Element;
+    export function render_3(): import("react/jsx-runtime").JSX.Element;
     export { render_3 as render };
     let name_3: string;
     export { name_3 as name };
 }
 export namespace EmptyProps {
-    export function render_4(): import("react").JSX.Element;
+    export function render_4(): import("react/jsx-runtime").JSX.Element;
     export { render_4 as render };
     let name_4: string;
     export { name_4 as name };
 }
 export namespace TTemplateItem {
-    export function render_5(): import("react").JSX.Element;
+    export function render_5(): import("react/jsx-runtime").JSX.Element;
     export { render_5 as render };
     let name_5: string;
     export { name_5 as name };
 }
 export namespace TCategoryItem {
-    export function render_6(): import("react").JSX.Element;
+    export function render_6(): import("react/jsx-runtime").JSX.Element;
     export { render_6 as render };
     let name_6: string;
     export { name_6 as name };

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import LinkTo from '@storybook/addon-links/react';
 import { Button, Tag, Table } from '@antscorp/antsomi-ui/es/index';
 import { DataTypeTable, TemplatesPropsTable, CategoryListingPropsTable, BlankTemplatePropsTable, EmptyPropsTable, TTemplateItemTable, TCategoryItemTable, } from './components';
@@ -5,30 +6,30 @@ export default {
     title: 'Templates/TemplateListing/DataType',
 };
 export const DataTypes = {
-    render: () => React.createElement(DataTypeTable, null),
+    render: () => _jsx(DataTypeTable, {}),
     name: 'DataTypes',
 };
 export const TemplatesProps = {
-    render: () => React.createElement(TemplatesPropsTable, null),
+    render: () => _jsx(TemplatesPropsTable, {}),
     name: 'TemplatesProps',
 };
 export const CategoryListingProps = {
-    render: () => React.createElement(CategoryListingPropsTable, null),
+    render: () => _jsx(CategoryListingPropsTable, {}),
     name: 'CategoryListingProps',
 };
 export const BlankTemplateProps = {
-    render: () => React.createElement(BlankTemplatePropsTable, null),
+    render: () => _jsx(BlankTemplatePropsTable, {}),
     name: 'BlankTemplateProps',
 };
 export const EmptyProps = {
-    render: () => React.createElement(EmptyPropsTable, null),
+    render: () => _jsx(EmptyPropsTable, {}),
     name: 'EmptyProps',
 };
 export const TTemplateItem = {
-    render: () => React.createElement(TTemplateItemTable, null),
+    render: () => _jsx(TTemplateItemTable, {}),
     name: 'TTemplateItem',
 };
 export const TCategoryItem = {
-    render: () => React.createElement(TCategoryItemTable, null),
+    render: () => _jsx(TCategoryItemTable, {}),
     name: 'TCategoryItem',
 };

package/es/constants/storybook.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
@@ -8,7 +7,7 @@ export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
     key: string;
-    render: (text: any) => React.JSX.Element;
+    render: (text: any) => import("react/jsx-runtime").JSX.Element;
 })[];
 export declare const TABLE_TYPE_COLUMNS: {
     title: string;

package/es/constants/storybook.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const TABLE_API_COLUMNS = [
     {
         title: 'Property',
@@ -14,7 +14,7 @@ export const TABLE_API_COLUMNS = [
         title: 'Type',
         dataIndex: 'type',
         key: 'type',
-        render: text => React.createElement("a", { style: { color: 'magenta' } }, text),
+        render: text => _jsx("a", { style: { color: 'magenta' }, children: text }),
     },
     {
         title: 'Default',