@tap-payments/os-micro-frontend-shared 0.1.96-test.7 → 0.1.97-test.101

package/build/components/VirtualTables/optimization/AnimationOptimizations.js

@@ -0,0 +1,86 @@
+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 { memo, useMemo, useRef, useEffect } from 'react';
+const optimizedCellStyles = {
+    willChange: 'transform, opacity',
+    transform: 'translateZ(0)',
+    contain: 'layout style paint',
+};
+export const useAnimationOptimization = (isAnimating) => {
+    const animationFrameRef = useRef();
+    const throttledUpdate = useMemo(() => {
+        if (!isAnimating)
+            return null;
+        return (callback) => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            animationFrameRef.current = requestAnimationFrame(callback);
+        };
+    }, [isAnimating]);
+    useEffect(() => {
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+        };
+    }, []);
+    return throttledUpdate;
+};
+export const OptimizedAnimatedCell = memo((_a) => {
+    var { children, isAnimating } = _a, props = __rest(_a, ["children", "isAnimating"]);
+    return (_jsx("div", Object.assign({ style: optimizedCellStyles }, props, { children: children })));
+}, (prevProps, nextProps) => {
+    return prevProps.isAnimating === nextProps.isAnimating && prevProps.children === nextProps.children;
+});
+export const animationStyles = {
+    slideIn: {
+        transform: 'translateX(0)',
+        transition: 'transform 0.2s ease-out',
+    },
+    slideOut: {
+        transform: 'translateX(-100%)',
+        transition: 'transform 0.2s ease-out',
+    },
+    fadeIn: {
+        opacity: 1,
+        transition: 'opacity 0.15s ease-out',
+    },
+    fadeOut: {
+        opacity: 0,
+        transition: 'opacity 0.15s ease-out',
+    },
+};
+export const useScrollOptimization = () => {
+    const isScrolling = useRef(false);
+    const scrollTimeoutRef = useRef();
+    useEffect(() => {
+        const handleScroll = () => {
+            isScrolling.current = true;
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+            scrollTimeoutRef.current = setTimeout(() => {
+                isScrolling.current = false;
+            }, 150);
+        };
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            window.removeEventListener('scroll', handleScroll);
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+        };
+    }, []);
+    return isScrolling.current;
+};

package/build/components/index.d.ts

@@ -97,10 +97,6 @@ export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
 export * from './TooltipChip';
-export { default as ListLayout } from './ListLayout';
-export * from './ListLayout';
-export { default as ToggleView } from './ToggleView';
-export * from './ToggleView';
 export * from './RightLeftExpandingCenterChip';
 export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
@@ -110,5 +106,3 @@ export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
 export * from './LazyImage';
-export { default as AppServicesBar } from './AppServicesBar';
-export * from './AppServicesBar';

package/build/components/index.js

@@ -97,10 +97,6 @@ export { default as AppServices } from './AppServices';
 export { default as ScrollLoader } from './ScrollLoader';
 export * from './ScrollLoader';
 export * from './TooltipChip';
-export { default as ListLayout } from './ListLayout';
-export * from './ListLayout';
-export { default as ToggleView } from './ToggleView';
-export * from './ToggleView';
 export * from './RightLeftExpandingCenterChip';
 export { default as StatusChipWithCopy } from './StatusChipWithCopy';
 export * from './RadioButton';
@@ -110,5 +106,3 @@ export { default as ColorPicker } from './ColorPicker';
 export { default as WindowBackdrop } from './WindowBackdrop';
 export { default as LazyImage } from './LazyImage';
 export * from './LazyImage';
-export { default as AppServicesBar } from './AppServicesBar';
-export * from './AppServicesBar';

package/build/constants/apps.d.ts

@@ -12,6 +12,20 @@ export declare const SERVICE_COMMON_FUNCTIONS: {
         code: string;
     };
 };
+export declare const BUSINESS_FUNCTIONS: {
+    updateEntity: {
+        code: string;
+    };
+    updateBrand: {
+        code: string;
+    };
+    updateUsers: {
+        code: string;
+    };
+    createUsers: {
+        code: string;
+    };
+};
 export declare const APP_CODES: {
     tokens: {
         code: string;
@@ -84,6 +98,18 @@ export declare const APP_CODES: {
             merchant: {
                 code: string;
                 functions: {
+                    updateEntity: {
+                        code: string;
+                    };
+                    updateBrand: {
+                        code: string;
+                    };
+                    updateUsers: {
+                        code: string;
+                    };
+                    createUsers: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };
@@ -101,6 +127,18 @@ export declare const APP_CODES: {
             retailer: {
                 code: string;
                 functions: {
+                    updateEntity: {
+                        code: string;
+                    };
+                    updateBrand: {
+                        code: string;
+                    };
+                    updateUsers: {
+                        code: string;
+                    };
+                    createUsers: {
+                        code: string;
+                    };
                     view: {
                         code: string;
                     };
@@ -719,6 +757,3 @@ export declare const APP_ICONS: {
     toolbarIconUrl: string;
 }[];
 export declare const excludedApps: string[];
-export declare const MF_APPS_MAPPER: Readonly<{
-    TERMINALS: "TERMINALS";
-}>;

package/build/constants/apps.js

@@ -14,6 +14,20 @@ export const SERVICE_COMMON_FUNCTIONS = {
         code: 'REPORTS',
     },
 };
+export const BUSINESS_FUNCTIONS = {
+    updateEntity: {
+        code: 'UPDATE ENTITY',
+    },
+    updateBrand: {
+        code: 'UPDATE BRAND',
+    },
+    updateUsers: {
+        code: 'UPDATE USERS',
+    },
+    createUsers: {
+        code: 'CREATE USERS',
+    },
+};
 export const APP_CODES = {
     tokens: {
         code: 'TOKEN',
@@ -40,11 +54,11 @@ export const APP_CODES = {
         services: {
             merchant: {
                 code: 'MERCHANT',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), BUSINESS_FUNCTIONS),
             },
             retailer: {
                 code: 'RETAILER',
-                functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
+                functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), BUSINESS_FUNCTIONS),
             },
         },
     },
@@ -359,6 +373,3 @@ export const APP_ICONS = [
     },
 ];
 export const excludedApps = ['login'];
-export const MF_APPS_MAPPER = Object.freeze({
-    TERMINALS: 'TERMINALS',
-});

package/build/types/apps.d.ts

@@ -1,12 +1,6 @@
 import { ColumnsView } from './column';
-import { Segment, SegmentCountry, TextAndLang } from './user';
+import { TextAndLang } from './user';
 import { BusinessMerchant } from './merchant';
-import type { i18n } from 'i18next';
-import type { DragControls } from 'framer-motion';
-import type { Location } from 'react-router-dom';
-import { Theme } from '@mui/material';
-import { CalenderMode } from './theme';
-import { Timezone } from './appConfig';
 export interface AccountAppPayload {
     disabledAccountDataFetching?: boolean;
     isAccountDetailsOpen: boolean;
@@ -69,50 +63,3 @@ export interface UserApp {
     name: TextAndLang[];
     app_services: AppService[];
 }
-export type MFWidgetBaseProps = {
-    id: string;
-    i18n?: i18n;
-    app?: UserApp;
-    appWindow: {
-        isMinimized: boolean;
-        isMaximized: boolean;
-        order: number;
-        dimensions: Pick<AppDetails['dimensions'], 'width' | 'height'>;
-    };
-    features: {
-        hasReportsApp: boolean;
-        hasHeader: boolean;
-        sandboxMode: boolean;
-        initialServiceCode?: string;
-    };
-    segment: Pick<Segment, 'id' | 'brands' | 'countries'> & {
-        defaultCountry?: SegmentCountry;
-    };
-    ui: {
-        theme: Theme;
-        onStartDrag: DragControls['start'];
-    };
-    calendar: {
-        mode: CalenderMode;
-        onSwitch: (mode: CalenderMode) => void;
-    };
-    navigation: {
-        location: Location;
-        openAppService: (navigation: {
-            id?: string;
-            appId?: string;
-            appCode: string;
-            serviceCode: string;
-            state?: unknown;
-        }) => void;
-        openApp: (app: Pick<AppDetails, 'appCode' | 'serviceCode' | 'payload'> & {
-            sandboxMode?: boolean;
-        }) => void;
-    };
-    timezone: {
-        current?: Timezone | null;
-        default?: Timezone;
-        onChange: (timezone: Timezone) => void;
-        onChangeHistory: (timezone: Timezone) => void;
-    };
-};

package/build/types/table.d.ts

@@ -136,7 +136,7 @@ export interface IVirtualTable<R = any> {
         height: string | number;
         width: string | number;
     };
-    onStartDrag?: DragControls['start'];
+    dragControls?: DragControls;
     isSheetView?: boolean;
     isMinimized?: boolean;
 }

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.96-test.7",
-  "testVersion": 7,
+  "version": "0.1.97-test.101",
+  "testVersion": 101,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
   "types": "build/index.d.ts",
   "exports": {
-    "./package.json": "./package.json",
     ".": {
       "types": "./build/index.d.ts",
       "import": "./build/index.js",
@@ -119,40 +118,18 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^13.2.2",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.6",
     "prettier": "^2.8.8",
     "tsc-alias": "^1.8.16",
     "typescript": "5.0.2",
     "typescript-eslint": "^8.18.2",
-    "vite": "6.0.5",
+    "vite": "^7.1.4",
     "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",
-    "dayjs": "^1",
-    "react-dropzone": "^14",
-    "react-hot-toast": "^2",
-    "recharts": "^2",
-    "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"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx,json,js,jsx}": [

package/build/components/AppServicesBar/AppServicesBar.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { DragControls } from 'framer-motion';
-import { SxProps, Theme } from '@mui/material/styles';
-import { AppService } from '../../types/index.js';
-export interface AppServicesBarProps {
-    appCode: string;
-    services: AppService[];
-    isMaximized: boolean;
-    dimensions: {
-        width: number | string;
-    };
-    features: {
-        sandboxMode: boolean;
-        initialServiceCode?: string;
-    };
-    ui: {
-        onStartDrag: DragControls['start'];
-    };
-    pathname: string;
-    onChangeServiceCode: (serviceCode: string) => void;
-    onClickServiceItem: (code: string) => void;
-    sx?: SxProps<Theme>;
-}
-declare function AppServicesBar({ appCode, services, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, pathname, onChangeServiceCode, onClickServiceItem, sx, }: Readonly<AppServicesBarProps>): import("react/jsx-runtime").JSX.Element | null;
-declare const _default: import("react").MemoExoticComponent<typeof AppServicesBar>;
-export default _default;

package/build/components/AppServicesBar/AppServicesBar.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback, useState } from 'react';
-import { AppServices } from '../index.js';
-import { StyledAppHeaderWrapper } from '../Toolbar/style';
-function AppServicesBar({ appCode, services, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, pathname, onChangeServiceCode, onClickServiceItem, sx, }) {
-    const [isDragging, setIsDragging] = useState(false);
-    const onPointerDown = useCallback((e) => {
-        onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
-        setIsDragging(true);
-    }, [onStartDrag, setIsDragging]);
-    const onPointerUp = () => {
-        setIsDragging(false);
-    };
-    if (!appCode || !services.length)
-        return null;
-    return (_jsx(StyledAppHeaderWrapper, Object.assign({ id: "app-header-wrapper", onPointerDown: onPointerDown, onPointerUp: onPointerUp, isDragging: isDragging, sx: sx }, { children: _jsx(AppServices, { onClickServiceItem: onClickServiceItem, dimensions: { width: dimensions.width }, serviceCode: initialServiceCode !== null && initialServiceCode !== void 0 ? initialServiceCode : '', services: services, isMaximized: isMaximized, appCode: appCode, onChangeServiceCode: onChangeServiceCode, pathname: pathname }) })));
-}
-export default memo(AppServicesBar);

package/build/components/AppServicesBar/index.d.ts

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

package/build/components/AppServicesBar/index.js

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

package/build/components/AppServicesBar/style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const AppContainerHeader: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/AppServicesBar/style.js

@@ -1,6 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const AppContainerHeader = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center'
-}));

package/build/components/ListLayout/ListLayout.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { ListLayoutStyled } from './styles';
-interface ListLayoutProps extends ComponentPropsWithoutRef<typeof ListLayoutStyled> {
-}
-declare function ListLayout({ children, ...props }: Readonly<ListLayoutProps>): import("react/jsx-runtime").JSX.Element;
-declare namespace ListLayout {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof ListLayout>;
-export default _default;

package/build/components/ListLayout/ListLayout.js

@@ -1,20 +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 { memo } from 'react';
-import { ListLayoutStyled } from './styles';
-function ListLayout(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(ListLayoutStyled, Object.assign({ component: 'article', "data-testid": 'ListLayout' }, props, { children: children })));
-}
-ListLayout.displayName = 'ListLayout';
-export default memo(ListLayout);

package/build/components/ListLayout/index.d.ts

@@ -1,2 +0,0 @@
-import ListLayout from './ListLayout';
-export default ListLayout;

package/build/components/ListLayout/index.js

@@ -1,2 +0,0 @@
-import ListLayout from './ListLayout';
-export default ListLayout;

package/build/components/ListLayout/styles.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ListLayoutStyled: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").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/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/ListLayout/styles.js

@@ -1,8 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const ListLayoutStyled = styled(Box)(() => ({
-    position: 'relative',
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%'
-}));

package/build/components/ToggleView/ToggleView.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { ToggleViews, ToggleViewsValues } from './types';
-declare const DEFAULT_TOGGLE_VIEWS: {
-    icon: import("react/jsx-runtime").JSX.Element;
-    value: ToggleViews;
-}[];
-export interface ToggleViewProps {
-    onToggleClick: (view: ToggleViewsValues) => void;
-    currentView: ToggleViewsValues;
-    getOverrideViews?: (defaultViews: typeof DEFAULT_TOGGLE_VIEWS) => {
-        icon: React.ReactNode;
-        value: ToggleViewsValues;
-    }[];
-}
-declare const ToggleView: (props: ToggleViewProps) => import("react/jsx-runtime").JSX.Element | null;
-export default ToggleView;

package/build/components/ToggleView/ToggleView.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardViewButtonIcon, listViewButtonIcon } from '../../constants/index.js';
-import { ActiveOverlay, ViewButton } from './style';
-import { ToggleViews } from './types';
-import { useMemo } from 'react';
-import ToggleWrapper from './ToggleWrapper';
-const DEFAULT_TOGGLE_VIEWS = [
-    {
-        icon: _jsx("img", { src: cardViewButtonIcon, alt: "card" }),
-        value: ToggleViews.CARDS,
-    },
-    {
-        icon: _jsx("img", { src: listViewButtonIcon, alt: ToggleViews.LIST }),
-        value: ToggleViews.LIST,
-    },
-];
-const ToggleView = (props) => {
-    const { currentView, onToggleClick, getOverrideViews } = props;
-    const views = useMemo(() => {
-        if (getOverrideViews)
-            return getOverrideViews(DEFAULT_TOGGLE_VIEWS);
-        return DEFAULT_TOGGLE_VIEWS;
-    }, [getOverrideViews]);
-    const viewIndex = useMemo(() => views.findIndex((view) => view.value === currentView), [views, currentView]);
-    if (!onToggleClick)
-        return null;
-    return (_jsxs(ToggleWrapper, { children: [views.map((view) => (_jsx(ViewButton, Object.assign({ onClick: () => onToggleClick(view.value), sx: {
-                    height: '11.6px',
-                    width: '11.6px',
-                }, isActive: currentView === view.value }, { children: view.icon }), view.value))), _jsx(ActiveOverlay, { activeIndex: viewIndex })] }));
-};
-export default ToggleView;

package/build/components/ToggleView/ToggleWrapper.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { type BoxProps } from '@mui/material/Box';
-declare const ToggleWrapper: (props: PropsWithChildren<BoxProps>) => import("react/jsx-runtime").JSX.Element;
-export default ToggleWrapper;

package/build/components/ToggleView/ToggleWrapper.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { ToggleWrapperStyled } from './style';
-const ToggleWrapper = (props) => {
-    const viewTogglers = React.Children.count(props.children) - 1;
-    return _jsx(ToggleWrapperStyled, Object.assign({}, props, { sx: { width: viewTogglers * 30 + 2 } }));
-};
-export default ToggleWrapper;

package/build/components/ToggleView/index.d.ts

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

package/build/components/ToggleView/index.js

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

package/build/components/ToggleView/style.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const ToggleWrapperStyled: 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 ViewButton: 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> & {
-    isActive: boolean;
-}, {}, {}>;
-export declare const ActiveOverlay: 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> & {
-    activeIndex: number;
-}, {}, {}>;

package/build/components/ToggleView/style.js

@@ -1,31 +0,0 @@
-import { Box, styled } from '@mui/material';
-export const ToggleWrapperStyled = styled(Box)(({ theme }) => ({
-    height: '32px',
-    borderRadius: '4px',
-    backgroundColor: theme.palette.action.hover,
-    padding: '2px',
-    display: 'flex',
-    alignItems: 'center',
-    position: 'relative',
-    cursor: 'pointer'
-}));
-export const ViewButton = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ isActive }) => ({
-    flex: 1,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'relative',
-    zIndex: 2,
-    opacity: isActive ? 1 : 0.5
-}));
-export const ActiveOverlay = styled(Box, { shouldForwardProp: (props) => props !== 'activeIndex' })(({ theme, activeIndex }) => ({
-    position: 'absolute',
-    top: 2,
-    left: activeIndex * 30 + 2,
-    transition: 'all 0.25s ease-in-out',
-    width: '28px',
-    height: '28px',
-    backgroundColor: theme.palette.common.white,
-    borderRadius: '2px',
-    boxShadow: '0px 0px 4px 0px rgba(0, 0, 0, 0.20)'
-}));

package/build/components/ToggleView/types.d.ts

@@ -1,6 +0,0 @@
-export declare enum ToggleViews {
-    LIST = "LIST",
-    CARDS = "CARDS",
-    MAP = "MAP"
-}
-export type ToggleViewsValues = `${ToggleViews}` | (string & {});

package/build/components/ToggleView/types.js

@@ -1,6 +0,0 @@
-export var ToggleViews;
-(function (ToggleViews) {
-    ToggleViews["LIST"] = "LIST";
-    ToggleViews["CARDS"] = "CARDS";
-    ToggleViews["MAP"] = "MAP";
-})(ToggleViews || (ToggleViews = {}));