pixel-react 1.20.17 → 1.20.19

package/lib/components/Toastify/Toastify.js

@@ -1,97 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useRef } from 'react';
-import Toaster from '../Toast/Toast';
-let openToast;
-export const Toastify = () => {
-    const [toastProps, setToastProps] = useState({
-        isOpen: false,
-        variant: 'info',
-        toastTitle: '',
-        toastMessage: '',
-        toastId: '',
-    });
-    const timeoutRef = useRef(null);
-    const showTimeoutRef = useRef(null);
-    const isManuallyClosed = useRef(false);
-    openToast = (variant, arg1, arg2) => {
-        // Immediately reset manual close flag
-        isManuallyClosed.current = false;
-        // Clear existing timeouts
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        if (showTimeoutRef.current) {
-            clearTimeout(showTimeoutRef.current);
-            showTimeoutRef.current = null;
-        }
-        const defaultTitles = {
-            success: 'Success',
-            danger: 'Error',
-            warning: 'Warning',
-            info: 'Info',
-            alert: 'Alert',
-        };
-        let title = defaultTitles[variant];
-        let message = '';
-        const formatMessage = (input) => {
-            if (input && typeof input === 'object') {
-                return JSON.stringify(input, null, 2);
-            }
-            else if (typeof input === 'function') {
-                return input.toString();
-            }
-            return String(input);
-        };
-        // If arg2 exists, use it as the message
-        if (arg2 !== undefined) {
-            title = formatMessage(arg1);
-            message = formatMessage(arg2);
-        }
-        else {
-            message = formatMessage(arg1);
-        }
-        // Close the existing toast if open, and then immediately show the new one
-        setToastProps((prev) => ({ ...prev, isOpen: false }));
-        // Delay showing the new toast, if not cancelled
-        showTimeoutRef.current = setTimeout(() => {
-            //  check AGAIN here
-            if (isManuallyClosed.current)
-                return;
-            setToastProps({
-                isOpen: true,
-                variant,
-                toastTitle: title,
-                toastMessage: message,
-            });
-            timeoutRef.current = setTimeout(() => {
-                if (!isManuallyClosed.current) {
-                    setToastProps((prev) => ({ ...prev, isOpen: false }));
-                }
-            }, 3000);
-        }, 10);
-    };
-    const handleCancelClick = () => {
-        //  Mark it as manually closed BEFORE clearing show timeout
-        isManuallyClosed.current = true;
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        if (showTimeoutRef.current) {
-            clearTimeout(showTimeoutRef.current);
-            showTimeoutRef.current = null;
-        }
-        setToastProps((prev) => ({ ...prev, isOpen: false }));
-    };
-    return (_jsx(Toaster, { isOpen: toastProps.isOpen, variant: toastProps.variant, toastTitle: toastProps.toastTitle, toastMessage: toastProps.toastMessage, zIndex: 1000000000, onCancelClick: handleCancelClick }));
-};
-export default Toastify;
-export const toast = {
-    success: (arg1, arg2) => openToast('success', arg1, arg2),
-    error: (arg1, arg2) => openToast('danger', arg1, arg2),
-    warning: (arg1, arg2) => openToast('warning', arg1, arg2),
-    info: (arg1, arg2) => openToast('info', arg1, arg2),
-    alert: (arg1, arg2) => openToast('alert', arg1, arg2),
-};
-//# sourceMappingURL=Toastify.js.map
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useRef as r}from"react";import n from"../Toast/Toast.js";let s;const a=()=>{const[a,o]=e({isOpen:!1,variant:"info",toastTitle:"",toastMessage:"",toastId:""}),i=r(null),c=r(null),u=r(!1);s=(t,e,r)=>{u.current=!1,i.current&&(clearTimeout(i.current),i.current=null),c.current&&(clearTimeout(c.current),c.current=null);let n={success:"Success",danger:"Error",warning:"Warning",info:"Info",alert:"Alert"}[t],s="";const a=t=>t&&"object"==typeof t?JSON.stringify(t,null,2):"function"==typeof t?t.toString():String(t);void 0!==r?(n=a(e),s=a(r)):s=a(e),o(t=>({...t,isOpen:!1})),c.current=setTimeout(()=>{u.current||(o({isOpen:!0,variant:t,toastTitle:n,toastMessage:s}),i.current=setTimeout(()=>{u.current||o(t=>({...t,isOpen:!1}))},3e3))},10)};return t(n,{isOpen:a.isOpen,variant:a.variant,toastTitle:a.toastTitle,toastMessage:a.toastMessage,zIndex:1e9,onCancelClick:()=>{u.current=!0,i.current&&(clearTimeout(i.current),i.current=null),c.current&&(clearTimeout(c.current),c.current=null),o(t=>({...t,isOpen:!1}))}})},o={success:(t,e)=>s("success",t,e),error:(t,e)=>s("danger",t,e),warning:(t,e)=>s("warning",t,e),info:(t,e)=>s("info",t,e),alert:(t,e)=>s("alert",t,e)};export{a as Toastify,a as default,o as toast};

package/lib/components/Toggle/Toggle.js

@@ -1,40 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import './Toggle.scss';
-import Icon from '../Icon';
-const Toggle = ({ onChange, variant = 'primary', disabled, checked = false, id = 'toggle', size = 'large', icon, }) => {
-    const handleChange = (e) => {
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    const baseIconSizes = {
-        large: 10,
-        medium: 8,
-        small: 6,
-    };
-    const defaultIconSize = baseIconSizes[size];
-    const defaultIcons = {
-        checked: {
-            name: 'check_mark',
-            width: defaultIconSize,
-            height: defaultIconSize,
-        },
-        unchecked: {
-            name: 'wrong_mark',
-            width: defaultIconSize,
-            height: defaultIconSize,
-        },
-    };
-    const iconNames = {
-        checked: { ...defaultIcons.checked, ...icon?.checked },
-        unchecked: { ...defaultIcons.unchecked, ...icon?.unchecked },
-    };
-    return (_jsxs("div", { className: "ff--switch-container", children: [_jsx("input", { className: "ff--switch-checkbox", id: `ff-toggle-${id}`, type: "checkbox", disabled: !!disabled, onChange: handleChange, checked: checked }), _jsx("label", { className: classNames(`ff--switch-label default--${size} ff--switch-label--${variant}`, {
-                    'ff--switch-label--disabled': disabled,
-                }), htmlFor: `ff-toggle-${id}`, children: _jsx("span", { className: classNames(`ff--switch-button ff--switch-button--${size}`, {
-                        checked: checked,
-                    }), children: checked ? (_jsx(Icon, { name: iconNames.checked.name, width: iconNames.checked.width, height: iconNames.checked.height, className: `ff-checked-icon--${variant}`, disabled: disabled, cursorType: "pointer" })) : (_jsx(Icon, { name: iconNames.unchecked.name, width: iconNames.unchecked.width, height: iconNames.unchecked.height, className: `ff-unchecked-icon--${variant}`, disabled: disabled, cursorType: "pointer" })) }) })] }));
-};
-export default Toggle;
-//# sourceMappingURL=Toggle.js.map
+import{jsxs as e,jsx as c}from"react/jsx-runtime";import h from"../../_virtual/index.js";import"./Toggle.scss.js";import i from"../Icon/Icon.js";const t=({onChange:t,variant:a="primary",disabled:d,checked:n=!1,id:s="toggle",size:l="large",icon:o})=>{const r={large:10,medium:8,small:6}[l],f={name:"wrong_mark",width:r,height:r},m={checked:{...{name:"check_mark",width:r,height:r},...o?.checked},unchecked:{...f,...o?.unchecked}};return e("div",{className:"ff--switch-container",children:[c("input",{className:"ff--switch-checkbox",id:`ff-toggle-${s}`,type:"checkbox",disabled:!!d,onChange:e=>{t&&t(e)},checked:n}),c("label",{className:h(`ff--switch-label default--${l} ff--switch-label--${a}`,{"ff--switch-label--disabled":d}),htmlFor:`ff-toggle-${s}`,children:c("span",{className:h(`ff--switch-button ff--switch-button--${l}`,{checked:n}),children:c(i,n?{name:m.checked.name,width:m.checked.width,height:m.checked.height,className:`ff-checked-icon--${a}`,disabled:d,cursorType:"pointer"}:{name:m.unchecked.name,width:m.unchecked.width,height:m.unchecked.height,className:`ff-unchecked-icon--${a}`,disabled:d,cursorType:"pointer"})})})]})};export{t as default};

package/lib/components/Toggle/Toggle.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(".ff--switch-container{align-items:center;display:flex;position:relative}.ff--switch-container .ff--switch-checkbox{display:none;height:0;width:0}.ff--switch-container .ff--switch-checkbox:checked+.ff--switch-label .ff--switch-button{background:var(--toggle-button-bg-color);border:1px solid var(--brand-color);box-shadow:0 0 2px 0 var(--toggle-strip-shadow);right:-1px;transition:all .3s}.ff--switch-container .ff--switch-checkbox:checked+.ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path{fill:var(--brand-color)}.ff--switch-container .ff--switch-checkbox:checked+.ff--switch-label--primary{background:var(--brand-color);transition:all .3s}.ff--switch-container .ff--switch-checkbox:checked+.ff--switch-label:disabled{background:var(--disable-color);color:var(--disable-color);cursor:default}.ff--switch-container .ff--switch-checkbox:disabled{cursor:no-drop}.ff--switch-container .ff--switch-label{align-items:center;background:var(--toggle-strip-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;position:relative;transition:all .3s}.ff--switch-container .ff--switch-label--disabled{cursor:no-drop;opacity:.5}.ff--switch-container .ff--switch-label .ff--switch-button{align-items:center;background:var(--toggle-button-bg-color);border:1px solid var(--toggle-strip-color);border-radius:50%;box-shadow:0 0 2px 0 var(--toggle-strip-shadow);box-sizing:border-box;display:flex;justify-content:center;left:0;position:absolute;transition:all .3s}.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path{fill:var(--toggle-disable-icon-color)}.ff--switch-container .default--small{height:10px;width:24px}.ff--switch-container .default--small .ff--switch-button{height:16px;transform:translateX(0);width:16px}.ff--switch-container .default--small .ff--switch-button.checked{transform:translateX(10px)}.ff--switch-container .default--medium{height:14px;width:32px}.ff--switch-container .default--medium .ff--switch-button{height:20px;transform:translateX(0);width:20px}.ff--switch-container .default--medium .ff--switch-button.checked{transform:translateX(14px)}.ff--switch-container .default--large{height:16px;width:40px}.ff--switch-container .default--large .ff--switch-button{height:24px;transform:translateX(0);width:24px}.ff--switch-container .default--large .ff--switch-button.checked{transform:translateX(16px)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNCQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsaUJBR0YsQ0FDQSwyQ0FHRSxZQUFhLENBRmIsUUFBUyxDQUNULE9BRUYsQ0FDQSx3RkFHRSx3Q0FBeUMsQ0FEekMsbUNBQW9DLENBR3BDLCtDQUFzRCxDQUp0RCxVQUFXLENBR1gsa0JBRUYsQ0FDQSwySEFDRSx1QkFDRixDQUNBLDhFQUNFLDZCQUE4QixDQUM5QixrQkFDRixDQUNBLDhFQUdFLCtCQUFnQyxDQURoQywwQkFBMkIsQ0FEM0IsY0FHRixDQUNBLG9EQUNFLGNBQ0YsQ0FDQSx3Q0FFRSxrQkFBbUIsQ0FLbkIsb0NBQXFDLENBRnJDLGlCQUFrQixDQURsQixjQUFlLENBSGYsWUFBYSxDQUViLDZCQUE4QixDQUc5QixpQkFBa0IsQ0FFbEIsa0JBQ0YsQ0FDQSxrREFFRSxjQUFlLENBRGYsVUFFRixDQUNBLDJEQVNFLGtCQUFtQixDQUpuQix3Q0FBeUMsQ0FGekMsMENBQTJDLENBRzNDLGlCQUFrQixDQUNsQiwrQ0FBc0QsQ0FJdEQscUJBQXNCLENBUHRCLFlBQWEsQ0FNYixzQkFBdUIsQ0FSdkIsTUFBTyxDQURQLGlCQUFrQixDQU9sQixrQkFJRixDQUNBLGdHQUNFLHFDQUNGLENBQ0Esc0NBRUUsV0FBWSxDQURaLFVBRUYsQ0FDQSx5REFFRSxXQUFZLENBQ1osdUJBQXdCLENBRnhCLFVBR0YsQ0FDQSxpRUFDRSwwQkFDRixDQUNBLHVDQUVFLFdBQVksQ0FEWixVQUVGLENBQ0EsMERBRUUsV0FBWSxDQUNaLHVCQUF3QixDQUZ4QixVQUdGLENBQ0Esa0VBQ0UsMEJBQ0YsQ0FDQSxzQ0FFRSxXQUFZLENBRFosVUFFRixDQUNBLHlEQUVFLFdBQVksQ0FDWix1QkFBd0IsQ0FGeEIsVUFHRixDQUNBLGlFQUNFLDBCQUNGIiwiZmlsZSI6IlRvZ2dsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLS1zd2l0Y2gtY29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tc3dpdGNoLWNoZWNrYm94IHtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMDtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5mZi0tc3dpdGNoLWNvbnRhaW5lciAuZmYtLXN3aXRjaC1jaGVja2JveDpjaGVja2VkICsgLmZmLS1zd2l0Y2gtbGFiZWwgLmZmLS1zd2l0Y2gtYnV0dG9uIHtcbiAgcmlnaHQ6IC0xcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tdG9nZ2xlLWJ1dHRvbi1iZy1jb2xvcik7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuICBib3gtc2hhZG93OiAwcHggMHB4IDJweCAwcHggdmFyKC0tdG9nZ2xlLXN0cmlwLXNoYWRvdyk7XG59XG4uZmYtLXN3aXRjaC1jb250YWluZXIgLmZmLS1zd2l0Y2gtY2hlY2tib3g6Y2hlY2tlZCArIC5mZi0tc3dpdGNoLWxhYmVsIC5mZi0tc3dpdGNoLWJ1dHRvbiAuZmYtY2hlY2tlZC1pY29uLS1wcmltYXJ5IHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tc3dpdGNoLWNoZWNrYm94OmNoZWNrZWQgKyAuZmYtLXN3aXRjaC1sYWJlbC0tcHJpbWFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG59XG4uZmYtLXN3aXRjaC1jb250YWluZXIgLmZmLS1zd2l0Y2gtY2hlY2tib3g6Y2hlY2tlZCArIC5mZi0tc3dpdGNoLWxhYmVsOmRpc2FibGVkIHtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICBjb2xvcjogdmFyKC0tZGlzYWJsZS1jb2xvcik7XG4gIGJhY2tncm91bmQ6IHZhcigtLWRpc2FibGUtY29sb3IpO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tc3dpdGNoLWNoZWNrYm94OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBuby1kcm9wO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tc3dpdGNoLWxhYmVsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10b2dnbGUtc3RyaXAtY29sb3IpO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbn1cbi5mZi0tc3dpdGNoLWNvbnRhaW5lciAuZmYtLXN3aXRjaC1sYWJlbC0tZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjU7XG4gIGN1cnNvcjogbm8tZHJvcDtcbn1cbi5mZi0tc3dpdGNoLWNvbnRhaW5lciAuZmYtLXN3aXRjaC1sYWJlbCAuZmYtLXN3aXRjaC1idXR0b24ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXRvZ2dsZS1zdHJpcC1jb2xvcik7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IHZhcigtLXRvZ2dsZS1idXR0b24tYmctY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJveC1zaGFkb3c6IDBweCAwcHggMnB4IDBweCB2YXIoLS10b2dnbGUtc3RyaXAtc2hhZG93KTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tc3dpdGNoLWxhYmVsIC5mZi0tc3dpdGNoLWJ1dHRvbiAuZmYtdW5jaGVja2VkLWljb24tLXByaW1hcnkgc3ZnIHBhdGgge1xuICBmaWxsOiB2YXIoLS10b2dnbGUtZGlzYWJsZS1pY29uLWNvbG9yKTtcbn1cbi5mZi0tc3dpdGNoLWNvbnRhaW5lciAuZGVmYXVsdC0tc21hbGwge1xuICB3aWR0aDogMjRweDtcbiAgaGVpZ2h0OiAxMHB4O1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5kZWZhdWx0LS1zbWFsbCAuZmYtLXN3aXRjaC1idXR0b24ge1xuICB3aWR0aDogMTZweDtcbiAgaGVpZ2h0OiAxNnB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG59XG4uZmYtLXN3aXRjaC1jb250YWluZXIgLmRlZmF1bHQtLXNtYWxsIC5mZi0tc3dpdGNoLWJ1dHRvbi5jaGVja2VkIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5kZWZhdWx0LS1tZWRpdW0ge1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxNHB4O1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5kZWZhdWx0LS1tZWRpdW0gLmZmLS1zd2l0Y2gtYnV0dG9uIHtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5kZWZhdWx0LS1tZWRpdW0gLmZmLS1zd2l0Y2gtYnV0dG9uLmNoZWNrZWQge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTRweCk7XG59XG4uZmYtLXN3aXRjaC1jb250YWluZXIgLmRlZmF1bHQtLWxhcmdlIHtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogMTZweDtcbn1cbi5mZi0tc3dpdGNoLWNvbnRhaW5lciAuZGVmYXVsdC0tbGFyZ2UgLmZmLS1zd2l0Y2gtYnV0dG9uIHtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xufVxuLmZmLS1zd2l0Y2gtY29udGFpbmVyIC5kZWZhdWx0LS1sYXJnZSAuZmYtLXN3aXRjaC1idXR0b24uY2hlY2tlZCB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxNnB4KTtcbn0iXX0= */");

package/lib/components/ToggleSwitch/ToggleSwitch.js

@@ -1,7 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./ToggleSwitch.scss";
-const ToggleSwitch = ({ selected = "text", firstButton = 'File', secondButton = 'File', handleClick }) => {
-    return (_jsxs("div", { className: "toggle-container", children: [_jsx("button", { className: `toggle-button ${selected === firstButton ? "active" : ""}`, onClick: () => handleClick(firstButton), children: firstButton }), _jsx("button", { className: `toggle-button ${selected === secondButton ? "active" : ""}`, onClick: () => handleClick(secondButton), children: secondButton })] }));
-};
-export default ToggleSwitch;
-//# sourceMappingURL=ToggleSwitch.js.map
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import"./ToggleSwitch.scss.js";const o=({selected:o="text",firstButton:c="File",secondButton:l="File",handleClick:i})=>t("div",{className:"toggle-container",children:[e("button",{className:"toggle-button "+(o===c?"active":""),onClick:()=>i(c),children:c}),e("button",{className:"toggle-button "+(o===l?"active":""),onClick:()=>i(l),children:l})]});export{o as default};

package/lib/components/ToggleSwitch/ToggleSwitch.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".toggle-container{align-items:center;border-radius:6px;box-shadow:1px 1px 2px 0 var(--base-bg-color),inset -1px -1px 2px var(--base-bg-color),inset 1px -1px 2px var(--ff-toggle-switch-shadow-color),inset -1px 2px 0 var(--ff-toggle-switch-shadow-color);display:flex;gap:4px;height:24px;justify-content:center;overflow:hidden;width:fit-content}.toggle-button,.toggle-container{background-color:var(--base-bg-color);padding:4px 2px}.toggle-button{border:none;border-radius:4px;box-shadow:inset 1px 1px 2px 0 var(--base-bg-color),1px 1px 3px 0 var(--ff-chips-blur-color),-1px -1px 2px 0 var(--base-bg-color),1px -1px 2px 0 var(--ff-chips-blur-color),-1px 1px 2px 0 var(--ff-chips-blur-color);color:var(--ff-toggle-switch-off-color);cursor:pointer;font-size:10px;font-weight:500;height:20px;min-width:24px;outline:none;text-align:center;transition:all .3s ease}.toggle-button.active{background-color:var(--brand-color);box-shadow:inset -1px -1px 2px 0 var(--ff-chips-blur-color),1px 1px 3px 0 var(--ff-chips-blur-color),-1px -1px 2px 0 var(--base-bg-color),-1px 1px 2px 0 var(--ff-chips-blur-color);color:var(--base-bg-color)}.toggle-button:hover{background-color:var(--hover-color);color:var(--brand-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVN3aXRjaC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGtCQVNFLGtCQUFtQixDQUxuQixpQkFBa0IsQ0FJbEIsb01BQTRNLENBUDVNLFlBQWEsQ0FVYixPQUFRLENBUlIsV0FBWSxDQU9aLHNCQUF1QixDQUp2QixlQUFnQixDQUNoQixpQkFLRixDQUdBLGlDQWJFLHFDQUFzQyxDQUd0QyxlQXlCRixDQWZBLGVBSUUsV0FBWSxDQUNaLGlCQUFrQixDQVNsQixxTkFBME4sQ0FOMU4sdUNBQXdDLENBRnhDLGNBQWUsQ0FKZixjQUFlLENBQ2YsZUFBZ0IsQ0FTaEIsV0FBWSxDQURaLGNBQWUsQ0FGZixZQUFhLENBSWIsaUJBQWtCLENBSGxCLHVCQUtGLENBR0Esc0JBQ0UsbUNBQW9DLENBRXBDLG1MQUF1TCxDQUR2TCwwQkFFRixDQUdBLHFCQUNFLG1DQUFvQyxDQUNwQyx3QkFDRiIsImZpbGUiOiJUb2dnbGVTd2l0Y2guc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbnRhaW5lciBTdHlsaW5nICovXG4udG9nZ2xlLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhc2UtYmctY29sb3IpO1xuICBoZWlnaHQ6IDI0cHg7XG4gIGJvcmRlci1yYWRpdXM6IDZweDtcbiAgcGFkZGluZzogNHB4IDJweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBib3gtc2hhZG93OiAxcHggMXB4IDJweCAwcHggdmFyKC0tYmFzZS1iZy1jb2xvciksIGluc2V0IC0xcHggLTFweCAycHggdmFyKC0tYmFzZS1iZy1jb2xvciksIGluc2V0IDFweCAtMXB4IDJweCB2YXIoLS1mZi10b2dnbGUtc3dpdGNoLXNoYWRvdy1jb2xvciksIGluc2V0IC0xcHggMnB4IDBweCB2YXIoLS1mZi10b2dnbGUtc3dpdGNoLXNoYWRvdy1jb2xvcik7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDRweDtcbn1cblxuLyogQnV0dG9uIFN0eWxpbmcgKi9cbi50b2dnbGUtYnV0dG9uIHtcbiAgcGFkZGluZzogNHB4IDJweDtcbiAgZm9udC1zaXplOiAxMHB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYXNlLWJnLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWZmLXRvZ2dsZS1zd2l0Y2gtb2ZmLWNvbG9yKTtcbiAgb3V0bGluZTogbm9uZTtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgbWluLXdpZHRoOiAyNHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogaW5zZXQgMXB4IDFweCAycHggMCB2YXIoLS1iYXNlLWJnLWNvbG9yKSwgMXB4IDFweCAzcHggMCB2YXIoLS1mZi1jaGlwcy1ibHVyLWNvbG9yKSwgLTFweCAtMXB4IDJweCAwIHZhcigtLWJhc2UtYmctY29sb3IpLCAxcHggLTFweCAycHggMCB2YXIoLS1mZi1jaGlwcy1ibHVyLWNvbG9yKSwgLTFweCAxcHggMnB4IDAgdmFyKC0tZmYtY2hpcHMtYmx1ci1jb2xvcik7XG59XG5cbi8qIEFjdGl2ZSBCdXR0b24gKi9cbi50b2dnbGUtYnV0dG9uLmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJyYW5kLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWJhc2UtYmctY29sb3IpO1xuICBib3gtc2hhZG93OiBpbnNldCAtMXB4IC0xcHggMnB4IDAgdmFyKC0tZmYtY2hpcHMtYmx1ci1jb2xvciksIDFweCAxcHggM3B4IDAgdmFyKC0tZmYtY2hpcHMtYmx1ci1jb2xvciksIC0xcHggLTFweCAycHggMCB2YXIoLS1iYXNlLWJnLWNvbG9yKSwgLTFweCAxcHggMnB4IDAgdmFyKC0tZmYtY2hpcHMtYmx1ci1jb2xvcik7XG59XG5cbi8qIEJ1dHRvbiBIb3ZlciBFZmZlY3QgKi9cbi50b2dnbGUtYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufSJdfQ== */");

package/lib/components/Tooltip/Tooltip.js

@@ -1,163 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useLayoutEffect, useEffect, useRef, useState, useContext, } from 'react';
-import './Tooltip.scss';
-import { createPortal } from 'react-dom';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import { ThemeContext } from '../ThemeProvider/ThemeProvider';
-import classNames from 'classnames';
-const Tooltip = ({ title, children, placement = 'bottom', disabled = false, style = {}, as: Element = 'div', tooltipStyle = {}, }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const titleRef = useRef(null);
-    const tooltipContainerRef = useRef(null);
-    const [finalPlacement, setFinalPlacement] = useState(placement);
-    const [tooltipContainerPosition, setTooltipContainerPosition] = useState({
-        posX: 0,
-        fromRight: 0,
-        posY: 0,
-        width: 0,
-        fromBottom: 0,
-    });
-    const [titleDimensions, setTitleDimensions] = useState({
-        height: 0,
-        width: 0,
-    });
-    const [childrenContainerHeight, setChildrenContainerHeight] = useState(0);
-    const { posX, fromRight, posY, width } = tooltipContainerPosition;
-    const { height: titleHeight, width: titleWidth } = titleDimensions;
-    const themeContext = useContext(ThemeContext);
-    const currentTheme = themeContext?.currentTheme;
-    const styles = {
-        left: {
-            top: posY - 1,
-            left: Math.max(posX - titleWidth - 5, 5),
-        },
-        right: {
-            top: posY - 1,
-            left: Math.min(fromRight + 5, window.innerWidth - titleWidth - 15),
-        },
-        top: {
-            top: posY - titleHeight - 5,
-            left: Math.max(Math.min(posX - titleWidth / 2 + width / 2, window.innerWidth - titleWidth - 5), 5),
-        },
-        bottom: {
-            top: posY + childrenContainerHeight + 5,
-            left: Math.max(Math.min(posX - titleWidth / 2 + width / 2, window.innerWidth - titleWidth - 5), 5),
-        },
-        'top-start': {
-            top: posY - titleHeight - 5,
-            left: Math.max(Math.min(posX, window.innerWidth - titleWidth - 15), 5),
-        },
-        'top-end': {
-            top: posY - titleHeight - 5,
-            left: Math.max(Math.min(fromRight - titleWidth, window.innerWidth - titleWidth - 5), 5),
-        },
-        'bottom-start': {
-            top: posY + childrenContainerHeight + 5,
-            left: Math.max(Math.min(posX, window.innerWidth - titleWidth - 15), 5),
-        },
-        'bottom-end': {
-            top: posY + childrenContainerHeight + 5,
-            left: Math.max(Math.min(fromRight - titleWidth, window.innerWidth - titleWidth - 15), 5),
-        },
-    };
-    const handleScroll = () => {
-        setIsVisible(false);
-    };
-    const handleClickAnywhere = () => {
-        setIsVisible(false);
-    };
-    const isTitleEmpty = (tooltipValue) => {
-        // If the value is a string, use the checkEmpty util function
-        if (typeof tooltipValue === 'string') {
-            return checkEmpty(tooltipValue);
-        }
-        // If the value is a valid React element, check if it has any children
-        if (React.isValidElement(tooltipValue)) {
-            return React.Children.count(tooltipValue.props.children) === 0;
-        }
-        // For non-string, non-element values, check if it's null or undefined
-        return tooltipValue === undefined || tooltipValue === null;
-    };
-    useEffect(() => {
-        const scrollableParents = [window];
-        const isScrollable = (el) => {
-            const style = window.getComputedStyle(el);
-            return ((['auto', 'scroll'].includes(style.overflow) ||
-                ['auto', 'scroll'].includes(style.overflowY)) &&
-                el.scrollHeight > el.clientHeight);
-        };
-        const getScrollableParents = (el) => {
-            if (!el)
-                return [];
-            return isScrollable(el)
-                ? [el, ...getScrollableParents(el.parentElement)]
-                : getScrollableParents(el.parentElement);
-        };
-        window.addEventListener('scroll', handleScroll);
-        window.addEventListener('click', handleClickAnywhere);
-        if (tooltipContainerRef.current) {
-            const parents = getScrollableParents(tooltipContainerRef.current.parentElement);
-            parents.forEach((parent) => parent.addEventListener('scroll', handleScroll));
-            scrollableParents.push(...parents);
-        }
-        return () => {
-            window.removeEventListener('scroll', handleScroll);
-            window.removeEventListener('click', handleClickAnywhere);
-            scrollableParents.forEach((parent) => {
-                if (parent !== window) {
-                    parent.removeEventListener('scroll', handleScroll);
-                }
-            });
-        };
-    }, []);
-    const calculateDim = () => {
-        if (!tooltipContainerRef.current || !titleRef.current)
-            return;
-        const rect = tooltipContainerRef.current.getBoundingClientRect();
-        const titleHeight = titleRef.current.offsetHeight;
-        const titleWidth = titleRef.current.offsetWidth;
-        setChildrenContainerHeight(rect.height);
-        const spaceAbove = rect.top;
-        const spaceBelow = window.innerHeight - rect.bottom;
-        // Determine placement flip only for basic top/bottom
-        if (placement === 'bottom' && spaceBelow < titleHeight + 10) {
-            setFinalPlacement('top');
-        }
-        else if (placement === 'top' && spaceAbove < titleHeight + 10) {
-            setFinalPlacement('bottom');
-        }
-        else {
-            setFinalPlacement(placement);
-        }
-        const posX = rect.left + window.scrollX;
-        const fromRight = rect.right;
-        setTooltipContainerPosition({
-            posX,
-            fromRight,
-            posY: rect.top,
-            width: tooltipContainerRef.current.offsetWidth,
-            fromBottom: window.innerHeight - tooltipContainerRef.current.offsetTop,
-        });
-        setTitleDimensions({
-            height: titleHeight,
-            width: titleWidth,
-        });
-    };
-    useLayoutEffect(() => {
-        if (isVisible) {
-            calculateDim();
-        }
-    }, [isVisible, title]);
-    const showTooltip = () => {
-        calculateDim();
-        setIsVisible(true);
-    };
-    return (_jsxs(Element, { ref: tooltipContainerRef, className: classNames('ff-tooltip-container', currentTheme), onMouseEnter: showTooltip, onMouseLeave: () => setIsVisible(false), style: style, children: [children, isVisible &&
-                !disabled &&
-                !isTitleEmpty(title) &&
-                createPortal(_jsx(Element, { ref: titleRef, style: { ...styles[finalPlacement], ...tooltipStyle }, className: classNames('ff-tooltip', currentTheme, {
-                        'ff-tooltip--visible': isVisible,
-                    }), children: title }), document.body)] }));
-};
-export default Tooltip;
-//# sourceMappingURL=Tooltip.js.map
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{useState as n,useRef as i,useContext as r,useEffect as l,useLayoutEffect as s}from"react";import"./Tooltip.scss.js";import{createPortal as d}from"react-dom";import{checkEmpty as h}from"../../utils/checkEmpty/checkEmpty.js";import{ThemeContext as m}from"../ThemeProvider/ThemeProvider.js";import c from"../../_virtual/index.js";const a=({title:a,children:p,placement:f="bottom",disabled:w=!1,style:u={},as:g="div",tooltipStyle:v={}})=>{const[M,E]=n(!1),b=i(null),x=i(null),[y,W]=n(f),[L,j]=n({posX:0,fromRight:0,posY:0,width:0,fromBottom:0}),[H,T]=n({height:0,width:0}),[k,R]=n(0),{posX:X,fromRight:Y,posY:B,width:C}=L,{height:N,width:P}=H,S=r(m),V=S?.currentTheme,_={left:{top:B-1,left:Math.max(X-P-5,5)},right:{top:B-1,left:Math.min(Y+5,window.innerWidth-P-15)},top:{top:B-N-5,left:Math.max(Math.min(X-P/2+C/2,window.innerWidth-P-5),5)},bottom:{top:B+k+5,left:Math.max(Math.min(X-P/2+C/2,window.innerWidth-P-5),5)},"top-start":{top:B-N-5,left:Math.max(Math.min(X,window.innerWidth-P-15),5)},"top-end":{top:B-N-5,left:Math.max(Math.min(Y-P,window.innerWidth-P-5),5)},"bottom-start":{top:B+k+5,left:Math.max(Math.min(X,window.innerWidth-P-15),5)},"bottom-end":{top:B+k+5,left:Math.max(Math.min(Y-P,window.innerWidth-P-15),5)}},q=()=>{E(!1)},z=()=>{E(!1)};l(()=>{const t=[window],e=t=>t?(t=>{const e=window.getComputedStyle(t);return(["auto","scroll"].includes(e.overflow)||["auto","scroll"].includes(e.overflowY))&&t.scrollHeight>t.clientHeight})(t)?[t,...e(t.parentElement)]:e(t.parentElement):[];if(window.addEventListener("scroll",q),window.addEventListener("click",z),x.current){const o=e(x.current.parentElement);o.forEach(t=>t.addEventListener("scroll",q)),t.push(...o)}return()=>{window.removeEventListener("scroll",q),window.removeEventListener("click",z),t.forEach(t=>{t!==window&&t.removeEventListener("scroll",q)})}},[]);const A=()=>{if(!x.current||!b.current)return;const t=x.current.getBoundingClientRect(),e=b.current.offsetHeight,o=b.current.offsetWidth;R(t.height);const n=t.top,i=window.innerHeight-t.bottom;W("bottom"===f&&i<e+10?"top":"top"===f&&n<e+10?"bottom":f);const r=t.left+window.scrollX,l=t.right;j({posX:r,fromRight:l,posY:t.top,width:x.current.offsetWidth,fromBottom:window.innerHeight-x.current.offsetTop}),T({height:e,width:o})};s(()=>{M&&A()},[M,a]);return t(g,{ref:x,className:c("ff-tooltip-container",V),onMouseEnter:()=>{A(),E(!0)},onMouseLeave:()=>E(!1),style:u,children:[p,M&&!w&&(D=a,!("string"==typeof D?h(D):o.isValidElement(D)?0===o.Children.count(D.props.children):null==D))&&d(e(g,{ref:b,style:{..._[y],...v},className:c("ff-tooltip",V,{"ff-tooltip--visible":M}),children:a}),document.body)]});var D};export{a as default};

package/lib/components/Tooltip/Tooltip.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".fontXs{font-family:Poppins;font-size:10px}.ff-tooltip,.fontSm{font-family:Poppins;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-tooltip-container{align-items:center;cursor:pointer;display:flex}.ff-tooltip{word-wrap:break-word;background-color:var(--tooltip-bg-color);border-radius:5px;color:var(--tooltip-text-color);line-height:18px;max-width:45vw;opacity:0;padding:4px 8px;position:fixed;text-align:center;width:max-content;z-index:9999999}.ff-tooltip--visible{opacity:1;transition:opacity .3s}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxRQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsb0JBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGlCQUpFLG1CQU9GLENBSEEsU0FFRSxjQUNGLENBRUEsYUFDRSxtQkFBc0IsQ0FDdEIsYUFDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxzQkFHRSxrQkFBbUIsQ0FGbkIsY0FBZSxDQUNmLFlBRUYsQ0FFQSxZQUlFLG9CQUFxQixDQUNyQix3Q0FBeUMsQ0FJekMsaUJBQWtCLENBRmxCLCtCQUFnQyxDQURoQyxnQkFBaUIsQ0FIakIsY0FBZSxDQVFmLFNBQVUsQ0FEVixlQUFnQixDQVRoQixjQUFlLENBT2YsaUJBQWtCLENBTmxCLGlCQUFrQixDQVVsQixlQUNGLENBQ0EscUJBQ0UsU0FBVSxDQUNWLHNCQUNGIiwiZmlsZSI6IlRvb2x0aXAuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLmZmLXRvb2x0aXAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtdG9vbHRpcC1jb250YWluZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5mZi10b29sdGlwIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIG1heC13aWR0aDogNDV2dztcbiAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10b29sdGlwLWJnLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIGNvbG9yOiB2YXIoLS10b29sdGlwLXRleHQtY29sb3IpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgei1pbmRleDogOTk5OTk5OTtcbn1cbi5mZi10b29sdGlwLS12aXNpYmxlIHtcbiAgb3BhY2l0eTogMTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzO1xufSJdfQ== */");

package/lib/components/TooltipService/TooltipService.js

@@ -1,97 +1 @@
-import { useEffect } from 'react';
-import { delegate, hideAll } from 'tippy.js';
-import 'tippy.js/dist/tippy.css';
-import './TooltipService.scss';
-const VALID_PLACEMENTS = new Set([
-    'auto',
-    'auto-start',
-    'auto-end',
-    'top',
-    'top-start',
-    'top-end',
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-    'right',
-    'right-start',
-    'right-end',
-    'left',
-    'left-start',
-    'left-end',
-]);
-const TooltipService = () => {
-    useEffect(() => {
-        const hideTooltipsOnScroll = (event) => {
-            const target = event.target;
-            if (target instanceof Element && target.closest('[data-tippy-root]')) {
-                return;
-            }
-            hideAll({ duration: 0 });
-        };
-        window.addEventListener('scroll', hideTooltipsOnScroll, true);
-        const instance = delegate(document.body, {
-            target: '[data-tooltip], [data-tooltip-id]',
-            arrow: false,
-            placement: 'bottom',
-            theme: 'ff-global-tooltip',
-            appendTo: document.body,
-            content(reference) {
-                const contentNode = document.createElement('div');
-                // Accept JSX
-                const templateId = reference.getAttribute('data-tooltip-id');
-                if (templateId) {
-                    const templateEl = document.getElementById(templateId);
-                    if (templateEl) {
-                        contentNode.innerHTML = templateEl.innerHTML;
-                        return contentNode;
-                    }
-                }
-                // for direct tooltip
-                const text = reference.getAttribute('data-tooltip') || '';
-                if (!text)
-                    return '';
-                if (text.startsWith('<') && text.endsWith('>')) {
-                    contentNode.innerHTML = text;
-                }
-                else {
-                    contentNode.style.whiteSpace = 'pre-wrap';
-                    contentNode.style.wordBreak = 'break-word';
-                    contentNode.textContent = text;
-                }
-                return contentNode;
-            },
-            onShow(tippyInstance) {
-                // if there's no text content at all will not show the Tooltip
-                const { reference } = tippyInstance;
-                if (!reference.hasAttribute('data-tooltip') &&
-                    !reference.hasAttribute('data-tooltip-id')) {
-                    return false;
-                }
-                // This is  specific tooltip attributefor interactive
-                const isInteractive = tippyInstance.reference.hasAttribute('data-tooltip-interactive');
-                //  placement attribute for tooltip
-                const rawPlacement = tippyInstance.reference.getAttribute('data-tooltip-placement');
-                const normalizedPlacement = rawPlacement?.trim().toLowerCase();
-                const placement = normalizedPlacement && VALID_PLACEMENTS.has(normalizedPlacement)
-                    ? normalizedPlacement
-                    : 'bottom';
-                tippyInstance.setProps({
-                    interactive: isInteractive,
-                    placement: placement,
-                });
-            },
-        });
-        return () => {
-            window.removeEventListener('scroll', hideTooltipsOnScroll, true);
-            if (Array.isArray(instance)) {
-                instance.forEach((i) => i.destroy());
-            }
-            else {
-                instance.destroy();
-            }
-        };
-    }, []);
-    return null;
-};
-export default TooltipService;
-//# sourceMappingURL=TooltipService.js.map
+import{useEffect as t}from"react";import{delegate as e,hideAll as o}from"../../node_modules/tippy.js/dist/tippy.esm.js";import"../../node_modules/tippy.js/dist/tippy.css.js";import"./TooltipService.scss.js";const r=new Set(["auto","auto-start","auto-end","top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"]),n=()=>(t(()=>{const t=t=>{const e=t.target;e instanceof Element&&e.closest("[data-tippy-root]")||o({duration:0})};window.addEventListener("scroll",t,!0);const n=e(document.body,{target:"[data-tooltip], [data-tooltip-id]",arrow:!1,placement:"bottom",theme:"ff-global-tooltip",appendTo:document.body,content(t){const e=document.createElement("div"),o=t.getAttribute("data-tooltip-id");if(o){const t=document.getElementById(o);if(t)return e.innerHTML=t.innerHTML,e}const r=t.getAttribute("data-tooltip")||"";return r?(r.startsWith("<")&&r.endsWith(">")?e.innerHTML=r:(e.style.whiteSpace="pre-wrap",e.style.wordBreak="break-word",e.textContent=r),e):""},onShow(t){const{reference:e}=t;if(!e.hasAttribute("data-tooltip")&&!e.hasAttribute("data-tooltip-id"))return!1;const o=t.reference.hasAttribute("data-tooltip-interactive"),n=t.reference.getAttribute("data-tooltip-placement"),a=n?.trim().toLowerCase(),i=a&&r.has(a)?a:"bottom";t.setProps({interactive:o,placement:i})}});return()=>{window.removeEventListener("scroll",t,!0),Array.isArray(n)?n.forEach(t=>t.destroy()):n.destroy()}},[]),null);export{n as default};

package/lib/components/TooltipService/TooltipService.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(".fontXs{font-family:Poppins;font-size:10px}.fontSm,.tippy-box[data-theme~=ff-global-tooltip]{font-family:Poppins;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}.tippy-box[data-theme~=ff-global-tooltip]{background-color:var(--tooltip-bg-color);border-radius:5px;color:var(--tooltip-text-color);line-height:normal;max-height:50vh;overflow-y:auto;padding:4px 8px;text-align:center}.tippy-box[data-theme~=ff-global-tooltip] .tippy-content{padding:0}.tippy-popper[x-out-of-boundaries],.tippy-tooltip[data-out-of-boundaries],[data-tippy-root][data-popper-escaped],[data-tippy-root][data-popper-reference-hidden]{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBTZXJ2aWNlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsUUFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGtEQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsZ0JBSkUsbUJBT0YsQ0FIQSxRQUVFLGNBQ0YsQ0FFQSxRQUVFLGNBQ0YsQ0FFQSxpQkFKRSxtQkFPRixDQUhBLFNBRUUsY0FDRixDQUVBLGFBQ0UsbUJBQXNCLENBQ3RCLGFBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsMENBQ0Usd0NBQXlDLENBR3pDLGlCQUFrQixDQUZsQiwrQkFBZ0MsQ0FDaEMsa0JBQW1CLENBSW5CLGVBQWdCLENBQ2hCLGVBQWdCLENBRmhCLGVBQWdCLENBRGhCLGlCQUlGLENBRUEseURBQ0UsU0FDRixDQUVBLGlLQUlFLFlBQ0YiLCJmaWxlIjoiVG9vbHRpcFNlcnZpY2Uuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLnRpcHB5LWJveFtkYXRhLXRoZW1lfj1mZi1nbG9iYWwtdG9vbHRpcF0ge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4udGlwcHktYm94W2RhdGEtdGhlbWV+PWZmLWdsb2JhbC10b29sdGlwXSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRvb2x0aXAtYmctY29sb3IpO1xuICBjb2xvcjogdmFyKC0tdG9vbHRpcC10ZXh0LWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIG1heC1oZWlnaHQ6IDUwdmg7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG5cbi50aXBweS1ib3hbZGF0YS10aGVtZX49ZmYtZ2xvYmFsLXRvb2x0aXBdIC50aXBweS1jb250ZW50IHtcbiAgcGFkZGluZzogMDtcbn1cblxuLnRpcHB5LXBvcHBlclt4LW91dC1vZi1ib3VuZGFyaWVzXSxcbi50aXBweS10b29sdGlwW2RhdGEtb3V0LW9mLWJvdW5kYXJpZXNdLFxuW2RhdGEtdGlwcHktcm9vdF1bZGF0YS1wb3BwZXItcmVmZXJlbmNlLWhpZGRlbl0sXG5bZGF0YS10aXBweS1yb290XVtkYXRhLXBvcHBlci1lc2NhcGVkXSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59Il19 */");

package/lib/components/TruncatedTooltip/TruncatedTooltip.js

@@ -1,9 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Tooltip from '../Tooltip';
-import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
-const TruncatedTooltip = ({ title, width, }) => {
-    const isTruncated = isTextTruncated(title, width, 'pixel');
-    return (_jsx(Tooltip, { title: isTruncated ? title : '', style: { cursor: isTruncated ? 'pointer' : 'default' }, children: truncateText(title, width, 'pixel') }));
-};
-export default TruncatedTooltip;
-//# sourceMappingURL=TruncatedTooltip.js.map
+import{jsx as t}from"react/jsx-runtime";import e from"../Tooltip/Tooltip.js";import{isTextTruncated as r,truncateText as o}from"../../utils/truncateText/truncateText.js";const i=({title:i,width:l})=>{const p=r(i,l,"pixel");return t(e,{title:p?i:"",style:{cursor:p?"pointer":"default"},children:o(i,l,"pixel")})};export{i as default};

package/lib/components/Typography/Typography.js

@@ -1,16 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './Typography.scss';
-const Typography = ({ fontWeight = 'regular', fontSize = 12, lineHeight = 'normal', color = '', textAlign = 'left', as: Element = 'span', letterSpacing = '', className = '', children, htmlFor = '', onClick = () => { }, required = false, style = {}, cursor, onDoubleClick = () => { }, }) => {
-    const fontSizeValue = typeof fontSize === 'number' ? `${fontSize}px` : fontSize;
-    return (_jsxs(Element, { className: `ff-text ff-text--${fontWeight} ${className}`, ...(Element === 'label' && { htmlFor }), style: {
-            fontSize: fontSizeValue,
-            lineHeight,
-            color,
-            textAlign,
-            letterSpacing,
-            cursor,
-            ...style,
-        }, onClick: onClick, onDoubleClick: onDoubleClick, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), children] }));
-};
-export default Typography;
-//# sourceMappingURL=Typography.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"./Typography.scss.js";const l=({fontWeight:l="regular",fontSize:r=12,lineHeight:o="normal",color:i="",textAlign:n="left",as:s="span",letterSpacing:a="",className:c="",children:f,htmlFor:m="",onClick:p=()=>{},required:u=!1,style:g={},cursor:h,onDoubleClick:x=()=>{}})=>e(s,{className:`ff-text ff-text--${l} ${c}`,..."label"===s&&{htmlFor:m},style:{fontSize:"number"==typeof r?`${r}px`:r,lineHeight:o,color:i,textAlign:n,letterSpacing:a,cursor:h,...g},onClick:p,onDoubleClick:x,children:[u&&t("span",{className:"required-asterisk",children:"*"}),f]});export{l as default};

package/lib/components/Typography/Typography.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-text{font-family:Poppins;font-size:16px}.ff-text--regular{font-weight:400}.ff-text--medium{font-weight:500}.ff-text--semi-bold{font-weight:600}.ff-text--bold{font-weight:700}.ff-text .required-asterisk{color:var(--input-error-text-color);padding-right:4px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlR5cG9ncmFwaHkuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxTQUNFLG1CQUFzQixDQUN0QixjQUNGLENBQ0Esa0JBQ0UsZUFDRixDQUNBLGlCQUNFLGVBQ0YsQ0FDQSxvQkFDRSxlQUNGLENBQ0EsZUFDRSxlQUNGLENBQ0EsNEJBQ0UsbUNBQW9DLENBQ3BDLGlCQUNGIiwiZmlsZSI6IlR5cG9ncmFwaHkuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi10ZXh0IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG4uZmYtdGV4dC0tcmVndWxhciB7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59XG4uZmYtdGV4dC0tbWVkaXVtIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cbi5mZi10ZXh0LS1zZW1pLWJvbGQge1xuICBmb250LXdlaWdodDogNjAwO1xufVxuLmZmLXRleHQtLWJvbGQge1xuICBmb250LXdlaWdodDogNzAwO1xufVxuLmZmLXRleHQgLnJlcXVpcmVkLWFzdGVyaXNrIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xuICBwYWRkaW5nLXJpZ2h0OiA0cHg7XG59Il19 */");