@tap-payments/os-micro-frontend-shared 0.1.261-test.4 → 0.1.262

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.261-test.4",
-  "testVersion": 4,
+  "version": "0.1.262",
+  "testVersion": 0,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -102,7 +102,8 @@
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
     "react18-input-otp": "^1.1.4",
-    "recharts": "^2.15.1"
+    "recharts": "^2.15.1",
+    "yup": "^1.7.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
@@ -129,30 +130,30 @@
     "vite-tsconfig-paths": "^4.2.0"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
-    "@mui/material": "^5",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
-    "framer-motion": "^10",
-    "react-hook-form": "^7",
     "@hookform/resolvers": "^3",
-    "react-router-dom": "^7",
-    "i18next": "^22",
-    "react-i18next": "^12",
-    "react-multi-date-picker": "^4",
+    "@mui/material": "^5",
+    "@uiw/react-json-view": "^2.0.0-alpha",
     "dayjs": "^1",
+    "framer-motion": "^10",
+    "i18next": "^22",
+    "re-resizable": "^6",
+    "react": "^18",
+    "react-currency-input-field": "^3",
+    "react-dom": "^18",
+    "react-draggable": "^4",
     "react-dropzone": "^14",
+    "react-hook-form": "^7",
     "react-hot-toast": "^2",
-    "recharts": "^2",
+    "react-i18next": "^12",
+    "react-multi-date-picker": "^4",
+    "react-router-dom": "^7",
+    "react-virtualized-auto-sizer": "^1",
     "react-window": "^1.8",
     "react-window-infinite-loader": "^1",
-    "react-virtualized-auto-sizer": "^1",
-    "re-resizable": "^6",
-    "react-draggable": "^4",
-    "react-currency-input-field": "^3",
     "react18-input-otp": "^1",
-    "@uiw/react-json-view": "^2.0.0-alpha"
+    "recharts": "^2"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx,json,js,jsx}": [
@@ -163,4 +164,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/build/components/TableHeader/FiltersRowWrapper.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-import type { BoxProps } from '@mui/material/Box';
-export type FiltersRowWrapperProps<T extends React.ElementType = 'aside'> = PropsWithChildren<BoxProps<T>>;
-declare const FiltersRowWrapper: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "aside">(props: Readonly<FiltersRowWrapperProps<T>>) => import("react/jsx-runtime").JSX.Element;
-export default FiltersRowWrapper;

package/build/components/TableHeader/FiltersRowWrapper.js

@@ -1,18 +0,0 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FiltersRowContainer } from './style';
-const FiltersRowWrapper = (props) => {
-    const { children, component = 'aside' } = props, rest = __rest(props, ["children", "component"]);
-    return (_jsx(FiltersRowContainer, Object.assign({ component: component, "data-testid": "FiltersRow" }, rest, { children: children })));
-};
-export default FiltersRowWrapper;

package/build/components/TableHeader/TableHeaderWrapper.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-import type { BoxProps } from '@mui/material/Box';
-export type TableHeaderWrapperProps<T extends React.ElementType = 'header'> = PropsWithChildren<BoxProps<T>>;
-declare const TableHeaderWrapper: <T extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "header">(props: TableHeaderWrapperProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default TableHeaderWrapper;

package/build/components/TableHeader/TableHeaderWrapper.js

@@ -1,18 +0,0 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableHeaderContainer } from './style';
-const TableHeaderWrapper = (props) => {
-    const { children, component = 'header' } = props, rest = __rest(props, ["children", "component"]);
-    return (_jsx(TableHeaderContainer, Object.assign({ component: component, "data-testid": "TableHeader" }, rest, { children: children })));
-};
-export default TableHeaderWrapper;

package/build/components/TableHeader/TableView/ColumnItem.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { ColumnViewProps } from '../../../types/index.js';
-interface ColumnItemProps {
-    column: ColumnViewProps;
-    index: number;
-    openSubMenuName: string | null;
-    subMenuAnchorEl: HTMLElement | null;
-    toggleColumnSelection: (columnName: string) => void;
-    toggleSubmenuItem: (columnName: string, submenuItemName: string) => void;
-    handleSubMenuOpen: (event: React.MouseEvent<HTMLElement>, name: string) => void;
-    handleSubMenuClose: () => void;
-}
-declare function ColumnItem({ column, index, openSubMenuName, subMenuAnchorEl, toggleColumnSelection, toggleSubmenuItem, handleSubMenuOpen, handleSubMenuClose, }: ColumnItemProps): import("react/jsx-runtime").JSX.Element;
-export default ColumnItem;

package/build/components/TableHeader/TableView/ColumnItem.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import startCase from 'lodash/startCase';
-import Box from '@mui/material/Box';
-import { useTheme } from '@mui/material/styles';
-import { Menu, MenuItem } from '../../index.js';
-import { rightArrow } from '../../../constants/index.js';
-import { useColumnItem } from './hooks';
-function ColumnItem({ column, index, openSubMenuName, subMenuAnchorEl, toggleColumnSelection, toggleSubmenuItem, handleSubMenuOpen, handleSubMenuClose, }) {
-    var _a;
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const { isIndeterminate, hasSubmenuItems, isSubmenuOpen, isFirstItem, handleColumnClick, handleMouseEnter, handleMouseLeave } = useColumnItem({
-        column,
-        index,
-        openSubMenuName,
-        toggleColumnSelection,
-        handleSubMenuOpen,
-        handleSubMenuClose,
-    });
-    const getDisplayLabel = (label) => {
-        var _a;
-        if (!label)
-            return '';
-        return (_a = t(label)) !== null && _a !== void 0 ? _a : startCase(label);
-    };
-    return (_jsxs(Box, Object.assign({ sx: Object.assign({ borderTop: `1px solid ${theme.palette.divider}` }, (isFirstItem && { borderTop: 'none', height: 33 })) }, { children: [_jsxs(MenuItem, Object.assign({ isIndeterminate: isIndeterminate, isSelected: column.selected, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleColumnClick }, { children: [_jsx(Box, Object.assign({ sx: { flex: 1 } }, { children: getDisplayLabel(column.label) })), hasSubmenuItems && _jsx("img", { src: rightArrow, className: "arrow-icon", alt: "arrow" })] })), hasSubmenuItems && (_jsx(Menu, Object.assign({ open: isSubmenuOpen, anchorEl: subMenuAnchorEl, placement: "right-start", onMouseEnter: () => { }, onMouseLeave: handleSubMenuClose }, { children: (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((submenuItem) => (_jsx(MenuItem, Object.assign({ isSelected: submenuItem.selected, onClick: () => toggleSubmenuItem(column.name, submenuItem.name) }, { children: getDisplayLabel(submenuItem.label) }), submenuItem.name))) })))] }), column.name));
-}
-export default ColumnItem;

package/build/components/TableHeader/TableView/CustomViews.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { CustomViewsProps } from './type';
-declare function CustomViews({ open, onSelect, setTableViews, tableViews, anchorEl, onClose }: Readonly<CustomViewsProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof CustomViews>;
-export default _default;

package/build/components/TableHeader/TableView/CustomViews.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Reorder } from 'framer-motion';
-import { CustomBackdrop, Menu } from '../../index.js';
-import { downArrowIcon } from '../../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled } from './style';
-import { useSubMenu, useViewColumns } from './hooks';
-import ColumnItem from './ColumnItem';
-function CustomViews({ open, onSelect, setTableViews, tableViews, anchorEl, onClose }) {
-    const { t } = useTranslation();
-    const columns = useMemo(() => tableViews || [], [tableViews]);
-    const columnNames = useMemo(() => columns.map((column) => column.name), [columns]);
-    const { reorderColumns, toggleColumnSelection, toggleSubmenuItem } = useViewColumns({
-        columns,
-        setTableViews,
-    });
-    const { subMenuAnchorEl, openSubMenuName, handleSubMenuClose, handleSubMenuOpen, handleMenuScroll } = useSubMenu(open, onClose);
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_CustomViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ "data-testid": "TableView_CustomViews_Button", onClick: onSelect }, { children: [_jsx("div", { children: t('columns') }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, "data-testid": "TableView_CustomViews_Popper", sx: { padding: 0, marginTop: '8px', borderRadius: 1 } }, { children: [open && _jsx(CustomBackdrop, { onClick: onClose }), _jsx(ListStyled, Object.assign({ component: "article", "data-testid": "TableView_CustomViews_List" }, { children: _jsx(Reorder.Group, Object.assign({ as: "div", axis: "y", onReorder: reorderColumns, values: columnNames, style: { maxHeight: 500, overflowY: 'auto' }, onScroll: handleMenuScroll }, { children: columns.map((column, index) => (_jsx(ColumnItem, { column: column, index: index, openSubMenuName: openSubMenuName, subMenuAnchorEl: subMenuAnchorEl, toggleColumnSelection: toggleColumnSelection, toggleSubmenuItem: toggleSubmenuItem, handleSubMenuOpen: handleSubMenuOpen, handleSubMenuClose: handleSubMenuClose }, column.name))) })) }))] }))] })));
-}
-export default memo(CustomViews);

package/build/components/TableHeader/TableView/DefaultViews.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ViewOption } from '../type';
-interface DefaultViewsProps {
-    open: boolean;
-    selectedViewInfo: ViewOption;
-    setSelectedViewInfo: (selectedView: ViewOption) => void;
-    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setViews?: (views: string[]) => void;
-    anchorEl: Element | null;
-}
-declare function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }: Readonly<DefaultViewsProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof DefaultViews>;
-export default _default;

package/build/components/TableHeader/TableView/DefaultViews.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import { downArrowIcon, checkIcon } from '../../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './style';
-import { dummyViewList } from '../data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
-    const { t } = useTranslation();
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
-                                setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
-                            } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
-                                border: 'none',
-                            }, onClick: (e) => {
-                                e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
-}
-export default React.memo(DefaultViews);

package/build/components/TableHeader/TableView/TableView.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { TableHeaderProps } from '../type';
-interface TableViewProps {
-    onViewChange?: TableHeaderProps['onViewChange'];
-    setIsViewVisible: (visible: boolean) => void;
-    setTableViews: TableHeaderProps['setTableViews'];
-    tableViews: TableHeaderProps['tableViews'];
-    resetTableViews: TableHeaderProps['resetTableViews'];
-}
-declare function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }: Readonly<TableViewProps>): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof TableView>;
-export default _default;

package/build/components/TableHeader/TableView/TableView.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import { Icon, StyledButton } from '../../index.js';
-import { closeXIcon, viewIcon } from '../../../constants/index.js';
-import CustomViews from './CustomViews';
-import DefaultViews from './DefaultViews';
-import { ButtonStyled, ViewWrapper } from './style';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
-    const [anchorViewEl, setAnchorViewEl] = useState(null);
-    const [defaultViewEl, setDefaultViewElement] = useState(null);
-    const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
-    const { t } = useTranslation();
-    const onViewButtonClick = (event) => {
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
-        setAnchorViewEl(event.currentTarget);
-        setIsViewVisible(true);
-    };
-    const closeViewDropdown = () => {
-        setDefaultViewElement(null);
-        setCustomViewElement(null);
-    };
-    const onClose = () => {
-        setAnchorViewEl(null);
-        setIsViewVisible(false);
-        // to be removed
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    };
-    const handleSelectedViewInfo = (selected) => {
-        setSelectedViewInfo(selected);
-        closeViewDropdown();
-    };
-    if (!anchorViewEl) {
-        return (_jsx(StyledButton, Object.assign({ title: t('tableView'), "data-testid": "TableView_no_anchorViewEl", onClick: onViewButtonClick }, { children: _jsx(Icon, { src: viewIcon, alt: "view", sx: { width: 14, height: 14 } }) })));
-    }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
-                        setCustomViewElement(customViewEl ? null : e.currentTarget);
-                        setDefaultViewElement(null);
-                    }, onClose: () => {
-                        setCustomViewElement(null);
-                    } })), _jsx(DefaultViews, { open: Boolean(defaultViewEl), anchorEl: defaultViewEl, setSelectedViewInfo: (view) => {
-                        handleSelectedViewInfo(view);
-                    }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
-                        setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                        setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
-}
-export default memo(TableView);

package/build/components/TableHeader/TableView/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export { useSubMenu } from './useSubMenu';
-export { useViewColumns } from './useViewColumns';
-export { useColumnItem } from './useColumnItem';

package/build/components/TableHeader/TableView/hooks/index.js

@@ -1,3 +0,0 @@
-export { useSubMenu } from './useSubMenu';
-export { useViewColumns } from './useViewColumns';
-export { useColumnItem } from './useColumnItem';

package/build/components/TableHeader/TableView/hooks/useColumnItem.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import type { ColumnViewProps } from '../../../../types/index.js';
-interface UseColumnItemProps {
-    column: ColumnViewProps;
-    index: number;
-    openSubMenuName: string | null;
-    toggleColumnSelection: (columnName: string) => void;
-    handleSubMenuOpen: (event: React.MouseEvent<HTMLElement>, name: string) => void;
-    handleSubMenuClose: () => void;
-}
-interface UseColumnItemReturn {
-    isIndeterminate: boolean;
-    hasSubmenuItems?: boolean;
-    isSubmenuOpen: boolean;
-    isFirstItem: boolean;
-    handleColumnClick: () => void;
-    handleMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;
-    handleMouseLeave: () => void;
-}
-export declare function useColumnItem({ column, index, openSubMenuName, toggleColumnSelection, handleSubMenuOpen, handleSubMenuClose, }: UseColumnItemProps): UseColumnItemReturn;
-export {};

package/build/components/TableHeader/TableView/hooks/useColumnItem.js

@@ -1,29 +0,0 @@
-import { useCallback, useMemo } from 'react';
-export function useColumnItem({ column, index, openSubMenuName, toggleColumnSelection, handleSubMenuOpen, handleSubMenuClose, }) {
-    const hasSubmenuItems = column.menuItems && column.menuItems.length > 0;
-    const isSubmenuOpen = openSubMenuName === column.name;
-    const isFirstItem = index === 0;
-    const isIndeterminate = useMemo(() => { var _a, _b; return Boolean(column.selected && ((_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.some((item) => item.selected)) && !((_b = column.menuItems) === null || _b === void 0 ? void 0 : _b.every((item) => item.selected))); }, [column.selected, column.menuItems]);
-    const handleColumnClick = useCallback(() => {
-        toggleColumnSelection(column.name);
-    }, [toggleColumnSelection, column.name]);
-    const handleMouseEnter = useCallback((event) => {
-        if (hasSubmenuItems) {
-            handleSubMenuOpen(event, column.name);
-        }
-    }, [hasSubmenuItems, handleSubMenuOpen, column.name]);
-    const handleMouseLeave = useCallback(() => {
-        if (!hasSubmenuItems) {
-            handleSubMenuClose();
-        }
-    }, [hasSubmenuItems, handleSubMenuClose]);
-    return {
-        isIndeterminate,
-        hasSubmenuItems,
-        isSubmenuOpen,
-        isFirstItem,
-        handleColumnClick,
-        handleMouseEnter,
-        handleMouseLeave,
-    };
-}

package/build/components/TableHeader/TableView/hooks/useSubMenu.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface UseSubMenuReturn {
-    subMenuAnchorEl: HTMLElement | null;
-    openSubMenuName: string | null;
-    handleSubMenuClose: () => void;
-    handleSubMenuOpen: (event: React.MouseEvent<HTMLElement>, name: string) => void;
-    handleMenuScroll: () => void;
-}
-export declare function useSubMenu(isMainMenuOpen: boolean, onMainMenuClose?: () => void): UseSubMenuReturn;
-export {};

package/build/components/TableHeader/TableView/hooks/useSubMenu.js

@@ -1,31 +0,0 @@
-import { useState, useCallback, useEffect } from 'react';
-export function useSubMenu(isMainMenuOpen, onMainMenuClose) {
-    const [subMenuAnchorEl, setSubMenuAnchorEl] = useState(null);
-    const [openSubMenuName, setOpenSubMenuName] = useState(null);
-    const handleSubMenuClose = useCallback(() => {
-        setSubMenuAnchorEl(null);
-        setOpenSubMenuName(null);
-    }, []);
-    const handleSubMenuOpen = useCallback((event, name) => {
-        setSubMenuAnchorEl(event.currentTarget);
-        setOpenSubMenuName(name);
-    }, []);
-    const handleMenuScroll = useCallback(() => {
-        if (openSubMenuName) {
-            handleSubMenuClose();
-        }
-    }, [openSubMenuName, handleSubMenuClose]);
-    useEffect(() => {
-        if (!isMainMenuOpen) {
-            handleSubMenuClose();
-            onMainMenuClose === null || onMainMenuClose === void 0 ? void 0 : onMainMenuClose();
-        }
-    }, [isMainMenuOpen, onMainMenuClose, handleSubMenuClose]);
-    return {
-        subMenuAnchorEl,
-        openSubMenuName,
-        handleSubMenuClose,
-        handleSubMenuOpen,
-        handleMenuScroll,
-    };
-}

package/build/components/TableHeader/TableView/hooks/useViewColumns.d.ts

@@ -1,13 +0,0 @@
-import type { ColumnViewProps } from '../../../../types/index.js';
-import type { TableHeaderProps } from '../../type';
-interface UseViewColumnsProps {
-    columns: ColumnViewProps[];
-    setTableViews?: TableHeaderProps['setTableViews'];
-}
-interface UseViewColumnsReturn {
-    reorderColumns: (reorderedColumnNames: string[]) => void;
-    toggleColumnSelection: (columnName: string) => void;
-    toggleSubmenuItem: (columnName: string, submenuItemName: string) => void;
-}
-export declare function useViewColumns({ columns, setTableViews }: UseViewColumnsProps): UseViewColumnsReturn;
-export {};

package/build/components/TableHeader/TableView/hooks/useViewColumns.js

@@ -1,45 +0,0 @@
-import { useCallback } from 'react';
-export function useViewColumns({ columns, setTableViews }) {
-    const reorderColumns = useCallback((reorderedColumnNames) => {
-        const reorderedColumns = reorderedColumnNames
-            .map((name) => columns.find((column) => column.name === name))
-            .filter((column) => Boolean(column));
-        setTableViews === null || setTableViews === void 0 ? void 0 : setTableViews(reorderedColumns);
-    }, [columns, setTableViews]);
-    const toggleColumnSelection = useCallback((columnName) => {
-        const updatedColumns = columns.map((column) => {
-            var _a;
-            if (column.name !== columnName)
-                return column;
-            const hasSubmenuItems = column.menuItems && column.menuItems.length > 0;
-            const newSelected = !column.selected;
-            if (!hasSubmenuItems) {
-                return Object.assign(Object.assign({}, column), { selected: newSelected });
-            }
-            const updatedMenuItems = (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => (Object.assign(Object.assign({}, item), { selected: newSelected })));
-            return Object.assign(Object.assign({}, column), { selected: newSelected, menuItems: updatedMenuItems });
-        });
-        setTableViews === null || setTableViews === void 0 ? void 0 : setTableViews(updatedColumns);
-    }, [columns, setTableViews]);
-    const toggleSubmenuItem = useCallback((columnName, submenuItemName) => {
-        const updatedColumns = columns.map((column) => {
-            var _a, _b;
-            if (column.name !== columnName)
-                return column;
-            const updatedMenuItems = (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((item) => {
-                if (item.name === submenuItemName) {
-                    return Object.assign(Object.assign({}, item), { selected: !item.selected });
-                }
-                return item;
-            });
-            const hasSelectedChildren = (_b = updatedMenuItems === null || updatedMenuItems === void 0 ? void 0 : updatedMenuItems.some((item) => item.selected)) !== null && _b !== void 0 ? _b : false;
-            return Object.assign(Object.assign({}, column), { menuItems: updatedMenuItems, selected: hasSelectedChildren });
-        });
-        setTableViews === null || setTableViews === void 0 ? void 0 : setTableViews(updatedColumns);
-    }, [columns, setTableViews]);
-    return {
-        reorderColumns,
-        toggleColumnSelection,
-        toggleSubmenuItem,
-    };
-}

package/build/components/TableHeader/TableView/index.d.ts

@@ -1,3 +0,0 @@
-import TableView from './TableView';
-export * from './TableView';
-export default TableView;

package/build/components/TableHeader/TableView/index.js

@@ -1,3 +0,0 @@
-import TableView from './TableView';
-export * from './TableView';
-export default TableView;

package/build/components/TableHeader/TableView/style.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export declare const ButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ViewWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const DropdownStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const MenuItem: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    addColumnViewEl?: boolean | undefined;
-}, {}, {}>;
-export declare const Space: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const SpaceAfter: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/TableHeader/TableView/style.js

@@ -1,102 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const ButtonStyled = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    borderRadius: '4px',
-    background: theme.palette.common.white,
-    padding: '8px',
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    gap: 8,
-    height: 32,
-    cursor: 'pointer',
-    '&:hover': {
-        border: '1px solid',
-        borderColor: theme.palette.info.dark,
-        boxShadow: theme.shadows[7],
-    },
-}));
-export const ViewWrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    display: 'flex',
-    gap: theme.spacing(1),
-    alignItems: 'center',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: theme.typography.fontWeightRegular,
-    textTransform: 'capitalize',
-    position: 'relative',
-    transition: '0.5s',
-    '&:after': {
-        content: '""',
-        position: 'absolute',
-        left: -8,
-        right: 0,
-        width: '100%',
-        height: '100%',
-        boxShadow: theme.shadows[11],
-        borderRadius: theme.spacing(0.5),
-        paddingInlineStart: theme.spacing(1),
-        paddingTop: '9px',
-        paddingBottom: '9px',
-        paddingInlineEnd: '9px',
-        zIndex: -1,
-    },
-}));
-export const ListStyled = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    borderRadius: theme.spacing(1),
-    boxShadow: theme.shadows[5],
-    border: '1px solid',
-    borderColor: theme.palette.divider,
-    zIndex: 5,
-    fontSize: '11px',
-    width: 192,
-}));
-export const DropdownStyled = styled(Box)(() => ({
-    minWidth: 160,
-    position: 'relative',
-}));
-export const MenuItem = styled(Box, { shouldForwardProp: (props) => props !== 'addColumnViewEl' })(({ theme }) => ({
-    padding: theme.spacing(1),
-    paddingInlineEnd: 2,
-    borderBottom: '1px solid',
-    borderColor: theme.palette.divider,
-    display: 'flex',
-    alignItems: 'center',
-    height: 32,
-    cursor: 'pointer',
-    img: {
-        height: 12,
-    },
-    '.check-icon': {
-        height: 'auto',
-        marginInlineEnd: theme.spacing(1),
-    },
-    '&:hover': {
-        color: theme.palette.info.dark,
-        fontWeight: theme.typography.fontWeightBold,
-    },
-    '&.add-column': {
-        justifyContent: 'space-between',
-        paddingInlineEnd: theme.spacing(1),
-        position: 'relative',
-        border: 'none',
-        zIndex: 5,
-        borderBottom: '1px solid',
-        borderColor: theme.palette.divider,
-        borderTopRightRadius: theme.spacing(1),
-        borderTopLeftRadius: theme.spacing(1),
-        '&:hover': {
-            boxShadow: theme.shadows[6],
-        },
-    },
-}));
-export const Space = styled(Box)(({ theme }) => ({
-    width: 12,
-    marginInlineEnd: theme.spacing(1),
-}));
-export const SpaceAfter = styled(Box)(() => ({
-    width: 16,
-}));

package/build/components/TableHeader/TableView/type.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TableHeaderProps } from '../type';
-export interface CustomViewsProps {
-    open: boolean;
-    onSelect: (e: React.MouseEvent<HTMLDivElement>) => void;
-    setTableViews: TableHeaderProps['setTableViews'];
-    tableViews: TableHeaderProps['tableViews'];
-    anchorEl: Element | null;
-    onClose?: () => void;
-}

package/build/components/TableHeader/TableView/type.js

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