@antscorp/antsomi-ui 1.3.5-beta.577 → 1.3.5-beta.579

package/es/components/organism/DataTable/components/Toolbar/SearchPopover.js

@@ -85,8 +85,8 @@ export const SearchPopover = props => {
         });
     }, [isClientSearch, itemSearchRender, searchList, searchValue]);
     // Handlers
-    const handleAddFilter = () => {
-        onAddFilter(searchValue);
+    const handleAddFilter = (value) => {
+        onAddFilter(value || searchValue);
         setState(prev => (Object.assign(Object.assign({}, prev), { isOpenPopover: false, searchValue: '' })));
     };
     // Renderers
@@ -117,8 +117,8 @@ export const SearchPopover = props => {
         React.createElement(Input.CustomSearch, { value: searchValue, placeholder: t(translations.global.search).toString(), onAfterChange: searchValue => {
                 setState(prev => (Object.assign(Object.assign({}, prev), { searchValue })));
                 onSearch(searchValue);
-            }, onPressEnter: () => {
-                handleAddFilter();
+            }, onPressEnter: e => {
+                handleAddFilter(e.target.value);
             } }),
         React.createElement(Divider, { style: { margin: '8px 0px' } }),
         renderFilterSection(),
@@ -126,5 +126,9 @@ export const SearchPopover = props => {
     return (React.createElement(Popover, Object.assign({ open: isOpenPopover, content: content, overlayInnerStyle: { width: 300, padding: 0 }, trigger: ['click'], arrow: false, placement: "bottomRight" }, restProps, { onOpenChange: open => {
             // Reset search value to empty when close popover
             setState(prev => (Object.assign(Object.assign(Object.assign({}, prev), { isOpenPopover: open }), (!open && { searchValue: '' }))));
+            // Clear search when close popover
+            if (!open) {
+                onSearch('');
+            }
         } }), children));
 };

package/es/components/organism/LeftMenu/components/HomeMenu/index.js

@@ -10,10 +10,10 @@ import { CreateButton, HomeMenuWrapper, ModalWrapper } from './styled';
 // Hooks
 import { useHomeMenu } from './useHomeMenu';
 export const HomeMenu = memo(props => {
-    const { children, removedDashboardId, isDashboardRemoving, isRecommendation, setRemovedDashboardId, onCreateNewReport, onMenuClick, onRemoveDashboard, } = useHomeMenu(props);
+    const { children, removedDashboardId, isDashboardRemoving, isRecommendation, showCreateButton, setRemovedDashboardId, onCreateNewReport, onMenuClick, onRemoveDashboard, } = useHomeMenu(props);
     return (React.createElement(React.Fragment, null,
         React.createElement(HomeMenuWrapper, { gap: 10, vertical: true },
-            !isRecommendation && (React.createElement(CreateButton, { type: "primary", onClick: onCreateNewReport },
+            !isRecommendation && showCreateButton && (React.createElement(CreateButton, { type: "primary", onClick: onCreateNewReport },
                 React.createElement(Flex, { gap: 10, align: "center" },
                     React.createElement(Icon, { type: "icon-ants-plus-slim", style: { fontSize: 14 } }),
                     React.createElement("span", null, "Create")))),

package/es/components/organism/LeftMenu/components/HomeMenu/useHomeMenu.d.ts

@@ -5,6 +5,7 @@ export declare const useHomeMenu: (props: HomeMenuProps) => {
     removedDashboardId: string;
     isDashboardRemoving: boolean;
     isRecommendation: boolean | undefined;
+    showCreateButton: boolean;
     setRemovedDashboardId: import("react").Dispatch<import("react").SetStateAction<string>>;
     onCreateNewReport: import("react").MouseEventHandler<HTMLElement>;
     onOptionCallback: (args: {

package/es/components/organism/LeftMenu/components/HomeMenu/useHomeMenu.js

@@ -11,7 +11,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { useCallback, useMemo, useState } from 'react';
 // Constants
 import { CONFIG_OPTIONS } from './constants';
-import { HOME_REPORT_ROUTES, HOME_ROUTE } from '../../constants';
+import { HOME_MENU_ITEMS, HOME_REPORT_ROUTES, HOME_ROUTE } from '../../constants';
 import { API_RESPONSE_CODE, CDP_API, CDP_ROUTE } from '@antscorp/antsomi-ui/es/constants';
 // Utils
 import { getGeneratePath, getMenuItem } from '../../utils';
@@ -36,6 +36,10 @@ export const useHomeMenu = (props) => {
     const onClickCreateDashboard = useLayoutStore(store => store.state.leftMenu.onClickCreateDashboard);
     const [removedDashboardId, setRemovedDashboardId] = useState('');
     const urlParams = useMemo(() => new URLSearchParams(search), [search]);
+    const showCreateButton = useMemo(() => {
+        const menuItemList = isHover ? appHoverMenuChildren : appMenuChildren;
+        return !!(menuItemList === null || menuItemList === void 0 ? void 0 : menuItemList.find(item => item.menu_item_code === HOME_MENU_ITEMS.DASHBOARD));
+    }, [appHoverMenuChildren, appMenuChildren, isHover]);
     const { mutateAsync: removeDashboard, isLoading: isDashboardRemoving } = useRemoveDashboard();
     const onOptionCallback = useCallback((args) => {
         const { optionKey, menuItemKey } = args;
@@ -126,6 +130,7 @@ export const useHomeMenu = (props) => {
         removedDashboardId,
         isDashboardRemoving,
         isRecommendation,
+        showCreateButton,
         setRemovedDashboardId,
         onCreateNewReport,
         onOptionCallback,

package/package.json

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