@antscorp/antsomi-ui 1.3.4 → 1.3.5-beta.2

package/es/components/organism/GenerativeInsights/styled.js

@@ -0,0 +1,66 @@
+var _a, _b, _c, _d, _e, _f;
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { Typography } from 'antd';
+import styled from 'styled-components';
+const { Text: AntText } = Typography;
+export const WrapperLoading = styled.div `
+  width: ${props => (props.width ? props.width : 'calc(100% - 100px)')};
+  height: ${props => (props.height ? props.height : '100%')};
+  position: fixed;
+  background: rgba(0, 0, 0, 0.06);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+`;
+export const WrapperHeader = styled.strong `
+  display: block;
+  height: 50px;
+  border-bottom: 1px solid ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw3};
+  line-height: 50px;
+  padding-left: 15px;
+  box-sizing: border-box;
+
+  &.cursor {
+    cursor: move;
+  }
+`;
+export const Header = styled(AntText) `
+  font-size: 16px !important;
+  color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorText} !important;
+  font-weight: normal !important;
+`;
+export const WrapperBody = styled.div `
+  padding: ${props => props.types === 'help' || props.types === 'help_v1' ? 'none;' : '13px 15px;'};
+  box-sizing: border-box;
+  // height: calc(100% - 100px);
+  flex: 1;
+  overflow-y: auto;
+`;
+export const WrapperFooter = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw3};
+  background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
+`;
+export const WrapperFooterSpace = styled.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  max-height: 58px;
+  border-top: 1px solid ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw3};
+  background-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.bw0};
+  padding: 15px;
+  box-sizing: border-box;
+  z-index: 10;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;

package/es/components/organism/GenerativeInsights/utils.d.ts

@@ -0,0 +1,13 @@
+export declare const formatAccountId: (data: any) => any;
+export declare const formatParams: (data: any) => {
+    title: string;
+    ownerId: undefined;
+    followers: never[];
+    referenceUrl: string;
+    priority: string;
+    feature: string;
+    ticketType: string;
+    category: string;
+    message: string;
+    attachments: never[];
+};

package/es/components/organism/GenerativeInsights/utils.js

@@ -0,0 +1,50 @@
+export const formatAccountId = data => {
+    const results = data === null || data === void 0 ? void 0 : data.map(item => item === null || item === void 0 ? void 0 : item.userId);
+    return results;
+};
+export const formatParams = data => {
+    var _a, _b, _c, _d, _e, _f;
+    const params = {
+        title: '',
+        ownerId: undefined,
+        followers: [],
+        referenceUrl: '',
+        priority: '',
+        feature: '',
+        ticketType: '',
+        category: '',
+        message: '',
+        attachments: [],
+    };
+    if (data === null || data === void 0 ? void 0 : data.ownerId) {
+        params.ownerId = data === null || data === void 0 ? void 0 : data.ownerId;
+    }
+    if (data === null || data === void 0 ? void 0 : data.title) {
+        params.title = data === null || data === void 0 ? void 0 : data.title;
+    }
+    if ((_a = data === null || data === void 0 ? void 0 : data.followers) === null || _a === void 0 ? void 0 : _a.length) {
+        params.followers = formatAccountId(data === null || data === void 0 ? void 0 : data.followers);
+    }
+    if (data === null || data === void 0 ? void 0 : data.referenceUrl) {
+        params.referenceUrl = data === null || data === void 0 ? void 0 : data.referenceUrl;
+    }
+    if (data === null || data === void 0 ? void 0 : data.priority) {
+        params.priority = data === null || data === void 0 ? void 0 : data.priority;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.feature).length) {
+        params.feature = (_b = data === null || data === void 0 ? void 0 : data.feature) === null || _b === void 0 ? void 0 : _b.value;
+    }
+    if (data === null || data === void 0 ? void 0 : data.ticketType) {
+        params.ticketType = data === null || data === void 0 ? void 0 : data.ticketType;
+    }
+    if (Object.keys(data === null || data === void 0 ? void 0 : data.category).length) {
+        params.category = (_c = data === null || data === void 0 ? void 0 : data.category) === null || _c === void 0 ? void 0 : _c.value;
+    }
+    if ((_d = data === null || data === void 0 ? void 0 : data.message) === null || _d === void 0 ? void 0 : _d.length) {
+        params.message = data === null || data === void 0 ? void 0 : data.message;
+    }
+    if ((_e = data === null || data === void 0 ? void 0 : data.files) === null || _e === void 0 ? void 0 : _e.length) {
+        params.attachments = (_f = data === null || data === void 0 ? void 0 : data.files) === null || _f === void 0 ? void 0 : _f.map(file => file === null || file === void 0 ? void 0 : file.token);
+    }
+    return params;
+};

package/es/components/organism/index.d.ts

@@ -1,3 +1,4 @@
 export { Help } from './Help';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
+export { GenerativeInsights } from './GenerativeInsights';

package/es/components/organism/index.js

@@ -1,3 +1,4 @@
 export { Help } from './Help';
 export { PositionSetting, PositionSettingPopover } from './PositionSetting';
 export { Table, ExplorePivotTable, EXPLORE_PIVOT_TABLE_TEST_DATA } from './Table';
+export { GenerativeInsights } from './GenerativeInsights';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BlankTemplateProps } from '../../types';
+export declare const BlankTemplate: React.FC<BlankTemplateProps>;

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

@@ -0,0 +1,17 @@
+// Libraries
+import React, { memo } from 'react';
+import Icon from '@antscorp/icons';
+// Components
+import { Button, Flex } from '../../../../atoms';
+// Styled
+import { BlankTemplateWrapper } from './styled';
+export const BlankTemplate = memo(props => {
+    const { width, height, show, description, onButtonClick } = props;
+    return show ? (React.createElement(BlankTemplateWrapper, { style: { width, height }, align: "center", justify: "center" },
+        React.createElement(Flex, { align: "center", justify: "center", gap: 10, vertical: true },
+            React.createElement(Button, { type: "text", className: "add-blank-btn", icon: React.createElement(Icon, { type: "icon-ants-plus-slim", style: { fontSize: 24 } }), onClick: onButtonClick }),
+            React.createElement("div", { className: "description" },
+                " ",
+                description || 'Blank Template')))) : null;
+});
+BlankTemplate.displayName = 'BlankTemplate';

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BlankTemplateWrapper: 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>;

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

@@ -0,0 +1,24 @@
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Flex } from '../../../../atoms';
+export const BlankTemplateWrapper = styled(Flex) `
+  box-sizing: border-box;
+  border: 1px solid #b8cfe6;
+  border-radius: 5px;
+
+  .add-blank-btn {
+    width: 50px !important;
+    height: 50px !important;
+    border-radius: 999px;
+    background-color: #005eb80d !important;
+
+    .antsomi-btn-icon {
+      margin-top: 3px;
+    }
+  }
+
+  .description {
+    font-weight: 700;
+  }
+`;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CategoryListingProps } from '../../types';
+export declare const CategoryListing: React.FC<CategoryListingProps>;

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

@@ -0,0 +1,103 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { memo, useCallback, useMemo } from 'react';
+import { isEmpty, isNumber } from 'lodash';
+import Icon from '@antscorp/icons';
+import { Menu } from 'antd';
+// Styled
+import { CustomLabelStyled, CustomRootLabel, MenuWrapper } from './styled';
+// Components
+import { Checkbox, Typography } from '../../../../atoms';
+// Utils
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+// Constants
+import { CATEGORY_LISTING_WITH } from '../../constants';
+const PATH = 'src/components/template/TemplateListing/components/CategoryListing/index.tsx';
+export const CategoryListing = memo(props => {
+    const { width = CATEGORY_LISTING_WITH, items, checkedCategories = {}, onMenuChange } = props, restOfProps = __rest(props, ["width", "items", "checkedCategories", "onMenuChange"]);
+    // Handlers
+    const handleClickMenu = e => {
+        var _a;
+        try {
+            const { key, keyPath } = e;
+            const parentId = keyPath === null || keyPath === void 0 ? void 0 : keyPath[1];
+            if (parentId) {
+                const newCheckedCategories = ((_a = checkedCategories === null || checkedCategories === void 0 ? void 0 : checkedCategories[parentId]) === null || _a === void 0 ? void 0 : _a.includes(key))
+                    ? Object.assign(Object.assign({}, checkedCategories), { [parentId]: checkedCategories[parentId].filter(item => item !== key) }) : Object.assign(Object.assign({}, checkedCategories), { [parentId]: [...((checkedCategories === null || checkedCategories === void 0 ? void 0 : checkedCategories[parentId]) || []), key] });
+                onMenuChange === null || onMenuChange === void 0 ? void 0 : onMenuChange(newCheckedCategories);
+            }
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'handleClickMenu()',
+                args: { e },
+            });
+        }
+    };
+    // Render components
+    const renderCustomLabel = useCallback((args) => {
+        var _a;
+        try {
+            const { key, parentId, label, total } = args;
+            const isChecked = !!(!!parentId && ((_a = checkedCategories === null || checkedCategories === void 0 ? void 0 : checkedCategories[parentId]) === null || _a === void 0 ? void 0 : _a.includes(key)));
+            return (React.createElement(CustomLabelStyled, null,
+                React.createElement("div", { className: "label" },
+                    React.createElement(Checkbox, { checked: isChecked },
+                        React.createElement(Typography.Text, { style: { maxWidth: '100%' }, ellipsis: { tooltip: label } }, label))),
+                React.createElement("div", { className: "total" }, isNumber(total) ? total : '')));
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'renderCustomLabel()',
+                args,
+            });
+            return null;
+        }
+    }, [checkedCategories]);
+    const getItem = useCallback((item, isRoot) => {
+        try {
+            const { key, label, children } = item;
+            return Object.assign(Object.assign(Object.assign({}, item), (isRoot ? { label: React.createElement(CustomRootLabel, null, label) } : {})), { children: !!children && !isEmpty(children)
+                    ? children === null || children === void 0 ? void 0 : children.map(child => {
+                        const childItem = Object.assign(Object.assign({}, child), { parentId: key });
+                        return getItem(Object.assign(Object.assign({}, childItem), { label: renderCustomLabel(childItem) }));
+                    })
+                    : undefined });
+        }
+        catch (error) {
+            handleError(error, {
+                path: PATH,
+                name: 'getItem()',
+                args: { item, isRoot },
+            });
+            return undefined;
+        }
+    }, [renderCustomLabel]);
+    // Memo
+    const menuItems = useMemo(() => {
+        const menuItems = [];
+        items === null || items === void 0 ? void 0 : items.forEach((item, index) => {
+            if (index > 0)
+                menuItems.push({ type: 'divider' });
+            const menuItem = getItem(Object.assign(Object.assign({}, item), { parentId: null }), true);
+            if (menuItem)
+                menuItems.push(menuItem);
+        });
+        return menuItems;
+    }, [getItem, items]);
+    return (React.createElement(MenuWrapper, { "$width": width },
+        React.createElement(Menu, Object.assign({ items: menuItems, inlineIndent: 0, mode: "inline", expandIcon: React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 20, color: '#595959' } }), onClick: handleClickMenu }, restOfProps))));
+});
+CategoryListing.displayName = 'CategoryListing';

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

@@ -0,0 +1,5 @@
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", any, {
+    $width?: number | undefined;
+}, never>;
+export declare const CustomLabelStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CustomRootLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,55 @@
+import styled from 'styled-components';
+export const MenuWrapper = styled.div `
+  width: ${({ $width }) => ($width !== undefined ? `${$width}px` : 'auto')} !important;
+  overflow: auto;
+
+  .antsomi-menu {
+    height: 100%;
+
+    .antsomi-menu-submenu {
+      .antsomi-menu-submenu-title,
+      .antsomi-menu-item {
+        padding-left: 10px !important;
+      }
+    }
+  }
+`;
+export const CustomLabelStyled = styled.div `
+  display: flex;
+  justify-content: space-between;
+
+  .label {
+    flex: 1 1 0%;
+    display: flex;
+    gap: 9px;
+    overflow: auto;
+
+    .antsomi-checkbox-wrapper {
+      width: 100%;
+      display: flex;
+      align-items: center;
+
+      .antsomi-checkbox-wrapper {
+        flex-shrink: 0;
+      }
+
+      span:nth-child(2) {
+        flex: 1 1 0%;
+        overflow: auto;
+      }
+    }
+  }
+
+  .total {
+    flex-shrink: 0;
+    font-size: 11px;
+    font-weight: 400;
+    color: #595959;
+  }
+`;
+// TODO: tách class dùng chung
+export const CustomRootLabel = styled.div `
+  font-size: 11px;
+  font-weight: 400;
+  color: #595959;
+`;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { MenuProps } from 'antd';
+export type TMenuItem = Required<MenuProps>['items'][number];
+export type TItem = {
+    key: string;
+    label: React.ReactNode | string;
+    total?: number;
+    children?: TItem[];
+    parentId?: string | number | null;
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TemplateItemProps } from '../../types';
+export declare const TemplateItem: React.FC<TemplateItemProps>;

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

@@ -0,0 +1,53 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React, { memo } from 'react';
+import Icon from '@antscorp/icons';
+import { Modal } from 'antd';
+// Styled
+import { TemplateItemWrapper } from './styled';
+// Components
+import { Button, Flex } from '../../../../atoms';
+import { TEMPLATE_ITEM_HEIGHT, TEMPLATE_ITEM_WIDTH } from '../../constants';
+export const TemplateItem = memo(props => {
+    const [modal, contextHolder] = Modal.useModal();
+    const { id, width = TEMPLATE_ITEM_WIDTH, height = TEMPLATE_ITEM_HEIGHT, thumbnail, removable = true, onClickEdit, onClickPreview, removeTemplateModalProps, } = props;
+    const _a = removeTemplateModalProps || {}, { onOk } = _a, restOfRemoveTemplateModalProps = __rest(_a, ["onOk"]);
+    // Handlers
+    const handleRemoveTemplate = () => {
+        modal.confirm(Object.assign(Object.assign({ title: 'Remove Template', centered: true, icon: React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px' } }), content: (React.createElement("div", null,
+                React.createElement("p", null, "Are you sure you want to remove the template?"),
+                React.createElement("p", null, "This action cant not be undone."))), okText: 'Remove', cancelText: 'Cancel', closable: true }, restOfRemoveTemplateModalProps), { onOk: () => __awaiter(void 0, void 0, void 0, function* () {
+                if (onOk)
+                    onOk(id);
+            }) }));
+    };
+    return (React.createElement(TemplateItemWrapper, { style: { width, height } },
+        React.createElement("div", { className: "screen" }, thumbnail && React.createElement("img", { src: thumbnail, alt: "" })),
+        React.createElement(Flex, { className: "center-action", align: "center", gap: 10, vertical: true },
+            React.createElement(Button, { type: "primary", className: "animate__animated animate__fadeIn", onClick: () => onClickEdit && onClickEdit(id) }, "Edit template"),
+            React.createElement(Button, { className: "animate__animated animate__fadeIn", onClick: () => onClickPreview && onClickPreview(id) }, "Preview")),
+        removable && (React.createElement("div", { className: "top-right-corner-action animate__animated animate__fadeIn" },
+            React.createElement(Button, { type: "primary", icon: React.createElement(Icon, { type: "icon-ants-trash-outline", style: { fontSize: 24, color: '#FFFFFF' } }), onClick: handleRemoveTemplate }))),
+        React.createElement("div", { className: "backdrop" }),
+        React.createElement("div", null, contextHolder)));
+});
+TemplateItem.displayName = 'TemplateItem';

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

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

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

@@ -0,0 +1,82 @@
+import styled from 'styled-components';
+// Constants
+const SKELETON_BACKGROUND = '/images/background/skeleton-background.png';
+const TEMPLATE_ITEM_RADIUS = 5;
+export const TemplateItemWrapper = styled.div `
+  background-color: #e5e5e5;
+  padding: 10px;
+  border-radius: ${TEMPLATE_ITEM_RADIUS}px;
+  position: relative;
+  box-sizing: border-box;
+
+  :hover {
+    .center-action {
+      display: flex;
+    }
+
+    .top-right-corner-action {
+      display: block;
+    }
+
+    .backdrop {
+      opacity: 0.6 !important;
+    }
+  }
+
+  .screen {
+    width: 100%;
+    height: 100%;
+    background-image: url(${SKELETON_BACKGROUND});
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .center-action {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    display: none;
+    z-index: 12;
+
+    button {
+      width: fit-content;
+    }
+  }
+
+  .top-right-corner-action {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    display: none;
+    z-index: 12;
+
+    button {
+      background-color: black;
+      opacity: 0.4;
+
+      :hover {
+        background: none !important;
+        background-color: black !important;
+        opacity: 0.5;
+      }
+    }
+  }
+
+  .backdrop {
+    border-radius: ${TEMPLATE_ITEM_RADIUS}px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: black;
+    opacity: 0;
+    transition: opacity 0.5s;
+    z-index: 10;
+    top: 0;
+    left: 0;
+  }
+`;

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

@@ -0,0 +1,3 @@
+export { TemplateItem } from './TemplateItem';
+export { BlankTemplate } from './BlankTemplate';
+export { CategoryListing } from './CategoryListing';

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

@@ -0,0 +1,3 @@
+export { TemplateItem } from './TemplateItem';
+export { BlankTemplate } from './BlankTemplate';
+export { CategoryListing } from './CategoryListing';

package/es/components/template/TemplateListing/constants/defaultProps.d.ts

@@ -0,0 +1,8 @@
+import { BlankTemplateProps, CategoryListingProps, TemplateItemProps, TemplateListingProps } from '../types';
+export declare const TEMPLATE_ITEM_WIDTH = 200;
+export declare const TEMPLATE_ITEM_HEIGHT = 200;
+export declare const CATEGORY_LISTING_WITH = 220;
+export declare const TEMPLATE_ITEM_DEFAULT: Omit<TemplateItemProps, 'id'>;
+export declare const BLANK_TEMPLATE_DEFAULT: BlankTemplateProps;
+export declare const CATEGORY_LISTING_DEFAULT: Omit<CategoryListingProps, 'items'>;
+export declare const TEMPLATE_LISTING_DEFAULT: TemplateListingProps;

package/es/components/template/TemplateListing/constants/defaultProps.js

@@ -0,0 +1,20 @@
+export const TEMPLATE_ITEM_WIDTH = 200;
+export const TEMPLATE_ITEM_HEIGHT = 200;
+export const CATEGORY_LISTING_WITH = 220;
+export const TEMPLATE_ITEM_DEFAULT = {
+    width: TEMPLATE_ITEM_WIDTH,
+    height: TEMPLATE_ITEM_HEIGHT,
+    removable: true,
+};
+export const BLANK_TEMPLATE_DEFAULT = { show: false };
+export const CATEGORY_LISTING_DEFAULT = {
+    width: CATEGORY_LISTING_WITH,
+    checkedCategories: {},
+    onMenuChange: () => { },
+};
+export const TEMPLATE_LISTING_DEFAULT = {
+    templateItems: [],
+    categoryItems: [],
+    templateItemProps: TEMPLATE_ITEM_DEFAULT,
+    blankTemplateProps: BLANK_TEMPLATE_DEFAULT,
+};

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

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './defaultProps';

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

@@ -0,0 +1,2 @@
+export * from './mockData';
+export * from './defaultProps';

package/es/components/template/TemplateListing/constants/mockData.d.ts

@@ -0,0 +1,2 @@
+import { TCategoryItem } from '../types';
+export declare const MENU_ITEMS_SAMPLE: TCategoryItem[];