pixel-react 1.20.18 → 1.20.20

package/lib/components/DatePicker/Timepicker.js

@@ -1,230 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import Typography from '../Typography';
-import Icon from '../Icon';
-import classNames from 'classnames';
-import { convertTo24Hour } from '../../assets/utils/functionUtils';
-import { convertTo12Hour } from '../../assets/utils/functionUtils';
-import { isValid12HourTime } from '../../assets/utils/functionUtils';
-const TimePicker = ({ value, onChange, minTime, maxTime, onErrorChange, }) => {
-    const [inputValue, setInputValue] = useState('');
-    const [period, setPeriod] = useState('AM');
-    const [timeFieldError, setTimeFieldError] = useState(false);
-    const [isPeriodDropdownOpen, setIsPeriodDropdownOpen] = useState(false);
-    const inputRef = useRef(null);
-    const periodRef = useRef(null);
-    useEffect(() => {
-        if (value) {
-            const time12h = convertTo12Hour(value);
-            const [time, periodValue] = time12h.split(' ');
-            setInputValue(time);
-            setPeriod(periodValue);
-            setTimeFieldError(!isTimeWithInBounds(time12h, minTime, maxTime));
-        }
-    }, [value, minTime, maxTime]);
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (isPeriodDropdownOpen &&
-                periodRef.current &&
-                !periodRef.current.contains(e.target)) {
-                setIsPeriodDropdownOpen(false);
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, [isPeriodDropdownOpen]);
-    useEffect(() => {
-        onErrorChange(timeFieldError);
-    }, [timeFieldError]);
-    const generateTimeOptions = () => {
-        const options = [];
-        const start = 0;
-        const end = 23 * 60 + 45;
-        const interval = 15;
-        for (let i = start; i <= end; i += interval) {
-            const hours = Math.floor(i / 60);
-            const minutes = i % 60;
-            const period = hours >= 12 ? 'PM' : 'AM';
-            const displayHour = hours % 12 || 12;
-            const displayMinutes = minutes < 10 ? '0' + minutes : minutes;
-            options.push(`${displayHour}:${displayMinutes} ${period}`);
-        }
-        return options;
-    };
-    const timeOptions = generateTimeOptions();
-    const isTimeWithInBounds = (time, minTime, maxTime) => {
-        const [hours = 0, minutes = 0] = convertTo24Hour(time)
-            .split(':')
-            .map(Number);
-        const timeValue = hours * 60 + minutes;
-        if (minTime) {
-            const [minHours = 0, minMinutes = 0] = minTime.split(':').map(Number);
-            const minValue = minHours * 60 + minMinutes;
-            if (timeValue < minValue)
-                return false;
-        }
-        if (maxTime) {
-            const [maxHours = 0, maxMinutes = 0] = maxTime.split(':').map(Number);
-            const maxValue = maxHours * 60 + maxMinutes;
-            if (timeValue > maxValue)
-                return false;
-        }
-        return true;
-    };
-    const handleTimeInput = (event) => {
-        let [hourSection, minuteSection] = inputValue.split(':');
-        let [newHour, newMinute] = event.target.value.split(':');
-        const selectionStart = inputRef.current?.selectionStart ?? 0;
-        // Handle hour part input
-        if (selectionStart <= 2) {
-            const currentHour = parseInt(hourSection ?? '0') || 0;
-            if (newHour?.length === 1) {
-                hourSection = currentHour
-                    ? hourSection?.slice(-1) + newHour
-                    : `0${newHour}`; // Single digit input
-            }
-            else {
-                hourSection = newHour?.padStart(2, '0'); // Two digits for hour
-            }
-            // Ensure hour part is valid (between 1 and 12)
-            let parsedHour = parseInt(hourSection ?? '0') || 0;
-            if (parsedHour > 12) {
-                parsedHour = parseInt(newHour ?? '0'); // Fix if hour exceeds 12
-            }
-            hourSection = parsedHour.toString().padStart(2, '0');
-            // Move to minute part if hour is greater than 1, otherwise stay on hour
-            if (parsedHour > 1) {
-                setTimeout(() => {
-                    inputRef.current?.setSelectionRange(3, 5); // Move to minute part
-                }, 0);
-            }
-            else {
-                setTimeout(() => {
-                    inputRef.current?.setSelectionRange(0, 2); // Keep cursor on hour part
-                }, 0);
-            }
-        }
-        // Handle minute part input
-        if (selectionStart >= 3) {
-            const currentMinute = parseInt(minuteSection ?? '0') || 0;
-            if (newMinute?.length === 1) {
-                minuteSection = currentMinute
-                    ? minuteSection?.slice(-1) + newMinute
-                    : `0${newMinute}`; // Single digit input
-            }
-            else {
-                minuteSection = newMinute?.padStart(2, '0'); // Two digits for minute
-            }
-            // Ensure minute part is valid (between 00 and 59)
-            let parsedMinute = parseInt(minuteSection ?? '0') || 0;
-            if (parsedMinute > 59) {
-                parsedMinute = parseInt(newMinute ?? '0'); // Fix if minute exceeds 59
-            }
-            minuteSection = parsedMinute.toString().padStart(2, '0');
-            if (parsedMinute < 6) {
-                setTimeout(() => {
-                    inputRef.current?.setSelectionRange(3, 5); // Keep cursor on minute part
-                }, 0);
-            }
-        }
-        setInputValue(`${hourSection}:${minuteSection}`);
-        if (isValid12HourTime(`${hourSection}:${minuteSection}`)) {
-            const time24h = convertTo24Hour(`${hourSection}:${minuteSection} ${period}`);
-            onChange(time24h);
-            setTimeFieldError(false);
-        }
-        else {
-            setTimeFieldError(true);
-        }
-    };
-    const togglePeriodDropdown = () => {
-        setIsPeriodDropdownOpen((prev) => !prev);
-    };
-    const handlePeriodChange = (option) => {
-        setPeriod(option);
-        const time24h = convertTo24Hour(`${inputValue} ${option}`);
-        onChange(time24h);
-        setIsPeriodDropdownOpen(false);
-    };
-    const handleKeyDown = (event) => {
-        const { key } = event;
-        const selectionStart = inputRef.current?.selectionStart ?? 0;
-        const selectionEnd = inputRef.current?.selectionEnd ?? 0;
-        let [hourSection, minuteSection] = inputValue.split(':');
-        if (key === 'Backspace' && selectionStart <= 2) {
-            event.preventDefault();
-            hourSection = 'HH';
-            setInputValue(`${hourSection}:${minuteSection}`);
-            setTimeout(() => inputRef.current?.setSelectionRange(0, 2), 0);
-            setTimeFieldError(true);
-        }
-        if (key === 'Backspace' && selectionStart >= 3) {
-            event.preventDefault();
-            minuteSection = 'MM';
-            setInputValue(`${hourSection}:${minuteSection}`);
-            setTimeout(() => inputRef.current?.setSelectionRange(3, 5), 0);
-            setTimeFieldError(true);
-        }
-        if (key === 'ArrowRight') {
-            if (selectionEnd === 2) {
-                event.preventDefault();
-                inputRef.current?.setSelectionRange(3, 5);
-            }
-            else if (selectionStart === 0) {
-                event.preventDefault();
-                inputRef.current?.setSelectionRange(0, 2);
-            }
-        }
-        if (key === 'ArrowLeft') {
-            if (selectionStart === 3) {
-                event.preventDefault();
-                inputRef.current?.setSelectionRange(0, 2);
-            }
-            else if (selectionStart === 5) {
-                event.preventDefault();
-                inputRef.current?.setSelectionRange(3, 5);
-            }
-        }
-    };
-    const handleFocus = () => {
-        if (inputValue === '') {
-            setInputValue('HH:MM');
-        }
-        setTimeout(() => {
-            inputRef.current?.setSelectionRange(0, 2);
-        }, 0);
-    };
-    const handleBlur = () => {
-        if (inputValue === 'HH:MM') {
-            setInputValue('');
-        }
-    };
-    const handleClick = () => {
-        const selectionStart = inputRef.current?.selectionStart ?? 0;
-        if (selectionStart >= 3) {
-            inputRef.current?.setSelectionRange(3, 5);
-        }
-        else {
-            inputRef.current?.setSelectionRange(0, 2);
-        }
-    };
-    const handleTimeOptionClick = (time) => {
-        const [timeValue, periodValue] = time.split(' ');
-        setInputValue(timeValue);
-        setPeriod(periodValue);
-        const time24h = convertTo24Hour(`${timeValue} ${periodValue}`);
-        onChange(time24h);
-        setTimeFieldError(false);
-    };
-    return (_jsxs("div", { className: "ff-time-picker-container", children: [_jsxs("div", { className: "ff-time-picker-fields", children: [_jsxs("div", { className: classNames('ff-time-input-container', { 'ff-time-input-container--float': !!inputValue }, { 'ff-time-input-container--danger': !!timeFieldError }), children: [_jsx(Typography, { as: "label", htmlFor: "time", className: classNames('ff-time-input-label', {
-                                    'ff-time-input-label--danger': !!timeFieldError,
-                                }), children: "Time" }), _jsx("input", { name: "time", ref: inputRef, type: "text", id: "time-input", value: inputValue, inputMode: "numeric", placeholder: "HH:MM", onChange: handleTimeInput, onKeyDown: handleKeyDown, onFocus: handleFocus, onClick: handleClick, onBlur: handleBlur, maxLength: 5, className: classNames('ff-time-input', {
-                                    'ff-time-input--danger': !!timeFieldError,
-                                }) })] }), _jsxs("div", { className: classNames('ff-time-period-container', {
-                            'ff-time-period-container--active': !!isPeriodDropdownOpen,
-                        }), ref: periodRef, children: [_jsxs("div", { onClick: togglePeriodDropdown, className: "ff-time-period-select", "aria-haspopup": "listbox", "aria-expanded": isPeriodDropdownOpen, children: [_jsx(Typography, { children: period }), _jsx(Icon, { name: isPeriodDropdownOpen ? 'arrow_up' : 'arrow_down', className: "ff-time-period-icon", height: 12, width: 12 })] }), isPeriodDropdownOpen && (_jsxs("ul", { className: "ff-time-period-options", role: "listbox", children: [_jsx(Typography, { as: "li", className: "ff-option-item", onClick: () => handlePeriodChange('AM'), "aria-selected": period === 'AM', children: "AM" }), _jsx(Typography, { as: "li", className: "ff-option-item", onClick: () => handlePeriodChange('PM'), "aria-selected": period === 'PM', children: "PM" })] }))] })] }), _jsx("div", { className: "ff-time-picker-options", children: timeOptions
-                    .filter((time) => isTimeWithInBounds(time, minTime, maxTime))
-                    .map((time, index) => (_jsx("div", { className: "ff-time-option", onClick: () => handleTimeOptionClick(time), children: _jsx(Typography, { lineHeight: "18px", textAlign: "center", children: time }) }, index))) })] }));
-};
-export default TimePicker;
-//# sourceMappingURL=Timepicker.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as r}from"react";import a from"../Typography/Typography.js";import o from"../Icon/Icon.js";import c from"../../_virtual/index.js";import{convertTo12Hour as s,convertTo24Hour as l,isValid12HourTime as m}from"../../assets/utils/functionUtils.js";const p=({value:p,onChange:u,minTime:f,maxTime:d,onErrorChange:g})=>{const[h,v]=n(""),[S,$]=n("AM"),[M,N]=n(!1),[R,k]=n(!1),x=i(null),T=i(null);r(()=>{if(p){const e=s(p),[t,n]=e.split(" ");v(t),$(n),N(!H(e,f,d))}},[p,f,d]),r(()=>{const e=e=>{R&&T.current&&!T.current.contains(e.target)&&k(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[R]),r(()=>{g(M)},[M]);const w=(()=>{const e=[];for(let t=0;t<=1425;t+=15){const n=Math.floor(t/60),i=t%60,r=n>=12?"PM":"AM",a=n%12||12,o=i<10?"0"+i:i;e.push(`${a}:${o} ${r}`)}return e})(),H=(e,t,n)=>{const[i=0,r=0]=l(e).split(":").map(Number),a=60*i+r;if(t){const[e=0,n=0]=t.split(":").map(Number);if(a<60*e+n)return!1}if(n){const[e=0,t=0]=n.split(":").map(Number);if(a>60*e+t)return!1}return!0},b=e=>{$(e);const t=l(`${h} ${e}`);u(t),k(!1)};return e("div",{className:"ff-time-picker-container",children:[e("div",{className:"ff-time-picker-fields",children:[e("div",{className:c("ff-time-input-container",{"ff-time-input-container--float":!!h},{"ff-time-input-container--danger":!!M}),children:[t(a,{as:"label",htmlFor:"time",className:c("ff-time-input-label",{"ff-time-input-label--danger":!!M}),children:"Time"}),t("input",{name:"time",ref:x,type:"text",id:"time-input",value:h,inputMode:"numeric",placeholder:"HH:MM",onChange:e=>{let[t,n]=h.split(":"),[i,r]=e.target.value.split(":");const a=x.current?.selectionStart??0;if(a<=2){const e=parseInt(t??"0")||0;t=1===i?.length?e?t?.slice(-1)+i:`0${i}`:i?.padStart(2,"0");let n=parseInt(t??"0")||0;n>12&&(n=parseInt(i??"0")),t=n.toString().padStart(2,"0"),n>1?setTimeout(()=>{x.current?.setSelectionRange(3,5)},0):setTimeout(()=>{x.current?.setSelectionRange(0,2)},0)}if(a>=3){const e=parseInt(n??"0")||0;n=1===r?.length?e?n?.slice(-1)+r:`0${r}`:r?.padStart(2,"0");let t=parseInt(n??"0")||0;t>59&&(t=parseInt(r??"0")),n=t.toString().padStart(2,"0"),t<6&&setTimeout(()=>{x.current?.setSelectionRange(3,5)},0)}if(v(`${t}:${n}`),m(`${t}:${n}`)){const e=l(`${t}:${n} ${S}`);u(e),N(!1)}else N(!0)},onKeyDown:e=>{const{key:t}=e,n=x.current?.selectionStart??0,i=x.current?.selectionEnd??0;let[r,a]=h.split(":");"Backspace"===t&&n<=2&&(e.preventDefault(),r="HH",v(`${r}:${a}`),setTimeout(()=>x.current?.setSelectionRange(0,2),0),N(!0)),"Backspace"===t&&n>=3&&(e.preventDefault(),a="MM",v(`${r}:${a}`),setTimeout(()=>x.current?.setSelectionRange(3,5),0),N(!0)),"ArrowRight"===t&&(2===i?(e.preventDefault(),x.current?.setSelectionRange(3,5)):0===n&&(e.preventDefault(),x.current?.setSelectionRange(0,2))),"ArrowLeft"===t&&(3===n?(e.preventDefault(),x.current?.setSelectionRange(0,2)):5===n&&(e.preventDefault(),x.current?.setSelectionRange(3,5)))},onFocus:()=>{""===h&&v("HH:MM"),setTimeout(()=>{x.current?.setSelectionRange(0,2)},0)},onClick:()=>{(x.current?.selectionStart??0)>=3?x.current?.setSelectionRange(3,5):x.current?.setSelectionRange(0,2)},onBlur:()=>{"HH:MM"===h&&v("")},maxLength:5,className:c("ff-time-input",{"ff-time-input--danger":!!M})})]}),e("div",{className:c("ff-time-period-container",{"ff-time-period-container--active":!!R}),ref:T,children:[e("div",{onClick:()=>{k(e=>!e)},className:"ff-time-period-select","aria-haspopup":"listbox","aria-expanded":R,children:[t(a,{children:S}),t(o,{name:R?"arrow_up":"arrow_down",className:"ff-time-period-icon",height:12,width:12})]}),R&&e("ul",{className:"ff-time-period-options",role:"listbox",children:[t(a,{as:"li",className:"ff-option-item",onClick:()=>b("AM"),"aria-selected":"AM"===S,children:"AM"}),t(a,{as:"li",className:"ff-option-item",onClick:()=>b("PM"),"aria-selected":"PM"===S,children:"PM"})]})]})]}),t("div",{className:"ff-time-picker-options",children:w.filter(e=>H(e,f,d)).map((e,n)=>t("div",{className:"ff-time-option",onClick:()=>(e=>{const[t,n]=e.split(" ");v(t),$(n);const i=l(`${t} ${n}`);u(i),N(!1)})(e),children:t(a,{lineHeight:"18px",textAlign:"center",children:e})},n))})]})};export{p as default};

package/lib/components/DebugToolsPanel/DebugToolsPanel.js

@@ -1,39 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, useMemo } from 'react';
-import './DebugToolsPanel.scss';
-import Button from '../Button';
-import Icon from '../Icon';
-import Typography from '../Typography';
-import Tabs from '../Tabs';
-const DebugToolsPanel = ({ buttons = [], panelContentMap = {}, headerIconsMap = {}, headerLeadingIconMap = {}, panelheight = '100%', panelwidth = '485px', }) => {
-    const buttonRefs = useRef({});
-    const [notchTop, setNotchTop] = useState(0);
-    const [activePanel, setActivePanel] = useState(null);
-    useEffect(() => {
-        if (activePanel && buttonRefs.current[activePanel]) {
-            const wrapper = buttonRefs.current[activePanel];
-            const wrapperRect = wrapper.getBoundingClientRect();
-            const containerRect = wrapper.parentElement.getBoundingClientRect();
-            const offsetTop = wrapperRect.top - containerRect.top + wrapperRect.height / 2 - 10;
-            setNotchTop(offsetTop);
-        }
-    }, [activePanel]);
-    const handleClick = (label) => {
-        setActivePanel((prev) => (prev === label ? null : label));
-    };
-    const activeTabData = useMemo(() => {
-        if (!activePanel)
-            return [];
-        return [
-            {
-                id: activePanel,
-                label: activePanel,
-                icon: headerLeadingIconMap?.[activePanel],
-            },
-        ];
-    }, [activePanel, headerLeadingIconMap]);
-    return (_jsxs("div", { className: "ff-debug-buttons-container", children: [_jsx("div", { className: "ff-debug_buttons", children: buttons.map((label) => (_jsx("div", { ref: (el) => (buttonRefs.current[label] = el), children: _jsx(Button, { onClick: () => handleClick(label), variant: "custom", className: `ff-debug-button ${activePanel === label ? 'active' : ''}`, children: label }) }, label))) }), activePanel && (_jsxs("div", { className: "ff-debug-panel", style: { height: panelheight, width: panelwidth }, children: [_jsx("div", { className: "ff-dropdown-notch", style: { top: `${notchTop}px` } }), _jsxs("div", { className: "ff-debug-panel__header", children: [_jsx("div", { className: "ff-debug-panel__title", children: _jsx(Tabs, { tabsData: activeTabData, activeTabId: activePanel, variant: "default", noPadding: true, onTabClick: () => { } }) }), _jsx("div", { className: "ff-debug-panel__header-icons", children: headerIconsMap?.[activePanel] ?? (_jsx(Icon, { name: "close", className: "ff-debug-panel__close-icon", onClick: () => setActivePanel(null) })) })] }), _jsx("div", { className: "ff-debug-panel__content", children: _jsx(Typography, { children: panelContentMap?.[activePanel] }) })] }))] }));
-};
-DebugToolsPanel.displayName = 'DebugToolsPanel';
-export default DebugToolsPanel;
-//# sourceMappingURL=DebugToolsPanel.js.map
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as a,useState as t,useEffect as l,useMemo as o}from"react";import"./DebugToolsPanel.scss.js";import i from"../Button/Button.js";import c from"../Icon/Icon.js";import s from"../Typography/Typography.js";import r from"../Tabs/Tabs.js";const d=({buttons:d=[],panelContentMap:p={},headerIconsMap:f={},headerLeadingIconMap:u={},panelheight:m="100%",panelwidth:h="485px"})=>{const g=a({}),[b,v]=t(0),[N,_]=t(null);l(()=>{if(N&&g.current[N]){const e=g.current[N],n=e.getBoundingClientRect(),a=e.parentElement.getBoundingClientRect(),t=n.top-a.top+n.height/2-10;v(t)}},[N]);const T=o(()=>N?[{id:N,label:N,icon:u?.[N]}]:[],[N,u]);return e("div",{className:"ff-debug-buttons-container",children:[n("div",{className:"ff-debug_buttons",children:d.map(e=>n("div",{ref:n=>g.current[e]=n,children:n(i,{onClick:()=>(e=>{_(n=>n===e?null:e)})(e),variant:"custom",className:"ff-debug-button "+(N===e?"active":""),children:e})},e))}),N&&e("div",{className:"ff-debug-panel",style:{height:m,width:h},children:[n("div",{className:"ff-dropdown-notch",style:{top:`${b}px`}}),e("div",{className:"ff-debug-panel__header",children:[n("div",{className:"ff-debug-panel__title",children:n(r,{tabsData:T,activeTabId:N,variant:"default",noPadding:!0,onTabClick:()=>{}})}),n("div",{className:"ff-debug-panel__header-icons",children:f?.[N]??n(c,{name:"close",className:"ff-debug-panel__close-icon",onClick:()=>_(null)})})]}),n("div",{className:"ff-debug-panel__content",children:n(s,{children:p?.[N]})})]})]})};d.displayName="DebugToolsPanel";export{d as default};

package/lib/components/DebugToolsPanel/DebugToolsPanel.scss.js

@@ -0,0 +1 @@
+import c from"../../node_modules/style-inject/dist/style-inject.es.js";c(".ff-debug-buttons-container{display:flex;gap:2px}.ff-debug-button{align-content:center;align-items:center;border-radius:8px;box-shadow:-2px -2px 6px var(--ff-debug-button-shadow);color:var(--status-skipped-bg-color);display:flex;justify-content:center;transform:rotate(180deg);writing-mode:vertical-rl}.ff-debug-button.active,.ff-debug-button:hover{background-color:var(--ff-select-brand-color);color:var(--ff-white-color)}.ff-debug-panel{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px var(--ff-debug-primary-shadow);position:relative}.ff-debug-panel__header{align-items:center;color:var(--card-total-defect-color);display:flex;justify-content:space-between;padding-left:8px}.ff-debug-panel__content{border-top:1px solid var(--border-color);padding:4px}.ff-debug_buttons{display:flex;flex-direction:column;gap:4px;padding:0 4px}.ff-debug-panel__title{color:var(--card-total-defect-color);padding:4px 0 0 4px}.ff-debug-panel__header-icons,.ff-debug-panel__title{align-items:center;display:flex}.ff-dropdown-notch{border-bottom:10px solid transparent;border-right:10px solid var(--ff-white-color);border-top:10px solid transparent;box-shadow:1px solid var(--border-color);height:0;left:-6px;position:absolute;top:7px;width:0}.ff-tab-label-with-icon{align-items:center;display:flex}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlYnVnVG9vbHNQYW5lbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUNFLFlBQWEsQ0FDYixPQUNGLENBRUEsaUJBT0Usb0JBQXFCLENBRHJCLGtCQUFtQixDQUxuQixpQkFBa0IsQ0FPbEIsc0RBQXVELENBQ3ZELG9DQUFxQyxDQUxyQyxZQUFhLENBQ2Isc0JBQXVCLENBRnZCLHdCQUF5QixDQUR6Qix3QkFRRixDQUtBLCtDQUNFLDZDQUE4QyxDQUM5QywyQkFDRixDQUVBLGdCQUlFLG9DQUFxQyxDQURyQyxpQkFBa0IsQ0FEbEIsbURBQXNELENBRHRELGlCQUlGLENBQ0Esd0JBRUUsa0JBQW1CLENBR25CLG9DQUFxQyxDQUpyQyxZQUFhLENBRWIsNkJBQThCLENBQzlCLGdCQUVGLENBQ0EseUJBQ0Usd0NBQXlDLENBQ3pDLFdBQ0YsQ0FFQSxrQkFDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLE9BQVEsQ0FDUixhQUNGLENBRUEsdUJBR0Usb0NBQXFDLENBQ3JDLG1CQUNGLENBRUEscURBTEUsa0JBQW1CLENBRG5CLFlBU0YsQ0FFQSxtQkFPRSxvQ0FBcUMsQ0FDckMsNkNBQThDLENBRjlDLGlDQUFrQyxDQUdsQyx3Q0FBeUMsQ0FKekMsUUFBUyxDQUhULFNBQVUsQ0FEVixpQkFBa0IsQ0FFbEIsT0FBUSxDQUNSLE9BTUYsQ0FFQSx3QkFFRSxrQkFBbUIsQ0FEbkIsWUFFRiIsImZpbGUiOiJEZWJ1Z1Rvb2xzUGFuZWwuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1kZWJ1Zy1idXR0b25zLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMnB4O1xufVxuXG4uZmYtZGVidWctYnV0dG9uIHtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB3cml0aW5nLW1vZGU6IHZlcnRpY2FsLXJsO1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAtMnB4IC0ycHggNnB4IHZhcigtLWZmLWRlYnVnLWJ1dHRvbi1zaGFkb3cpO1xuICBjb2xvcjogdmFyKC0tc3RhdHVzLXNraXBwZWQtYmctY29sb3IpO1xufVxuLmZmLWRlYnVnLWJ1dHRvbjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLXNlbGVjdC1icmFuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG59XG4uZmYtZGVidWctYnV0dG9uLmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWZmLXNlbGVjdC1icmFuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG59XG5cbi5mZi1kZWJ1Zy1wYW5lbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm94LXNoYWRvdzogMHB4IDRweCA4cHggdmFyKC0tZmYtZGVidWctcHJpbWFyeS1zaGFkb3cpO1xuICBib3JkZXItcmFkaXVzOiA4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1jb2xvcik7XG59XG4uZmYtZGVidWctcGFuZWxfX2hlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gIGNvbG9yOiB2YXIoLS1jYXJkLXRvdGFsLWRlZmVjdC1jb2xvcik7XG59XG4uZmYtZGVidWctcGFuZWxfX2NvbnRlbnQge1xuICBib3JkZXItdG9wOiAxcHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yKTtcbiAgcGFkZGluZzogNHB4O1xufVxuXG4uZmYtZGVidWdfYnV0dG9ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogNHB4O1xuICBwYWRkaW5nOiAwcHggNHB4O1xufVxuXG4uZmYtZGVidWctcGFuZWxfX3RpdGxlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6IHZhcigtLWNhcmQtdG90YWwtZGVmZWN0LWNvbG9yKTtcbiAgcGFkZGluZzogNHB4IDBweCAwcHggNHB4O1xufVxuXG4uZmYtZGVidWctcGFuZWxfX2hlYWRlci1pY29ucyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5mZi1kcm9wZG93bi1ub3RjaCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogLTZweDtcbiAgdG9wOiA3cHg7XG4gIHdpZHRoOiAwO1xuICBoZWlnaHQ6IDA7XG4gIGJvcmRlci10b3A6IDEwcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1ib3R0b206IDEwcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yaWdodDogMTBweCBzb2xpZCB2YXIoLS1mZi13aGl0ZS1jb2xvcik7XG4gIGJveC1zaGFkb3c6IDFweCBzb2xpZCB2YXIoLS1ib3JkZXItY29sb3IpO1xufVxuXG4uZmYtdGFiLWxhYmVsLXdpdGgtaWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59Il19 */");

package/lib/components/DownloadClient/DownloadClient.js

@@ -1,24 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import './DownloadClient.scss';
-import Icon from '../Icon';
-import Typography from '../Typography';
-const DownloadClient = ({ onClose, top = '100px', left = '0px', className, description = 'Download and Install the fireflink client to run the script', onClick = () => { }, optionZIndex = 10000001, }) => {
-    useEffect(() => {
-        const handleCloseDownloadClient = (event) => {
-            if (event.key === 'Escape') {
-                onClose?.();
-            }
-        };
-        document.addEventListener('keydown', handleCloseDownloadClient);
-        return () => {
-            document.removeEventListener('keydown', handleCloseDownloadClient);
-        };
-    }, [onClose]);
-    const osVersion = ['windows', 'mac_icon', 'linux'];
-    return (_jsxs("div", { className: `ff-download-client-wrapper ${className}`, style: { top: top, left: left, zIndex: optionZIndex }, children: [_jsxs("div", { className: "ff-download-client-header-wrapper", children: [_jsx("div", { className: "ff-download-client-hollow-triangle" }), _jsx(Typography, { fontWeight: "semi-bold", lineHeight: "32px", className: "ff-download-client-header-text", children: "Download client" }), _jsx(Icon, { name: "close", color: "var(--brand-color)", className: "ff-download-client-close-icon", height: 12, width: 12 })] }), _jsxs("div", { className: "ff-download-client-content-text", children: [_jsx(Typography, { as: "div", color: "var(--download-client-content-text-color)", fontWeight: "semi-bold", textAlign: "center", lineHeight: "26px", children: description }), _jsx(Typography, { as: "div", className: "ff-download-client-description-text", textAlign: "center", fontWeight: "medium", lineHeight: "26px", children: "Choose OS to Download" }), _jsx("div", { className: "ff-download-client-os-wrapper", children: osVersion?.map((os) => (_jsx("div", { className: "ff-os-version-wrapper", onClick: () => {
-                                onClick(os === 'mac_icon' ? 'mac' : os);
-                            }, children: _jsx(Icon, { name: os, height: 36, width: 36 }) }, os))) })] })] }));
-};
-export default DownloadClient;
-//# sourceMappingURL=DownloadClient.js.map
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useEffect as n}from"react";import"./DownloadClient.scss.js";import t from"../Icon/Icon.js";import i from"../Typography/Typography.js";const l=({onClose:l,top:a="100px",left:c="0px",className:d,description:r="Download and Install the fireflink client to run the script",onClick:s=()=>{},optionZIndex:m=10000001})=>{n(()=>{const e=e=>{"Escape"===e.key&&l?.()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[l]);return e("div",{className:`ff-download-client-wrapper ${d}`,style:{top:a,left:c,zIndex:m},children:[e("div",{className:"ff-download-client-header-wrapper",children:[o("div",{className:"ff-download-client-hollow-triangle"}),o(i,{fontWeight:"semi-bold",lineHeight:"32px",className:"ff-download-client-header-text",children:"Download client"}),o(t,{name:"close",color:"var(--brand-color)",className:"ff-download-client-close-icon",height:12,width:12})]}),e("div",{className:"ff-download-client-content-text",children:[o(i,{as:"div",color:"var(--download-client-content-text-color)",fontWeight:"semi-bold",textAlign:"center",lineHeight:"26px",children:r}),o(i,{as:"div",className:"ff-download-client-description-text",textAlign:"center",fontWeight:"medium",lineHeight:"26px",children:"Choose OS to Download"}),o("div",{className:"ff-download-client-os-wrapper",children:["windows","mac_icon","linux"]?.map(e=>o("div",{className:"ff-os-version-wrapper",onClick:()=>{s("mac_icon"===e?"mac":e)},children:o(t,{name:e,height:36,width:36})},e))})]})]})};export{l as default};

package/lib/components/DownloadClient/DownloadClient.scss.js

@@ -0,0 +1 @@
+import d from"../../node_modules/style-inject/dist/style-inject.es.js";d(".ff-download-client-wrapper{border:1px solid var(--download-client-border-color);border-radius:4px;box-shadow:0 0 8px 0 var(--download-client-icon-container-box-shadow-color);height:181px;position:absolute;width:368px}.ff-download-client-wrapper .ff-download-client-header-wrapper{align-content:center;align-items:center;background-color:var(--download-client-header-bg-color);display:flex;justify-content:center;justify-content:space-between;position:relative}.ff-download-client-wrapper .ff-download-client-header-wrapper .ff-download-client-hollow-triangle{border:1px solid var(--download-client-border-color);border-radius:2px;height:8px;position:absolute;right:64px;top:-6px;transform:rotate(45deg);width:8px;z-index:-1}.ff-download-client-wrapper .ff-download-client-header-wrapper .ff-download-client-header-text{margin-left:4px}.ff-download-client-wrapper .ff-download-client-header-wrapper .ff-download-client-close-icon{cursor:pointer;margin-right:10px}.ff-download-client-wrapper .ff-download-client-content-text{background-color:#fff;height:132px;padding:8px;width:calc(100% - 16px)}.ff-download-client-wrapper .ff-download-client-content-text .ff-download-client-description-text{margin-bottom:8px}.ff-download-client-wrapper .ff-download-client-os-wrapper{align-content:center;align-items:center;display:flex;gap:24px;justify-content:center}.ff-download-client-wrapper .ff-download-client-os-wrapper .ff-os-version-wrapper{align-content:center;align-items:center;border:1px solid var(--download-client-icon-container-border-color);border-radius:8px;box-shadow:0 0 10px 0 var(--download-client-icon-container-box-shadow-color);cursor:pointer;display:flex;height:64px;justify-content:center;width:64px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRvd25sb2FkQ2xpZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEJBSUUsb0RBQXFELENBQ3JELGlCQUFrQixDQUNsQiwyRUFBa0YsQ0FKbEYsWUFBYSxDQURiLGlCQUFrQixDQUVsQixXQUlGLENBQ0EsK0RBS0Usb0JBQXFCLENBRHJCLGtCQUFtQixDQUduQix1REFBd0QsQ0FMeEQsWUFBYSxDQUNiLHNCQUF1QixDQUd2Qiw2QkFBOEIsQ0FMOUIsaUJBT0YsQ0FDQSxtR0FJRSxvREFBcUQsQ0FJckQsaUJBQWtCLENBTmxCLFVBQVcsQ0FEWCxpQkFBa0IsQ0FLbEIsVUFBVyxDQURYLFFBQVMsQ0FJVCx1QkFBd0IsQ0FOeEIsU0FBVSxDQUlWLFVBR0YsQ0FDQSwrRkFDRSxlQUNGLENBQ0EsOEZBQ0UsY0FBZSxDQUNmLGlCQUNGLENBQ0EsNkRBR0UscUJBQXNCLENBRHRCLFlBQWEsQ0FFYixXQUFZLENBSFosdUJBSUYsQ0FDQSxrR0FDRSxpQkFDRixDQUNBLDJEQUlFLG9CQUFxQixDQURyQixrQkFBbUIsQ0FGbkIsWUFBYSxDQUliLFFBQVMsQ0FIVCxzQkFJRixDQUNBLGtGQUlFLG9CQUFxQixDQURyQixrQkFBbUIsQ0FNbkIsbUVBQW9FLENBRHBFLGlCQUFrQixDQUVsQiw0RUFBbUYsQ0FIbkYsY0FBZSxDQU5mLFlBQWEsQ0FJYixXQUFZLENBSFosc0JBQXVCLENBSXZCLFVBS0YiLCJmaWxlIjoiRG93bmxvYWRDbGllbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mZi1kb3dubG9hZC1jbGllbnQtd3JhcHBlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiAxODFweDtcbiAgd2lkdGg6IDM2OHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kb3dubG9hZC1jbGllbnQtYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBib3gtc2hhZG93OiAwcHggMHB4IDhweCAwcHggdmFyKC0tZG93bmxvYWQtY2xpZW50LWljb24tY29udGFpbmVyLWJveC1zaGFkb3ctY29sb3IpO1xufVxuLmZmLWRvd25sb2FkLWNsaWVudC13cmFwcGVyIC5mZi1kb3dubG9hZC1jbGllbnQtaGVhZGVyLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZG93bmxvYWQtY2xpZW50LWhlYWRlci1iZy1jb2xvcik7XG59XG4uZmYtZG93bmxvYWQtY2xpZW50LXdyYXBwZXIgLmZmLWRvd25sb2FkLWNsaWVudC1oZWFkZXItd3JhcHBlciAuZmYtZG93bmxvYWQtY2xpZW50LWhvbGxvdy10cmlhbmdsZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiA4cHg7XG4gIHdpZHRoOiA4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWRvd25sb2FkLWNsaWVudC1ib3JkZXItY29sb3IpO1xuICB0b3A6IC02cHg7XG4gIHJpZ2h0OiA2NHB4O1xuICB6LWluZGV4OiAtMTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg0NWRlZyk7XG59XG4uZmYtZG93bmxvYWQtY2xpZW50LXdyYXBwZXIgLmZmLWRvd25sb2FkLWNsaWVudC1oZWFkZXItd3JhcHBlciAuZmYtZG93bmxvYWQtY2xpZW50LWhlYWRlci10ZXh0IHtcbiAgbWFyZ2luLWxlZnQ6IDRweDtcbn1cbi5mZi1kb3dubG9hZC1jbGllbnQtd3JhcHBlciAuZmYtZG93bmxvYWQtY2xpZW50LWhlYWRlci13cmFwcGVyIC5mZi1kb3dubG9hZC1jbGllbnQtY2xvc2UtaWNvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xufVxuLmZmLWRvd25sb2FkLWNsaWVudC13cmFwcGVyIC5mZi1kb3dubG9hZC1jbGllbnQtY29udGVudC10ZXh0IHtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDE2cHgpO1xuICBoZWlnaHQ6IDEzMnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICBwYWRkaW5nOiA4cHg7XG59XG4uZmYtZG93bmxvYWQtY2xpZW50LXdyYXBwZXIgLmZmLWRvd25sb2FkLWNsaWVudC1jb250ZW50LXRleHQgLmZmLWRvd25sb2FkLWNsaWVudC1kZXNjcmlwdGlvbi10ZXh0IHtcbiAgbWFyZ2luLWJvdHRvbTogOHB4O1xufVxuLmZmLWRvd25sb2FkLWNsaWVudC13cmFwcGVyIC5mZi1kb3dubG9hZC1jbGllbnQtb3Mtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMjRweDtcbn1cbi5mZi1kb3dubG9hZC1jbGllbnQtd3JhcHBlciAuZmYtZG93bmxvYWQtY2xpZW50LW9zLXdyYXBwZXIgLmZmLW9zLXZlcnNpb24td3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogNjRweDtcbiAgd2lkdGg6IDY0cHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kb3dubG9hZC1jbGllbnQtaWNvbi1jb250YWluZXItYm9yZGVyLWNvbG9yKTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4IDBweCB2YXIoLS1kb3dubG9hZC1jbGllbnQtaWNvbi1jb250YWluZXItYm94LXNoYWRvdy1jb2xvcik7XG59Il19 */");

package/lib/components/DragAndDrop/DragAndDrop.js

@@ -1,7 +1 @@
-import * as DNDCore from '@dnd-kit/core';
-import * as DNDSortable from '@dnd-kit/sortable';
-import * as DNDUtilities from '@dnd-kit/utilities';
-import * as DNDModifiers from '@dnd-kit/modifiers';
-const DragAndDrop = { DNDCore, DNDSortable, DNDUtilities, DNDModifiers };
-export default DragAndDrop;
-//# sourceMappingURL=DragAndDrop.js.map
+import*as s from"../../node_modules/@dnd-kit/core/dist/core.esm.js";import*as i from"../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";import*as o from"../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";import*as e from"../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js";const d={DNDCore:s,DNDSortable:i,DNDUtilities:o,DNDModifiers:e};export{d as default};

package/lib/components/Drawer/Drawer.js

@@ -1,124 +1 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createPortal } from 'react-dom';
-import Button from '../Button/Button.js';
-import classNames from 'classnames';
-import './Drawer.scss';
-import { useContext, useEffect, useRef, useState } from 'react';
-import Icon from '../Icon';
-import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
-import { ThemeContext } from '../ThemeProvider/ThemeProvider.js';
-import Tooltip from '../Tooltip/Tooltip.js';
-import useClickOutside from '../../hooks/useClickOutside.js';
-const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = () => { }, onBackButtonClick = () => { }, title = 'drawer', primaryButtonProps = {}, secondaryButtonProps = {}, leftPrimaryButtonProps = {}, leftSecondaryButtonProps = {}, showEditButton = false, showTransition = true, onEdit = () => { }, onCollapse = () => { }, overlay = false, isFooterRequired = true, footerContent = null, size = 'medium', _isExpanded = false, isBackButtonVisible = false, _isCloseModalButtonVisible = true, showHeader = true, isScrollBar = true, backButtonIcon, onCloseIconClick, customHeader, customFooter, leftTertiaryButtonProps = {}, rightTertiaryButtonProps = {}, zIndex, top = '89px', height, width, right = '5px', overflow, isClickOutside, ignoreRefs, noHeaderBorder = false, direction = 'right', }) => {
-    const containerRef = useRef(null);
-    useClickOutside(containerRef, () => {
-        const openDrawers = document.querySelectorAll('.ff-drawer');
-        const lastDrawer = openDrawers[openDrawers.length - 1];
-        if (lastDrawer &&
-            lastDrawer.contains(containerRef.current) &&
-            isClickOutside) {
-            onClose();
-        }
-    }, ignoreRefs);
-    const [isExpanded, setIsExpanded] = useState(false);
-    const [delayedOpen, setDelayedOpen] = useState(false);
-    // useKeyboardActions([{ key: 'Escape', action: onClose }]);
-    const handelClose = useEscapeKey('Escape');
-    handelClose(onClose);
-    const toggleExpand = () => {
-        setIsExpanded((prev) => {
-            onCollapse(!prev);
-            return !prev;
-        });
-    };
-    const onCancel = () => {
-        if (secondaryButtonProps.onClick) {
-            secondaryButtonProps.onClick();
-        }
-        else {
-            onClose();
-        }
-    };
-    useEffect(() => {
-        closeModal();
-    }, [isOpen]);
-    const closeModal = () => {
-        if (!isOpen) {
-            setTimeout(() => {
-                return null;
-            }, 1000);
-        }
-    };
-    useEffect(() => {
-        if (isOpen) {
-            setTimeout(() => setDelayedOpen(true), 200);
-        }
-        else {
-            setDelayedOpen(false);
-        }
-    }, [isOpen]);
-    useEffect(() => {
-        const handleKeyDown = (e) => {
-            if (e.key === 'Enter' &&
-                isOpen &&
-                primaryButtonProps?.onClick &&
-                !primaryButtonProps.disabled) {
-                const activeElement = document.activeElement;
-                const isSpecialInput = ['ff-add-module-input', 'ff-search-input'].some((className) => activeElement?.classList?.contains(className) ||
-                    activeElement?.closest(`.${className}`));
-                if (isSpecialInput) {
-                    return;
-                }
-                primaryButtonProps.onClick();
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [isOpen, primaryButtonProps]);
-    const drawerSize = isExpanded ? 'x-large' : size;
-    const themeContext = useContext(ThemeContext);
-    const currentTheme = themeContext?.currentTheme;
-    const transitionDuration = !showTransition ? '0s' : '0.4s';
-    const getDefaultZIndex = (size) => {
-        const zIndexMap = {
-            small: 1100,
-            medium: 1050,
-            large: 1000,
-            'x-large': 950,
-        };
-        return zIndexMap[size] ?? 1050;
-    };
-    const computedZIndex = zIndex ?? getDefaultZIndex(size);
-    return createPortal(_jsxs("div", { className: classNames('ff-drawer-container', currentTheme), children: [overlay && (_jsx("div", { className: 'ff-overlay', style: { zIndex: computedZIndex } })), _jsxs("div", { ref: containerRef, className: classNames('ff-drawer', `ff-drawer--${drawerSize}`, {
-                    'ff-drawer--open': delayedOpen,
-                    'ff-drawer--left': direction === 'left',
-                }), style: {
-                    zIndex: computedZIndex,
-                    top: top,
-                    height,
-                    width,
-                    ...(direction === 'left'
-                        ? { left: '5px', right: 'auto' }
-                        : { right: right ?? '5px' }),
-                    overflow,
-                    transition: `all ${transitionDuration} ease-in-out`,
-                }, children: [showHeader && (_jsx("div", { className: classNames('ff-drawer-header', {
-                            'ff-custom-header': customHeader,
-                            'no-header-border': noHeaderBorder,
-                        }), style: { zIndex: computedZIndex }, children: customHeader ? (_jsx("div", { className: classNames('ff-custom-header', {
-                                'no-header-border': noHeaderBorder,
-                            }), children: customHeader })) : (_jsxs("div", { className: "ff-drawer-action-section", children: [_jsxs("div", { className: "ff-action-button", children: [showEditButton && (_jsxs("button", { className: "ff-expand-collapse-button", onClick: onEdit, children: [_jsx(Icon, { name: "logo", height: 16, width: 16 }), "Edit"] })), _isExpanded && (_jsx(Tooltip, { title: isExpanded ? 'Minimize' : 'Maximize', placement: "bottom", children: _jsx("div", { className: "ff-expand-collapse-button", onClick: toggleExpand, children: _jsx(Icon, { name: isExpanded ? 'maximize_tree' : 'minimize_tree', height: 16, width: 16, hoverEffect: true, cursorType: "pointer" }) }) })), isBackButtonVisible &&
-                                            (backButtonIcon || (_jsx(Tooltip, { title: "Back", children: _jsx(Icon, { name: "back_icon", height: 16, width: 16, hoverEffect: true, onClick: onBackButtonClick }) }))), title && _jsx("div", { className: "ff-drawer-title", children: title })] }), _isCloseModalButtonVisible && (_jsx("div", { className: "ff-close-icon", children: _jsx(Tooltip, { title: "Close", children: _jsx(Icon, { name: "drawer_icon_close", onClick: onCloseIconClick || onClose, height: 16, width: 16, color: "var(--tabs-label-active-color)", cursorType: "pointer" }) }) }))] })) })), _jsxs("div", { className: classNames({
-                            'ff-drawer-body-with-scroll': isScrollBar,
-                            'ff-drawer-body': !isScrollBar,
-                            'no-footer': !isFooterRequired,
-                        }), children: [' ', children] }), isFooterRequired && (_jsx("div", { className: classNames('ff-drawer-footer', {
-                            'ff-custom-footer': customFooter,
-                        }), style: {
-                            zIndex: computedZIndex,
-                        }, children: customFooter || footerContent || (_jsxs(_Fragment, { children: [_jsxs("div", { className: "button-container", children: [leftSecondaryButtonProps.label && (_jsx(Button, { onClick: leftPrimaryButtonProps.onClick, variant: "secondary", transparentBackground: true, ...leftSecondaryButtonProps })), leftPrimaryButtonProps.label && (_jsx(Button, { onClick: leftPrimaryButtonProps.onClick, variant: "primary", transparentBackground: true, ...leftPrimaryButtonProps })), leftTertiaryButtonProps?.label && (_jsx(Button, { onClick: leftTertiaryButtonProps.onClick, variant: "tertiary", transparentBackground: true, ...leftTertiaryButtonProps }))] }), _jsxs("div", { className: "button-container", children: [rightTertiaryButtonProps?.label && (_jsx(Button, { onClick: rightTertiaryButtonProps.onClick, variant: "tertiary", transparentBackground: true, ...rightTertiaryButtonProps })), secondaryButtonProps.label && (_jsx(Button, { onClick: onCancel, variant: "secondary", transparentBackground: true, ...secondaryButtonProps })), primaryButtonProps.label && (_jsx(Button, { onClick: primaryButtonProps.onClick, variant: "primary", transparentBackground: true, ...primaryButtonProps }))] })] })) }))] })] }), document.body);
-};
-export default Drawer;
-//# sourceMappingURL=Drawer.js.map
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{createPortal as o}from"react-dom";import n from"../Button/Button.js";import i from"../../_virtual/index.js";import"./Drawer.scss.js";import{useRef as a,useState as l,useEffect as c,useContext as s}from"react";import d from"../Icon/Icon.js";import m from"../../hooks/keyboardevents/useEscKeyEvent.js";import{ThemeContext as f}from"../ThemeProvider/ThemeProvider.js";import u from"../Tooltip/Tooltip.js";import h from"../../hooks/useClickOutside.js";const p=({isOpen:p=!0,children:k="Drawer content area",onClose:v=()=>{},onBackButtonClick:w=()=>{},title:y="drawer",primaryButtonProps:C={},secondaryButtonProps:b={},leftPrimaryButtonProps:B={},leftSecondaryButtonProps:g={},showEditButton:x=!1,showTransition:N=!0,onEdit:E=()=>{},onCollapse:T=()=>{},overlay:z=!1,isFooterRequired:j=!0,footerContent:I=null,size:P="medium",_isExpanded:_=!1,isBackButtonVisible:H=!1,_isCloseModalButtonVisible:L=!0,showHeader:M=!0,isScrollBar:O=!0,backButtonIcon:S,onCloseIconClick:$,customHeader:q,customFooter:D,leftTertiaryButtonProps:F={},rightTertiaryButtonProps:R={},zIndex:V,top:A="89px",height:K,width:G,right:J="5px",overflow:Q,isClickOutside:U,ignoreRefs:W,noHeaderBorder:X=!1,direction:Y="right"})=>{const Z=a(null);h(Z,()=>{const e=document.querySelectorAll(".ff-drawer"),r=e[e.length-1];r&&r.contains(Z.current)&&U&&v()},W);const[ee,re]=l(!1),[te,oe]=l(!1);m("Escape")(v);c(()=>{ne()},[p]);const ne=()=>{p||setTimeout(()=>null,1e3)};c(()=>{p?setTimeout(()=>oe(!0),200):oe(!1)},[p]),c(()=>{const e=e=>{if("Enter"===e.key&&p&&C?.onClick&&!C.disabled){const e=document.activeElement;if(["ff-add-module-input","ff-search-input"].some(r=>e?.classList?.contains(r)||e?.closest(`.${r}`)))return;C.onClick()}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[p,C]);const ie=ee?"x-large":P,ae=s(f),le=ae?.currentTheme,ce=N?"0.4s":"0s",se=V??(e=>({small:1100,medium:1050,large:1e3,"x-large":950}[e]??1050))(P);return o(e("div",{className:i("ff-drawer-container",le),children:[z&&r("div",{className:"ff-overlay",style:{zIndex:se}}),e("div",{ref:Z,className:i("ff-drawer",`ff-drawer--${ie}`,{"ff-drawer--open":te,"ff-drawer--left":"left"===Y}),style:{zIndex:se,top:A,height:K,width:G,..."left"===Y?{left:"5px",right:"auto"}:{right:J??"5px"},overflow:Q,transition:`all ${ce} ease-in-out`},children:[M&&r("div",{className:i("ff-drawer-header",{"ff-custom-header":q,"no-header-border":X}),style:{zIndex:se},children:q?r("div",{className:i("ff-custom-header",{"no-header-border":X}),children:q}):e("div",{className:"ff-drawer-action-section",children:[e("div",{className:"ff-action-button",children:[x&&e("button",{className:"ff-expand-collapse-button",onClick:E,children:[r(d,{name:"logo",height:16,width:16}),"Edit"]}),_&&r(u,{title:ee?"Minimize":"Maximize",placement:"bottom",children:r("div",{className:"ff-expand-collapse-button",onClick:()=>{re(e=>(T(!e),!e))},children:r(d,{name:ee?"maximize_tree":"minimize_tree",height:16,width:16,hoverEffect:!0,cursorType:"pointer"})})}),H&&(S||r(u,{title:"Back",children:r(d,{name:"back_icon",height:16,width:16,hoverEffect:!0,onClick:w})})),y&&r("div",{className:"ff-drawer-title",children:y})]}),L&&r("div",{className:"ff-close-icon",children:r(u,{title:"Close",children:r(d,{name:"drawer_icon_close",onClick:$||v,height:16,width:16,color:"var(--tabs-label-active-color)",cursorType:"pointer"})})})]})}),e("div",{className:i({"ff-drawer-body-with-scroll":O,"ff-drawer-body":!O,"no-footer":!j}),children:[" ",k]}),j&&r("div",{className:i("ff-drawer-footer",{"ff-custom-footer":D}),style:{zIndex:se},children:D||I||e(t,{children:[e("div",{className:"button-container",children:[g.label&&r(n,{onClick:B.onClick,variant:"secondary",transparentBackground:!0,...g}),B.label&&r(n,{onClick:B.onClick,variant:"primary",transparentBackground:!0,...B}),F?.label&&r(n,{onClick:F.onClick,variant:"tertiary",transparentBackground:!0,...F})]}),e("div",{className:"button-container",children:[R?.label&&r(n,{onClick:R.onClick,variant:"tertiary",transparentBackground:!0,...R}),b.label&&r(n,{onClick:()=>{b.onClick?b.onClick():v()},variant:"secondary",transparentBackground:!0,...b}),C.label&&r(n,{onClick:C.onClick,variant:"primary",transparentBackground:!0,...C})]})]})})]})]}),document.body)};export{p as default};

package/lib/components/Drawer/Drawer.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-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title,.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-drawer-container{border-radius:4px}.ff-drawer-container .ff-overlay{background-color:var(--drawer-title-color);inset:0;opacity:.5;position:fixed;transition:all .4s ease-in-out}.ff-drawer-container .ff-drawer{background-color:var(--primary-button-text-color);border-radius:4px;bottom:0;display:flex;flex-direction:column;margin-bottom:4px;opacity:0;position:fixed;right:5px;top:87px;transform:translateX(100%)}.ff-drawer-container .ff-drawer--open{opacity:1;transform:translateX(0)}.ff-drawer-container .ff-drawer--left{transform:translateX(-100%)}.ff-drawer-container .ff-drawer--left.ff-drawer--open{opacity:1;transform:translateX(0)}.ff-drawer-container .ff-drawer--small{width:444px}.ff-drawer-container .ff-drawer--medium{width:666px}.ff-drawer-container .ff-drawer--large{width:888px}.ff-drawer-container .ff-drawer--x-large{width:calc(100vw - 10px)}.ff-drawer-container .ff-drawer--large,.ff-drawer-container .ff-drawer--medium,.ff-drawer-container .ff-drawer--open,.ff-drawer-container .ff-drawer--x-large{border:1px solid var(--table-header-color-primary);border-radius:5px;transition:all .4s ease-in-out}.ff-drawer-container .ff-drawer .ff-drawer-header{border-bottom:1px solid var(--table-header-color-primary);display:flex;gap:10px;padding:0 8px}.ff-drawer-container .ff-drawer .ff-drawer-header.no-header-border{border-bottom:none}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title{align-items:center;color:var(--drawer-title-color);display:flex;font-weight:600;gap:12px;width:100%}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon{align-items:center;border-radius:4px;display:flex;justify-content:center}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section{align-items:center;display:flex;gap:8px;height:30px;justify-content:space-between;width:100%}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button{align-items:center;display:flex;gap:5px}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin:0;outline:none}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header{border-bottom:1px solid var(--table-header-color-primary);border-radius:4px;width:100%}.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header.no-header-border{border-bottom:none}.ff-drawer-container .ff-drawer .ff-custom-header{background-color:var(--drawer-footer-bg);border-bottom:1px solid var(--table-header-color-primary);border-radius:4px 4px 0 0;padding:0;width:100%}.ff-drawer-container .ff-drawer .ff-custom-header.no-header-border{border-bottom:none}.ff-drawer-container .ff-drawer .ff-drawer-body{background-color:var(--drawer-footer-bg);flex:1}.ff-drawer-container .ff-drawer .ff-drawer-body-with-scroll{background-color:var(--drawer-footer-bg);border-bottom-left-radius:4px;border-bottom-right-radius:4px;flex:1;overflow-y:auto}.ff-drawer-container .ff-drawer .ff-drawer-footer{align-items:center;background-color:var(--base-bg-color);border-radius:0 0 4px 4px;border-top:1px solid var(--drawer-footer-border);bottom:3px!important;display:flex;height:32px;justify-content:space-between;padding:0 8px;position:relative;transform:translateY(3px)}.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container{display:flex;gap:8px;justify-content:flex-end}.ff-drawer-container .ff-drawer .ff-custom-footer{border-radius:0 0 8px 8px;padding:0;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyYXdlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFFBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSwyRUFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLHFCQUNFLGlCQUNGLENBQ0EsaUNBR0UsMENBQTJDLENBRDNDLE9BQVEsQ0FFUixVQUFZLENBSFosY0FBZSxDQUlmLDhCQUNGLENBQ0EsZ0NBTUUsaURBQWtELENBR2xELGlCQUFrQixDQUxsQixRQUFTLENBTVQsWUFBYSxDQUNiLHFCQUFzQixDQVZ0QixpQkFBa0IsQ0FPbEIsU0FBVSxDQU5WLGNBQWUsQ0FDZixTQUFVLENBRVYsUUFBUyxDQUVULDBCQUtGLENBQ0Esc0NBRUUsU0FBVSxDQURWLHVCQUVGLENBQ0Esc0NBQ0UsMkJBQ0YsQ0FDQSxzREFFRSxTQUFVLENBRFYsdUJBRUYsQ0FDQSx1Q0FDRSxXQUNGLENBQ0Esd0NBQ0UsV0FDRixDQUNBLHVDQUNFLFdBQ0YsQ0FDQSx5Q0FDRSx3QkFDRixDQUNBLDhKQUdFLGtEQUFtRCxDQURuRCxpQkFBa0IsQ0FEbEIsOEJBR0YsQ0FDQSxrREFJRSx5REFBMEQsQ0FGMUQsWUFBYSxDQUNiLFFBQVMsQ0FGVCxhQUlGLENBQ0EsbUVBQ0Usa0JBQ0YsQ0FDQSxtRUFJRSxrQkFBbUIsQ0FGbkIsK0JBQWdDLENBQ2hDLFlBQWEsQ0FGYixlQUFnQixDQUloQixRQUFTLENBQ1QsVUFDRixDQUNBLGlFQUdFLGtCQUFtQixDQUZuQixpQkFBa0IsQ0FDbEIsWUFBYSxDQUViLHNCQUNGLENBQ0EsNEVBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FHYixPQUFRLENBQ1IsV0FBWSxDQUZaLDZCQUE4QixDQUg5QixVQU1GLENBQ0EsOEZBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixPQUNGLENBQ0EseUhBT0Usa0JBQW1CLENBRm5CLDRCQUE2QixDQUk3QixpQkFBa0IsQ0FSbEIsY0FBZSxDQUtmLFlBQWEsQ0FFYixzQkFBdUIsQ0FKdkIsUUFBUyxDQUZULFlBUUYsQ0FDQSxnSEFHRSx5REFBMEQsQ0FEMUQsaUJBQWtCLENBRGxCLFVBR0YsQ0FDQSxpSUFDRSxrQkFDRixDQUNBLGtEQUNFLHdDQUF5QyxDQUl6Qyx5REFBMEQsQ0FEMUQseUJBQTBCLENBRDFCLFNBQVUsQ0FEVixVQUlGLENBQ0EsbUVBQ0Usa0JBQ0YsQ0FDQSxnREFDRSx3Q0FBeUMsQ0FDekMsTUFDRixDQUNBLDREQUNFLHdDQUF5QyxDQUd6Qyw2QkFBOEIsQ0FDOUIsOEJBQStCLENBRi9CLE1BQU8sQ0FEUCxlQUlGLENBQ0Esa0RBV0Usa0JBQW1CLENBSm5CLHFDQUFzQyxDQUV0Qyx5QkFBMEIsQ0FIMUIsZ0RBQWlELENBSmpELG9CQUFzQixDQUV0QixZQUFhLENBTWIsV0FBWSxDQUxaLDZCQUE4QixDQUY5QixhQUFnQixDQUZoQixpQkFBa0IsQ0FPbEIseUJBSUYsQ0FDQSxvRUFDRSxZQUFhLENBRWIsT0FBUSxDQURSLHdCQUVGLENBQ0Esa0RBR0UseUJBQTBCLENBRjFCLFNBQVUsQ0FDVixVQUVGIiwiZmlsZSI6IkRyYXdlci5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmZvbnRYcyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udFNtLCAuZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItaGVhZGVyIC5mZi1kcmF3ZXItdGl0bGUge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtZHJhd2VyLWNvbnRhaW5lciB7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1vdmVybGF5IHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBpbnNldDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZHJhd2VyLXRpdGxlLWNvbG9yKTtcbiAgb3BhY2l0eTogMC41O1xuICB0cmFuc2l0aW9uOiBhbGwgMC40cyBlYXNlLWluLW91dDtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIge1xuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgcmlnaHQ6IDVweDtcbiAgYm90dG9tOiAwO1xuICB0b3A6IDg3cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXByaW1hcnktYnV0dG9uLXRleHQtY29sb3IpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIG9wYWNpdHk6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXItLW9wZW4ge1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyLS1sZWZ0IHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXItLWxlZnQuZmYtZHJhd2VyLS1vcGVuIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApO1xuICBvcGFjaXR5OiAxO1xufVxuLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlci0tc21hbGwge1xuICB3aWR0aDogNDQ0cHg7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyLS1tZWRpdW0ge1xuICB3aWR0aDogNjY2cHg7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyLS1sYXJnZSB7XG4gIHdpZHRoOiA4ODhweDtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXItLXgtbGFyZ2Uge1xuICB3aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xufVxuLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlci0tb3BlbiwgLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlci0tbWVkaXVtLCAuZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyLS1sYXJnZSwgLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlci0teC1sYXJnZSB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjRzIGVhc2UtaW4tb3V0O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXRhYmxlLWhlYWRlci1jb2xvci1wcmltYXJ5KTtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1oZWFkZXIge1xuICBwYWRkaW5nOiAwcHggOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDEwcHg7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS10YWJsZS1oZWFkZXItY29sb3ItcHJpbWFyeSk7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItaGVhZGVyLm5vLWhlYWRlci1ib3JkZXIge1xuICBib3JkZXItYm90dG9tOiBub25lO1xufVxuLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlciAuZmYtZHJhd2VyLWhlYWRlciAuZmYtZHJhd2VyLXRpdGxlIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgY29sb3I6IHZhcigtLWRyYXdlci10aXRsZS1jb2xvcik7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMTJweDtcbiAgd2lkdGg6IDEwMCU7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItaGVhZGVyIC5mZi1jbG9zZS1pY29uIHtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1oZWFkZXIgLmZmLWRyYXdlci1hY3Rpb24tc2VjdGlvbiB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogOHB4O1xuICBoZWlnaHQ6IDMwcHg7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItaGVhZGVyIC5mZi1kcmF3ZXItYWN0aW9uLXNlY3Rpb24gLmZmLWFjdGlvbi1idXR0b24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDVweDtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1oZWFkZXIgLmZmLWRyYXdlci1hY3Rpb24tc2VjdGlvbiAuZmYtYWN0aW9uLWJ1dHRvbiAuZmYtZXhwYW5kLWNvbGxhcHNlLWJ1dHRvbiB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYm9yZGVyLXJhZGl1czogOHB4O1xufVxuLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlciAuZmYtZHJhd2VyLWhlYWRlciAuZmYtZHJhd2VyLWFjdGlvbi1zZWN0aW9uIC5mZi1hY3Rpb24tYnV0dG9uIC5mZi1jdXN0b20taGVhZGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLXRhYmxlLWhlYWRlci1jb2xvci1wcmltYXJ5KTtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1oZWFkZXIgLmZmLWRyYXdlci1hY3Rpb24tc2VjdGlvbiAuZmYtYWN0aW9uLWJ1dHRvbiAuZmYtY3VzdG9tLWhlYWRlci5uby1oZWFkZXItYm9yZGVyIHtcbiAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWN1c3RvbS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kcmF3ZXItZm9vdGVyLWJnKTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweCA0cHggMCAwO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tdGFibGUtaGVhZGVyLWNvbG9yLXByaW1hcnkpO1xufVxuLmZmLWRyYXdlci1jb250YWluZXIgLmZmLWRyYXdlciAuZmYtY3VzdG9tLWhlYWRlci5uby1oZWFkZXItYm9yZGVyIHtcbiAgYm9yZGVyLWJvdHRvbTogbm9uZTtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1ib2R5IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZHJhd2VyLWZvb3Rlci1iZyk7XG4gIGZsZXg6IDE7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItYm9keS13aXRoLXNjcm9sbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyYXdlci1mb290ZXItYmcpO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBmbGV4OiAxO1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiA0cHg7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiA0cHg7XG59XG4uZmYtZHJhd2VyLWNvbnRhaW5lciAuZmYtZHJhd2VyIC5mZi1kcmF3ZXItZm9vdGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3R0b206IDNweCAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwcHggOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1kcmF3ZXItZm9vdGVyLWJvcmRlcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhc2UtYmctY29sb3IpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoM3B4KTtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDRweCA0cHg7XG4gIGhlaWdodDogMzJweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWRyYXdlci1mb290ZXIgLmJ1dHRvbi1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBnYXA6IDhweDtcbn1cbi5mZi1kcmF3ZXItY29udGFpbmVyIC5mZi1kcmF3ZXIgLmZmLWN1c3RvbS1mb290ZXIge1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG59Il19 */");

package/lib/components/Drawer/Types.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 export interface BtnPropsCommon {
     /**
-     * Variant of the button
-     */
+    * Variant of the button
+    */
     variant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning' | 'custom' | 'danger' | string;
     /**
      * Label for the button