npm - @tap-payments/os-micro-frontend-shared - Versions diffs - 0.1.440 → 0.1.441 - Mend

@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1494) hide show

package/build/components/JSONViewer/JSONViewer.js DELETED Viewed

@@ -1,285 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Box, Dialog } from '@mui/material';
-import JsonView from '@uiw/react-json-view';
-import { AnimatePresence, motion } from 'framer-motion';
-import { Resizable } from 're-resizable';
-import Draggable from 'react-draggable';
-import { APP_WINDOW_Z_INDEX, codeIcon, collapseArrowsIcon, copyIcon, expandArrowsIcon, greenCheckIcon, idIcon } from '../../constants/index.js';
-import { useMouseState, useWindowDimensions } from '../../hooks/index.js';
-import { isSafariBrowser } from '../../utils/index.js';
-import AnimatedButton from './components/FooterButton';
-import JSONTitleBar from './components/JSONTitleBar';
-import { ButtonsWrapper, FooterWrapper, JSONContainer, JSONViewerWrapper, SectionWrapper, StyledCopyButton, StyledHeaderWrapper, StyledTitle, jsonTheme, requestJsonTheme, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT, } from './style';
-import TableFooter from '../VirtualTables/components/TableFooter';
-const VIEWER_WIDTH = 400;
-const animationDuration = 0.5;
-export default function JSONViewer({ index, json, requestJson = {}, isWindowMinimized, windowOrder, onClose }) {
-    var _a, _b, _c, _d;
-    const [isMaximized, setIsMaximized] = useState(false);
-    const [isResized, setIsResized] = useState(false);
-    const [isResponseCollapsed, setIsResponseCollapsed] = useState(false);
-    const [isScrollingResponse, setIsScrollingResponse] = useState(false);
-    const [newDimensions, setNewDimensions] = useState({ width: 0, height: 0 });
-    const [isToolbarAnimationDisabled, setIsToolbarAnimationDisabled] = useState(true);
-    const [isRequestShown, setIsRequestShown] = useState(false);
-    const [isRequestCollapsed, setIsRequestCollapsed] = useState(true);
-    const [isScrollingRequest, setIsScrollingRequest] = useState(false);
-    const [viewerWidth, setViewerWidth] = useState(VIEWER_WIDTH);
-    const requestTimerRef = useRef();
-    const { onMouseEnter, onMouseLeave, isHovered } = useMouseState();
-    const { height, width } = useWindowDimensions();
-    const [position, setPosition] = useState({
-        x: width / 2 + VIEWER_WIDTH / 4 - index * 20,
-        y: height / 2 - VIEWER_HEIGHT / 2 + index * 30,
-    });
-    const resizableRef = useRef();
-    const objectPropertiesCount = useMemo(() => {
-        var _a;
-        return (_a = Object.keys(json)) === null || _a === void 0 ? void 0 : _a.length;
-    }, [json]);
-    const isSafari = isSafariBrowser();
-    const currentRequestWidth = Number((_b = (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.width) || VIEWER_WIDTH;
-    const onCopied = (text) => {
-        setTimeout(() => {
-            navigator.clipboard.writeText(text || '').then(() => { });
-        }, 10);
-    };
-    const requestObjectPropertiesCount = useMemo(() => {
-        var _a;
-        return (_a = Object.keys(requestJson)) === null || _a === void 0 ? void 0 : _a.length;
-    }, [requestJson]);
-    useEffect(() => {
-        if (requestTimerRef.current) {
-            clearTimeout(requestTimerRef.current);
-        }
-        if (!isRequestShown) {
-            requestTimerRef.current = setTimeout(() => {
-                setViewerWidth(currentRequestWidth);
-            }, animationDuration * 1000);
-            return;
-        }
-        setViewerWidth(currentRequestWidth);
-    }, [isRequestShown, currentRequestWidth]);
-    return (_jsx(Draggable, Object.assign({ disabled: isMaximized, handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]', defaultPosition: {
-            x: width / 2 - VIEWER_WIDTH / 4,
-            y: height / 2 - VIEWER_HEIGHT / 2,
-        }, position: {
-            x: width - position.x,
-            y: position.y,
-        }, onStop: (_, data) => {
-            setPosition({
-                x: width - data.x,
-                y: data.y,
-            });
-        }, bounds: {
-            top: 10,
-        } }, { children: _jsx(Dialog, Object.assign({ disableEnforceFocus: true, sx: Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: 'transparent', zIndex: (windowOrder || 0) + APP_WINDOW_Z_INDEX + (isMaximized ? 1 : 0) }, (isWindowMinimized && {
-                display: 'none',
-            })), { transform: 'translate(180px, 14px)' }), (!isMaximized && {
-                width: isSafari ? (newDimensions === null || newDimensions === void 0 ? void 0 : newDimensions.width) || viewerWidth : 'fit-content',
-                height: isSafari ? (newDimensions === null || newDimensions === void 0 ? void 0 : newDimensions.height) || VIEWER_HEIGHT : 'fit-content',
-            })), (isMaximized && {
-                transform: 'none !important',
-            })), PaperProps: {
-                style: Object.assign(Object.assign({ margin: 0, maxHeight: '100%', maxWidth: 'none', background: 'transparent', width: !isResized ? viewerWidth : 'fit-content', height: !isResized ? VIEWER_HEIGHT : 'fit-content' }, (isMaximized && {
-                    width: '100%',
-                    height: '100%',
-                })), { position: 'relative' }),
-            }, onClose: () => {
-                setIsMaximized(false);
-                setIsToolbarAnimationDisabled(true);
-                setTimeout(() => {
-                    setIsToolbarAnimationDisabled(false);
-                }, animationDuration * 1000);
-            }, open: true, hideBackdrop: true, fullScreen: isMaximized, "aria-labelledby": "draggable-dialog-title" }, { children: _jsx(Resizable, Object.assign({ enable: {
-                    left: false,
-                    right: true,
-                    bottomRight: true,
-                    bottom: true,
-                }, maxHeight: height - 40, maxWidth: width, minWidth: isMaximized ? '100vw' : viewerWidth, minHeight: isMaximized ? '100vh' : '300px', ref: (c) => {
-                    resizableRef.current = c;
-                }, onResizeStart: () => {
-                    setIsToolbarAnimationDisabled(true);
-                }, onResizeStop: () => {
-                    setIsToolbarAnimationDisabled(false);
-                }, onResize: (_, __, element) => {
-                    setIsResized(true);
-                    setNewDimensions({
-                        width: element.offsetWidth,
-                        height: element.offsetHeight,
-                    });
-                }, defaultSize: {
-                    width: viewerWidth,
-                    height: VIEWER_HEIGHT,
-                }, style: Object.assign(Object.assign({ background: 'transparent' }, (isMaximized && {
-                    height: '100% !important',
-                    width: '100% !important',
-                    flex: 1,
-                })), (isMaximized && {
-                    position: 'relative',
-                })) }, { children: _jsxs(JSONContainer, { children: [_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
-                                height: TITLE_BAR_HEIGHT,
-                                position: 'fixed',
-                                zIndex: 1000,
-                            })), animate: Object.assign(Object.assign({ width: isRequestShown ? currentRequestWidth * 2 : currentRequestWidth }, (isMaximized && {
-                                width: '100vw',
-                            })), (!isMaximized && {
-                                transform: `translateX(${isRequestShown ? -currentRequestWidth : 0}px)`,
-                            })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
-                                duration: 0,
-                            })) }, { children: _jsx(JSONTitleBar, { title: isRequestShown ? 'JSON Request & Response' : 'JSON Response', onClose: () => onClose(), onMaximize: () => {
-                                    setIsMaximized((prev) => !prev);
-                                    setIsToolbarAnimationDisabled(true);
-                                    setTimeout(() => {
-                                        setIsToolbarAnimationDisabled(false);
-                                    }, animationDuration * 1000);
-                                }, isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, maximized: isMaximized, id: "draggable-dialog-title", onRequestClick: () => {
-                                    var _a;
-                                    setIsRequestShown((prev) => !prev);
-                                    setIsToolbarAnimationDisabled(false);
-                                    if (!isRequestShown) {
-                                        (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({
-                                            width: VIEWER_WIDTH,
-                                            height: VIEWER_HEIGHT,
-                                        });
-                                    }
-                                }, isRequestExpanded: isRequestShown, showRequestIcon: Boolean(requestObjectPropertiesCount) }) })), _jsxs(Box, Object.assign({ sx: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'space-between',
-                                alignItems: 'flex-start',
-                                height: isMaximized
-                                    ? `calc(100vh - ${FOOTER_HEIGHT}px)`
-                                    : (Number((_d = (_c = resizableRef.current) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.height) || VIEWER_HEIGHT) - FOOTER_HEIGHT + 5,
-                                background: 'transparent',
-                                position: 'fixed',
-                                width: '100%',
-                            } }, { children: [_jsx(AnimatePresence, { children: isRequestShown && (_jsxs(motion.div, Object.assign({ initial: Object.assign({ left: isMaximized ? '50vw' : 0 }, (isMaximized && {
-                                            position: 'relative',
-                                            left: '-50vw',
-                                        })), animate: Object.assign(Object.assign({ left: isMaximized ? '50vw' : -currentRequestWidth }, (isMaximized && {
-                                            position: 'relative',
-                                            left: '0',
-                                        })), (!isRequestShown && {
-                                            left: 0,
-                                        })), exit: Object.assign({ left: isMaximized ? '50vw' : 0 }, (isMaximized && {
-                                            position: 'relative',
-                                            left: '0',
-                                        })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
-                                            duration: 0,
-                                        })), style: {
-                                            flex: 1,
-                                            backgroundColor: '#E7E7E7B2',
-                                            backdropFilter: 'blur(12px)',
-                                            height: isMaximized ? '100vh' : '100%',
-                                            overflowY: 'auto',
-                                            position: 'absolute',
-                                            width: isMaximized ? '100vw' : currentRequestWidth,
-                                            zIndex: 19,
-                                            display: 'flex',
-                                            flexDirection: 'column',
-                                            borderBottomLeftRadius: '12px',
-                                        }, onScroll: () => {
-                                            setIsScrollingRequest(true);
-                                            setTimeout(() => {
-                                                setIsScrollingRequest(false);
-                                            }, 2000);
-                                        } }, { children: [_jsxs(SectionWrapper, Object.assign({ isMaximized: isMaximized, isScrollingRequest: isScrollingRequest, sx: {
-                                                    background: '#E7E7E7B2',
-                                                }, isRequestShown: isRequestShown }, { children: [_jsx(StyledHeaderWrapper, { children: _jsx(StyledTitle, Object.assign({ variant: "subtitle1" }, { children: "API Request" })) }), _jsxs(ButtonsWrapper, { children: [_jsx(AnimatedButton, { disableAnimation: true, onClick: () => {
-                                                                    setIsRequestCollapsed((prev) => !prev);
-                                                                }, icon: !isRequestCollapsed ? collapseArrowsIcon : expandArrowsIcon }), _jsx(AnimatedButton, { onClick: () => {
-                                                                    navigator.clipboard.writeText(JSON.stringify(json)).then(() => { });
-                                                                }, icon: codeIcon }), _jsx(AnimatedButton, { onClick: () => {
-                                                                    navigator.clipboard.writeText((json === null || json === void 0 ? void 0 : json.id) || '').then(() => { });
-                                                                }, icon: idIcon })] })] })), _jsxs(JsonView, Object.assign({ value: requestJson, style: requestJsonTheme, displayDataTypes: false, collapsed: isRequestCollapsed ? 1 : undefined, onCopied: (_, value) => {
-                                                    if (typeof value === 'string') {
-                                                        onCopied(value);
-                                                    }
-                                                }, enableClipboard: false }, { children: [_jsx(JsonView.CountInfo, { render: (_, { keyName }) => {
-                                                            if (!keyName) {
-                                                                return _jsx("span", {});
-                                                            }
-                                                        } }), _jsx(JsonView.Copied
-                                                    // @ts-expect-error Type is not supported
-                                                    , {
-                                                        // @ts-expect-error Type is not supported
-                                                        render: ({ 'data-copied': copied, style, onClick }, { keyName }) => {
-                                                            if (!keyName) {
-                                                                return _jsx("span", {});
-                                                            }
-                                                            return (_jsxs(StyledCopyButton, Object.assign({ style: style, onClick: (e) => {
-                                                                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                                                                } }, { children: [_jsx(AnimatePresence, { children: copied && (_jsx(motion.img, { style: {
-                                                                                height: '14px',
-                                                                                width: '14px',
-                                                                            }, initial: { opacity: 0 }, animate: { opacity: 1, position: 'absolute' }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: greenCheckIcon, alt: "icon" }, "id-icon")) }), _jsx(AnimatePresence, { children: !copied && (_jsx(motion.img, { style: {
-                                                                                height: '14px',
-                                                                                width: '14px',
-                                                                            }, initial: { opacity: 0 }, animate: { opacity: 1, position: 'absolute' }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: copyIcon, alt: "icon" }, "id-icon")) })] })));
-                                                        } })] })), _jsx(AnimatePresence, { children: isRequestShown && (_jsx(FooterWrapper, Object.assign({ sx: {
-                                                        flex: 1,
-                                                        height: FOOTER_HEIGHT,
-                                                        left: 0,
-                                                    } }, { children: _jsx(TableFooter, { sx: {
-                                                            paddingLeft: '12px',
-                                                            borderBottomRightRadius: '0',
-                                                            background: '#f8f9fb',
-                                                            flex: 1,
-                                                        }, totalCount: requestObjectPropertiesCount }) }))) })] }))) }), _jsxs(JSONViewerWrapper, Object.assign({ isMaximized: isMaximized, isRequestShown: isRequestShown, style: {
-                                        left: 0,
-                                        maxHeight: '100vw',
-                                    }, initial: Object.assign({}, (isMaximized && {
-                                        width: '100vw',
-                                        left: 0,
-                                    })), animate: Object.assign({}, (isMaximized && {
-                                        position: 'absolute',
-                                        left: isRequestShown ? '50vw' : '0',
-                                    })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
-                                        duration: 0,
-                                    })), onScroll: () => {
-                                        setIsScrollingResponse(true);
-                                        setTimeout(() => {
-                                            setIsScrollingResponse(false);
-                                        }, 2000);
-                                    } }, { children: [_jsxs(SectionWrapper, Object.assign({ isMaximized: isMaximized, isScrollingRequest: isScrollingResponse, isRequestShown: isRequestShown }, { children: [_jsx(StyledHeaderWrapper, { children: _jsx(StyledTitle, Object.assign({ variant: "subtitle1" }, { children: "API Response" })) }), _jsxs(ButtonsWrapper, { children: [_jsx(AnimatedButton, { disableAnimation: true, onClick: () => {
-                                                                setIsResponseCollapsed((prev) => !prev);
-                                                            }, icon: !isResponseCollapsed ? collapseArrowsIcon : expandArrowsIcon }), _jsx(AnimatedButton, { onClick: () => {
-                                                                navigator.clipboard.writeText(JSON.stringify(json, null, 2)).then(() => { });
-                                                            }, icon: codeIcon }), _jsx(AnimatedButton, { onClick: () => {
-                                                                navigator.clipboard.writeText((json === null || json === void 0 ? void 0 : json.id) || '').then(() => { });
-                                                            }, icon: idIcon })] })] })), _jsxs(JsonView, Object.assign({ value: json, style: jsonTheme, displayDataTypes: false, collapsed: isResponseCollapsed ? 1 : undefined, onCopied: (_, value) => {
-                                                if (typeof value === 'string') {
-                                                    onCopied(value);
-                                                }
-                                            } }, { children: [_jsx(JsonView.CountInfo, { render: (_, { keyName }) => {
-                                                        if (!keyName) {
-                                                            return _jsx("span", {});
-                                                        }
-                                                    } }), _jsx(JsonView.Copied
-                                                // @ts-expect-error Type is not supported
-                                                , {
-                                                    // @ts-expect-error Type is not supported
-                                                    render: ({ 'data-copied': copied, style, onClick }, { keyName }) => {
-                                                        if (!keyName) {
-                                                            return _jsx("span", {});
-                                                        }
-                                                        return (_jsxs(StyledCopyButton, Object.assign({ style: style, onClick: (e) => {
-                                                                onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                                                            } }, { children: [_jsx(AnimatePresence, { children: copied && (_jsx(motion.img, { style: {
-                                                                            height: '14px',
-                                                                            width: '14px',
-                                                                        }, initial: { opacity: 0 }, animate: { opacity: 1, position: 'absolute' }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: greenCheckIcon, alt: "icon" }, "id-icon")) }), _jsx(AnimatePresence, { children: !copied && (_jsx(motion.img, { style: {
-                                                                            height: '14px',
-                                                                            width: '14px',
-                                                                        }, initial: { opacity: 0 }, animate: { opacity: 1, position: 'absolute' }, exit: { opacity: 0 }, transition: { duration: 0.4 }, src: copyIcon, alt: "icon" }, "id-icon")) })] })));
-                                                    } })] })), _jsx(FooterWrapper, Object.assign({ sx: {
-                                                flex: 1,
-                                                height: FOOTER_HEIGHT,
-                                            } }, { children: _jsx(TableFooter, { sx: {
-                                                    borderBottomLeftRadius: isRequestShown ? 0 : '12px',
-                                                    background: '#f8f9fb',
-                                                    flex: 1,
-                                                }, totalCount: objectPropertiesCount }) }))] }))] }))] }) })) })) })));
-}

package/build/components/JSONViewer/JSONViewerList.js DELETED Viewed

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import JSONViewer from './JSONViewer';
-export const JSONViewerList = ({ list, onClose, isWindowMinimized, windowOrder }) => {
-    if (!(list === null || list === void 0 ? void 0 : list.length)) {
-        return null;
-    }
-    return (_jsx(_Fragment, { children: list.map((item, index) => (_jsx(JSONViewer, { index: index, json: item.json, requestJson: item === null || item === void 0 ? void 0 : item.requestJson, onClose: () => {
-                onClose(index);
-            }, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder }, item.json.id))) }));
-};

package/build/components/JSONViewer/components/FooterButton/FooterButton.js DELETED Viewed

@@ -1,44 +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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { memo } from 'react';
-import Box from '@mui/material/Box';
-import { AnimatePresence, motion } from 'framer-motion';
-import { useTranslation } from 'react-i18next';
-import { greenCheckIcon } from '../../../../constants/index.js';
-import { StyledAnimatedButton } from '../../style';
-function FooterButton(_a) {
-    var { onClick, icon, label, disableAnimation } = _a, props = __rest(_a, ["onClick", "icon", "label", "disableAnimation"]);
-    const [isClicked, setIsClicked] = React.useState(false);
-    const { t } = useTranslation();
-    const handleClick = (e) => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        if (disableAnimation)
-            return;
-        setIsClicked(true);
-        setTimeout(() => {
-            setIsClicked(false);
-        }, 2000);
-    };
-    return (_jsxs(StyledAnimatedButton, Object.assign({}, props, { onClick: handleClick }, { children: [_jsxs(Box, Object.assign({ sx: {
-                    width: '16px',
-                    display: 'flex',
-                    overflow: 'hidden',
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                } }, { children: [_jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: isClicked && (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1, transition: { duration: 0.4 } }, exit: { opacity: 0, transition: { duration: 0.1 } }, transition: { duration: 0.4 }, src: greenCheckIcon, alt: "icon" }, "id-icon")) })), _jsx(AnimatePresence, Object.assign({ mode: "wait" }, { children: !isClicked && (_jsx(motion.img, { initial: { opacity: 0 }, animate: { opacity: 1, transition: { duration: 0.4 } }, exit: { opacity: 0, transition: { duration: 0.1 } }, transition: { duration: 0.4 }, src: icon, alt: "icon" }, "id-icon")) }))] })), label && (_jsxs(_Fragment, { children: [_jsx(AnimatePresence, { children: isClicked && (_jsx(motion.span, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: 'absolute' }, transition: {
-                                duration: 0.4,
-                            } }, { children: t('copied') }))) }), _jsx(AnimatePresence, { children: !isClicked && (_jsx(motion.span, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0, position: 'absolute', width: '53px' }, transition: {
-                                duration: 0.4,
-                            } }, { children: label }))) })] }))] })));
-}
-export default memo(FooterButton);

package/build/components/JSONViewer/components/FooterButton/index.js DELETED Viewed

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

package/build/components/JSONViewer/components/JSONTitleBar/JSONTitleBar.js DELETED Viewed

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import Toolbar, { StyledHeaderWrapperStyled } from '../../../Toolbar';
-import { CloseIcon, ExpandButton, MaximizeIcon } from '../../../ToolbarIcon';
-import { jsonIcon } from '../../../../constants/index.js';
-function JSONTitleBar({ title, onClose, onMaximize, maximized = false, id, onMouseHover, onMouseLeave, onRequestClick, isRequestExpanded = false, showRequestIcon = false, isHovered = false, }) {
-    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, maximized: maximized || false }, { children: _jsx(Toolbar, { isHovered: true, onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, title: title, icon: jsonIcon, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize }), showRequestIcon && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isRequestExpanded, isHovered: isHovered }, { children: "Request" })))] }) }) })));
-}
-export default memo(JSONTitleBar);

package/build/components/JSONViewer/components/JSONTitleBar/index.js DELETED Viewed

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

package/build/components/JSONViewer/components/JSONTitleBar/type.js DELETED Viewed

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

package/build/components/JSONViewer/components/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export { default as FooterButton } from './FooterButton';
2	- export { default as JSONTitleBar } from './JSONTitleBar';

package/build/components/JSONViewer/context/Provider.js DELETED Viewed

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react';
-import { JSONViewerList } from '../JSONViewerList';
-import { JsonViewerDialogContext } from './context';
-export const JsonViewerDialogContextProvider = ({ children }) => {
-    const [jsonViewerList, setJsonViewerList] = useState([]);
-    const [isWindowMinimized, setIsWindowMinimized] = useState(false);
-    const [windowOrder, setWindowOrder] = useState(1);
-    const handleJsonViewerDialogOpen = useCallback((jsonViewer) => {
-        if (jsonViewerList.length === 7) {
-            alert('Maximum allowed active Json Viewer is 7 per table.');
-            return;
-        }
-        // Prevent duplicate JsonViewer that's currently open
-        if (jsonViewerList.some((item) => item.json.id === jsonViewer.json.id)) {
-            return;
-        }
-        // Create a copy to avoid mutating the original object
-        const jsonCopy = structuredClone(jsonViewer.json);
-        const requestData = jsonCopy.request_body;
-        const jsonViewerPreservedRequest = {
-            json: jsonCopy,
-            requestJson: jsonViewer.requestJson || requestData || undefined,
-        };
-        delete jsonViewerPreservedRequest.json.request_body;
-        setJsonViewerList((prev) => [...prev, jsonViewerPreservedRequest]);
-    }, [jsonViewerList]);
-    const handleJsonViewerDialogClose = (index) => {
-        setJsonViewerList((prev) => prev.filter((_, idx) => index !== idx));
-    };
-    const handleWindowMinimize = (value) => {
-        setIsWindowMinimized(value);
-    };
-    const handleWindowOrder = (value) => {
-        setWindowOrder(value);
-    };
-    const contextValue = useMemo(() => ({
-        jsonViewerList,
-        handleJsonViewerDialogOpen,
-        handleWindowMinimize,
-        handleWindowOrder,
-    }), [jsonViewerList, handleJsonViewerDialogOpen]);
-    return (_jsxs(JsonViewerDialogContext.Provider, Object.assign({ value: contextValue }, { children: [children, _jsx(JSONViewerList, { list: jsonViewerList, onClose: handleJsonViewerDialogClose, isWindowMinimized: isWindowMinimized, windowOrder: windowOrder })] })));
-};

package/build/components/JSONViewer/context/context.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-export const JsonViewerDialogContext = createContext({
-    jsonViewerList: [],
-    handleJsonViewerDialogOpen: () => { },
-    handleWindowMinimize: () => { },
-    handleWindowOrder: () => { },
-});

package/build/components/JSONViewer/context/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- export * from './context';
2	- export { JsonViewerDialogContextProvider } from './Provider';

package/build/components/JSONViewer/hooks/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { useJsonViewerContext } from './useJsonViewerContext';

package/build/components/JSONViewer/hooks/useJsonViewerContext.js DELETED Viewed

@@ -1,18 +0,0 @@
-import { useContext, useEffect, useCallback } from 'react';
-import { JsonViewerDialogContext } from '../context';
-export const useJsonViewerContext = ({ isWindowMinimized, windowOrder }) => {
-    const { handleJsonViewerDialogOpen, handleWindowMinimize, handleWindowOrder } = useContext(JsonViewerDialogContext);
-    const onWindowMinimize = useCallback(() => {
-        handleWindowMinimize(isWindowMinimized);
-    }, [handleWindowMinimize, isWindowMinimized]);
-    const onWindowOrder = useCallback(() => {
-        handleWindowOrder(windowOrder);
-    }, [handleWindowOrder, windowOrder]);
-    useEffect(() => {
-        onWindowOrder();
-    }, [onWindowOrder]);
-    useEffect(() => {
-        onWindowMinimize();
-    }, [onWindowMinimize]);
-    return { handleJsonViewerDialogOpen };
-};

package/build/components/JSONViewer/style.js DELETED Viewed

@@ -1,176 +0,0 @@
-import { Box, Input, Popover, Typography, styled } from '@mui/material';
-import { motion } from 'framer-motion';
-export const FOOTER_HEIGHT = 37;
-export const TITLE_BAR_HEIGHT = '32px';
-export const VIEWER_HEIGHT = 545;
-export const StyledPopover = styled(Popover)(({ theme }) => ({
-    backgroundColor: theme.palette.background.default,
-    boxShadow: theme.shadows[21],
-    '& .MuiPaper-root': {
-        borderRadius: '12px',
-    },
-}));
-export const HEADER_HEIGHT = 44;
-export const jsonTheme = {
-    '--w-rjv-color': '#9cdcfe',
-    '--w-rjv-key-string': '#357fb9',
-    '--w-rjv-background-color': '#ffffff',
-    '--w-rjv-line-color': '#ffffff',
-    '--w-rjv-arrow-color': '#116e6bed',
-    '--w-rjv-edit-color': '#9cdcfe',
-    '--w-rjv-info-color': '#9c9c9c7a',
-    '--w-rjv-update-color': '#FFE20B',
-    '--w-rjv-copied-color': '#9cdcfe',
-    '--w-rjv-copied-success-color': '#28a745',
-    '--w-rjv-curlybraces-color': '#000000',
-    '--w-rjv-colon-color': '#000000',
-    '--w-rjv-brackets-color': '#000000',
-    '--w-rjv-quotes-color': '#9cdcfe',
-    '--w-rjv-quotes-string-color': '#c27c46',
-    '--w-rjv-type-string-color': '#c27c46',
-    '--w-rjv-type-int-color': '#956ea5',
-    '--w-rjv-type-float-color': '#956ea5',
-    '--w-rjv-type-bigint-color': '#956ea5',
-    '--w-rjv-type-boolean-color': '#956ea5',
-    '--w-rjv-type-date-color': '#956ea5',
-    '--w-rjv-type-url-color': '#3b89cf',
-    '--w-rjv-type-null-color': '#956ea5',
-    '--w-rjv-type-nan-color': '#956ea5',
-    '--w-rjv-type-undefined-color': '#956ea5',
-    padding: '1rem',
-    height: `calc(100% - ${HEADER_HEIGHT + FOOTER_HEIGHT}px`,
-    overflow: 'auto',
-};
-export const requestJsonTheme = Object.assign(Object.assign({}, jsonTheme), { background: 'transparent', '--w-rjv-line-color': 'transparent' });
-export const StyledAnimatedButton = styled('button')(({ theme }) => ({
-    padding: '0rem',
-    borderRadius: '0.25rem',
-    backgroundColor: theme.palette.background.paper,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: '0.25rem',
-    color: theme.palette.text.primary,
-    fontSize: '0.625rem',
-    fontWeight: theme.typography.fontWeightBold,
-    outline: 'none',
-    cursor: 'pointer',
-    border: `1px solid ${theme.palette.grey['100']}`,
-    '&:hover': {
-        boxShadow: '0px 0px 8px 0px rgba(31, 136, 208, 0.30)',
-        border: `1px solid ${theme.palette.info.dark};`,
-    },
-    position: 'relative',
-    overflow: 'hidden',
-    transition: 'all 0.2s ease-in-out',
-    width: '24px',
-    height: '24px',
-    flexShrink: 0,
-}));
-export const StyledCopyButton = styled('button')(({ theme }) => ({
-    outline: 'none',
-    cursor: 'pointer',
-    border: `1px solid transparent`,
-    '&:hover': {
-        boxShadow: theme.shadows[8],
-    },
-    borderRadius: '0.25rem',
-    position: 'relative',
-    backgroundColor: theme.palette.background.transparent,
-    display: 'inline-flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const StyledSearchInput = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.grey[100]}`,
-    borderRadius: '0.25rem',
-    padding: '0.375rem',
-    fontSize: '0.625rem',
-    outline: 'none',
-    width: '100%',
-    maxWidth: '150px',
-    height: '1.5rem',
-    backgroundColor: theme.palette.background.paper,
-    '&:focus': {
-        border: `1px solid ${theme.palette.info.dark}`,
-    },
-}));
-export const StyledTitle = styled(Typography)(() => ({
-    border: '1px solid rgba(242, 242, 242, 0.70);',
-    display: 'inline-flex',
-    height: '24px',
-    padding: '0px 8px',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: '37.5px',
-    backgroundColor: '#fff',
-}));
-export const SectionWrapper = styled(Box, {
-    shouldForwardProp: (prop) => !['isMaximized', 'isScrollingRequest', 'isRequestShown'].includes(prop),
-})(({ isScrollingRequest, isMaximized, isRequestShown, theme }) => (Object.assign(Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '4px', paddingBlock: '0px', paddingInlineStart: '12px', paddingInlineEnd: '12px', position: 'sticky', left: 0, right: 0, top: 0, background: '#fff', zIndex: 5 }, (isScrollingRequest && {
-    boxShadow: theme.shadows[23],
-})), (isMaximized && Object.assign({ paddingTop: TITLE_BAR_HEIGHT, transition: 'padding 0.3s ease-in-out' }, (isRequestShown && {
-    width: '50%',
-}))))));
-export const FooterWrapper = styled(Box, {
-    shouldForwardProp: (prop) => !['isMaximized', 'isRequestShown'].includes(prop),
-})(({ isMaximized, isRequestShown }) => (Object.assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '8px', height: FOOTER_HEIGHT, position: 'fixed', bottom: 0, right: 0, left: isMaximized ? '50vw' : 0 }, (!isRequestShown && {
-    left: 0,
-}))));
-export const ButtonsWrapper = styled(Box)(() => ({
-    display: 'flex',
-    justifyContent: 'flex-end',
-    alignItems: 'center',
-    gap: '4px',
-    paddingBlock: '10px',
-    paddingInlineStart: '8px',
-    paddingInlineEnd: '0px',
-}));
-export const StyledHeaderWrapper = styled(Box)(() => ({
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    gap: '4px',
-    paddingBlock: '10px',
-    paddingInlineStart: '0px',
-    paddingInlineEnd: '12px',
-}));
-export const JSONViewerWrapper = styled(motion.div, {
-    shouldForwardProp: (prop) => !['isRequestShown', 'isMaximized'].includes(prop),
-})(({ isRequestShown, isMaximized }) => (Object.assign({ width: '100%', height: '100%', overflowY: 'auto', background: '#fff', zIndex: 20, position: 'relative', display: 'flex', flexDirection: 'column', borderBottomRightRadius: '12px', borderBottomLeftRadius: isRequestShown ? 0 : '12px' }, (isMaximized && {
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    height: '100vh',
-}))));
-export const JSONViewerWrapperRequest = styled(motion.div, {
-    shouldForwardProp: (prop) => !['isMaximized', 'currentRequestWidth'].includes(prop),
-})(({ isMaximized, currentRequestWidth }) => ({
-    backgroundColor: '#E7E7E7B2',
-    backdropFilter: 'blur(12px)',
-    height: isMaximized ? '100vh' : '100%',
-    overflowY: 'auto',
-    position: 'absolute',
-    width: isMaximized ? '100vw' : currentRequestWidth,
-    zIndex: 19,
-    display: 'flex',
-    flexDirection: 'column',
-    borderBottomLeftRadius: '12px',
-}));
-export const JSONViewerScreenContainer = styled(Box, {
-    shouldForwardProp: (prop) => !['isMaximized', 'currentHeight'].includes(prop),
-})(({ isMaximized, currentHeight }) => ({
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'flex-start',
-    height: isMaximized ? `calc(100vh - ${FOOTER_HEIGHT}px)` : (currentHeight || VIEWER_HEIGHT) - FOOTER_HEIGHT + 5,
-    background: 'transparent',
-    position: 'fixed',
-    width: '100%',
-}));
-export const JSONContainer = styled(Box)(() => ({
-    position: 'fixed',
-    width: '100%',
-    background: 'transparent',
-    height: '100%',
-}));

package/build/components/JSONViewer/type.js DELETED Viewed

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