pixel-react 1.20.18 → 1.20.20

package/lib/components/MenuOption/MenuOption.js

@@ -1,228 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useContext, useEffect, useCallback } from 'react';
-import './MenuOption.scss';
-import Icon from '../Icon';
-import classNames from 'classnames';
-import Tooltip from '../Tooltip';
-import Typography from '../Typography';
-import { createPortal } from 'react-dom';
-import { ThemeContext } from '../ThemeProvider/ThemeProvider';
-import useClickOutside from '../../hooks/useClickOutside';
-import { getAnchorElement } from '../../utils/getAnchorElement/getAnchorElement';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const Option = ({ option, onClick, alignOption }) => (_jsxs("div", { className: classNames('ff-options', {
-        'ff-disable-option': option.disable,
-        'align-center': alignOption === 'center',
-        'align-right': alignOption === 'right',
-        'align-left': alignOption === 'left',
-    }), onClick: () => !option.disable && onClick(option), children: [typeof option.icon === 'string' ? (_jsx(Icon, { name: option.icon, color: option.iconColor, height: 16, width: 16 })) : option.icon, _jsx(Typography, { as: "label", lineHeight: "18px", color: option.icon === 'delete' ? 'var(--delete-text-color)' : '', children: option.label })] }));
-const calculatePosition = (menuPosition, dropdownPlacement, optionCardHeight, optionCardWidth, isAddResourceButton) => {
-    const { top, left, height, width } = menuPosition;
-    const availableSpace = {
-        top,
-        bottom: window.innerHeight - (top + height),
-        left,
-        right: window.innerWidth - (left + width),
-    };
-    const gap = 2;
-    const minGap = 8;
-    let newTop = top;
-    let newLeft = left;
-    switch (dropdownPlacement) {
-        case 'top':
-            newTop =
-                availableSpace.top > optionCardHeight + gap
-                    ? top - optionCardHeight - gap
-                    : top + height + gap;
-            break;
-        case 'down':
-            newTop =
-                availableSpace.bottom > optionCardHeight + gap
-                    ? top + height + gap
-                    : top - optionCardHeight - gap;
-            if (isAddResourceButton) {
-                if (!(availableSpace?.bottom > optionCardHeight + gap)) {
-                    newLeft = left + 25;
-                    newTop = top + 5;
-                }
-            }
-            break;
-        case 'left':
-            newLeft =
-                availableSpace.left > width + gap
-                    ? left - width - gap
-                    : left + width + gap;
-            break;
-        case 'right':
-            newLeft =
-                availableSpace.right > width + gap
-                    ? left + width + gap
-                    : left - width - gap;
-            break;
-        case 'bottomLeft':
-            newTop =
-                availableSpace.bottom > optionCardHeight + gap
-                    ? top + height + gap
-                    : top - optionCardHeight - gap;
-            if (optionCardWidth) {
-                newLeft = left - optionCardWidth + width;
-            }
-            break;
-        default:
-            newTop = top;
-            newLeft = left;
-    }
-    // Ensure menu stays within viewport
-    newTop = Math.max(0, Math.min(newTop, window.innerHeight - optionCardHeight - minGap));
-    newLeft = Math.max(0, Math.min(newLeft, window.innerWidth - width));
-    return { top: newTop, left: newLeft };
-};
-const OptionCard = ({ options, onClick, menuPosition, menuRef, closeDropdown, zIndex = 1500, dropdownPlacement, variant, isAddResourceButton, alignOption, ownerId, dropdownHeight, selectedValue, }) => {
-    const themeContext = useContext(ThemeContext);
-    const currentTheme = themeContext?.currentTheme;
-    const optionCardRef = useRef(null);
-    const listRef = useRef(null);
-    const optionRefs = useRef({});
-    const [optionCardHeight, setOptionCardHeight] = useState(0);
-    const [optionCardWidth, setOptionCardWidth] = useState(0);
-    useClickOutside(menuRef, closeDropdown, [optionCardRef]);
-    useEffect(() => {
-        if (optionCardRef.current) {
-            setOptionCardHeight(optionCardRef.current.offsetHeight);
-            setOptionCardWidth(optionCardRef.current.offsetWidth);
-        }
-    }, [options]);
-    const style = calculatePosition(menuPosition, dropdownPlacement, optionCardHeight, optionCardWidth, isAddResourceButton);
-    useEffect(() => {
-        if (!selectedValue)
-            return;
-        const selectedOptionElement = optionRefs.current[selectedValue];
-        const container = listRef.current;
-        if (selectedOptionElement && container) {
-            const elTop = selectedOptionElement.offsetTop;
-            const elBottom = elTop + selectedOptionElement.offsetHeight;
-            const visibleTop = container.scrollTop;
-            const visibleBottom = visibleTop + container.clientHeight;
-            // If the option is not visible, scroll to it
-            if (elTop < visibleTop || elBottom > visibleBottom) {
-                container.scrollTo({
-                    top: elTop - container.clientHeight / 2,
-                    behavior: 'instant',
-                });
-            }
-        }
-    }, [selectedValue]);
-    return createPortal(_jsx("div", { className: classNames('ff-option-card', { 'ff-option-card--primary': variant === 'primary' }, { 'ff-option-card--default': variant === 'default' }, currentTheme), "data-owner-id": ownerId, style: { ...style, zIndex, margin: isAddResourceButton ? '0px' : '4px' }, ref: optionCardRef, children: _jsx("div", { className: classNames({ 'ff-option-list': dropdownHeight }), ref: listRef, style: {
-                maxHeight: dropdownHeight ? `${dropdownHeight}px` : 'unset',
-                overflowY: dropdownHeight ? 'auto' : 'unset',
-            }, children: options.map((opt) => !opt.hide && (_jsx("div", { ref: (el) => (optionRefs.current[opt.value] = el), children: _jsx(Tooltip, { title: opt?.tooltipForOption ? opt?.tooltipForOption : '', placement: opt?.tooltipPlacementForOption, children: _jsx(Option, { option: opt, onClick: onClick, alignOption: alignOption }, opt.value) }, opt.value) }, opt.value))) }) }), document.body);
-};
-const MenuOption = ({ labelName, iconName, tooltipTitle, tooltipPlacement = 'bottom', options = [], onClick = () => { }, onOptionClick = () => { }, iconButtonSize = 24, iconButtonBorderRadius = 7, iconSize = 16, variant = 'light', zIndex = 1500, dropdownPlacement = 'down', optionCardVariant, targetRef = null, treeRowRef, isAddResourceButton, disabled, alignOption = 'left', displayCard = true, didMouseEntered, tableMenu = false, dropdownHeight, selectedValue = '', }) => {
-    const [isClicked, setIsClicked] = useState(false);
-    const [isHovered, setIsHovered] = useState(false);
-    const menuRef = useRef(null);
-    const menuIconRef = useRef(null);
-    const [menuPosition, setMenuPosition] = useState({
-        top: 0,
-        left: 0,
-        height: 0,
-        right: 0,
-        width: 0,
-    });
-    const getTargetElement = useCallback(() => {
-        if (!targetRef)
-            return null;
-        return typeof targetRef === 'string'
-            ? document.getElementById(targetRef)
-            : getAnchorElement(targetRef);
-    }, [targetRef]);
-    const closeDropDown = () => setIsClicked(false);
-    useEffect(() => {
-        const targetElement = getTargetElement();
-        if (!targetElement || checkEmpty(options))
-            return;
-        targetElement.classList.toggle('menu-hover-active', isHovered || isClicked);
-        return () => {
-            targetElement.classList.remove('menu-hover-active');
-        };
-    }, [isHovered, isClicked, targetRef, options, getTargetElement]);
-    const getScrollableParent = (element) => {
-        if (!element)
-            return null;
-        let parent = element.parentElement;
-        while (parent) {
-            const { overflowY, overflowX } = window.getComputedStyle(parent);
-            if ((/(auto|scroll|overlay)/.test(overflowY) &&
-                parent.scrollHeight > parent.clientHeight) ||
-                (/(auto|scroll|overlay)/.test(overflowX) &&
-                    parent.scrollWidth > parent.clientWidth)) {
-                return parent;
-            }
-            parent = parent.parentElement;
-        }
-        return document.documentElement;
-    };
-    useEffect(() => {
-        if (!menuRef.current)
-            return;
-        const scrollableParent = getScrollableParent(menuRef.current);
-        const handleScroll = () => {
-            setIsClicked(false);
-        };
-        // Attach scroll event to detected parent or window
-        scrollableParent?.addEventListener('scroll', handleScroll, {
-            passive: true,
-        });
-        if (scrollableParent !== document.documentElement) {
-            // Also attach to window if it's not the detected parent
-            window.addEventListener('scroll', handleScroll, { passive: true });
-        }
-        return () => {
-            scrollableParent?.removeEventListener('scroll', handleScroll);
-            window.removeEventListener('scroll', handleScroll);
-        };
-    }, []);
-    const onIconClickHandler = () => {
-        if (disabled)
-            return;
-        if (didMouseEntered) {
-            didMouseEntered();
-        }
-        onClick();
-        calculateDims();
-        setIsClicked((prev) => !prev);
-    };
-    const handleOptionClick = (option) => {
-        treeRowRef?.current?.children[0]?.children[2]?.classList.remove('table-row-add-button');
-        onOptionClick(option);
-        closeDropDown();
-    };
-    const calculateDims = () => {
-        if (menuIconRef.current) {
-            const rect = menuIconRef.current.getBoundingClientRect();
-            setMenuPosition({
-                top: rect.top + window.scrollY,
-                left: rect.left + window.scrollX,
-                height: rect.height,
-                right: rect.right,
-                width: rect.width,
-            });
-        }
-    };
-    return (_jsxs("div", { className: "ff-menu-option-container", ref: menuRef, children: [_jsx(Tooltip, { title: tooltipTitle, placement: tooltipPlacement, children: _jsxs("div", { className: "ff-icon-label", children: [_jsx("div", { className: classNames('ff-menuicon-container', {
-                                'ff-menuicon-container-clicked': isClicked && displayCard && !checkEmpty(options),
-                                dark: variant === 'dark',
-                                'ff-menuicon-container-add-resource': isAddResourceButton,
-                            }), ref: menuIconRef, onClick: onIconClickHandler, onMouseEnter: () => tableMenu && !disabled && setIsHovered(true), onMouseLeave: () => tableMenu && setIsHovered(false), style: {
-                                width: `${iconButtonSize}px`,
-                                height: `${iconButtonSize}px`,
-                                borderRadius: `${iconButtonBorderRadius}px`,
-                            }, children: _jsx(Icon, { height: iconSize, width: iconSize, name: iconName, disabled: disabled, color: displayCard && !checkEmpty(options)
-                                    ? isClicked === (variant === 'dark')
-                                        ? 'var(--menu-option-icon-clicked)'
-                                        : 'var(--menu-option-icon-color)'
-                                    : 'var(--menu-option-icon-clicked)' }) }), labelName && _jsx(Typography, { as: "label", children: labelName })] }) }), isClicked && displayCard && !checkEmpty(options) && (_jsx(OptionCard, { options: options, onClick: handleOptionClick, menuPosition: menuPosition, menuRef: menuRef, closeDropdown: closeDropDown, zIndex: zIndex, dropdownPlacement: dropdownPlacement, variant: optionCardVariant, isAddResourceButton: isAddResourceButton, alignOption: alignOption, ownerId: (typeof targetRef !== 'string' && targetRef?.current?.id) ||
-                    treeRowRef?.current?.id, dropdownHeight: dropdownHeight, selectedValue: selectedValue }))] }));
-};
-export default MenuOption;
-//# sourceMappingURL=MenuOption.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as n,useCallback as i,useEffect as r,useContext as l}from"react";import"./MenuOption.scss.js";import c from"../Icon/Icon.js";import a from"../../_virtual/index.js";import d from"../Tooltip/Tooltip.js";import s from"../Typography/Typography.js";import{createPortal as u}from"react-dom";import{ThemeContext as p}from"../ThemeProvider/ThemeProvider.js";import m from"../../hooks/useClickOutside.js";import{getAnchorElement as f}from"../../utils/getAnchorElement/getAnchorElement.js";import{checkEmpty as h}from"../../utils/checkEmpty/checkEmpty.js";const g=({option:o,onClick:n,alignOption:i})=>e("div",{className:a("ff-options",{"ff-disable-option":o.disable,"align-center":"center"===i,"align-right":"right"===i,"align-left":"left"===i}),onClick:()=>!o.disable&&n(o),children:["string"==typeof o.icon?t(c,{name:o.icon,color:o.iconColor,height:16,width:16}):o.icon,t(s,{as:"label",lineHeight:"18px",color:"delete"===o.icon?"var(--delete-text-color)":"",children:o.label})]}),w=({options:e,onClick:i,menuPosition:c,menuRef:s,closeDropdown:f,zIndex:h=1500,dropdownPlacement:w,variant:v,isAddResourceButton:b,alignOption:k,ownerId:y,dropdownHeight:x,selectedValue:E})=>{const C=l(p),H=C?.currentTheme,O=n(null),R=n(null),T=n({}),[j,I]=o(0),[L,M]=o(0);m(s,f,[O]),r(()=>{O.current&&(I(O.current.offsetHeight),M(O.current.offsetWidth))},[e]);const P=((e,t,o,n,i)=>{const{top:r,left:l,height:c,width:a}=e,d=r,s=window.innerHeight-(r+c),u=l,p=window.innerWidth-(l+a);let m=r,f=l;switch(t){case"top":m=d>o+2?r-o-2:r+c+2;break;case"down":m=s>o+2?r+c+2:r-o-2,i&&(s>o+2||(f=l+25,m=r+5));break;case"left":f=u>a+2?l-a-2:l+a+2;break;case"right":f=p>a+2?l+a+2:l-a-2;break;case"bottomLeft":m=s>o+2?r+c+2:r-o-2,n&&(f=l-n+a);break;default:m=r,f=l}return m=Math.max(0,Math.min(m,window.innerHeight-o-8)),f=Math.max(0,Math.min(f,window.innerWidth-a)),{top:m,left:f}})(c,w,j,L,b);return r(()=>{if(!E)return;const e=T.current[E],t=R.current;if(e&&t){const o=e.offsetTop,n=o+e.offsetHeight,i=t.scrollTop,r=i+t.clientHeight;(o<i||n>r)&&t.scrollTo({top:o-t.clientHeight/2,behavior:"instant"})}},[E]),u(t("div",{className:a("ff-option-card",{"ff-option-card--primary":"primary"===v},{"ff-option-card--default":"default"===v},H),"data-owner-id":y,style:{...P,zIndex:h,margin:b?"0px":"4px"},ref:O,children:t("div",{className:a({"ff-option-list":x}),ref:R,style:{maxHeight:x?`${x}px`:"unset",overflowY:x?"auto":"unset"},children:e.map(e=>!e.hide&&t("div",{ref:t=>T.current[e.value]=t,children:t(d,{title:e?.tooltipForOption?e?.tooltipForOption:"",placement:e?.tooltipPlacementForOption,children:t(g,{option:e,onClick:i,alignOption:k},e.value)},e.value)},e.value))})}),document.body)},v=({labelName:l,iconName:u,tooltipTitle:p,tooltipPlacement:m="bottom",options:g=[],onClick:v=()=>{},onOptionClick:b=()=>{},iconButtonSize:k=24,iconButtonBorderRadius:y=7,iconSize:x=16,variant:E="light",zIndex:C=1500,dropdownPlacement:H="down",optionCardVariant:O,targetRef:R=null,treeRowRef:T,isAddResourceButton:j,disabled:I,alignOption:L="left",displayCard:M=!0,didMouseEntered:P,tableMenu:B=!1,dropdownHeight:N,selectedValue:z=""})=>{const[A,W]=o(!1),[V,$]=o(!1),F=n(null),S=n(null),[Y,D]=o({top:0,left:0,height:0,right:0,width:0}),X=i(()=>R?"string"==typeof R?document.getElementById(R):f(R):null,[R]),_=()=>W(!1);r(()=>{const e=X();if(e&&!h(g))return e.classList.toggle("menu-hover-active",V||A),()=>{e.classList.remove("menu-hover-active")}},[V,A,R,g,X]);r(()=>{if(!F.current)return;const e=(e=>{if(!e)return null;let t=e.parentElement;for(;t;){const{overflowY:e,overflowX:o}=window.getComputedStyle(t);if(/(auto|scroll|overlay)/.test(e)&&t.scrollHeight>t.clientHeight||/(auto|scroll|overlay)/.test(o)&&t.scrollWidth>t.clientWidth)return t;t=t.parentElement}return document.documentElement})(F.current),t=()=>{W(!1)};return e?.addEventListener("scroll",t,{passive:!0}),e!==document.documentElement&&window.addEventListener("scroll",t,{passive:!0}),()=>{e?.removeEventListener("scroll",t),window.removeEventListener("scroll",t)}},[]);const q=()=>{if(S.current){const e=S.current.getBoundingClientRect();D({top:e.top+window.scrollY,left:e.left+window.scrollX,height:e.height,right:e.right,width:e.width})}};return e("div",{className:"ff-menu-option-container",ref:F,children:[t(d,{title:p,placement:m,children:e("div",{className:"ff-icon-label",children:[t("div",{className:a("ff-menuicon-container",{"ff-menuicon-container-clicked":A&&M&&!h(g),dark:"dark"===E,"ff-menuicon-container-add-resource":j}),ref:S,onClick:()=>{I||(P&&P(),v(),q(),W(e=>!e))},onMouseEnter:()=>B&&!I&&$(!0),onMouseLeave:()=>B&&$(!1),style:{width:`${k}px`,height:`${k}px`,borderRadius:`${y}px`},children:t(c,{height:x,width:x,name:u,disabled:I,color:M&&!h(g)?A===("dark"===E)?"var(--menu-option-icon-clicked)":"var(--menu-option-icon-color)":"var(--menu-option-icon-clicked)"})}),l&&t(s,{as:"label",children:l})]})}),A&&M&&!h(g)&&t(w,{options:g,onClick:e=>{T?.current?.children[0]?.children[2]?.classList.remove("table-row-add-button"),b(e),_()},menuPosition:Y,menuRef:F,closeDropdown:_,zIndex:C,dropdownPlacement:H,variant:O,isAddResourceButton:j,alignOption:L,ownerId:"string"!=typeof R&&R?.current?.id||T?.current?.id,dropdownHeight:N,selectedValue:z})]})};export{v as default};

package/lib/components/MenuOption/MenuOption.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".fontXs{font-size:10px}.fontSm,.fontXs{font-family:Poppins}.fontSm{font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-menu-option-container{cursor:pointer;position:relative}.ff-menu-option-container .ff-icon-label{align-items:center;display:flex;gap:4px}.ff-menu-option-container .ff-icon-label .ff-menuicon-container{align-items:center;cursor:pointer;display:flex;justify-content:center}.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover{background-color:var(--hover-color)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover .ff-menuicon-container-add-resource{box-shadow:0 1px 4px 0 var(--ff-select-option-wrapper-box-shadow)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark{background-color:var(--brand-color)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover{background-color:var(--menu-variant-dark-icon-color)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path{fill:var(--brand-color)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked{align-items:center;background-color:var(--brand-color);cursor:pointer;display:flex;justify-content:center}.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover{background-color:var(--brand-color)}.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark{background-color:var(--menu-variant-dark-icon-color)}.ff-option-card{background:var(--option-card-bg-color);border:1px solid var(--option-card-border-color);border-radius:4px;box-shadow:0 1px 4px 0 var(--ff-select-option-wrapper-box-shadow);margin:4px;min-height:32px;min-width:110px;overflow:hidden;position:absolute;width:max-content}.ff-option-card.ff-option-list{overflow-y:auto}.ff-option-card .ff-options{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:8px;padding:4px;width:100%}.ff-option-card .ff-options:hover{background-color:var(--hover-color)}.ff-option-card .ff-options label{cursor:pointer}.ff-option-card .ff-options.no_icon{justify-content:center}.ff-option-card .ff-options.align-left{justify-content:flex-start}.ff-option-card .ff-options.align-center{justify-content:center}.ff-option-card .ff-options.align-right{justify-content:flex-end}.ff-option-card--primary{background:var(--brand-color);color:var(--primary-button-text-color)}.ff-option-card--primary svg path{fill:var(--primary-icon-color)}.ff-option-card--primary :hover{color:var(--brand-color)}.ff-option-card--primary :hover svg path{fill:var(--brand-color)}.ff-option-card--default{background:var(--brand-color);color:var(--primary-button-text-color)}.ff-option-card--default svg path{fill:var(--primary-icon-color)}.ff-option-card--default .ff-options:hover{background-color:var(--base-bg-color);color:var(--brand-color)}.ff-option-card--default .ff-options:hover svg path{fill:var(--brand-color)}.ff-option-card .ff-disable-option{cursor:no-drop;opacity:.5}.ff-option-card .ff-disable-option label{cursor:no-drop}.ff-menu-parent-hover{background-color:var(--hover-color)!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lbnVPcHRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLDBCQUNFLGNBQWUsQ0FDZixpQkFDRixDQUNBLHlDQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsT0FDRixDQUNBLGdFQUdFLGtCQUFtQixDQUNuQixjQUFlLENBSGYsWUFBYSxDQUNiLHNCQUdGLENBQ0Esc0VBQ0UsbUNBQ0YsQ0FDQSwwR0FDRSxpRUFDRixDQUNBLHFFQUNFLG1DQUNGLENBQ0EsMkVBQ0Usb0RBQ0YsQ0FDQSxvRkFDRSx1QkFDRixDQUNBLHdFQUdFLGtCQUFtQixDQUNuQixtQ0FBb0MsQ0FDcEMsY0FBZSxDQUpmLFlBQWEsQ0FDYixzQkFJRixDQUNBLDhFQUNFLG1DQUNGLENBQ0EsNkVBQ0Usb0RBQ0YsQ0FFQSxnQkFJRSxzQ0FBdUMsQ0FEdkMsZ0RBQWlELENBTWpELGlCQUFrQixDQUNsQixpRUFBc0UsQ0FSdEUsVUFBVyxDQUlYLGVBQWdCLENBQ2hCLGVBQWdCLENBRmhCLGVBQWdCLENBSmhCLGlCQUFrQixDQU9sQixpQkFHRixDQUNBLCtCQUNFLGVBQ0YsQ0FDQSw0QkFLRSxrQkFBbUIsQ0FGbkIsaUJBQWtCLENBRGxCLGNBQWUsQ0FFZixZQUFhLENBR2IsT0FBUSxDQURSLFdBQVksQ0FMWixVQU9GLENBQ0Esa0NBQ0UsbUNBQ0YsQ0FDQSxrQ0FDRSxjQUNGLENBQ0Esb0NBQ0Usc0JBQ0YsQ0FDQSx1Q0FDRSwwQkFDRixDQUNBLHlDQUNFLHNCQUNGLENBQ0Esd0NBQ0Usd0JBQ0YsQ0FDQSx5QkFDRSw2QkFBOEIsQ0FDOUIsc0NBQ0YsQ0FDQSxrQ0FDRSw4QkFDRixDQUNBLGdDQUNFLHdCQUNGLENBQ0EseUNBQ0UsdUJBQ0YsQ0FDQSx5QkFDRSw2QkFBOEIsQ0FDOUIsc0NBQ0YsQ0FDQSxrQ0FDRSw4QkFDRixDQUNBLDJDQUNFLHFDQUFzQyxDQUN0Qyx3QkFDRixDQUNBLG9EQUNFLHVCQUNGLENBQ0EsbUNBRUUsY0FBZSxDQURmLFVBRUYsQ0FDQSx5Q0FDRSxjQUNGLENBRUEsc0JBQ0UsNkNBQ0YiLCJmaWxlIjoiTWVudU9wdGlvbi5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvbnRYcyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udFNtIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5mb250TWQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLmZvbnRMZyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG4uZm9udFhMIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5mb250MlhsIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDI0cHg7XG59XG5cbi5mb250LXNpemUtOCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4cHg7XG59XG5cbi5mb250LXNpemUtMTAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnQtc2l6ZS0yMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyMHB4O1xufVxuXG4uZm9udC1zaXplLTMyIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDMycHg7XG59XG5cbi5mb250LXNpemUtODAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogODBweDtcbn1cblxuLmZmLW1lbnUtb3B0aW9uLWNvbnRhaW5lciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZmLW1lbnUtb3B0aW9uLWNvbnRhaW5lciAuZmYtaWNvbi1sYWJlbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogNHB4O1xufVxuLmZmLW1lbnUtb3B0aW9uLWNvbnRhaW5lciAuZmYtaWNvbi1sYWJlbCAuZmYtbWVudWljb24tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi1tZW51LW9wdGlvbi1jb250YWluZXIgLmZmLWljb24tbGFiZWwgLmZmLW1lbnVpY29uLWNvbnRhaW5lcjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhvdmVyLWNvbG9yKTtcbn1cbi5mZi1tZW51LW9wdGlvbi1jb250YWluZXIgLmZmLWljb24tbGFiZWwgLmZmLW1lbnVpY29uLWNvbnRhaW5lcjpob3ZlciAuZmYtbWVudWljb24tY29udGFpbmVyLWFkZC1yZXNvdXJjZSB7XG4gIGJveC1zaGFkb3c6IDBweCAxcHggNHB4IDBweCB2YXIoLS1mZi1zZWxlY3Qtb3B0aW9uLXdyYXBwZXItYm94LXNoYWRvdyk7XG59XG4uZmYtbWVudS1vcHRpb24tY29udGFpbmVyIC5mZi1pY29uLWxhYmVsIC5mZi1tZW51aWNvbi1jb250YWluZXIuZGFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1tZW51LW9wdGlvbi1jb250YWluZXIgLmZmLWljb24tbGFiZWwgLmZmLW1lbnVpY29uLWNvbnRhaW5lci5kYXJrOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWVudS12YXJpYW50LWRhcmstaWNvbi1jb2xvcik7XG59XG4uZmYtbWVudS1vcHRpb24tY29udGFpbmVyIC5mZi1pY29uLWxhYmVsIC5mZi1tZW51aWNvbi1jb250YWluZXIuZGFyazpob3ZlciBzdmcgcGF0aCB7XG4gIGZpbGw6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1tZW51LW9wdGlvbi1jb250YWluZXIgLmZmLWljb24tbGFiZWwgLmZmLW1lbnVpY29uLWNvbnRhaW5lci1jbGlja2VkIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLW1lbnUtb3B0aW9uLWNvbnRhaW5lciAuZmYtaWNvbi1sYWJlbCAuZmYtbWVudWljb24tY29udGFpbmVyLWNsaWNrZWQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtbWVudS1vcHRpb24tY29udGFpbmVyIC5mZi1pY29uLWxhYmVsIC5mZi1tZW51aWNvbi1jb250YWluZXItY2xpY2tlZC5kYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWVudS12YXJpYW50LWRhcmstaWNvbi1jb2xvcik7XG59XG5cbi5mZi1vcHRpb24tY2FyZCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbWFyZ2luOiA0cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLW9wdGlvbi1jYXJkLWJvcmRlci1jb2xvcik7XG4gIGJhY2tncm91bmQ6IHZhcigtLW9wdGlvbi1jYXJkLWJnLWNvbG9yKTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgbWluLXdpZHRoOiAxMTBweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGJveC1zaGFkb3c6IDBweCAxcHggNHB4IDBweCB2YXIoLS1mZi1zZWxlY3Qtb3B0aW9uLXdyYXBwZXItYm94LXNoYWRvdyk7XG59XG4uZmYtb3B0aW9uLWNhcmQuZmYtb3B0aW9uLWxpc3Qge1xuICBvdmVyZmxvdy15OiBhdXRvO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiA0cHg7XG4gIGdhcDogOHB4O1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zIGxhYmVsIHtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zLm5vX2ljb24ge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5mZi1vcHRpb24tY2FyZCAuZmYtb3B0aW9ucy5hbGlnbi1sZWZ0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zLmFsaWduLWNlbnRlciB7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1vcHRpb25zLmFsaWduLXJpZ2h0IHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cbi5mZi1vcHRpb24tY2FyZC0tcHJpbWFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXByaW1hcnktYnV0dG9uLXRleHQtY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkLS1wcmltYXJ5IHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbn1cbi5mZi1vcHRpb24tY2FyZC0tcHJpbWFyeSA6aG92ZXIge1xuICBjb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkLS1wcmltYXJ5IDpob3ZlciBzdmcgcGF0aCB7XG4gIGZpbGw6IHZhcigtLWJyYW5kLWNvbG9yKTtcbn1cbi5mZi1vcHRpb24tY2FyZC0tZGVmYXVsdCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXByaW1hcnktYnV0dG9uLXRleHQtY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkLS1kZWZhdWx0IHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbn1cbi5mZi1vcHRpb24tY2FyZC0tZGVmYXVsdCAuZmYtb3B0aW9uczpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhc2UtYmctY29sb3IpO1xuICBjb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkLS1kZWZhdWx0IC5mZi1vcHRpb25zOmhvdmVyIHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1kaXNhYmxlLW9wdGlvbiB7XG4gIG9wYWNpdHk6IDAuNTtcbiAgY3Vyc29yOiBuby1kcm9wO1xufVxuLmZmLW9wdGlvbi1jYXJkIC5mZi1kaXNhYmxlLW9wdGlvbiBsYWJlbCB7XG4gIGN1cnNvcjogbm8tZHJvcDtcbn1cblxuLmZmLW1lbnUtcGFyZW50LWhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpICFpbXBvcnRhbnQ7XG59Il19 */");

package/lib/components/MessageBox/MessageBox.js

@@ -1,19 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './MessageBox.scss';
-import Typography from '../Typography';
-import classNames from 'classnames';
-const MessageBox = ({ content, isVisible, maxWidth = 300, onClick, isClickable = true, arrowPosition = 'left', }) => {
-    return (_jsx("div", { onClick: onClick, style: {
-            width: `${maxWidth}px`,
-            '--triangle-position': `${maxWidth - 4}px`,
-        }, className: classNames('ff-chat-msg-box', {
-            visible: isVisible,
-            hidden: !isVisible,
-            pointer: isClickable,
-            default: !isClickable,
-            'chat-arrow-left': arrowPosition === 'left',
-            'chat-arrow-right': arrowPosition !== 'left',
-        }), children: _jsx("div", { className: classNames('content', `arrow-${arrowPosition}`), children: _jsx(Typography, { children: content }) }) }));
-};
-export default MessageBox;
-//# sourceMappingURL=MessageBox.js.map
+import{jsx as i}from"react/jsx-runtime";import"./MessageBox.scss.js";import t from"../Typography/Typography.js";import r from"../../_virtual/index.js";const e=({content:e,isVisible:o,maxWidth:s=300,onClick:a,isClickable:l=!0,arrowPosition:n="left"})=>i("div",{onClick:a,style:{width:`${s}px`,"--triangle-position":s-4+"px"},className:r("ff-chat-msg-box",{visible:o,hidden:!o,pointer:l,default:!l,"chat-arrow-left":"left"===n,"chat-arrow-right":"left"!==n}),children:i("div",{className:r("content",`arrow-${n}`),children:i(t,{children:e})})});export{e as default};

package/lib/components/MessageBox/MessageBox.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(':root{--tooltip-bg-color:#1e161f;--status-approved-text-color:#016102;--status-warning-text-color:#ff8b00;--status-rejected-text-color:#c60202;--status-skipped-text-color:#3c3838;--status-approved-bg-color:#c6efcd;--status-rejected-bg-color:#f7d9d9;--status-warning-bg-color:#fae2c6;--status-skipped-bg-color:#c4c3c3;--brand-color:#71347b;--icons-default-color:#71347b;--default-icon-color:#a3a3a3;--default-color:#747474;--system-color--error:#c50303;--hover-color:#f7ebff;--brand2-color:#610b86;--status-warning-hover-bg-color:#fcd8ac;--status-percentage-growth-bg-color:#ecedf8;--primary-icon-color:#fff;--secondary-icon-color:#71347b;--description-text-color:#d9d9d9;--expandable-menu-default-bg:#fdfaff;--expandable-menu-option-bg:rgba(97,11,134,.102);--text-color:#1e161f;--file-dropzone-default-color:rgba(113,52,123,.102);--file-dropzone-selected-color:rgba(113,52,123,.2);--file-details-container-shadow:rgba(30,22,31,.161);--file-details-bg:#fff;--error-light:#e42525;--tabs-label-default-color:tabs-label-default-color;--tabs-label-active-color:tabs-label-active-color;--tabs-border-color:tabs-border-color;--tabs-bg-color:tabs-bg-color;--tab-bg-color:tab-bg-color;--toggle-button-bg-color:#fff;--toggle-strip-shadow:rgba(0,0,0,.251);--disable-color:rgba(113,52,123,.502);--toggle-strip-color:#cfd1e2;--add-icon-hover-color:#431b4a;--arrows-button-border-color:#ded1e5;--arrow-button-bg-color:#fff;--text-bg-highlight:#f5fb00;--slider-table-color:#efe1f9;--variable-dropdown-bg:#($variable-dropdown-bg);--dataset-tooltip-title:#($dataset-tooltip-title),--dataset-tooltip-value:#($dataset-tooltip-value);--ff-electric-indigo:#($ff-electric-indigo) --ff-vivid-orange:#($ff-vivid-orange) --ff-dodger-blue:#($ff-dodger-blue)}.ff-chat-msg-box{background:var(--prompt-bg-color);border:.5px solid var(--arrows-button-border-color);border-radius:8px;box-shadow:0 1px 4px 0 var(--prompt-shadow-color);color:var(--text-color);display:flex;flex-direction:column;font-size:12px;height:auto;justify-content:center;line-height:18px;padding:5px 6px;position:relative;transition:opacity .3s ease,transform .3s ease}.ff-chat-msg-box.chat-arrow-right:before{border-color:transparent transparent transparent var(--prompt-bg-color);border-style:solid;border-width:6px 0 6px 8px;content:"";filter:drop-shadow(2px 0 0 var(--arrows-button-border-color));left:calc(var(--triangle-position, -12px));padding-left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:999}.ff-chat-msg-box.chat-arrow-left:after{border-color:transparent var(--prompt-bg-color) transparent transparent;border-style:solid;border-width:6px 8px 6px 0;content:"";filter:drop-shadow(-2px 0 0 var(--arrows-button-border-color));padding-right:16px;position:absolute;right:calc(var(--triangle-position, -12px));top:50%;transform:translateY(-50%);z-index:999}.ff-chat-msg-box.hidden{opacity:0;transform:translateY(-10px)}.ff-chat-msg-box.visible{opacity:1;transform:translateY(0)}.ff-chat-msg-box.pointer{cursor:pointer}.ff-chat-msg-box.default{cursor:default}.ff-chat-msg-box .content.arrow-left{padding-right:16px}.ff-chat-msg-box .content.arrow-right{padding-left:16px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCb3guc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLDBCQUEyQixDQUMzQixvQ0FBcUMsQ0FDckMsbUNBQW9DLENBQ3BDLG9DQUFxQyxDQUNyQyxtQ0FBb0MsQ0FDcEMsa0NBQW1DLENBQ25DLGtDQUFtQyxDQUNuQyxpQ0FBa0MsQ0FDbEMsaUNBQWtDLENBQ2xDLHFCQUFzQixDQUN0Qiw2QkFBOEIsQ0FDOUIsNEJBQTZCLENBQzdCLHVCQUF3QixDQUd4Qiw2QkFBOEIsQ0FDOUIscUJBQXNCLENBQ3RCLHNCQUF1QixDQUN2Qix1Q0FBd0MsQ0FDeEMsMkNBQTRDLENBQzVDLHlCQUE2QixDQUM3Qiw4QkFBK0IsQ0FDL0IsZ0NBQWlDLENBQ2pDLG9DQUFxQyxDQUNyQyxnREFBNEQsQ0FDNUQsb0JBQXFCLENBQ3JCLG1EQUErRCxDQUMvRCxrREFBdUQsQ0FDdkQsbURBQStELENBQy9ELHNCQUEwQixDQUMxQixxQkFBc0IsQ0FDdEIsbURBQW9ELENBQ3BELGlEQUFrRCxDQUNsRCxxQ0FBc0MsQ0FDdEMsNkJBQThCLENBQzlCLDJCQUE0QixDQUM1Qiw2QkFBaUMsQ0FDakMsc0NBQWtELENBRWxELHFDQUFpRCxDQUNqRCw0QkFBNkIsQ0FDN0IsOEJBQStCLENBQy9CLG9DQUFxQyxDQUNyQyw0QkFBZ0MsQ0FDaEMsMkJBQTRCLENBQzVCLDRCQUE2QixDQUM3QiwrQ0FBZ0QsQ0FDaEQsbUdBQ2tELENBQ2xELHFIQUdGLENBRUEsaUJBU0UsaUNBQWtDLENBRmxDLG1EQUFxRCxDQUNyRCxpQkFBa0IsQ0FFbEIsaURBQXNELENBSXRELHVCQUF3QixDQVh4QixZQUFhLENBQ2IscUJBQXNCLENBUXRCLGNBQWUsQ0FWZixXQUFZLENBR1osc0JBQXVCLENBUXZCLGdCQUFpQixDQVBqQixlQUFnQixDQUxoQixpQkFBa0IsQ0FVbEIsOENBSUYsQ0FDQSx5Q0FTRSx1RUFBd0UsQ0FGeEUsa0JBQW1CLENBQ25CLDBCQUEyQixDQU4zQixVQUFXLENBUVgsNkRBQWtFLENBTGxFLDBDQUEyQyxDQUozQyxpQkFBa0IsQ0FFbEIsaUJBQWtCLENBQ2xCLE9BQVEsQ0FFUiwwQkFBMkIsQ0FLM0IsV0FDRixDQUNBLHVDQVNFLHVFQUF3RSxDQUZ4RSxrQkFBbUIsQ0FDbkIsMEJBQTJCLENBTjNCLFVBQVcsQ0FRWCw4REFBbUUsQ0FUbkUsa0JBQW1CLENBRW5CLGlCQUFrQixDQUVsQiwyQ0FBNEMsQ0FENUMsT0FBUSxDQUVSLDBCQUEyQixDQUszQixXQUNGLENBQ0Esd0JBQ0UsU0FBVSxDQUNWLDJCQUNGLENBQ0EseUJBQ0UsU0FBVSxDQUNWLHVCQUNGLENBQ0EseUJBQ0UsY0FDRixDQUNBLHlCQUNFLGNBQ0YsQ0FDQSxxQ0FDRSxrQkFDRixDQUNBLHNDQUNFLGlCQUNGIiwiZmlsZSI6Ik1lc3NhZ2VCb3guc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS10b29sdGlwLWJnLWNvbG9yOiAjMWUxNjFmO1xuICAtLXN0YXR1cy1hcHByb3ZlZC10ZXh0LWNvbG9yOiAjMDE2MTAyO1xuICAtLXN0YXR1cy13YXJuaW5nLXRleHQtY29sb3I6ICNmZjhiMDA7XG4gIC0tc3RhdHVzLXJlamVjdGVkLXRleHQtY29sb3I6ICNjNjAyMDI7XG4gIC0tc3RhdHVzLXNraXBwZWQtdGV4dC1jb2xvcjogIzNjMzgzODtcbiAgLS1zdGF0dXMtYXBwcm92ZWQtYmctY29sb3I6ICNjNmVmY2Q7XG4gIC0tc3RhdHVzLXJlamVjdGVkLWJnLWNvbG9yOiAjZjdkOWQ5O1xuICAtLXN0YXR1cy13YXJuaW5nLWJnLWNvbG9yOiAjZmFlMmM2O1xuICAtLXN0YXR1cy1za2lwcGVkLWJnLWNvbG9yOiAjYzRjM2MzO1xuICAtLWJyYW5kLWNvbG9yOiAjNzEzNDdiO1xuICAtLWljb25zLWRlZmF1bHQtY29sb3I6ICM3MTM0N2I7XG4gIC0tZGVmYXVsdC1pY29uLWNvbG9yOiAjYTNhM2EzO1xuICAtLWRlZmF1bHQtY29sb3I6ICM3NDc0NzQ7XG4gIC0tcHJpbWFyeS1pY29uLWNvbG9yOiAjZmZmZmZmO1xuICAtLXNlY29uZGFyeS1pY29uLWNvbG9yOiAjNzEzNDdiO1xuICAtLXN5c3RlbS1jb2xvci0tZXJyb3I6ICNjNTAzMDM7XG4gIC0taG92ZXItY29sb3I6ICNmN2ViZmY7XG4gIC0tYnJhbmQyLWNvbG9yOiAjNjEwYjg2O1xuICAtLXN0YXR1cy13YXJuaW5nLWhvdmVyLWJnLWNvbG9yOiAjZmNkOGFjO1xuICAtLXN0YXR1cy1wZXJjZW50YWdlLWdyb3d0aC1iZy1jb2xvcjogI2VjZWRmODtcbiAgLS1wcmltYXJ5LWljb24tY29sb3I6ICNmZmZmZmY7XG4gIC0tc2Vjb25kYXJ5LWljb24tY29sb3I6ICM3MTM0N2I7XG4gIC0tZGVzY3JpcHRpb24tdGV4dC1jb2xvcjogI2Q5ZDlkOTtcbiAgLS1leHBhbmRhYmxlLW1lbnUtZGVmYXVsdC1iZzogI2ZkZmFmZjtcbiAgLS1leHBhbmRhYmxlLW1lbnUtb3B0aW9uLWJnOiByZ2JhKDk3LCAxMSwgMTM0LCAwLjEwMTk2MDc4NDMpO1xuICAtLXRleHQtY29sb3I6ICMxZTE2MWY7XG4gIC0tZmlsZS1kcm9wem9uZS1kZWZhdWx0LWNvbG9yOiByZ2JhKDExMywgNTIsIDEyMywgMC4xMDE5NjA3ODQzKTtcbiAgLS1maWxlLWRyb3B6b25lLXNlbGVjdGVkLWNvbG9yOiByZ2JhKDExMywgNTIsIDEyMywgMC4yKTtcbiAgLS1maWxlLWRldGFpbHMtY29udGFpbmVyLXNoYWRvdzogcmdiYSgzMCwgMjIsIDMxLCAwLjE2MDc4NDMxMzcpO1xuICAtLWZpbGUtZGV0YWlscy1iZzogI2ZmZmZmZjtcbiAgLS1lcnJvci1saWdodDogI2U0MjUyNTtcbiAgLS10YWJzLWxhYmVsLWRlZmF1bHQtY29sb3I6IHRhYnMtbGFiZWwtZGVmYXVsdC1jb2xvcjtcbiAgLS10YWJzLWxhYmVsLWFjdGl2ZS1jb2xvcjogdGFicy1sYWJlbC1hY3RpdmUtY29sb3I7XG4gIC0tdGFicy1ib3JkZXItY29sb3I6IHRhYnMtYm9yZGVyLWNvbG9yO1xuICAtLXRhYnMtYmctY29sb3I6IHRhYnMtYmctY29sb3I7XG4gIC0tdGFiLWJnLWNvbG9yOiB0YWItYmctY29sb3I7XG4gIC0tdG9nZ2xlLWJ1dHRvbi1iZy1jb2xvcjogI2ZmZmZmZjtcbiAgLS10b2dnbGUtc3RyaXAtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuMjUwOTgwMzkyMik7XG4gIC0tdG9nZ2xlLXN0cmlwLWNvbG9yOiAjY2ZkMWUyO1xuICAtLWRpc2FibGUtY29sb3I6IHJnYmEoMTEzLCA1MiwgMTIzLCAwLjUwMTk2MDc4NDMpO1xuICAtLXRvZ2dsZS1zdHJpcC1jb2xvcjogI2NmZDFlMjtcbiAgLS1hZGQtaWNvbi1ob3Zlci1jb2xvcjogIzQzMWI0YTtcbiAgLS1hcnJvd3MtYnV0dG9uLWJvcmRlci1jb2xvcjogI2RlZDFlNTtcbiAgLS1hcnJvdy1idXR0b24tYmctY29sb3I6ICNmZmZmZmY7XG4gIC0tdGV4dC1iZy1oaWdobGlnaHQ6ICNmNWZiMDA7XG4gIC0tc2xpZGVyLXRhYmxlLWNvbG9yOiAjZWZlMWY5O1xuICAtLXZhcmlhYmxlLWRyb3Bkb3duLWJnOiAjKCR2YXJpYWJsZS1kcm9wZG93bi1iZyk7XG4gIC0tZGF0YXNldC10b29sdGlwLXRpdGxlOiAjKCRkYXRhc2V0LXRvb2x0aXAtdGl0bGUpLFxuICAtLWRhdGFzZXQtdG9vbHRpcC12YWx1ZTogIygkZGF0YXNldC10b29sdGlwLXZhbHVlKTtcbiAgLS1mZi1lbGVjdHJpYy1pbmRpZ286IygkZmYtZWxlY3RyaWMtaW5kaWdvKVxuICAtLWZmLXZpdmlkLW9yYW5nZTojKCRmZi12aXZpZC1vcmFuZ2UpXG4gIC0tZmYtZG9kZ2VyLWJsdWU6IygkZmYtZG9kZ2VyLWJsdWUpIDtcbn1cblxuLmZmLWNoYXQtbXNnLWJveCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogNXB4IDZweDtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCB2YXIoLS1hcnJvd3MtYnV0dG9uLWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgYmFja2dyb3VuZDogdmFyKC0tcHJvbXB0LWJnLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogMHB4IDFweCA0cHggMHB4IHZhcigtLXByb21wdC1zaGFkb3ctY29sb3IpO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZSwgdHJhbnNmb3JtIDAuM3MgZWFzZTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBsaW5lLWhlaWdodDogMThweDtcbiAgY29sb3I6IHZhcigtLXRleHQtY29sb3IpO1xufVxuLmZmLWNoYXQtbXNnLWJveC5jaGF0LWFycm93LXJpZ2h0OjpiZWZvcmUge1xuICBwYWRkaW5nLWxlZnQ6IDE2cHg7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IGNhbGModmFyKC0tdHJpYW5nbGUtcG9zaXRpb24sIC0xMnB4KSk7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiA2cHggMCA2cHggOHB4O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHZhcigtLXByb21wdC1iZy1jb2xvcik7XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coMnB4IDBweCAwcHggdmFyKC0tYXJyb3dzLWJ1dHRvbi1ib3JkZXItY29sb3IpKTtcbiAgei1pbmRleDogOTk5O1xufVxuLmZmLWNoYXQtbXNnLWJveC5jaGF0LWFycm93LWxlZnQ6OmFmdGVyIHtcbiAgcGFkZGluZy1yaWdodDogMTZweDtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgcmlnaHQ6IGNhbGModmFyKC0tdHJpYW5nbGUtcG9zaXRpb24sIC0xMnB4KSk7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXdpZHRoOiA2cHggOHB4IDZweCAwO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHZhcigtLXByb21wdC1iZy1jb2xvcikgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gIGZpbHRlcjogZHJvcC1zaGFkb3coLTJweCAwcHggMHB4IHZhcigtLWFycm93cy1idXR0b24tYm9yZGVyLWNvbG9yKSk7XG4gIHotaW5kZXg6IDk5OTtcbn1cbi5mZi1jaGF0LW1zZy1ib3guaGlkZGVuIHtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xMHB4KTtcbn1cbi5mZi1jaGF0LW1zZy1ib3gudmlzaWJsZSB7XG4gIG9wYWNpdHk6IDE7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbn1cbi5mZi1jaGF0LW1zZy1ib3gucG9pbnRlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5mZi1jaGF0LW1zZy1ib3guZGVmYXVsdCB7XG4gIGN1cnNvcjogZGVmYXVsdDtcbn1cbi5mZi1jaGF0LW1zZy1ib3ggLmNvbnRlbnQuYXJyb3ctbGVmdCB7XG4gIHBhZGRpbmctcmlnaHQ6IDE2cHg7XG59XG4uZmYtY2hhdC1tc2ctYm94IC5jb250ZW50LmFycm93LXJpZ2h0IHtcbiAgcGFkZGluZy1sZWZ0OiAxNnB4O1xufSJdfQ== */');

package/lib/components/MiniModal/MiniModal.js

@@ -1,274 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useCallback, forwardRef, useLayoutEffect, useEffect, } from 'react';
-import { createPortal } from 'react-dom';
-import Button from '../Button/Button.js';
-import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
-import useClickOutside from '../../hooks/useClickOutside';
-import classNames from 'classnames';
-import './MiniModal.scss';
-import Typography from '../Typography';
-const MiniModal = forwardRef(({ anchorRef, headerProps, childContent, cancelButtonProps = () => { }, proceedButtonProps = () => { }, footerContent, isWrapped = false, isAnimated = false, isPopOver = false, modalPosition = 'bottom', leftTopArrow = false, firstAnchorRef, anchorRefLeftNum, modalProperties, anchorLeftDistanceForWrapper = 170, extraTopSpace, extraRightSpace, extraLeftSpace, isIconModel, wrapperProperties, arrowProperties, arrowZIndex, overlay, outSideClick, ignoreRefs, }, ref) => {
-    const [modalPositionState, setModalPositionState] = useState({
-        top: 0,
-        left: 0,
-    });
-    const [arrowOffset, setArrowOffset] = useState(0);
-    const [increasedIconSize, setIncreasedIconSize] = useState(0);
-    const [arrowRight, setArrowRight] = useState(0);
-    const [isVisible, setIsVisible] = useState(false);
-    const modalRef = useRef(null);
-    const { width: modalWidth, height: modalHeight, borderRadius: modalBorderRadius = 4, zIndex: modalZIndex = 99, boxShadow: modalBoxShadow, left: modalLeft, right: modalRight, top: modalTop, padding: modalPadding, } = modalProperties || {};
-    const { left: popOverLeft, top: popOverTop, right: popOverRight = -10, size: popOverSize = 10, } = arrowProperties || {};
-    // Function to calculate available space
-    const getAvailableSpace = (rect) => {
-        const { top, left, bottom, right } = rect;
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        return {
-            spaceTop: top,
-            spaceLeft: left,
-            spaceRight: viewportWidth - right,
-            spaceBottom: viewportHeight - bottom,
-        };
-    };
-    // Helper function to get the anchor element
-    const getAnchorElement = () => {
-        if (typeof anchorRef === 'string') {
-            return document.getElementById(anchorRef);
-        }
-        return anchorRef?.current || null;
-    };
-    const anchorElement = getAnchorElement();
-    const anchorRect = anchorElement?.getBoundingClientRect();
-    if (!isWrapped && anchorRect) {
-        const availableSpace = getAvailableSpace(anchorRect);
-        const modalHeight = modalProperties?.height ?? 150;
-        const modalWidth = modalProperties?.width ?? 480;
-        const positionFallbacks = {
-            top: ['bottom', 'left', 'right'],
-            left: ['right', 'top', 'bottom'],
-            right: ['left', 'top', 'bottom'],
-            bottom: ['top', 'left', 'right'],
-        };
-        const checkSpace = (direction) => {
-            return (availableSpace[`space${direction.charAt(0).toUpperCase() + direction.slice(1)}`] <
-                (direction === 'top' || direction === 'bottom'
-                    ? modalHeight
-                    : modalWidth));
-        };
-        if (checkSpace(modalPosition)) {
-            const fallbacks = positionFallbacks[modalPosition];
-            for (const fallback of fallbacks) {
-                if (!checkSpace(fallback)) {
-                    modalPosition = fallback;
-                    break;
-                }
-            }
-        }
-    }
-    // Specify for the wrapper div left position
-    const calculateAnchorRefLeft = (anchorRefLeftNum) => {
-        if (anchorRefLeftNum) {
-            return anchorRefLeftNum;
-        }
-        return 0;
-    };
-    // Specify for the arrow position in left or top
-    const getArrowClassName = () => {
-        if (leftTopArrow && modalPosition === 'right') {
-            return 'left-top-arrow';
-        }
-        return modalPosition === 'right' ? 'left-middle-arrow' : '';
-    };
-    const calculatedAnchorRefLeft = calculateAnchorRefLeft(anchorRefLeftNum);
-    // Specify specific wrapper modal position
-    const firstAnchor = firstAnchorRef?.current &&
-        firstAnchorRef?.current?.getBoundingClientRect().left -
-            anchorLeftDistanceForWrapper;
-    // Specifying the modal top
-    const calculateModalTop = () => {
-        const safeHeight = modalProperties?.height ?? 0;
-        if (modalPosition === 'bottom') {
-            return isWrapped
-                ? modalPositionState.top + (extraTopSpace?.wrappedModal ?? 5)
-                : modalPositionState.top + (extraTopSpace?.normalModal ?? 10);
-        }
-        else if (modalPosition === 'right') {
-            return leftTopArrow
-                ? modalPositionState.top - (extraRightSpace?.leftTopArrow ?? 23)
-                : modalPositionState?.top -
-                    safeHeight / (extraRightSpace?.middleLeftArrow ?? 3.5);
-        }
-        else if (modalPosition === 'top') {
-            return (modalPositionState.top -
-                (safeHeight + (extraTopSpace?.normalModal ?? 10)));
-        }
-        else if (modalPosition === 'left') {
-            return leftTopArrow
-                ? modalPositionState.top - (extraRightSpace?.leftTopArrow ?? 25)
-                : modalPositionState?.top -
-                    safeHeight / (extraRightSpace?.middleLeftArrow ?? 3.5);
-        }
-        return modalPositionState.top - safeHeight / 1.5;
-    };
-    const calculatedModalTop = calculateModalTop();
-    // Specifying the modal left
-    const calculateModalLeft = () => {
-        if (modalPosition === 'right') {
-            return (modalPositionState.left + (extraLeftSpace?.rightAlignModal ?? 40));
-        }
-        else if (firstAnchorRef) {
-            return firstAnchor;
-        }
-        else if (modalPosition === 'left') {
-            return modalPositionState.left - (modalProperties?.width ?? 274) - 15;
-        }
-        else {
-            return modalPositionState.left - (extraLeftSpace?.normal ?? 30);
-        }
-    };
-    const calculatedModalLeft = calculateModalLeft();
-    // Handle escape and enter functionality
-    const handleEsc = useEscapeKey('Escape');
-    const handleEnter = useEscapeKey('Enter');
-    handleEsc(outSideClick);
-    handleEnter(proceedButtonProps?.onClick);
-    useClickOutside(modalRef, outSideClick, ignoreRefs);
-    // Calculate the modal position
-    const calculatePosition = useCallback(() => {
-        const anchorRect = anchorElement?.getBoundingClientRect();
-        const availableSpace = anchorRect && getAvailableSpace(anchorRect);
-        const modalRect = modalRef.current?.getBoundingClientRect();
-        if (isWrapped && anchorRect) {
-            const { height } = anchorRect;
-            if (height > 24) {
-                const diff = height - 24;
-                setIncreasedIconSize(diff);
-            }
-        }
-        if (anchorRect && modalRect && availableSpace) {
-            const { bottom, left, right } = anchorRect;
-            const { height, width } = modalRect;
-            const { spaceBottom } = availableSpace; // Get available space below anchor
-            const { scrollX, scrollY } = window;
-            let topPosition = bottom + scrollY;
-            let leftPosition;
-            if (modalPosition == 'right') {
-                leftPosition = right + scrollX - 20;
-            }
-            else {
-                leftPosition = left + scrollX;
-            }
-            if (width < 280) {
-                setArrowRight(6);
-            }
-            let arrowOffset = 0; // Adjust arrow position dynamically
-            // If modal height exceeds available space below, position it above
-            if (height > spaceBottom) {
-                const diff = height - spaceBottom;
-                topPosition = topPosition - diff; // Move modal above anchor
-                arrowOffset = diff; // Adjust arrow position
-            }
-            setModalPositionState({
-                top: topPosition,
-                left: leftPosition,
-            });
-            setArrowOffset(arrowOffset);
-            setIsVisible(true);
-            // Store arrow adjustment
-        }
-    }, [anchorElement]);
-    useLayoutEffect(() => {
-        if (!modalRef.current)
-            return;
-        calculatePosition();
-        const observer = new ResizeObserver((entries) => {
-            if (entries.length) {
-                calculatePosition();
-            }
-        });
-        observer.observe(modalRef.current);
-        window.addEventListener('resize', calculatePosition);
-        window.addEventListener('scroll', calculatePosition);
-        return () => {
-            window.removeEventListener('resize', calculatePosition);
-            observer.disconnect();
-            window.removeEventListener('scroll', calculatePosition);
-        };
-    }, [calculatePosition, modalRef]);
-    const { height: wrapperHeight = 35, top: wrapperTop = -34, width: wrapperWidth = 35, zIndex: wrapperZIndex = 101, boxShadow: wrapperBoxShadow, } = wrapperProperties || {};
-    const { isOverlay, backgroundColorOverlay, zIndexOverlay } = overlay || {};
-    if (isWrapped && isPopOver) {
-        return null;
-    }
-    const wrapperDiv = useRef(null);
-    useEffect(() => {
-        const isValidAnchorRef = anchorRef &&
-            typeof anchorRef !== 'string' &&
-            'current' in anchorRef &&
-            anchorRef.current;
-        if (overlay && wrapperDiv.current && isValidAnchorRef) {
-            const clone = anchorRef.current.cloneNode(true);
-            wrapperDiv.current.innerHTML = '';
-            wrapperDiv.current.appendChild(clone);
-        }
-        return () => {
-            wrapperDiv.current?.replaceChildren();
-        };
-    }, [anchorRef, overlay]);
-    return createPortal(_jsxs(_Fragment, { children: [isOverlay && (_jsx("div", { className: classNames('ff-mini-modal-overlay'), style: {
-                    zIndex: zIndexOverlay ?? 98,
-                    backgroundColor: backgroundColorOverlay ?? 'transparent',
-                }, onClick: cancelButtonProps?.onClick })), _jsxs("div", { ref: ref || modalRef, className: classNames('ff-mini-edit-modal-container', {
-                    modalVisible: isVisible,
-                    animatedModal: isAnimated,
-                }), style: {
-                    top: `${modalTop ?? calculatedModalTop}px`,
-                    left: `${modalLeft ?? calculatedModalLeft}px`,
-                    right: `${modalRight}px`,
-                }, children: [isPopOver && (_jsx("div", { className: `popover-arrow popover-arrow-${modalPosition === 'right'
-                            ? 'left'
-                            : modalPosition === 'top'
-                                ? 'bottom'
-                                : modalPosition === 'left'
-                                    ? 'right'
-                                    : 'top'} ${getArrowClassName()}`, style: {
-                            zIndex: `${arrowZIndex}`,
-                            top: `${popOverTop ? popOverTop + arrowOffset : arrowOffset}px`,
-                            left: `${popOverLeft && popOverLeft}px`,
-                            right: `${popOverRight && popOverRight + arrowRight}px`,
-                            borderWidth: `${modalPosition === 'right'
-                                ? `${popOverSize}px ${popOverSize}px ${popOverSize}px 0`
-                                : modalPosition === 'top'
-                                    ? `${popOverSize}px ${popOverSize}px 0 ${popOverSize}px`
-                                    : modalPosition === 'left'
-                                        ? `${popOverSize}px 0 ${popOverSize}px ${popOverSize}px`
-                                        : `0 ${popOverSize}px ${popOverSize}px ${popOverSize}px`}`,
-                        } })), isWrapped && (_jsx("div", { className: 'wrapped-div', ref: wrapperDiv, style: {
-                            left: `${calculatedAnchorRefLeft}px`,
-                            width: `${wrapperWidth + increasedIconSize / 1.2}px`,
-                            height: `${wrapperHeight + increasedIconSize}px`,
-                            top: `${wrapperTop - increasedIconSize}px`,
-                            backgroundColor: isOverlay ? 'white' : 'transparent',
-                            zIndex: `${wrapperZIndex}`,
-                            boxShadow: wrapperBoxShadow ??
-                                `0px -3px 4px 0px var(--ff-mini-modal-box-shadow)`,
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                        } })), _jsxs("div", { className: classNames('mini-edit-modal', {
-                            'mini-edit-modal-wrapper-shadow': !!isWrapped && !modalBoxShadow,
-                            'mini-edit-modal-arrow-shadow': !!isPopOver && !modalBoxShadow,
-                        }), style: {
-                            minWidth: isWrapped ? '190px' : '',
-                            width: `${modalWidth}px`,
-                            height: `${modalHeight}px`,
-                            borderRadius: `${modalBorderRadius}px`,
-                            zIndex: `${modalZIndex}`,
-                            boxShadow: `${modalBoxShadow ??
-                                '0px 4px 8px var(--ff-mini-modal-arrow-shadow)'}`,
-                            padding: `${modalPadding ?? 4}px`,
-                        }, children: [headerProps ? (_jsx(Typography, { as: "div", children: headerProps })) : isIconModel ? (_jsx(_Fragment, {})) : (_jsxs(Typography, { as: "header", children: [_jsx(Typography, { as: "h2", children: "Header text" }), _jsx("hr", {})] })), childContent, footerContent ? (_jsx(Typography, { as: "footer", children: footerContent })) : isIconModel ? (_jsx(_Fragment, {})) : (_jsxs("footer", { className: "modal-footer", children: [_jsx(Button, { variant: "primary", className: "btn-cancel", onClick: cancelButtonProps?.onClick, label: cancelButtonProps?.text }), _jsx(Button, { variant: "secondary", className: "btn-proceed", label: proceedButtonProps?.text, onClick: proceedButtonProps?.onClick })] }))] })] })] }), document.body);
-});
-export default MiniModal;
-//# sourceMappingURL=MiniModal.js.map
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r,useState as i,useRef as n,useCallback as a,useLayoutEffect as l,useEffect as p}from"react";import{createPortal as d}from"react-dom";import s from"../Button/Button.js";import c from"../../hooks/keyboardevents/useEscKeyEvent.js";import h from"../../hooks/useClickOutside.js";import f from"../../_virtual/index.js";import"./MiniModal.scss.js";import m from"../Typography/Typography.js";const x=r(({anchorRef:r,headerProps:x,childContent:g,cancelButtonProps:u=()=>{},proceedButtonProps:w=()=>{},footerContent:$,isWrapped:b=!1,isAnimated:v=!1,isPopOver:y=!1,modalPosition:C="bottom",leftTopArrow:k=!1,firstAnchorRef:R,anchorRefLeftNum:z,modalProperties:B,anchorLeftDistanceForWrapper:I=170,extraTopSpace:L,extraRightSpace:N,extraLeftSpace:A,isIconModel:E,wrapperProperties:M,arrowProperties:j,arrowZIndex:P,overlay:S,outSideClick:T,ignoreRefs:O},W)=>{const[H,D]=i({top:0,left:0}),[F,K]=i(0),[U,V]=i(0),[X,Y]=i(0),[Z,_]=i(!1),q=n(null),{width:G,height:J,borderRadius:Q=4,zIndex:tt=99,boxShadow:et,left:ot,right:rt,top:it,padding:nt}=B||{},{left:at,top:lt,right:pt=-10,size:dt=10}=j||{},st=t=>{const{top:e,left:o,bottom:r,right:i}=t;return{spaceTop:e,spaceLeft:o,spaceRight:window.innerWidth-i,spaceBottom:window.innerHeight-r}},ct="string"==typeof r?document.getElementById(r):r?.current||null,ht=ct?.getBoundingClientRect();if(!b&&ht){const t=st(ht),e=B?.height??150,o=B?.width??480,r={top:["bottom","left","right"],left:["right","top","bottom"],right:["left","top","bottom"],bottom:["top","left","right"]},i=r=>t[`space${r.charAt(0).toUpperCase()+r.slice(1)}`]<("top"===r||"bottom"===r?e:o);if(i(C)){const t=r[C];for(const e of t)if(!i(e)){C=e;break}}}const ft=(t=>t||0)(z),mt=R?.current&&R?.current?.getBoundingClientRect().left-I,xt=(()=>{const t=B?.height??0;return"bottom"===C?b?H.top+(L?.wrappedModal??5):H.top+(L?.normalModal??10):"right"===C?k?H.top-(N?.leftTopArrow??23):H?.top-t/(N?.middleLeftArrow??3.5):"top"===C?H.top-(t+(L?.normalModal??10)):"left"===C?k?H.top-(N?.leftTopArrow??25):H?.top-t/(N?.middleLeftArrow??3.5):H.top-t/1.5})(),gt="right"===C?H.left+(A?.rightAlignModal??40):R?mt:"left"===C?H.left-(B?.width??274)-15:H.left-(A?.normal??30),ut=c("Escape"),wt=c("Enter");ut(T),wt(w?.onClick),h(q,T,O);const $t=a(()=>{const t=ct?.getBoundingClientRect(),e=t&&st(t),o=q.current?.getBoundingClientRect();if(b&&t){const{height:e}=t;if(e>24){V(e-24)}}if(t&&o&&e){const{bottom:r,left:i,right:n}=t,{height:a,width:l}=o,{spaceBottom:p}=e,{scrollX:d,scrollY:s}=window;let c,h=r+s;c="right"==C?n+d-20:i+d,l<280&&Y(6);let f=0;if(a>p){const t=a-p;h-=t,f=t}D({top:h,left:c}),K(f),_(!0)}},[ct]);l(()=>{if(!q.current)return;$t();const t=new ResizeObserver(t=>{t.length&&$t()});return t.observe(q.current),window.addEventListener("resize",$t),window.addEventListener("scroll",$t),()=>{window.removeEventListener("resize",$t),t.disconnect(),window.removeEventListener("scroll",$t)}},[$t,q]);const{height:bt=35,top:vt=-34,width:yt=35,zIndex:Ct=101,boxShadow:kt}=M||{},{isOverlay:Rt,backgroundColorOverlay:zt,zIndexOverlay:Bt}=S||{};if(b&&y)return null;const It=n(null);return p(()=>{const t=r&&"string"!=typeof r&&"current"in r&&r.current;if(S&&It.current&&t){const t=r.current.cloneNode(!0);It.current.innerHTML="",It.current.appendChild(t)}return()=>{It.current?.replaceChildren()}},[r,S]),d(t(e,{children:[Rt&&o("div",{className:f("ff-mini-modal-overlay"),style:{zIndex:Bt??98,backgroundColor:zt??"transparent"},onClick:u?.onClick}),t("div",{ref:W||q,className:f("ff-mini-edit-modal-container",{modalVisible:Z,animatedModal:v}),style:{top:`${it??xt}px`,left:`${ot??gt}px`,right:`${rt}px`},children:[y&&o("div",{className:`popover-arrow popover-arrow-${"right"===C?"left":"top"===C?"bottom":"left"===C?"right":"top"} ${k&&"right"===C?"left-top-arrow":"right"===C?"left-middle-arrow":""}`,style:{zIndex:`${P}`,top:`${lt?lt+F:F}px`,left:`${at&&at}px`,right:`${pt&&pt+X}px`,borderWidth:""+("right"===C?`${dt}px ${dt}px ${dt}px 0`:"top"===C?`${dt}px ${dt}px 0 ${dt}px`:"left"===C?`${dt}px 0 ${dt}px ${dt}px`:`0 ${dt}px ${dt}px ${dt}px`)}}),b&&o("div",{className:"wrapped-div",ref:It,style:{left:`${ft}px`,width:`${yt+U/1.2}px`,height:`${bt+U}px`,top:vt-U+"px",backgroundColor:Rt?"white":"transparent",zIndex:`${Ct}`,boxShadow:kt??"0px -3px 4px 0px var(--ff-mini-modal-box-shadow)",display:"flex",alignItems:"center",justifyContent:"center"}}),t("div",{className:f("mini-edit-modal",{"mini-edit-modal-wrapper-shadow":!!b&&!et,"mini-edit-modal-arrow-shadow":!!y&&!et}),style:{minWidth:b?"190px":"",width:`${G}px`,height:`${J}px`,borderRadius:`${Q}px`,zIndex:`${tt}`,boxShadow:`${et??"0px 4px 8px var(--ff-mini-modal-arrow-shadow)"}`,padding:`${nt??4}px`},children:[x?o(m,{as:"div",children:x}):E?o(e,{}):t(m,{as:"header",children:[o(m,{as:"h2",children:"Header text"}),o("hr",{})]}),g,$?o(m,{as:"footer",children:$}):E?o(e,{}):t("footer",{className:"modal-footer",children:[o(s,{variant:"primary",className:"btn-cancel",onClick:u?.onClick,label:u?.text}),o(s,{variant:"secondary",className:"btn-proceed",label:w?.text,onClick:w?.onClick})]})]})]})]}),document.body)});export{x as default};

package/lib/components/MiniModal/MiniModal.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i('.ff-mini-modal-overlay{height:100vh;inset:0;position:fixed;width:100vw}.ff-mini-edit-modal-container{padding:0;position:absolute;visibility:hidden;width:fit-content}.ff-mini-edit-modal-container.modalVisible{visibility:visible}.ff-mini-edit-modal-container.animatedModal{animation:slideDown .5s ease,opacity .5s ease}.ff-mini-edit-modal-container .popover-arrow{border-style:solid;height:0;position:absolute;width:0;z-index:102}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top{border-color:transparent transparent var(--ff-mini-modal-border) transparent;bottom:100%;filter:drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));left:30px;padding:0 3px 0 0}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top:before{background-color:var(--ff-mini-modal-border);border-radius:50px;content:"";height:4px;left:0;position:absolute;top:-.5px;width:3px}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left{border-color:transparent var(--ff-mini-modal-border) transparent transparent;filter:drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));left:-15px;padding:3px 1px 0 0}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left:before{background-color:var(--ff-mini-modal-border);border-radius:50px;content:"";height:3px;left:0;position:absolute;top:0;width:4px}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom{border-color:var(--ff-mini-modal-border) transparent transparent transparent;filter:drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));left:30px;padding:0 3px 0 0;top:100%}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom:before{background-color:var(--ff-mini-modal-border);border-radius:50px;content:"";height:3px;left:0;position:absolute;top:-2px;width:3px}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right{border-color:transparent transparent transparent var(--ff-mini-modal-border);filter:drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));padding:3px 1px 0 0;top:66px}.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right:before{background-color:var(--ff-mini-modal-border);border-radius:50px;content:"";height:3px;left:-2px;position:absolute;top:0;width:3px}.ff-mini-edit-modal-container .popover-arrow.left-top-arrow{top:10%}.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow{top:45%}.ff-mini-edit-modal-container .wrapped-div{border-radius:7px 7px 0 0;outline-offset:-8px;position:absolute}.ff-mini-edit-modal-container .wrapped-div:after,.ff-mini-edit-modal-container .wrapped-div:before{background:transparent;border-radius:50%;bottom:0;box-shadow:8px 4px 0 var(--ff-mini-modal-border);content:"";height:13px;position:absolute;width:13px}.ff-mini-edit-modal-container .wrapped-div:before{clip-path:polygon(100% 100%,110% 45%,0 70%,0 100%);left:-13px}.ff-mini-edit-modal-container .wrapped-div:after{box-shadow:-8px 4px 0 var(--ff-mini-modal-border);clip-path:polygon(-5% 100%,0 40%,100% 70%,100% 100%);right:-13px}.ff-mini-edit-modal-container .mini-edit-modal{background:var(--ff-mini-modal-border);height:100%;margin:0 0 0 -5px;max-height:fit-content;position:relative;width:100%}.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow{box-shadow:0 0 4px 0 var(--ff-mini-modal-box-shadow)}.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow{box-shadow:0 0 16px 0 var(--ff-mini-modal-arrow-shadow)}.ff-mini-edit-modal-container .mini-edit-modal header{border-radius:4px 4px 0 0}.ff-mini-edit-modal-container .mini-edit-modal footer{border-radius:0 0 4px 4px}.ff-mini-edit-modal-container .mini-edit-modal .modal-footer{align-items:center;background-color:var(--ff-mini-modal-footer-background);display:flex;gap:5px;height:24px;justify-content:flex-end;padding:0 10px 0 0;transition:transform .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.ff-mini-modal-buttons-flex{display:flex}.ff-mini-modal-gap-10{gap:10px}.ff-mini-edit-model-icon{border:2px solid var(--ff-mini-modal-box-shadow);border-radius:4px;color:var(--ff-mini-modal-box-shadow)}.ff-mini-modal-loop{display:flex;flex-wrap:wrap}.ff-mini-modal-loop-div{height:300px;width:500px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pbmlNb2RhbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVCQUlFLFlBQWEsQ0FGYixPQUFRLENBRFIsY0FBZSxDQUVmLFdBRUYsQ0FFQSw4QkFFRSxTQUFVLENBQ1YsaUJBQWtCLENBQ2xCLGlCQUFrQixDQUhsQixpQkFJRixDQUNBLDJDQUNFLGtCQUNGLENBQ0EsNENBQ0UsNkNBQ0YsQ0FDQSw2Q0FJRSxrQkFBbUIsQ0FEbkIsUUFBUyxDQUZULGlCQUFrQixDQUNsQixPQUFRLENBR1IsV0FDRixDQUNBLCtEQUlFLDRFQUE2RSxDQUg3RSxXQUFZLENBSVosZ0VBQWlFLENBSGpFLFNBQVUsQ0FDVixpQkFHRixDQUNBLHNFQU1FLDRDQUE2QyxDQUQ3QyxrQkFBbUIsQ0FKbkIsVUFBVyxDQUdYLFVBQVcsQ0FJWCxNQUFPLENBTlAsaUJBQWtCLENBS2xCLFNBQVcsQ0FKWCxTQU1GLENBQ0EsZ0VBRUUsNEVBQTZFLENBQzdFLGdFQUFpRSxDQUZqRSxVQUFXLENBR1gsbUJBQ0YsQ0FDQSx1RUFNRSw0Q0FBNkMsQ0FEN0Msa0JBQW1CLENBSm5CLFVBQVcsQ0FHWCxVQUFXLENBSVgsTUFBTyxDQU5QLGlCQUFrQixDQUtsQixLQUFNLENBSk4sU0FNRixDQUNBLGtFQUdFLDRFQUE2RSxDQUM3RSwrREFBZ0UsQ0FGaEUsU0FBVSxDQUdWLGlCQUFrQixDQUpsQixRQUtGLENBQ0EseUVBTUUsNENBQTZDLENBRDdDLGtCQUFtQixDQUpuQixVQUFXLENBR1gsVUFBVyxDQUlYLE1BQU8sQ0FOUCxpQkFBa0IsQ0FLbEIsUUFBUyxDQUpULFNBTUYsQ0FDQSxpRUFFRSw0RUFBNkUsQ0FDN0UsK0RBQWdFLENBQ2hFLG1CQUFvQixDQUhwQixRQUlGLENBQ0Esd0VBTUUsNENBQTZDLENBRDdDLGtCQUFtQixDQUpuQixVQUFXLENBR1gsVUFBVyxDQUlYLFNBQVUsQ0FOVixpQkFBa0IsQ0FLbEIsS0FBTSxDQUpOLFNBTUYsQ0FDQSw0REFDRSxPQUNGLENBQ0EsK0RBQ0UsT0FDRixDQUNBLDJDQUdFLHlCQUEwQixDQUYxQixtQkFBb0IsQ0FDcEIsaUJBRUYsQ0FDQSxtR0FLRSxzQkFBdUIsQ0FDdkIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FDVCxnREFBaUQsQ0FOakQsVUFBVyxDQUVYLFdBQVksQ0FIWixpQkFBa0IsQ0FFbEIsVUFNRixDQUNBLGtEQUVFLGtEQUF3RCxDQUR4RCxVQUVGLENBQ0EsaURBR0UsaURBQWtELENBRGxELG9EQUF5RCxDQUR6RCxXQUdGLENBQ0EsK0NBQ0Usc0NBQXVDLENBS3ZDLFdBQVksQ0FEWixpQkFBa0IsQ0FGbEIsc0JBQXVCLENBRHZCLGlCQUFrQixDQUVsQixVQUdGLENBQ0EsOEVBQ0Usb0RBQ0YsQ0FDQSw0RUFDRSx1REFDRixDQUNBLHNEQUNFLHlCQUNGLENBQ0Esc0RBQ0UseUJBQ0YsQ0FDQSw2REFFRSxrQkFBbUIsQ0FHbkIsdURBQXdELENBSnhELFlBQWEsQ0FHYixPQUFRLENBRVIsV0FBWSxDQUhaLHdCQUF5QixDQUl6QixrQkFBbUIsQ0FDbkIsb0NBQ0YsQ0FDQSxxQkFDRSxHQUVFLFNBQVUsQ0FEViwyQkFFRixDQUNBLEdBRUUsU0FBVSxDQURWLHVCQUVGLENBQ0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsc0JBQ0UsUUFDRixDQUVBLHlCQUVFLGdEQUFpRCxDQUNqRCxpQkFBa0IsQ0FGbEIscUNBR0YsQ0FFQSxvQkFDRSxZQUFhLENBQ2IsY0FDRixDQUVBLHdCQUVFLFlBQWEsQ0FEYixXQUVGIiwiZmlsZSI6Ik1pbmlNb2RhbC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLW1pbmktbW9kYWwtb3ZlcmxheSB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgaW5zZXQ6IDA7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbn1cblxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIge1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIubW9kYWxWaXNpYmxlIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyLmFuaW1hdGVkTW9kYWwge1xuICBhbmltYXRpb246IHNsaWRlRG93biAwLjVzIGVhc2UsIG9wYWNpdHkgMC41cyBlYXNlO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLnBvcG92ZXItYXJyb3cge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIHotaW5kZXg6IDEwMjtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyIC5wb3BvdmVyLWFycm93LnBvcG92ZXItYXJyb3ctdG9wIHtcbiAgYm90dG9tOiAxMDAlO1xuICBsZWZ0OiAzMHB4O1xuICBwYWRkaW5nOiAwIDNweCAwIDA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpIHRyYW5zcGFyZW50O1xuICBmaWx0ZXI6IGRyb3Atc2hhZG93KDAgLTFweCAxcHggdmFyKC0tZmYtbWluaS1tb2RhbC1hcnJvdy1zaGFkb3cpKTtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyIC5wb3BvdmVyLWFycm93LnBvcG92ZXItYXJyb3ctdG9wOjpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAzcHg7XG4gIGhlaWdodDogNHB4O1xuICBib3JkZXItcmFkaXVzOiA1MHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1taW5pLW1vZGFsLWJvcmRlcik7XG4gIHRvcDogLTAuNXB4O1xuICBsZWZ0OiAwO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLnBvcG92ZXItYXJyb3cucG9wb3Zlci1hcnJvdy1sZWZ0IHtcbiAgbGVmdDogLTE1cHg7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICBmaWx0ZXI6IGRyb3Atc2hhZG93KC0xcHggMCAxcHggdmFyKC0tZmYtbWluaS1tb2RhbC1hcnJvdy1zaGFkb3cpKTtcbiAgcGFkZGluZzogM3B4IDFweCAwIDA7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAucG9wb3Zlci1hcnJvdy5wb3BvdmVyLWFycm93LWxlZnQ6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDRweDtcbiAgaGVpZ2h0OiAzcHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLW1pbmktbW9kYWwtYm9yZGVyKTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLnBvcG92ZXItYXJyb3cucG9wb3Zlci1hcnJvdy1ib3R0b20ge1xuICB0b3A6IDEwMCU7XG4gIGxlZnQ6IDMwcHg7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICBmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMnB4IDFweCB2YXIoLS1mZi1taW5pLW1vZGFsLWFycm93LXNoYWRvdykpO1xuICBwYWRkaW5nOiAwIDNweCAwIDA7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAucG9wb3Zlci1hcnJvdy5wb3BvdmVyLWFycm93LWJvdHRvbTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogM3B4O1xuICBoZWlnaHQ6IDNweDtcbiAgYm9yZGVyLXJhZGl1czogNTBweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpO1xuICB0b3A6IC0ycHg7XG4gIGxlZnQ6IDA7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAucG9wb3Zlci1hcnJvdy5wb3BvdmVyLWFycm93LXJpZ2h0IHtcbiAgdG9wOiA2NnB4O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHZhcigtLWZmLW1pbmktbW9kYWwtYm9yZGVyKTtcbiAgZmlsdGVyOiBkcm9wLXNoYWRvdygycHggMCAxcHggdmFyKC0tZmYtbWluaS1tb2RhbC1hcnJvdy1zaGFkb3cpKTtcbiAgcGFkZGluZzogM3B4IDFweCAwIDA7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAucG9wb3Zlci1hcnJvdy5wb3BvdmVyLWFycm93LXJpZ2h0OjpiZWZvcmUge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAzcHg7XG4gIGhlaWdodDogM3B4O1xuICBib3JkZXItcmFkaXVzOiA1MHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1mZi1taW5pLW1vZGFsLWJvcmRlcik7XG4gIHRvcDogMDtcbiAgbGVmdDogLTJweDtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyIC5wb3BvdmVyLWFycm93LmxlZnQtdG9wLWFycm93IHtcbiAgdG9wOiAxMCU7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAucG9wb3Zlci1hcnJvdy5sZWZ0LW1pZGRsZS1hcnJvdyB7XG4gIHRvcDogNDUlO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLndyYXBwZWQtZGl2IHtcbiAgb3V0bGluZS1vZmZzZXQ6IC04cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm9yZGVyLXJhZGl1czogN3B4IDdweCAwIDA7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAud3JhcHBlZC1kaXY6OmJlZm9yZSwgLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLndyYXBwZWQtZGl2OjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29udGVudDogXCJcIjtcbiAgd2lkdGg6IDEzcHg7XG4gIGhlaWdodDogMTNweDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYm90dG9tOiAwO1xuICBib3gtc2hhZG93OiA4cHggNHB4IDAgdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLndyYXBwZWQtZGl2OjpiZWZvcmUge1xuICBsZWZ0OiAtMTNweDtcbiAgY2xpcC1wYXRoOiBwb2x5Z29uKDEwMCUgMTAwJSwgMTEwJSA0NSUsIDAlIDcwJSwgMCUgMTAwJSk7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAud3JhcHBlZC1kaXY6OmFmdGVyIHtcbiAgcmlnaHQ6IC0xM3B4O1xuICBjbGlwLXBhdGg6IHBvbHlnb24oLTUlIDEwMCUsIDAlIDQwJSwgMTAwJSA3MCUsIDEwMCUgMTAwJSk7XG4gIGJveC1zaGFkb3c6IC04cHggNHB4IDAgdmFyKC0tZmYtbWluaS1tb2RhbC1ib3JkZXIpO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLm1pbmktZWRpdC1tb2RhbCB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWZmLW1pbmktbW9kYWwtYm9yZGVyKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXgtaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCAwIDAgLTVweDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLm1pbmktZWRpdC1tb2RhbC5taW5pLWVkaXQtbW9kYWwtd3JhcHBlci1zaGFkb3cge1xuICBib3gtc2hhZG93OiAwcHggMHB4IDRweCAwcHggdmFyKC0tZmYtbWluaS1tb2RhbC1ib3gtc2hhZG93KTtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyIC5taW5pLWVkaXQtbW9kYWwubWluaS1lZGl0LW1vZGFsLWFycm93LXNoYWRvdyB7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMTZweCAwcHggdmFyKC0tZmYtbWluaS1tb2RhbC1hcnJvdy1zaGFkb3cpO1xufVxuLmZmLW1pbmktZWRpdC1tb2RhbC1jb250YWluZXIgLm1pbmktZWRpdC1tb2RhbCBoZWFkZXIge1xuICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcbn1cbi5mZi1taW5pLWVkaXQtbW9kYWwtY29udGFpbmVyIC5taW5pLWVkaXQtbW9kYWwgZm9vdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDRweCA0cHg7XG59XG4uZmYtbWluaS1lZGl0LW1vZGFsLWNvbnRhaW5lciAubWluaS1lZGl0LW1vZGFsIC5tb2RhbC1mb290ZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBnYXA6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZmYtbWluaS1tb2RhbC1mb290ZXItYmFja2dyb3VuZCk7XG4gIGhlaWdodDogMjRweDtcbiAgcGFkZGluZzogMCAxMHB4IDAgMDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZS1pbi1vdXQ7XG59XG5Aa2V5ZnJhbWVzIHNsaWRlRG93biB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwcHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuLmZmLW1pbmktbW9kYWwtYnV0dG9ucy1mbGV4IHtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmZmLW1pbmktbW9kYWwtZ2FwLTEwIHtcbiAgZ2FwOiAxMHB4O1xufVxuXG4uZmYtbWluaS1lZGl0LW1vZGVsLWljb24ge1xuICBjb2xvcjogdmFyKC0tZmYtbWluaS1tb2RhbC1ib3gtc2hhZG93KTtcbiAgYm9yZGVyOiAycHggc29saWQgdmFyKC0tZmYtbWluaS1tb2RhbC1ib3gtc2hhZG93KTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuXG4uZmYtbWluaS1tb2RhbC1sb29wIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xufVxuXG4uZmYtbWluaS1tb2RhbC1sb29wLWRpdiB7XG4gIHdpZHRoOiA1MDBweDtcbiAgaGVpZ2h0OiAzMDBweDtcbn0iXX0= */');