pixel-react 1.20.17 → 1.20.19

package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.js

@@ -1,15 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import './ArrowsButton.scss';
-import MenuOption from '../../MenuOption/MenuOption';
-import { useRef } from 'react';
-const ArrowsButton = ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, menuOptionZIndex, }) => {
-    const getIconName = () => {
-        return `arrows_${direction}_icon`;
-    };
-    const menuOptionRef = useRef(null);
-    const isAddResourceButton = true;
-    return (_jsx("div", { children: _jsx("button", { className: classNames('ff-arrow-button', `ff-arrow-button--${direction}`), onClick: onArrowClick, children: _jsx("span", { ref: menuOptionRef, children: _jsx(MenuOption, { iconName: getIconName(), options: menuOptions, dropdownPlacement: direction, iconSize: 12, iconButtonSize: 24, iconButtonBorderRadius: 3, onOptionClick: onMenuOptionClick, treeRowRef: treeRowRef, zIndex: menuOptionZIndex, isAddResourceButton: isAddResourceButton }) }) }) }));
-};
-export default ArrowsButton;
-//# sourceMappingURL=ArrowsButton.js.map
+import{jsx as o}from"react/jsx-runtime";import n from"../../../_virtual/index.js";import"./ArrowsButton.scss.js";import t from"../../MenuOption/MenuOption.js";import{useRef as r}from"react";const e=({direction:e,menuOptions:i,onArrowClick:c,treeRowRef:s,onMenuOptionClick:u,menuOptionZIndex:d})=>{const m=r(null);return o("div",{children:o("button",{className:n("ff-arrow-button",`ff-arrow-button--${e}`),onClick:c,children:o("span",{ref:m,children:o(t,{iconName:`arrows_${e}_icon`,options:i,dropdownPlacement:e,iconSize:12,iconButtonSize:24,iconButtonBorderRadius:3,onOptionClick:u,treeRowRef:s,zIndex:d,isAddResourceButton:!0})})})})};export{e as default};

package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.scss.js

@@ -0,0 +1 @@
+import t from"../../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-arrow-buttons-container{position:absolute;transition:opacity .3s ease}.ff-arrow-buttons-container.ff-down-right-top,.ff-arrow-buttons-container.ff-down-top{height:80px;transform:translateY(calc(-50% + 12px));width:52px}.ff-arrow-buttons-container.ff-down-right-top.ff-two-arrows,.ff-arrow-buttons-container.ff-down-top.ff-two-arrows{width:26px}.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right,.ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right{animation:slideRight .4s ease-out;right:2px;top:28px}.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top,.ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top{animation:slideTop .4s ease-out;top:2px}.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down,.ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down{animation:slideDown .4s ease-out;bottom:2px}.ff-arrow-buttons-container.ff-right-top{height:52px;transform:translateY(-54%);width:52px}.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right{animation:slideRight .4s ease-out;right:2px;top:28px}.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top{animation:slideTop .4s ease-out;top:2px}.ff-arrow-buttons-container.ff-down-right{height:52px;width:52px}.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right{animation:slideRight .4s ease-out;right:2px;top:0}.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down{animation:slideDown .4s ease-out;bottom:2px}.ff-arrow-buttons-container.ff-top{height:52px;transform:translateY(-54%);width:24px}.ff-arrow-buttons-container.ff-top .ff-arrow-button--top{animation:slideTop .4s ease-out;top:2px}.ff-arrow-buttons-container.ff-right{height:24px;width:52px}.ff-arrow-buttons-container.ff-right .ff-arrow-button--right{animation:slideRight .4s ease-out;right:2px}.ff-arrow-buttons-container.ff-down{height:52px;width:24px}.ff-arrow-buttons-container.ff-down .ff-arrow-button--down{animation:slideDown .4s ease-out;bottom:2px}.ff-arrow-buttons-container .ff-arrow-button{align-items:center;background:var(--arrow-button-bg-color);border:.5px solid var(--arrows-button-border-color);border-radius:4px;box-shadow:0 1px 4px 0 var(--ff-select-option-wrapper-box-shadow);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;transition:all .3s ease;width:24px}.ff-arrow-buttons-container .ff-arrow-button--top{left:0;top:0}.ff-arrow-buttons-container .ff-arrow-button--down{bottom:0;left:0}@keyframes slideTop{0%{opacity:0;transform:translateY(20px)}50%{opacity:.5;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}50%{opacity:.5;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}50%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFycm93c0J1dHRvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUNFLGlCQUFrQixDQUNsQiwyQkFDRixDQUNBLHNGQUNFLFdBQVksQ0FFWix1Q0FBd0MsQ0FEeEMsVUFFRixDQUNBLGtIQUNFLFVBQ0YsQ0FDQSxzSUFHRSxpQ0FBbUMsQ0FEbkMsU0FBVSxDQURWLFFBR0YsQ0FDQSxrSUFFRSwrQkFBaUMsQ0FEakMsT0FFRixDQUNBLG9JQUVFLGdDQUFrQyxDQURsQyxVQUVGLENBQ0EseUNBQ0UsV0FBWSxDQUVaLDBCQUEyQixDQUQzQixVQUVGLENBQ0EsaUVBR0UsaUNBQW1DLENBRG5DLFNBQVUsQ0FEVixRQUdGLENBQ0EsK0RBRUUsK0JBQWlDLENBRGpDLE9BRUYsQ0FDQSwwQ0FDRSxXQUFZLENBQ1osVUFDRixDQUNBLGtFQUdFLGlDQUFtQyxDQURuQyxTQUFVLENBRFYsS0FHRixDQUNBLGlFQUVFLGdDQUFrQyxDQURsQyxVQUVGLENBQ0EsbUNBQ0UsV0FBWSxDQUVaLDBCQUEyQixDQUQzQixVQUVGLENBQ0EseURBRUUsK0JBQWlDLENBRGpDLE9BRUYsQ0FDQSxxQ0FDRSxXQUFZLENBQ1osVUFDRixDQUNBLDZEQUVFLGlDQUFtQyxDQURuQyxTQUVGLENBQ0Esb0NBQ0UsV0FBWSxDQUNaLFVBQ0YsQ0FDQSwyREFFRSxnQ0FBa0MsQ0FEbEMsVUFFRixDQUNBLDZDQVVFLGtCQUFtQixDQVRuQix1Q0FBd0MsQ0FDeEMsbURBQXFELENBTXJELGlCQUFrQixDQUtsQixpRUFBc0UsQ0FUdEUsY0FBZSxDQUdmLFlBQWEsQ0FEYixXQUFZLENBR1osc0JBQXVCLENBTnZCLFNBQVUsQ0FTVixpQkFBa0IsQ0FEbEIsdUJBQXlCLENBTnpCLFVBU0YsQ0FDQSxrREFFRSxNQUFPLENBRFAsS0FFRixDQUNBLG1EQUNFLFFBQVcsQ0FDWCxNQUNGLENBQ0Esb0JBQ0UsR0FFRSxTQUFVLENBRFYsMEJBRUYsQ0FDQSxJQUVFLFVBQVksQ0FEWiwyQkFFRixDQUNBLEdBRUUsU0FBVSxDQURWLHVCQUVGLENBQ0YsQ0FDQSxzQkFDRSxHQUVFLFNBQVUsQ0FEViwyQkFFRixDQUNBLElBRUUsVUFBWSxDQURaLDBCQUVGLENBQ0EsR0FFRSxTQUFVLENBRFYsdUJBRUYsQ0FDRixDQUNBLHFCQUNFLEdBRUUsU0FBVSxDQURWLDJCQUVGLENBQ0EsSUFFRSxVQUFZLENBRFosMEJBRUYsQ0FDQSxHQUVFLFNBQVUsQ0FEVix1QkFFRixDQUNGIiwiZmlsZSI6IkFycm93c0J1dHRvbi5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duLXJpZ2h0LXRvcCwgLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tdG9wIHtcbiAgaGVpZ2h0OiA4MHB4O1xuICB3aWR0aDogNTJweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKGNhbGMoLTUwJSArIDEycHgpKTtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duLXJpZ2h0LXRvcC5mZi10d28tYXJyb3dzLCAuZmYtYXJyb3ctYnV0dG9ucy1jb250YWluZXIuZmYtZG93bi10b3AuZmYtdHdvLWFycm93cyB7XG4gIHdpZHRoOiAyNnB4O1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tcmlnaHQtdG9wIC5mZi1hcnJvdy1idXR0b24tLXJpZ2h0LCAuZmYtYXJyb3ctYnV0dG9ucy1jb250YWluZXIuZmYtZG93bi10b3AgLmZmLWFycm93LWJ1dHRvbi0tcmlnaHQge1xuICB0b3A6IDI4cHg7XG4gIHJpZ2h0OiAycHg7XG4gIGFuaW1hdGlvbjogc2xpZGVSaWdodCAwLjRzIGVhc2Utb3V0O1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tcmlnaHQtdG9wIC5mZi1hcnJvdy1idXR0b24tLXRvcCwgLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tdG9wIC5mZi1hcnJvdy1idXR0b24tLXRvcCB7XG4gIHRvcDogMnB4O1xuICBhbmltYXRpb246IHNsaWRlVG9wIDAuNHMgZWFzZS1vdXQ7XG59XG4uZmYtYXJyb3ctYnV0dG9ucy1jb250YWluZXIuZmYtZG93bi1yaWdodC10b3AgLmZmLWFycm93LWJ1dHRvbi0tZG93biwgLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tdG9wIC5mZi1hcnJvdy1idXR0b24tLWRvd24ge1xuICBib3R0b206IDJweDtcbiAgYW5pbWF0aW9uOiBzbGlkZURvd24gMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1yaWdodC10b3Age1xuICBoZWlnaHQ6IDUycHg7XG4gIHdpZHRoOiA1MnB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTU0JSk7XG59XG4uZmYtYXJyb3ctYnV0dG9ucy1jb250YWluZXIuZmYtcmlnaHQtdG9wIC5mZi1hcnJvdy1idXR0b24tLXJpZ2h0IHtcbiAgdG9wOiAyOHB4O1xuICByaWdodDogMnB4O1xuICBhbmltYXRpb246IHNsaWRlUmlnaHQgMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1yaWdodC10b3AgLmZmLWFycm93LWJ1dHRvbi0tdG9wIHtcbiAgdG9wOiAycHg7XG4gIGFuaW1hdGlvbjogc2xpZGVUb3AgMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duLXJpZ2h0IHtcbiAgaGVpZ2h0OiA1MnB4O1xuICB3aWR0aDogNTJweDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duLXJpZ2h0IC5mZi1hcnJvdy1idXR0b24tLXJpZ2h0IHtcbiAgdG9wOiAwcHg7XG4gIHJpZ2h0OiAycHg7XG4gIGFuaW1hdGlvbjogc2xpZGVSaWdodCAwLjRzIGVhc2Utb3V0O1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLWRvd24tcmlnaHQgLmZmLWFycm93LWJ1dHRvbi0tZG93biB7XG4gIGJvdHRvbTogMnB4O1xuICBhbmltYXRpb246IHNsaWRlRG93biAwLjRzIGVhc2Utb3V0O1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyLmZmLXRvcCB7XG4gIGhlaWdodDogNTJweDtcbiAgd2lkdGg6IDI0cHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTQlKTtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi10b3AgLmZmLWFycm93LWJ1dHRvbi0tdG9wIHtcbiAgdG9wOiAycHg7XG4gIGFuaW1hdGlvbjogc2xpZGVUb3AgMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1yaWdodCB7XG4gIGhlaWdodDogMjRweDtcbiAgd2lkdGg6IDUycHg7XG59XG4uZmYtYXJyb3ctYnV0dG9ucy1jb250YWluZXIuZmYtcmlnaHQgLmZmLWFycm93LWJ1dHRvbi0tcmlnaHQge1xuICByaWdodDogMnB4O1xuICBhbmltYXRpb246IHNsaWRlUmlnaHQgMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duIHtcbiAgaGVpZ2h0OiA1MnB4O1xuICB3aWR0aDogMjRweDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lci5mZi1kb3duIC5mZi1hcnJvdy1idXR0b24tLWRvd24ge1xuICBib3R0b206IDJweDtcbiAgYW5pbWF0aW9uOiBzbGlkZURvd24gMC40cyBlYXNlLW91dDtcbn1cbi5mZi1hcnJvdy1idXR0b25zLWNvbnRhaW5lciAuZmYtYXJyb3ctYnV0dG9uIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tYXJyb3ctYnV0dG9uLWJnLWNvbG9yKTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCB2YXIoLS1hcnJvd3MtYnV0dG9uLWJvcmRlci1jb2xvcik7XG4gIHBhZGRpbmc6IDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3gtc2hhZG93OiAwcHggMXB4IDRweCAwcHggdmFyKC0tZmYtc2VsZWN0LW9wdGlvbi13cmFwcGVyLWJveC1zaGFkb3cpO1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyIC5mZi1hcnJvdy1idXR0b24tLXRvcCB7XG4gIHRvcDogMHB4O1xuICBsZWZ0OiAwO1xufVxuLmZmLWFycm93LWJ1dHRvbnMtY29udGFpbmVyIC5mZi1hcnJvdy1idXR0b24tLWRvd24ge1xuICBib3R0b206IDBweDtcbiAgbGVmdDogMDtcbn1cbkBrZXlmcmFtZXMgc2xpZGVUb3Age1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMjBweCk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICA1MCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMTBweCk7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZVJpZ2h0IHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0yMHB4KTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwcHgpO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGVEb3duIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwcHgpO1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn0iXX0= */");

package/lib/components/AddResourceButton/type.js

@@ -1,27 +1 @@
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-/**
- * Utility function to validate an array of directional arrows.
- * Ensures there is at least one valid arrow in the array.
- * If the array is empty, it returns a default arrow object.
- */
-export const validateArrows = (arrows) => {
-    if (checkEmpty(arrows)) {
-        return [
-            {
-                direction: null,
-                menuOptions: [
-                    {
-                        label: 'Sub Module',
-                        value: 'sub_module',
-                        icon: '',
-                        disable: false,
-                        tooltipForOption: '',
-                        tooltipPlacementForOption: undefined,
-                    },
-                ],
-            },
-        ];
-    }
-    return arrows;
-};
-//# sourceMappingURL=type.js.map
+import{checkEmpty as o}from"../../utils/checkEmpty/checkEmpty.js";const t=t=>o(t)?[{direction:null,menuOptions:[{label:"Sub Module",value:"sub_module",icon:"",disable:!1,tooltipForOption:"",tooltipPlacementForOption:void 0}]}]:t;export{t as validateArrows};

package/lib/components/AiToggle/AiToggle.js

@@ -1,21 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './AiToggle.scss';
-import Typography from '../Typography';
-import classNames from 'classnames';
-const AiToggle = ({ onChange, disabled, checked = false, id = 'toggle', path, }) => {
-    const handleChange = (e) => {
-        if (onChange) {
-            onChange(e);
-        }
-    };
-    return (_jsxs("div", { className: "ff--ai-switch-container", children: [_jsx("input", { className: "ff--ai-switch-checkbox", id: `ff-toggle-${id}`, type: "checkbox", disabled: !!disabled, onChange: handleChange, checked: checked }), _jsx("label", { className: classNames(`ff--ai-switch-label`, {
-                    'ff--ai-switch-label--disabled': disabled,
-                }), htmlFor: `ff-toggle-${id}`, children: _jsx("span", { className: "ff--ai-switch-content", children: _jsxs("span", { className: "ff--ai-switch-content", children: [_jsx(Typography, { className: classNames('ff--ai-switch-typography', {
-                                    left: checked,
-                                    right: !checked,
-                                }), as: "div", fontWeight: "bold", fontSize: 18, color: checked
-                                    ? 'var(--base-bg-color)'
-                                    : 'var(--ff-ai-toggle-text-color)', children: "AI" }), _jsx("img", { className: "ff--ai-switch-image", src: path, alt: "AI image" })] }) }) })] }));
-};
-export default AiToggle;
-//# sourceMappingURL=AiToggle.js.map
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import"./AiToggle.scss.js";import i from"../Typography/Typography.js";import t from"../../_virtual/index.js";const s=({onChange:s,disabled:c,checked:l=!1,id:o="toggle",path:f})=>a("div",{className:"ff--ai-switch-container",children:[e("input",{className:"ff--ai-switch-checkbox",id:`ff-toggle-${o}`,type:"checkbox",disabled:!!c,onChange:a=>{s&&s(a)},checked:l}),e("label",{className:t("ff--ai-switch-label",{"ff--ai-switch-label--disabled":c}),htmlFor:`ff-toggle-${o}`,children:e("span",{className:"ff--ai-switch-content",children:a("span",{className:"ff--ai-switch-content",children:[e(i,{className:t("ff--ai-switch-typography",{left:l,right:!l}),as:"div",fontWeight:"bold",fontSize:18,color:l?"var(--base-bg-color)":"var(--ff-ai-toggle-text-color)",children:"AI"}),e("img",{className:"ff--ai-switch-image",src:f,alt:"AI image"})]})})})]});export{s as default};

package/lib/components/AiToggle/AiToggle.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff--ai-switch-container{position:relative}.ff--ai-switch-container .ff--ai-switch-checkbox{display:none;height:0;width:0}.ff--ai-switch-container .ff--ai-switch-checkbox:checked+.ff--ai-switch-label{background:linear-gradient(261.99deg,var(--brand-color) 15.23%,var(--ff-ai-toggle-bg-color) 89.86%) padding-box,linear-gradient(to left,var(--brand-color),var(--ff-ai-toggle-bg-color)) border-box}.ff--ai-switch-container .ff--ai-switch-checkbox:checked+.ff--ai-switch-label:disabled{background:var(--disable-color);color:var(--disable-color);cursor:not-allowed}.ff--ai-switch-container .ff--ai-switch-checkbox:disabled{cursor:not-allowed}.ff--ai-switch-container .ff--ai-switch-label{align-items:center;background:linear-gradient(var(--primary-button-text-color),var(--primary-button-text-color)) padding-box,linear-gradient(to left,var(--brand-color),var(--ff-ai-toggle-bg-color)) border-box;border:2px solid transparent;border-radius:22px;cursor:pointer;display:flex;height:32px;justify-content:space-between;padding:4px;position:relative;transition:all .3s;width:56px}.ff--ai-switch-container .ff--ai-switch-label .ff--ai-switch-content{align-items:center;display:flex;justify-content:space-between;width:100%}.ff--ai-switch-container .ff--ai-switch-label .ff--ai-switch-content .ff--ai-switch-typography.left{order:0}.ff--ai-switch-container .ff--ai-switch-label .ff--ai-switch-content .ff--ai-switch-typography.right{order:2}.ff--ai-switch-container .ff--ai-switch-label .ff--ai-switch-content .ff--ai-switch-image{height:26px;order:1;width:26px}.ff--ai-switch-container .ff--ai-switch-label--disabled{cursor:no-drop;opacity:.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFpVG9nZ2xlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseUJBQ0UsaUJBQ0YsQ0FDQSxpREFHRSxZQUFhLENBRmIsUUFBUyxDQUNULE9BRUYsQ0FDQSw4RUFDRSxtTUFDRixDQUNBLHVGQUdFLCtCQUFnQyxDQURoQywwQkFBMkIsQ0FEM0Isa0JBR0YsQ0FDQSwwREFDRSxrQkFDRixDQUNBLDhDQUVFLGtCQUFtQixDQUduQiw2TEFBa00sQ0FLbE0sNEJBQTZCLENBRTdCLGtCQUFtQixDQUhuQixjQUFlLENBUmYsWUFBYSxDQU9iLFdBQVksQ0FMWiw2QkFBOEIsQ0FROUIsV0FBWSxDQUxaLGlCQUFrQixDQUZsQixrQkFBb0IsQ0FHcEIsVUFNRixDQUNBLHFFQUVFLGtCQUFtQixDQURuQixZQUFhLENBRWIsNkJBQThCLENBQzlCLFVBQ0YsQ0FDQSxvR0FDRSxPQUNGLENBQ0EscUdBQ0UsT0FDRixDQUNBLDBGQUdFLFdBQVksQ0FGWixPQUFRLENBQ1IsVUFFRixDQUNBLHdEQUVFLGNBQWUsQ0FEZixVQUVGIiwiZmlsZSI6IkFpVG9nZ2xlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtLWFpLXN3aXRjaC1jb250YWluZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmYtLWFpLXN3aXRjaC1jb250YWluZXIgLmZmLS1haS1zd2l0Y2gtY2hlY2tib3gge1xuICBoZWlnaHQ6IDA7XG4gIHdpZHRoOiAwO1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZmLS1haS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tYWktc3dpdGNoLWNoZWNrYm94OmNoZWNrZWQgKyAuZmYtLWFpLXN3aXRjaC1sYWJlbCB7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgyNjEuOTlkZWcsIHZhcigtLWJyYW5kLWNvbG9yKSAxNS4yMyUsIHZhcigtLWZmLWFpLXRvZ2dsZS1iZy1jb2xvcikgODkuODYlKSBwYWRkaW5nLWJveCwgbGluZWFyLWdyYWRpZW50KHRvIGxlZnQsIHZhcigtLWJyYW5kLWNvbG9yKSwgdmFyKC0tZmYtYWktdG9nZ2xlLWJnLWNvbG9yKSkgYm9yZGVyLWJveDtcbn1cbi5mZi0tYWktc3dpdGNoLWNvbnRhaW5lciAuZmYtLWFpLXN3aXRjaC1jaGVja2JveDpjaGVja2VkICsgLmZmLS1haS1zd2l0Y2gtbGFiZWw6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZGlzYWJsZS1jb2xvcik7XG4gIGJhY2tncm91bmQ6IHZhcigtLWRpc2FibGUtY29sb3IpO1xufVxuLmZmLS1haS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tYWktc3dpdGNoLWNoZWNrYm94OmRpc2FibGVkIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbi5mZi0tYWktc3dpdGNoLWNvbnRhaW5lciAuZmYtLWFpLXN3aXRjaC1sYWJlbCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgdHJhbnNpdGlvbjogYWxsIDAuM3M7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCh2YXIoLS1wcmltYXJ5LWJ1dHRvbi10ZXh0LWNvbG9yKSwgdmFyKC0tcHJpbWFyeS1idXR0b24tdGV4dC1jb2xvcikpIHBhZGRpbmctYm94LCBsaW5lYXItZ3JhZGllbnQodG8gbGVmdCwgdmFyKC0tYnJhbmQtY29sb3IpLCB2YXIoLS1mZi1haS10b2dnbGUtYmctY29sb3IpKSBib3JkZXItYm94O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiA1NnB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogMjJweDtcbn1cbi5mZi0tYWktc3dpdGNoLWNvbnRhaW5lciAuZmYtLWFpLXN3aXRjaC1sYWJlbCAuZmYtLWFpLXN3aXRjaC1jb250ZW50IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbn1cbi5mZi0tYWktc3dpdGNoLWNvbnRhaW5lciAuZmYtLWFpLXN3aXRjaC1sYWJlbCAuZmYtLWFpLXN3aXRjaC1jb250ZW50IC5mZi0tYWktc3dpdGNoLXR5cG9ncmFwaHkubGVmdCB7XG4gIG9yZGVyOiAwO1xufVxuLmZmLS1haS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tYWktc3dpdGNoLWxhYmVsIC5mZi0tYWktc3dpdGNoLWNvbnRlbnQgLmZmLS1haS1zd2l0Y2gtdHlwb2dyYXBoeS5yaWdodCB7XG4gIG9yZGVyOiAyO1xufVxuLmZmLS1haS1zd2l0Y2gtY29udGFpbmVyIC5mZi0tYWktc3dpdGNoLWxhYmVsIC5mZi0tYWktc3dpdGNoLWNvbnRlbnQgLmZmLS1haS1zd2l0Y2gtaW1hZ2Uge1xuICBvcmRlcjogMTtcbiAgd2lkdGg6IDI2cHg7XG4gIGhlaWdodDogMjZweDtcbn1cbi5mZi0tYWktc3dpdGNoLWNvbnRhaW5lciAuZmYtLWFpLXN3aXRjaC1sYWJlbC0tZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjU7XG4gIGN1cnNvcjogbm8tZHJvcDtcbn0iXX0= */");

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.js

@@ -1,141 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import Icon from '../Icon';
-import Typography from '../Typography';
-import { isTextTruncated, truncateText, } from '../../utils/truncateText/truncateText';
-import './AllProjectsDropdown.scss';
-import classNames from 'classnames';
-import Tooltip from '../Tooltip';
-import useClickOutside from '../../hooks/useClickOutside';
-import Search from '../Search';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const AllProjectsDropdown = ({ onClick = () => { }, onMenuClick = () => { }, options, selectedOption = {
-    label: 'All Projects',
-    value: 'All Projects',
-    iconName: 'all_projects',
-}, selected = false, placeholder, disabled = false, }) => {
-    const [showOptions, setShowOptions] = useState(false);
-    const [showClicked, setShowClicked] = useState(false);
-    const [selectedOptions, setSelectedOptions] = useState(selectedOption);
-    const optionsRef = useRef(null);
-    const [optionsList, setOptionsList] = useState(options);
-    // ⇩⇩⇩ Updated: use actual return type of setTimeout (works in Node & DOM) ⇩⇩⇩
-    const [closeTimeout, setCloseTimeout] = useState(null);
-    // ⇧⇧⇧ Updated: use actual return type of setTimeout (works in Node & DOM) ⇧⇧⇧
-    const containerRef = useRef(null);
-    const [searchValue, setSearchValue] = useState('');
-    const [isSecondClickFromOtherTab, setIsSecondClickFromOtherTab] = useState(selected);
-    useEffect(() => {
-        if (optionsList !== options) {
-            setOptionsList(options);
-        }
-    }, [options]);
-    useEffect(() => {
-        if (!selected) {
-            setIsSecondClickFromOtherTab(false);
-        }
-    }, [selected]);
-    useEffect(() => {
-        if (selectedOption) {
-            setSelectedOptions(selectedOption);
-        }
-    }, [selectedOption]);
-    const closeOptions = () => {
-        if (showOptions) {
-            setShowOptions(false);
-        }
-    };
-    const handleMouseEnter = () => {
-        if (!disabled) {
-            setShowOptions(true);
-        }
-        if (!disabled && !selected) {
-            setShowOptions(true);
-        }
-    };
-    const handleClick = () => {
-        if (!disabled) {
-            if (showOptions) {
-                setShowOptions(false);
-            }
-            if (!isSecondClickFromOtherTab) {
-                setIsSecondClickFromOtherTab(true);
-            }
-            else {
-                setShowClicked(!showClicked);
-            }
-        }
-        setSearchValue('');
-        setOptionsList(options);
-    };
-    const handleMouseLeave = () => {
-        if (!disabled) {
-            const timeout = setTimeout(() => {
-                closeOptions();
-            }, 250);
-            setCloseTimeout(timeout);
-        }
-    };
-    const dropDownMouseEnter = () => {
-        if (closeTimeout !== null) {
-            clearTimeout(closeTimeout);
-            setCloseTimeout(null);
-        }
-    };
-    const handleSelectOption = (option) => {
-        if (!disabled) {
-            setSelectedOptions(option);
-            closeOptions();
-            onClick(option);
-            setSearchValue('');
-            setOptionsList(options);
-        }
-        setShowClicked(false);
-        setShowOptions(false);
-    };
-    const handleSearch = (query) => {
-        if (!disabled) {
-            setSearchValue(query);
-            if (!checkEmpty(query)) {
-                const staticItem = options[0] ?? { label: '', value: '', iconName: '' };
-                const filterData = options
-                    .slice(1)
-                    .filter((option) => option.label.toLowerCase().includes(query.toLowerCase()));
-                setOptionsList([staticItem, ...filterData]);
-            }
-            else {
-                setSearchValue('');
-                setOptionsList(options);
-            }
-        }
-    };
-    useClickOutside(optionsRef, () => setShowClicked(false), [containerRef]);
-    return (_jsxs("div", { className: classNames('ff-all-project', {
-            'ff-all-project--disabled': disabled,
-        }), ref: containerRef, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("div", { className: classNames('ff-all-project-dropdown', {
-                    ['ff-all-project-dropdown--selected']: selected,
-                    ['ff-all-project-dropdown--disabled']: disabled,
-                }), children: _jsxs("div", { className: classNames('ff-all-project-container'), children: [_jsx(Typography, { as: 'div', lineHeight: '18px', fontSize: 12, fontWeight: selected ? 'semi-bold' : 'regular', className: classNames('projects-label'), onClick: onMenuClick, children: selectedOptions.label.length <= 12
-                                ? selectedOptions.label
-                                : truncateText(selectedOptions?.label, 12) }), _jsxs("div", { className: classNames('label-icon'), children: [_jsx("div", { className: "icon-click-layer" }), _jsx(Icon, { name: showOptions || showClicked
-                                        ? 'arrows_top_icon'
-                                        : 'arrows_down_icon', color: disabled
-                                        ? 'var(--disabled-icon-color)'
-                                        : 'var(--primary-icon-color)', height: 8, width: 8, hoverEffect: false })] })] }) }), (showOptions || showClicked) && !disabled && (_jsxs("div", { className: classNames('ff-projects-dropdown'), ref: optionsRef, onMouseEnter: dropDownMouseEnter, children: [_jsx("div", { className: "ff-dropdown-search-container", onClick: (e) => e.stopPropagation(), children: _jsx(Search, { onSearch: handleSearch, value: searchValue, isExpand: true, onClose: () => { }, onExpand: () => { }, showClose: false, placeholder: placeholder, disabled: disabled, showToaster: false }) }), _jsx("div", { className: classNames('option-card'), children: optionsList.map((option, index) => index === 0 && (_jsxs("div", { onClick: (e) => {
-                                e.stopPropagation();
-                                handleSelectOption(option);
-                            }, className: classNames('ff-projects-options', {
-                                ['ff-selected-option']: selectedOption.label === option.label,
-                                ['ff-option-disabled']: disabled,
-                            }), children: [_jsx("div", { className: classNames('ff-projects-icons'), children: _jsx(Icon, { name: option.iconName, height: 12, width: 12 }) }), _jsx(Typography, { as: 'div', lineHeight: '30px', className: "ff-projects-label", children: option.label }, index)] }, index))) }), _jsx("div", { children: optionsList.length === 1 && (_jsx("div", { className: "ff-no-data-found", children: "-No Projects-" })) }), _jsx("div", { className: classNames('option-card', `${optionsList.length > 4 ? 'scroll' : ''}`), children: optionsList.map((option, index) => index > 0 && (_jsxs("div", { onClick: (e) => {
-                                e.stopPropagation();
-                                handleSelectOption(option);
-                            }, className: classNames('ff-projects-options', {
-                                ['ff-selected-option']: selectedOption.label === option.label,
-                                ['ff-option-disabled']: disabled,
-                            }), children: [_jsx("div", { className: classNames('ff-projects-icons'), children: _jsx(Icon, { name: option.iconName, height: 12, width: 12 }) }), _jsx(Typography, { as: 'div', lineHeight: '30px', className: "ff-projects-label", children: _jsx(Tooltip, { title: isTextTruncated(option.label, 165, 'pixel')
-                                            ? option.label
-                                            : '', children: truncateText(option.label, 165, 'pixel') }) }, index)] }, index))) })] }))] }));
-};
-export default AllProjectsDropdown;
-//# sourceMappingURL=AllProjectsDropdown.js.map
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as o,useRef as i,useEffect as a}from"react";import c from"../Icon/Icon.js";import s from"../Typography/Typography.js";import{truncateText as r,isTextTruncated as t}from"../../utils/truncateText/truncateText.js";import"./AllProjectsDropdown.scss.js";import n from"../../_virtual/index.js";import d from"../Tooltip/Tooltip.js";import p from"../../hooks/useClickOutside.js";import f from"../Search/Search.js";import{checkEmpty as m}from"../../utils/checkEmpty/checkEmpty.js";const h=({onClick:h=()=>{},onMenuClick:j=()=>{},options:u,selectedOption:b={label:"All Projects",value:"All Projects",iconName:"all_projects"},selected:v=!1,placeholder:N,disabled:g=!1})=>{const[w,k]=o(!1),[x,C]=o(!1),[T,y]=o(b),E=i(null),[P,_]=o(u),[M,S]=o(null),A=i(null),[H,L]=o(""),[I,O]=o(v);a(()=>{P!==u&&_(u)},[u]),a(()=>{v||O(!1)},[v]),a(()=>{b&&y(b)},[b]);const z=()=>{w&&k(!1)},D=e=>{g||(y(e),z(),h(e),L(""),_(u)),C(!1),k(!1)};return p(E,()=>C(!1),[A]),e("div",{className:n("ff-all-project",{"ff-all-project--disabled":g}),ref:A,onClick:()=>{g||(w&&k(!1),I?C(!x):O(!0)),L(""),_(u)},onMouseEnter:()=>{g||k(!0),g||v||k(!0)},onMouseLeave:()=>{if(!g){const e=setTimeout(()=>{z()},250);S(e)}},children:[l("div",{className:n("ff-all-project-dropdown",{"ff-all-project-dropdown--selected":v,"ff-all-project-dropdown--disabled":g}),children:e("div",{className:n("ff-all-project-container"),children:[l(s,{as:"div",lineHeight:"18px",fontSize:12,fontWeight:v?"semi-bold":"regular",className:n("projects-label"),onClick:j,children:T.label.length<=12?T.label:r(T?.label,12)}),e("div",{className:n("label-icon"),children:[l("div",{className:"icon-click-layer"}),l(c,{name:w||x?"arrows_top_icon":"arrows_down_icon",color:g?"var(--disabled-icon-color)":"var(--primary-icon-color)",height:8,width:8,hoverEffect:!1})]})]})}),(w||x)&&!g&&e("div",{className:n("ff-projects-dropdown"),ref:E,onMouseEnter:()=>{null!==M&&(clearTimeout(M),S(null))},children:[l("div",{className:"ff-dropdown-search-container",onClick:e=>e.stopPropagation(),children:l(f,{onSearch:e=>{if(!g)if(L(e),m(e))L(""),_(u);else{const l=u[0]??{label:"",value:"",iconName:""},o=u.slice(1).filter(l=>l.label.toLowerCase().includes(e.toLowerCase()));_([l,...o])}},value:H,isExpand:!0,onClose:()=>{},onExpand:()=>{},showClose:!1,placeholder:N,disabled:g,showToaster:!1})}),l("div",{className:n("option-card"),children:P.map((o,i)=>0===i&&e("div",{onClick:e=>{e.stopPropagation(),D(o)},className:n("ff-projects-options",{"ff-selected-option":b.label===o.label,"ff-option-disabled":g}),children:[l("div",{className:n("ff-projects-icons"),children:l(c,{name:o.iconName,height:12,width:12})}),l(s,{as:"div",lineHeight:"30px",className:"ff-projects-label",children:o.label},i)]},i))}),l("div",{children:1===P.length&&l("div",{className:"ff-no-data-found",children:"-No Projects-"})}),l("div",{className:n("option-card",""+(P.length>4?"scroll":"")),children:P.map((o,i)=>i>0&&e("div",{onClick:e=>{e.stopPropagation(),D(o)},className:n("ff-projects-options",{"ff-selected-option":b.label===o.label,"ff-option-disabled":g}),children:[l("div",{className:n("ff-projects-icons"),children:l(c,{name:o.iconName,height:12,width:12})}),l(s,{as:"div",lineHeight:"30px",className:"ff-projects-label",children:l(d,{title:t(o.label,165,"pixel")?o.label:"",children:r(o.label,165,"pixel")})},i)]},i))})]})]})};export{h as default};

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c('.ff-all-project{display:flex;flex-direction:column;justify-content:flex-start}.ff-all-project .ff-all-project-dropdown{align-content:center;align-items:center;border-radius:16px;color:var(--expandable-menu-default-bg);cursor:pointer;display:flex;justify-content:center;line-height:18px;padding:3px;width:fit-content}.ff-all-project .ff-all-project-dropdown--selected{background-color:var(--primary-icon-color);border-radius:20px}.ff-all-project .ff-all-project-dropdown--selected .ff-all-project-container{text-wrap-mode:nowrap;background:linear-gradient(90deg,var(--brand-color) 0,var(--button-background-gradient-color) 100%);border-radius:20px;box-shadow:0 4px 4px 0 var(--toggle-strip-shadow) inset}.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label{position:relative;white-space:nowrap}.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:hover:after{animation:oscillate-border-width .5s ease-in-out forwards}.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:after{background-color:var(--ff-app-header-menu-border-bottom-color);border-radius:4px;content:"";height:2px;left:0;position:absolute;top:20px;transition:width .15s ease-in-out;width:0}.ff-all-project .ff-all-project-dropdown .ff-all-project-container{text-wrap-mode:nowrap;display:flex;gap:4px;justify-content:center;padding:4px 8px}.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon{align-content:center;align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:16px}.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon .icon-click-layer{background:transparent;cursor:pointer;inset:0;position:absolute;z-index:2}.ff-all-project .ff-all-project-dropdown.ff-all-project-dropdown--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.ff-all-project .ff-projects-dropdown{background-color:var(--secondary-icon-color);border:.5px solid var(--expandable-menu-default-bg);border-radius:4px;color:var(--primary-icon-color);padding:1px;position:absolute;top:40px;width:202px;z-index:2000}.ff-all-project .ff-projects-dropdown .ff-no-data-found{align-items:center;color:var(--primary-icon-color);display:flex;font-size:12px;height:32px;margin-left:32px;width:100%}.ff-all-project .ff-projects-dropdown .ff-dropdown-search-container .ff-search-container{height:32px;justify-content:flex-start}.ff-all-project .ff-projects-dropdown .ff-dropdown-search-container .ff-search-container .ff-search-icon{margin:0}.ff-all-project .ff-projects-dropdown .ff-dropdown-search-container .ff-search-container .ff-vertical-line{height:12px}.ff-all-project .ff-projects-dropdown .ff-dropdown-search-container .ff-search-container .ff-search-input{font-size:12px;margin-left:2px}.ff-all-project .ff-projects-dropdown .scroll{max-height:165px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar{width:2px}.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar-thumb{background:var(--primary-icon-color);border-radius:2px}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options{align-content:center;align-items:center;cursor:pointer;display:flex;gap:4px;justify-content:center;justify-content:flex-start;margin-top:1px;padding:1px;white-space:nowrap}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons{align-content:center;align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons svg path{fill:var(--primary-icon-color)}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option,.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover{background-color:var(--primary-icon-color);border-radius:4px;color:var(--secondary-icon-color)}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option svg path,.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover svg path{fill:var(--secondary-icon-color)}.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-option-disabled{opacity:.5;pointer-events:none}.ff-all-project .ff-projects-dropdown .ff-all-projects-option,.ff-all-project .ff-projects-dropdown .ff-selected-option{align-content:center;align-items:center;background-color:var(--primary-icon-color);border-radius:4px;color:var(--secondary-icon-color);display:flex;gap:4px;justify-content:center;justify-content:flex-start}.ff-all-project .ff-projects-dropdown .ff-all-projects-option .ff-projects-icons svg path,.ff-all-project .ff-projects-dropdown .ff-selected-option .ff-projects-icons svg path{fill:var(--secondary-icon-color)}.ff-all-project.ff-all-project--disabled{cursor:not-allowed;pointer-events:none}@keyframes oscillate-border-width{0%{left:25%;width:50%}50%{left:15%;width:70%}to{left:25%;width:50%}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFsbFByb2plY3RzRHJvcGRvd24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLDBCQUNGLENBQ0EseUNBUUUsb0JBQXFCLENBRHJCLGtCQUFtQixDQUxuQixrQkFBbUIsQ0FDbkIsdUNBQXdDLENBT3hDLGNBQWUsQ0FMZixZQUFhLENBQ2Isc0JBQXVCLENBRnZCLGdCQUFpQixDQUtqQixXQUFZLENBUlosaUJBVUYsQ0FDQSxtREFDRSwwQ0FBMkMsQ0FDM0Msa0JBQ0YsQ0FDQSw2RUFJRSxxQkFBc0IsQ0FEdEIsbUdBQXVHLENBRnZHLGtCQUFtQixDQUNuQix1REFHRixDQUNBLHVHQUNFLGlCQUFrQixDQUNsQixrQkFDRixDQUNBLG1IQUNFLHlEQUNGLENBQ0EsNkdBT0UsOERBQStELENBQy9ELGlCQUFrQixDQVBsQixVQUFXLENBS1gsVUFBVyxDQUZYLE1BQVEsQ0FGUixpQkFBa0IsQ0FDbEIsUUFBUyxDQU1ULGlDQUFtQyxDQUpuQyxPQUtGLENBQ0EsbUVBS0UscUJBQXNCLENBSnRCLFlBQWEsQ0FFYixPQUFRLENBQ1Isc0JBQXVCLENBRnZCLGVBSUYsQ0FDQSwrRUFPRSxvQkFBcUIsQ0FEckIsa0JBQW1CLENBRm5CLFlBQWEsQ0FGYixXQUFZLENBR1osc0JBQXVCLENBSnZCLGlCQUFrQixDQUVsQixVQUtGLENBQ0EsaUdBR0Usc0JBQXVCLENBQ3ZCLGNBQWUsQ0FGZixPQUFRLENBRFIsaUJBQWtCLENBSWxCLFNBQ0YsQ0FDQSwyRUFFRSxrQkFBbUIsQ0FEbkIsVUFBWSxDQUVaLG1CQUNGLENBQ0Esc0NBT0UsNENBQTZDLENBRjdDLG1EQUFxRCxDQUNyRCxpQkFBa0IsQ0FFbEIsK0JBQWdDLENBSmhDLFdBQVksQ0FGWixpQkFBa0IsQ0FDbEIsUUFBUyxDQUZULFdBQVksQ0FRWixZQUNGLENBQ0Esd0RBRUUsa0JBQW1CLENBS25CLCtCQUFnQyxDQU5oQyxZQUFhLENBS2IsY0FBZSxDQUZmLFdBQVksQ0FEWixnQkFBaUIsQ0FFakIsVUFHRixDQUNBLHlGQUNFLFdBQVksQ0FDWiwwQkFDRixDQUNBLHlHQUNFLFFBQ0YsQ0FDQSwyR0FDRSxXQUNGLENBQ0EsMEdBQ0UsY0FBZSxDQUNmLGVBQ0YsQ0FDQSw4Q0FDRSxnQkFBaUIsQ0FDakIsaUJBQWtCLENBQ2xCLHNCQUF1QixDQUN2QixrQkFDRixDQUNBLGlFQUNFLFNBQ0YsQ0FDQSx1RUFDRSxvQ0FBcUMsQ0FDckMsaUJBQ0YsQ0FDQSx3RUFJRSxvQkFBcUIsQ0FEckIsa0JBQW1CLENBT25CLGNBQWUsQ0FUZixZQUFhLENBS2IsT0FBUSxDQUpSLHNCQUF1QixDQUd2QiwwQkFBMkIsQ0FHM0IsY0FBZSxDQURmLFdBQVksQ0FFWixrQkFFRixDQUNBLDJGQUlFLG9CQUFxQixDQURyQixrQkFBbUIsQ0FGbkIsWUFBYSxDQUliLFdBQVksQ0FIWixzQkFBdUIsQ0FJdkIsVUFDRixDQUNBLG9HQUNFLDhCQUNGLENBQ0EseUtBRUUsMENBQTJDLENBRTNDLGlCQUFrQixDQURsQixpQ0FFRixDQUNBLDJMQUVFLGdDQUNGLENBQ0EsMkZBQ0UsVUFBWSxDQUNaLG1CQUNGLENBQ0Esd0hBS0Usb0JBQXFCLENBRHJCLGtCQUFtQixDQUluQiwwQ0FBMkMsQ0FFM0MsaUJBQWtCLENBRGxCLGlDQUFrQyxDQVBsQyxZQUFhLENBS2IsT0FBUSxDQUpSLHNCQUF1QixDQUd2QiwwQkFLRixDQUNBLGdMQUVFLGdDQUNGLENBQ0EseUNBQ0Usa0JBQW1CLENBQ25CLG1CQUNGLENBRUEsa0NBQ0UsR0FFRSxRQUFTLENBRFQsU0FFRixDQUNBLElBRUUsUUFBUyxDQURULFNBRUYsQ0FDQSxHQUVFLFFBQVMsQ0FEVCxTQUVGLENBQ0YiLCJmaWxlIjoiQWxsUHJvamVjdHNEcm9wZG93bi5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZmLWFsbC1wcm9qZWN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1hbGwtcHJvamVjdC1kcm9wZG93biB7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbiAgY29sb3I6IHZhcigtLWV4cGFuZGFibGUtbWVudS1kZWZhdWx0LWJnKTtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDNweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1hbGwtcHJvamVjdC1kcm9wZG93bi0tc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAyMHB4O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1hbGwtcHJvamVjdC1kcm9wZG93bi0tc2VsZWN0ZWQgLmZmLWFsbC1wcm9qZWN0LWNvbnRhaW5lciB7XG4gIGJvcmRlci1yYWRpdXM6IDIwcHg7XG4gIGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCB2YXIoLS10b2dnbGUtc3RyaXAtc2hhZG93KSBpbnNldDtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLCB2YXIoLS1icmFuZC1jb2xvcikgMCUsIHZhcigtLWJ1dHRvbi1iYWNrZ3JvdW5kLWdyYWRpZW50LWNvbG9yKSAxMDAlKTtcbiAgdGV4dC13cmFwLW1vZGU6IG5vd3JhcDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd246bm90KC5mZi1hbGwtcHJvamVjdC1kcm9wZG93bi0tc2VsZWN0ZWQpOmhvdmVyIC5wcm9qZWN0cy1sYWJlbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd246bm90KC5mZi1hbGwtcHJvamVjdC1kcm9wZG93bi0tc2VsZWN0ZWQpOmhvdmVyIC5wcm9qZWN0cy1sYWJlbDpob3Zlcjo6YWZ0ZXIge1xuICBhbmltYXRpb246IG9zY2lsbGF0ZS1ib3JkZXItd2lkdGggMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd246bm90KC5mZi1hbGwtcHJvamVjdC1kcm9wZG93bi0tc2VsZWN0ZWQpOmhvdmVyIC5wcm9qZWN0cy1sYWJlbDo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMjBweDtcbiAgbGVmdDogMCU7XG4gIHdpZHRoOiAwJTtcbiAgaGVpZ2h0OiAycHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLWFwcC1oZWFkZXItbWVudS1ib3JkZXItYm90dG9tLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICB0cmFuc2l0aW9uOiB3aWR0aCAwLjE1cyBlYXNlLWluLW91dDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd24gLmZmLWFsbC1wcm9qZWN0LWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGdhcDogNHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgdGV4dC13cmFwLW1vZGU6IG5vd3JhcDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd24gLmZmLWFsbC1wcm9qZWN0LWNvbnRhaW5lciAubGFiZWwtaWNvbiB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxNnB4O1xuICB3aWR0aDogMTZweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtYWxsLXByb2plY3QtZHJvcGRvd24gLmZmLWFsbC1wcm9qZWN0LWNvbnRhaW5lciAubGFiZWwtaWNvbiAuaWNvbi1jbGljay1sYXllciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLWFsbC1wcm9qZWN0LWRyb3Bkb3duLmZmLWFsbC1wcm9qZWN0LWRyb3Bkb3duLS1kaXNhYmxlZCB7XG4gIG9wYWNpdHk6IDAuNTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIHtcbiAgd2lkdGg6IDIwMnB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNDBweDtcbiAgcGFkZGluZzogMXB4O1xuICBib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLWV4cGFuZGFibGUtbWVudS1kZWZhdWx0LWJnKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZWNvbmRhcnktaWNvbi1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xuICB6LWluZGV4OiAyMDAwO1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtbm8tZGF0YS1mb3VuZCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAzMnB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIHdpZHRoOiAxMDAlO1xuICBmb250LXNpemU6IDEycHg7XG4gIGNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtZHJvcGRvd24tc2VhcmNoLWNvbnRhaW5lciAuZmYtc2VhcmNoLWNvbnRhaW5lciB7XG4gIGhlaWdodDogMzJweDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtZHJvcGRvd24tc2VhcmNoLWNvbnRhaW5lciAuZmYtc2VhcmNoLWNvbnRhaW5lciAuZmYtc2VhcmNoLWljb24ge1xuICBtYXJnaW46IDA7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIC5mZi1kcm9wZG93bi1zZWFyY2gtY29udGFpbmVyIC5mZi1zZWFyY2gtY29udGFpbmVyIC5mZi12ZXJ0aWNhbC1saW5lIHtcbiAgaGVpZ2h0OiAxMnB4O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtZHJvcGRvd24tc2VhcmNoLWNvbnRhaW5lciAuZmYtc2VhcmNoLWNvbnRhaW5lciAuZmYtc2VhcmNoLWlucHV0IHtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBtYXJnaW4tbGVmdDogMnB4O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuc2Nyb2xsIHtcbiAgbWF4LWhlaWdodDogMTY1cHg7XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIC5zY3JvbGw6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgd2lkdGg6IDJweDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtcHJvamVjdHMtZHJvcGRvd24gLnNjcm9sbDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAycHg7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIC5vcHRpb24tY2FyZCAuZmYtcHJvamVjdHMtb3B0aW9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgZ2FwOiA0cHg7XG4gIHBhZGRpbmc6IDFweDtcbiAgbWFyZ2luLXRvcDogMXB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIC5vcHRpb24tY2FyZCAuZmYtcHJvamVjdHMtb3B0aW9ucyAuZmYtcHJvamVjdHMtaWNvbnMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAub3B0aW9uLWNhcmQgLmZmLXByb2plY3RzLW9wdGlvbnMgLmZmLXByb2plY3RzLWljb25zIHN2ZyBwYXRoIHtcbiAgZmlsbDogdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtcHJvamVjdHMtZHJvcGRvd24gLm9wdGlvbi1jYXJkIC5mZi1wcm9qZWN0cy1vcHRpb25zLmZmLXNlbGVjdGVkLW9wdGlvbixcbi5mZi1hbGwtcHJvamVjdCAuZmYtcHJvamVjdHMtZHJvcGRvd24gLm9wdGlvbi1jYXJkIC5mZi1wcm9qZWN0cy1vcHRpb25zOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLXNlY29uZGFyeS1pY29uLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAub3B0aW9uLWNhcmQgLmZmLXByb2plY3RzLW9wdGlvbnMuZmYtc2VsZWN0ZWQtb3B0aW9uIHN2ZyBwYXRoLFxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAub3B0aW9uLWNhcmQgLmZmLXByb2plY3RzLW9wdGlvbnM6aG92ZXIgc3ZnIHBhdGgge1xuICBmaWxsOiB2YXIoLS1zZWNvbmRhcnktaWNvbi1jb2xvcik7XG59XG4uZmYtYWxsLXByb2plY3QgLmZmLXByb2plY3RzLWRyb3Bkb3duIC5vcHRpb24tY2FyZCAuZmYtcHJvamVjdHMtb3B0aW9ucy5mZi1vcHRpb24tZGlzYWJsZWQge1xuICBvcGFjaXR5OiAwLjU7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtYWxsLXByb2plY3RzLW9wdGlvbixcbi5mZi1hbGwtcHJvamVjdCAuZmYtcHJvamVjdHMtZHJvcGRvd24gLmZmLXNlbGVjdGVkLW9wdGlvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgZ2FwOiA0cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByaW1hcnktaWNvbi1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1zZWNvbmRhcnktaWNvbi1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cbi5mZi1hbGwtcHJvamVjdCAuZmYtcHJvamVjdHMtZHJvcGRvd24gLmZmLWFsbC1wcm9qZWN0cy1vcHRpb24gLmZmLXByb2plY3RzLWljb25zIHN2ZyBwYXRoLFxuLmZmLWFsbC1wcm9qZWN0IC5mZi1wcm9qZWN0cy1kcm9wZG93biAuZmYtc2VsZWN0ZWQtb3B0aW9uIC5mZi1wcm9qZWN0cy1pY29ucyBzdmcgcGF0aCB7XG4gIGZpbGw6IHZhcigtLXNlY29uZGFyeS1pY29uLWNvbG9yKTtcbn1cbi5mZi1hbGwtcHJvamVjdC5mZi1hbGwtcHJvamVjdC0tZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuQGtleWZyYW1lcyBvc2NpbGxhdGUtYm9yZGVyLXdpZHRoIHtcbiAgMCUge1xuICAgIHdpZHRoOiA1MCU7XG4gICAgbGVmdDogMjUlO1xuICB9XG4gIDUwJSB7XG4gICAgd2lkdGg6IDcwJTtcbiAgICBsZWZ0OiAxNSU7XG4gIH1cbiAgMTAwJSB7XG4gICAgd2lkdGg6IDUwJTtcbiAgICBsZWZ0OiAyNSU7XG4gIH1cbn0iXX0= */');

package/lib/components/AnimatedSetting/AnimatedSetting.js

@@ -1,33 +1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef } from 'react';
-import Components from '../Icon/iconList';
-const AnimatedSetting = forwardRef(({ name, height = 30, width = 30, path = '', onClick, color = 'var(--brand-color)', // Default color
-hoverEffect = false, className = '', disabled = false, variant = 'light', isSelected = false, x, y, tabIndex = -1, ...props }, ref) => {
-    const IconComponent = Components[name];
-    if (!IconComponent)
-        return null;
-    const iconRef = useRef(null);
-    useEffect(() => {
-        if (iconRef.current) {
-            if (x !== undefined)
-                iconRef.current.setAttribute('x', String(x));
-            if (y !== undefined)
-                iconRef.current.setAttribute('y', String(y));
-        }
-    }, [x, y]);
-    const baseProps = {
-        ref,
-        onClick: disabled ? undefined : onClick,
-        style: {
-            height: `${height}px`,
-            width: `${width}px`,
-            cursor: disabled ? 'not-allowed' : 'pointer',
-            opacity: disabled ? 0.3 : 1, // Reduce opacity when disabled
-        },
-        tabIndex,
-        ...props,
-    };
-    return (_jsx("span", { ...baseProps, children: _jsx("img", { height: height, width: width, src: path, alt: "" }) }));
-});
-export default AnimatedSetting;
-//# sourceMappingURL=AnimatedSetting.js.map
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as e,useEffect as i}from"react";import o from"../Icon/iconList.js";const n=r(({name:r,height:n=30,width:c=30,path:a="",onClick:l,color:s="var(--brand-color)",hoverEffect:d=!1,className:h="",disabled:u=!1,variant:m="light",isSelected:p=!1,x:f,y:x,tabIndex:g=-1,...b},v)=>{if(!o[r])return null;const w=e(null);i(()=>{w.current&&(void 0!==f&&w.current.setAttribute("x",String(f)),void 0!==x&&w.current.setAttribute("y",String(x)))},[f,x]);const y={ref:v,onClick:u?void 0:l,style:{height:`${n}px`,width:`${c}px`,cursor:u?"not-allowed":"pointer",opacity:u?.3:1},tabIndex:g,...b};return t("span",{...y,children:t("img",{height:n,width:c,src:a,alt:""})})});export{n as default};

package/lib/components/AppHeader/AppHeader.js

@@ -1,236 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Icon from '../Icon';
-import './AppHeader.scss';
-import classNames from 'classnames';
-import Typography from '../Typography';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import AllProjectsDropdown from '../AllProjectsDropdown';
-import MenuOption from '../MenuOption';
-import Tooltip from '../Tooltip';
-import { Fragment, useCallback, useEffect, useRef, useState, } from 'react';
-import { getStoreValue } from '../../utils/indexDBStore/indexDB';
-const AppHeader = ({ logo, profileContent, width, borderRadius, leftContent, rightContent, projectsList, appHeaderMenuItems, selectedMenu, selectedSubMenu, selectedQuickMenu, selectedProject = { label: '', value: '', iconName: '' }, onMenuClick = () => { }, onSubMenuClick = () => { }, onQuickMenuClick = () => { }, onProjectMenuClick = () => { }, onProjectDropdownLabelClick = () => { }, onMoreMenuOptionClick = () => { }, disabled = false, isClient = false, hideNavbar = false, scriptId, centerInfoItems = [], rightButtons = [], }) => {
-    const hiddenMenuRef = useRef(null);
-    const hiddenQuickMenuRef = useRef(null);
-    const [projectArrayList, setProjectArrayList] = useState(projectsList);
-    const [quickMenuItems, setQuickMenuItems] = useState([]);
-    const [appHeaderHiddenMenuItems, setAppHeaderHiddenMenuItems] = useState([]);
-    const projectDetails = getStoreValue('current-project');
-    const timeoutRef = useRef(null);
-    const [selectedMenuItem, setSelectedMenuItem] = useState(selectedMenu);
-    useEffect(() => {
-        if (projectsList !== projectArrayList) {
-            setProjectArrayList(projectsList);
-        }
-    }, [projectsList, projectArrayList]);
-    useEffect(() => {
-        if (selectedMenu !== selectedMenuItem) {
-            setSelectedMenuItem(selectedMenu);
-        }
-    }, [selectedMenu, selectedMenuItem]);
-    const handleMenuClick = (menuItem) => {
-        if (!disabled) {
-            onMenuClick(menuItem);
-            calculateVisibleItems();
-        }
-    };
-    const handleSubMenuClick = (subMenuItem) => {
-        if (!disabled) {
-            onSubMenuClick(subMenuItem);
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-            timeoutRef.current = setTimeout(() => {
-                calculateVisibleItems();
-            }, 800);
-        }
-    };
-    const handleQuickMenuClick = (quickMenuItem) => {
-        if (!disabled) {
-            onQuickMenuClick(quickMenuItem);
-        }
-    };
-    const handleProjectMenuClick = (projectItem) => {
-        if (projectItem?.value === projectDetails?.id &&
-            projectItem?.value !== 'All Projects') {
-            return;
-        }
-        if (!disabled) {
-            onProjectMenuClick(projectItem);
-            calculateVisibleItems();
-        }
-    };
-    const handleProjectDropdownLabelClick = () => {
-        if (!disabled) {
-            onProjectDropdownLabelClick();
-            calculateVisibleItems();
-        }
-    };
-    const handleMoreMenuOptionClick = (option) => {
-        if (!disabled) {
-            onMoreMenuOptionClick(option, calculateVisibleItems);
-        }
-    };
-    const menuContainerRef = useRef(null);
-    const menuItemsRef = useRef([]);
-    const subMenuItemsRef = useRef([]);
-    const quickMenuItemsRef = useRef([]);
-    const menuItemsWidthRef = useRef({});
-    const calculateVisibleItems = useCallback(() => {
-        if ((!isClient && projectDetails?.id === 'All Projects') ||
-            !menuContainerRef.current) {
-            setAppHeaderHiddenMenuItems([]);
-            return;
-        }
-        const containerWidth = isClient ? 700 : 890;
-        let totalWidth = 0;
-        const visibleItems = [];
-        const hiddenItems = [];
-        const sortedMenuItems = [...appHeaderMenuItems];
-        sortedMenuItems.forEach((item, index) => {
-            const itemWidth = menuItemsRef.current[index]?.offsetWidth ??
-                menuItemsWidthRef.current[item.label] ??
-                0;
-            if (itemWidth > 0) {
-                menuItemsWidthRef.current[item.label] = itemWidth;
-            }
-        });
-        const currentSelectedMenuItem = sortedMenuItems.find((item) => item.label === selectedMenuItem);
-        const otherMenuItems = sortedMenuItems.filter((item) => item.label !== selectedMenuItem);
-        if (currentSelectedMenuItem) {
-            visibleItems.push(currentSelectedMenuItem);
-            totalWidth +=
-                menuItemsWidthRef.current[currentSelectedMenuItem.label] ?? 0;
-        }
-        for (const item of otherMenuItems) {
-            const itemWidth = menuItemsWidthRef.current[item.label] ?? 0;
-            if (totalWidth + itemWidth > containerWidth) {
-                hiddenItems.push(item);
-            }
-            else {
-                visibleItems.push(item);
-                totalWidth += itemWidth;
-            }
-        }
-        setAppHeaderHiddenMenuItems(hiddenItems?.map((item) => ({
-            label: item.label,
-            value: item.path,
-            icon: item?.iconName,
-        })));
-    }, [
-        appHeaderMenuItems,
-        selectedMenuItem,
-        selectedMenu,
-        selectedSubMenu,
-        selectedQuickMenu,
-    ]);
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            calculateVisibleItems();
-        }, 800);
-        return () => clearTimeout(timer);
-    }, [
-        projectDetails?.id,
-        selectedMenuItem,
-        scriptId,
-        quickMenuItems,
-        selectedSubMenu,
-        appHeaderMenuItems,
-    ]);
-    const checkIsHavingEntityPendingCounts = (data) => {
-        if (data.label === 'Approval Request' && data.entityPendingCounts) {
-            return Object.values(data.entityPendingCounts).some((count) => count > 0);
-        }
-        return false;
-    };
-    useEffect(() => {
-        if (appHeaderMenuItems && selectedMenu && selectedSubMenu) {
-            const quickMenuItemsData = getQuickMenuItems(appHeaderMenuItems, selectedMenu, selectedSubMenu);
-            if (JSON.stringify(quickMenuItemsData) !== JSON.stringify(quickMenuItems)) {
-                setQuickMenuItems(quickMenuItemsData || []);
-            }
-        }
-    }, [appHeaderMenuItems, selectedMenu, selectedSubMenu]);
-    const getQuickMenuItems = (dataArray, menuLabel, subMenuLabel) => {
-        const mainItem = dataArray.find((item) => item.label === menuLabel);
-        if (!mainItem) {
-            return [];
-        }
-        const subItem = mainItem?.subMenuItems?.find((sub) => sub.label === subMenuLabel);
-        if (!subItem) {
-            return [];
-        }
-        if (subItem.quickMenuItems) {
-            return subItem?.quickMenuItems?.filter((quickItem) => !quickItem?.hide);
-        }
-        else {
-            return [];
-        }
-    };
-    return (_jsx("div", { className: classNames('ff-app-header-main'), children: _jsxs("div", { className: "ff-app-header", style: {
-                borderStartStartRadius: borderRadius,
-                borderStartEndRadius: borderRadius,
-            }, children: [_jsxs("div", { className: "ff-app-header-left-container", children: [logo && _jsx("div", { className: "ff-app-header-logo-icon", children: logo }), leftContent && (_jsx("div", { className: "ff-app-header-left-content", children: leftContent }))] }), _jsxs("div", { className: classNames('ff-app-header-nav-bar', {
-                        'ff-app-header-nav-bar--with-center-info': !checkEmpty(centerInfoItems) && !checkEmpty(rightButtons),
-                    }), style: {
-                        width: width,
-                        visibility: (checkEmpty(appHeaderMenuItems) &&
-                            projectDetails?.id === 'All Projects') ||
-                            hideNavbar
-                            ? 'hidden'
-                            : 'visible',
-                        position: 'relative',
-                        zIndex: 1,
-                    }, ref: menuContainerRef, children: [!checkEmpty(centerInfoItems) && (_jsx("div", { className: classNames('ff-app-header-center-info', {
-                                'ff-app-header-center-info--no-right': checkEmpty(rightButtons),
-                            }), children: centerInfoItems.map((item, idx) => (_jsxs("div", { className: "ff-app-header-center-info-item", children: [_jsx(Icon, { name: item.iconName }), _jsx(Typography, { children: item.label })] }, idx))) })), !checkEmpty(rightButtons) && (_jsx("div", { className: "ff-app-header-right-buttons", children: rightButtons.map((btn, index) => (_jsxs("button", { className: "ff-app-header-right-button", style: {
-                                    color: btn.color,
-                                    backgroundColor: btn.backgroundColor,
-                                }, onClick: btn.onClick, children: [btn.iconName && _jsx(Icon, { name: btn.iconName }), _jsx(Typography, { fontSize: 10, fontWeight: "semi-bold", children: btn.label })] }, index))) })), projectArrayList && !checkEmpty(projectArrayList) && (_jsx("div", { children: _jsx(AllProjectsDropdown, { onClick: handleProjectMenuClick, options: projectArrayList, selectedOption: selectedProject, onMenuClick: handleProjectDropdownLabelClick, selected: selectedMenuItem === 'All Projects', placeholder: "Search Projects", disabled: disabled }) })), _jsx("div", { className: "ff-app-header-nav-bar-items fontSm", children: appHeaderMenuItems?.map((menuItem, index) => {
-                                return (!appHeaderHiddenMenuItems?.find((menu) => menu.label === menuItem.label) &&
-                                    !menuItem.hide &&
-                                    menuItem.access !== 'No Access' &&
-                                    (menuItem?.isReviewer !== false ||
-                                        checkIsHavingEntityPendingCounts(menuItem)) &&
-                                    menuItem.label !== 'All Projects' && (_jsxs("div", { ref: (element) => (menuItemsRef.current[index] = element), className: classNames('ff-app-header-nav-bar-item', {
-                                        ['ff-app-header-nav-bar-item--selected']: menuItem.label === selectedMenuItem,
-                                        'ff-app-header-nav-bar-item--disabled': disabled && menuItem.label !== selectedMenuItem,
-                                    }), children: [_jsx(Typography, { as: "div", className: "ff-app-header-nav-bar-item-label", lineHeight: "18px", onClick: () => handleMenuClick(menuItem), children: menuItem.label }), menuItem.label === selectedMenuItem &&
-                                            menuItem?.subMenuItems && (_jsxs(_Fragment, { children: [menuItem?.subMenuItems?.map((subMenuItem, index) => {
-                                                    return (_jsx(Fragment, { children: !subMenuItem.hide && (_jsx("div", { className: "ff-app-header-submenu-container", ref: (element) => (subMenuItemsRef.current[index] = element), children: _jsx(Tooltip, { title: subMenuItem.disable
-                                                                    ? subMenuItem.disableText
-                                                                    : '', placement: "bottom", children: _jsx(Typography, { as: "div", className: classNames('ff-app-header-nav-bar-submenu-item', {
-                                                                        ['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.label ===
-                                                                            selectedSubMenu,
-                                                                        'ff-app-header-nav-bar-submenu-item--disabled': disabled || subMenuItem.disable,
-                                                                    }), lineHeight: "18px", onClick: () => !subMenuItem.disable &&
-                                                                        handleSubMenuClick(subMenuItem), children: subMenuItem.label }) }) })) }, `subMenuItem.label-${index}`));
-                                                }), menuItem?.subMenuItems?.map((subMenuItem, index) => {
-                                                    return (_jsx(Fragment, { children: !subMenuItem.hide && (_jsx("div", { className: "ff-app-header-submenu-container", ref: (element) => (quickMenuItemsRef.current[index] =
-                                                                element), children: subMenuItem.label === selectedSubMenu &&
-                                                                subMenuItem?.quickMenuItems &&
-                                                                subMenuItem?.quickMenuItems.length > 0 &&
-                                                                (() => {
-                                                                    const quickMenuItemsArray = quickMenuItems.slice(0, scriptId ? 10 : 8);
-                                                                    const quickMenuHiddenItemsArray = quickMenuItems.slice(scriptId ? 10 : 8);
-                                                                    const quickMenuHiddenItems = quickMenuHiddenItemsArray?.map((item) => ({
-                                                                        ...item,
-                                                                        value: item.path,
-                                                                        icon: item.iconName,
-                                                                    }));
-                                                                    return (_jsxs("div", { className: classNames('ff-app-header-quickmenu-container', subMenuItem.quickMenuItems?.length
-                                                                            ? 'visible'
-                                                                            : ''), children: [!checkEmpty(quickMenuItemsArray) && (_jsx("div", { children: _jsx(Icon, { name: "vertical_separator" }) })), quickMenuItemsArray?.map((quickMenuItem) => {
-                                                                                return (_jsx(Fragment, { children: !quickMenuItem.hide && (_jsx("div", { onClick: () => handleQuickMenuClick(quickMenuItem), className: classNames('ff-app-header-nav-bar-quickmenu-item', {
-                                                                                            ['ff-app-header-nav-bar-quickmenu-item--selected']: quickMenuItem.path ===
-                                                                                                selectedQuickMenu,
-                                                                                        }), children: _jsx(Tooltip, { title: quickMenuItem?.label, children: _jsx(Icon, { name: quickMenuItem?.iconName ??
-                                                                                                    '', height: 16, width: 16, hoverEffect: true }) }) })) }, quickMenuItem.label));
-                                                                            }), quickMenuHiddenItemsArray &&
-                                                                                !checkEmpty(quickMenuHiddenItemsArray) && (_jsx("div", { ref: hiddenQuickMenuRef, children: _jsx(MenuOption, { iconName: "more", options: quickMenuHiddenItems, onOptionClick: onQuickMenuClick, dropdownPlacement: "down", zIndex: 1001, tooltipTitle: "More", variant: "light", targetRef: hiddenQuickMenuRef }) }))] }));
-                                                                })() })) }, subMenuItem.label));
-                                                })] }))] }, menuItem.label)));
-                            }) }), appHeaderHiddenMenuItems &&
-                            !checkEmpty(appHeaderHiddenMenuItems) && (_jsx("div", { className: "more-menu", ref: hiddenMenuRef, children: _jsx(MenuOption, { iconName: "more", options: appHeaderHiddenMenuItems, onOptionClick: handleMoreMenuOptionClick, variant: "dark", dropdownPlacement: "down", zIndex: 1001, tooltipTitle: "More", optionCardVariant: "default", targetRef: hiddenMenuRef, disabled: disabled }) }))] }), rightContent && (_jsx("div", { className: "ff-app-header-right-content", children: rightContent })), profileContent && (_jsx("div", { className: "ff-app-header-profile-content", children: profileContent }))] }) }));
-};
-export default AppHeader;
-//# sourceMappingURL=AppHeader.js.map
+import{jsx as e,jsxs as a,Fragment as n}from"react/jsx-runtime";import i from"../Icon/Icon.js";import"./AppHeader.scss.js";import t from"../../_virtual/index.js";import r from"../Typography/Typography.js";import{checkEmpty as l}from"../../utils/checkEmpty/checkEmpty.js";import o from"../AllProjectsDropdown/AllProjectsDropdown.js";import c from"../MenuOption/MenuOption.js";import s from"../Tooltip/Tooltip.js";import{useRef as d,useState as p,useEffect as m,useCallback as u,Fragment as f}from"react";import{getStoreValue as h}from"../../utils/indexDBStore/indexDB.js";const b=({logo:b,profileContent:v,width:N,borderRadius:k,leftContent:g,rightContent:M,projectsList:j,appHeaderMenuItems:C,selectedMenu:I,selectedSubMenu:P,selectedQuickMenu:y,selectedProject:w={label:"",value:"",iconName:""},onMenuClick:x=()=>{},onSubMenuClick:S=()=>{},onQuickMenuClick:T=()=>{},onProjectMenuClick:A=()=>{},onProjectDropdownLabelClick:q=()=>{},onMoreMenuOptionClick:O=()=>{},disabled:R=!1,isClient:D=!1,hideNavbar:E=!1,scriptId:z,centerInfoItems:H=[],rightButtons:B=[]})=>{const J=d(null),L=d(null),[Q,W]=p(j),[_,F]=p([]),[V,$]=p([]),G=h("current-project"),K=d(null),[U,X]=p(I);m(()=>{j!==Q&&W(j)},[j,Q]),m(()=>{I!==U&&X(I)},[I,U]);const Y=d(null),Z=d([]),ee=d([]),ae=d([]),ne=d({}),ie=u(()=>{if(!D&&"All Projects"===G?.id||!Y.current)return void $([]);const e=D?700:890;let a=0;const n=[],i=[...C];i.forEach((e,a)=>{const n=Z.current[a]?.offsetWidth??ne.current[e.label]??0;n>0&&(ne.current[e.label]=n)});const t=i.find(e=>e.label===U),r=i.filter(e=>e.label!==U);t&&(a+=ne.current[t.label]??0);for(const i of r){const t=ne.current[i.label]??0;a+t>e?n.push(i):a+=t}$(n?.map(e=>({label:e.label,value:e.path,icon:e?.iconName})))},[C,U,I,P,y]);m(()=>{const e=setTimeout(()=>{ie()},800);return()=>clearTimeout(e)},[G?.id,U,z,_,P,C]);m(()=>{if(C&&I&&P){const e=te(C,I,P);JSON.stringify(e)!==JSON.stringify(_)&&F(e||[])}},[C,I,P]);const te=(e,a,n)=>{const i=e.find(e=>e.label===a);if(!i)return[];const t=i?.subMenuItems?.find(e=>e.label===n);return t&&t.quickMenuItems?t?.quickMenuItems?.filter(e=>!e?.hide):[]};return e("div",{className:t("ff-app-header-main"),children:a("div",{className:"ff-app-header",style:{borderStartStartRadius:k,borderStartEndRadius:k},children:[a("div",{className:"ff-app-header-left-container",children:[b&&e("div",{className:"ff-app-header-logo-icon",children:b}),g&&e("div",{className:"ff-app-header-left-content",children:g})]}),a("div",{className:t("ff-app-header-nav-bar",{"ff-app-header-nav-bar--with-center-info":!l(H)&&!l(B)}),style:{width:N,visibility:l(C)&&"All Projects"===G?.id||E?"hidden":"visible",position:"relative",zIndex:1},ref:Y,children:[!l(H)&&e("div",{className:t("ff-app-header-center-info",{"ff-app-header-center-info--no-right":l(B)}),children:H.map((n,t)=>a("div",{className:"ff-app-header-center-info-item",children:[e(i,{name:n.iconName}),e(r,{children:n.label})]},t))}),!l(B)&&e("div",{className:"ff-app-header-right-buttons",children:B.map((n,t)=>a("button",{className:"ff-app-header-right-button",style:{color:n.color,backgroundColor:n.backgroundColor},onClick:n.onClick,children:[n.iconName&&e(i,{name:n.iconName}),e(r,{fontSize:10,fontWeight:"semi-bold",children:n.label})]},t))}),Q&&!l(Q)&&e("div",{children:e(o,{onClick:e=>{e?.value===G?.id&&"All Projects"!==e?.value||R||(A(e),ie())},options:Q,selectedOption:w,onMenuClick:()=>{R||(q(),ie())},selected:"All Projects"===U,placeholder:"Search Projects",disabled:R})}),e("div",{className:"ff-app-header-nav-bar-items fontSm",children:C?.map((o,d)=>{return!V?.find(e=>e.label===o.label)&&!o.hide&&"No Access"!==o.access&&(!1!==o?.isReviewer||!("Approval Request"!==(p=o).label||!p.entityPendingCounts)&&Object.values(p.entityPendingCounts).some(e=>e>0))&&"All Projects"!==o.label&&a("div",{ref:e=>Z.current[d]=e,className:t("ff-app-header-nav-bar-item",{"ff-app-header-nav-bar-item--selected":o.label===U,"ff-app-header-nav-bar-item--disabled":R&&o.label!==U}),children:[e(r,{as:"div",className:"ff-app-header-nav-bar-item-label",lineHeight:"18px",onClick:()=>(e=>{R||(x(e),ie())})(o),children:o.label}),o.label===U&&o?.subMenuItems&&a(n,{children:[o?.subMenuItems?.map((a,n)=>e(f,{children:!a.hide&&e("div",{className:"ff-app-header-submenu-container",ref:e=>ee.current[n]=e,children:e(s,{title:a.disable?a.disableText:"",placement:"bottom",children:e(r,{as:"div",className:t("ff-app-header-nav-bar-submenu-item",{"ff-app-header-nav-bar-submenu-item--selected":a.label===P,"ff-app-header-nav-bar-submenu-item--disabled":R||a.disable}),lineHeight:"18px",onClick:()=>!a.disable&&(e=>{R||(S(e),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>{ie()},800))})(a),children:a.label})})})},`subMenuItem.label-${n}`)),o?.subMenuItems?.map((n,r)=>e(f,{children:!n.hide&&e("div",{className:"ff-app-header-submenu-container",ref:e=>ae.current[r]=e,children:n.label===P&&n?.quickMenuItems&&n?.quickMenuItems.length>0&&(()=>{const r=_.slice(0,z?10:8),o=_.slice(z?10:8),d=o?.map(e=>({...e,value:e.path,icon:e.iconName}));return a("div",{className:t("ff-app-header-quickmenu-container",n.quickMenuItems?.length?"visible":""),children:[!l(r)&&e("div",{children:e(i,{name:"vertical_separator"})}),r?.map(a=>e(f,{children:!a.hide&&e("div",{onClick:()=>(e=>{R||T(e)})(a),className:t("ff-app-header-nav-bar-quickmenu-item",{"ff-app-header-nav-bar-quickmenu-item--selected":a.path===y}),children:e(s,{title:a?.label,children:e(i,{name:a?.iconName??"",height:16,width:16,hoverEffect:!0})})})},a.label)),o&&!l(o)&&e("div",{ref:L,children:e(c,{iconName:"more",options:d,onOptionClick:T,dropdownPlacement:"down",zIndex:1001,tooltipTitle:"More",variant:"light",targetRef:L})})]})})()})},n.label))]})]},o.label);var p})}),V&&!l(V)&&e("div",{className:"more-menu",ref:J,children:e(c,{iconName:"more",options:V,onOptionClick:e=>{R||O(e,ie)},variant:"dark",dropdownPlacement:"down",zIndex:1001,tooltipTitle:"More",optionCardVariant:"default",targetRef:J,disabled:R})})]}),M&&e("div",{className:"ff-app-header-right-content",children:M}),v&&e("div",{className:"ff-app-header-profile-content",children:v})]})})};export{b as default};