npm - pixel-react - Versions diffs - 1.21.68 → 1.21.69 - Mend

pixel-react 1.21.68 → 1.21.69

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

Files changed (98) hide show

package/lib/components/AudioPlayer/AudioPlayer.js CHANGED Viewed

@@ -107,7 +107,7 @@ const AudioPlayer = ({ duration, currentTime, isPlaying = false, onPlayPause = (
                 break;
         }
     };
-    return (_jsxs("div", { className: `ff-audio-player ${className}`, style: style, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, role: "group", "aria-label": "Audio player", onKeyDown: handleKeyDown, children: [_jsx("button", { type: "button", className: "ff-audio-play-btn", onClick: onPlayPause, disabled: disabled, "aria-label": isPlaying ? 'Pause' : 'Play', children: isPlaying ? (_jsxs("span", { className: "ff-audio-pause-shape", children: [_jsx("span", { className: "ff-audio-pause-bar" }), _jsx("span", { className: "ff-audio-pause-bar" })] })) : (_jsx(Icon, { name: "play", width: 8, height: 8, cursorType: "pointer", withPadding: false, className: "ff-audio-play" })) }), _jsx(Typography, { fontSize: 8, className: "ff-audio-time", children: formatTime(currentTime) }), _jsxs("div", { className: "ff-audio-seek-wrap", children: [_jsx("div", { className: "ff-audio-seek-track" }), _jsx("div", { className: "ff-audio-seek-fill", style: { width: `${progressPercent}%` } }), _jsx("input", { type: "range", className: "ff-audio-seek", min: 0, max: duration || 0, step: 1, value: currentTime, disabled: disabled, onChange: handleSeek, "aria-label": "Seek", "aria-valuetext": formatTime(currentTime) })] }), _jsx(Typography, { fontSize: 8, className: "ff-audio-time", children: formatTime(duration) }), _jsx(Icon, { name: "speaker", onClick: disabled ? () => { } : onMuteToggle, disabled: disabled, withPadding: false, className: `ff-audio-speaker-icon${isMuted ? ' ff-audio-speaker-muted' : ''}`, cursorType: "pointer", "aria-label": isMuted ? 'Unmute' : 'Mute' }), _jsx("div", { className: "ff-audio-more-wrap", ref: moreRef, children: _jsx(MenuOption, { iconName: "more", options: resolvedMenuOptions, onOptionClick: handleMenuOptionClick, dropdownPlacement: "bottomLeft", displayCard: true, disabled: disabled, iconSize: 12 }) }), isSpeedMenuOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ff-audio-speed-overlay", onClick: () => setIsSpeedMenuOpen(false) }), _jsx("div", { className: "ff-audio-speed-menu", style: { top: speedMenuPosition.top, left: speedMenuPosition.left }, ref: speedMenuRef, tabIndex: -1, role: "listbox", "aria-label": "Playback speed", onKeyDown: handleSpeedMenuKeyDown, children: SPEED_OPTIONS.map((speed, index) => {
+    return (_jsxs("div", { className: `ff-audio-player ${className}`, style: style, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, role: "group", "aria-label": "Audio player", onKeyDown: handleKeyDown, children: [_jsx("button", { type: "button", className: "ff-audio-play-btn", onClick: onPlayPause, disabled: disabled, "aria-label": isPlaying ? 'Pause' : 'Play', children: isPlaying ? (_jsxs("span", { className: "ff-audio-pause-shape", children: [_jsx("span", { className: "ff-audio-pause-bar" }), _jsx("span", { className: "ff-audio-pause-bar" })] })) : (_jsx(Icon, { name: "play", width: 8, height: 8, cursorType: "pointer", withPadding: false, className: "ff-audio-play" })) }), _jsx(Typography, { fontSize: 8, className: "ff-audio-time", children: formatTime(currentTime) }), _jsxs("div", { className: "ff-audio-seek-wrap", children: [_jsx("div", { className: "ff-audio-seek-track" }), _jsx("div", { className: "ff-audio-seek-fill", style: { width: `${progressPercent}%` } }), _jsx("input", { type: "range", className: "ff-audio-seek", min: 0, max: duration || 0, step: 1, value: currentTime, disabled: disabled, onChange: handleSeek, "aria-label": "Seek" })] }), _jsx(Typography, { fontSize: 8, className: "ff-audio-time", children: formatTime(duration) }), _jsx(Icon, { name: "speaker", onClick: disabled ? () => { } : onMuteToggle, disabled: disabled, withPadding: false, className: `ff-audio-speaker-icon${isMuted ? ' ff-audio-speaker-muted' : ''}`, cursorType: "pointer" }), _jsx("div", { className: "ff-audio-more-wrap", ref: moreRef, children: _jsx(MenuOption, { iconName: "more", options: resolvedMenuOptions, onOptionClick: handleMenuOptionClick, dropdownPlacement: "bottomLeft", displayCard: true, disabled: disabled, iconSize: 12 }) }), isSpeedMenuOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ff-audio-speed-overlay", onClick: () => setIsSpeedMenuOpen(false) }), _jsx("div", { className: "ff-audio-speed-menu", style: { top: speedMenuPosition.top, left: speedMenuPosition.left }, ref: speedMenuRef, tabIndex: -1, role: "listbox", "aria-label": "Playback speed", onKeyDown: handleSpeedMenuKeyDown, children: SPEED_OPTIONS.map((speed, index) => {
                             const isSelected = speed === playbackRate;
                             const isHighlighted = index === highlightedSpeedIndex;
                             return (_jsx("button", { type: "button", role: "option", "aria-selected": isSelected, className: [

package/lib/components/AudioPlayer/AudioPlayer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AudioPlayer.js","sourceRoot":"","sources":["../../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"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~~oBACD~~,~~UAAU,CAAC,WAAW,CAAC,GACvC,~~IACE,EAEN,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,YAC/C,UAAU,CAAC,QAAQ,CAAC,GACV,EAEb,KAAC,IAAI,IACH,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAC,YAAY,EAC3C,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,wBAAwB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7E,UAAU,EAAC,SAAS,~~gBACR~~,~~OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACvC,~~EAEF,cAAK,SAAS,EAAC,oBAAoB,EAAC,GAAG,EAAE,OAAO,YAC9C,KAAC,UAAU,IACT,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,mBAAmB,EAC5B,aAAa,EAAE,qBAAqB,EACpC,iBAAiB,EAAC,YAAY,EAC9B,WAAW,QACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,EAAE,GACZ,GACE,EAEL,eAAe,IAAI,CAClB,8BACE,cACE,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,GACxC,EACF,cACE,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,GAAG,EAAE,iBAAiB,CAAC,GAAG,EAAE,IAAI,EAAE,iBAAiB,CAAC,IAAI,EAAE,EACnE,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,SAAS,gBACH,gBAAgB,EAC3B,SAAS,EAAE,sBAAsB,YAEhC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;4BAClC,MAAM,UAAU,GAAG,KAAK,KAAK,YAAY,CAAC;4BAC1C,MAAM,aAAa,GAAG,KAAK,KAAK,qBAAqB,CAAC;4BACtD,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EAEb,IAAI,EAAC,QAAQ,mBACE,UAAU,EACzB,SAAS,EAAE;oCACT,uBAAuB;oCACvB,aAAa,IAAI,mCAAmC;oCACpD,UAAU,IAAI,gCAAgC;iCAC/C;qCACE,MAAM,CAAC,OAAO,CAAC;qCACf,IAAI,CAAC,GAAG,CAAC,EACZ,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACnD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oCACrB,KAAK,CAAC,eAAe,EAAE,CAAC;gCAC1B,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oCACjB,KAAK,CAAC,eAAe,EAAE,CAAC;oCACxB,oBAAoB,CAAC,KAAK,CAAC,CAAC;oCAC5B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,YAED,MAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,aAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAe,IApBrD,KAAK,CAqBH,CACV,CAAC;wBACJ,CAAC,CAAC,GACE,IACL,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"AudioPlayer.js","sourceRoot":"","sources":["../../../src/components/AudioPlayer/AudioPlayer.tsx"],"names":[],"mappings":"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"}

package/lib/components/Button/types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ReactNode, ButtonHTMLAttributes } from 'react';
+import { ReactNode } from 'react';
 import { DynamicObj } from '../CreateVariable/types';
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onSubmit' | 'type'> {
+export interface ButtonProps {
     /**
      * Variant of the button
      */

package/lib/components/CardPanel/CardPanel.js CHANGED Viewed

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
 import './CardPanel.scss';
 import Typography from '../Typography';
 import classNames from 'classnames';
 const CardPanel = ({ headerLabel, children, className = '', style, contentStyle, headerActions, headerHeight = '32px', }) => {
-    const titleId = useId();
-    return (_jsxs("div", { className: classNames('ff-card-panel', className), style: style, role: "region", "aria-labelledby": headerLabel ? titleId : undefined, children: [_jsxs("div", { className: "ff-card-panel-header", style: { height: headerHeight }, children: [_jsx(Typography, { as: "div", id: titleId, fontWeight: "semi-bold", color: "var(--brand-color)", children: headerLabel }), headerActions && (_jsx("div", { className: "ff-card-panel-header-actions", children: headerActions }))] }), _jsx("div", { className: "ff-card-panel-body", style: contentStyle, children: children })] }));
+    return (_jsxs("div", { className: classNames('ff-card-panel', className), style: style, children: [_jsxs("div", { className: "ff-card-panel-header", style: { height: headerHeight }, children: [_jsx(Typography, { as: "div", fontWeight: "semi-bold", color: "var(--brand-color)", children: headerLabel }), headerActions && (_jsx("div", { className: "ff-card-panel-header-actions", children: headerActions }))] }), _jsx("div", { className: "ff-card-panel-body", style: contentStyle, children: children })] }));
 };
 export default CardPanel;
 //# sourceMappingURL=CardPanel.js.map

package/lib/components/CardPanel/CardPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardPanel.js","sourceRoot":"","sources":["../../../src/components/CardPanel/CardPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,~~EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,~~kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,SAAS,GAAG,CAAC,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,GAAG,MAAM,GACN,EAAE,EAAE;IACnB,~~MAAM,~~OAAO,~~GAAG,KAAK,EAAE,CAAC;IACxB,OAAO,~~CACL,~~eACE~~,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,~~EACjD~~,KAAK,EAAE,KAAK,~~EACZ~~,~~IAAI,EAAC,QAAQ,qBACI,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAElD,~~eAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,aACnE,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,~~EAAE,EAAE,OAAO,EAAE,~~UAAU,EAAC,WAAW,EAAC,KAAK,EAAC,oBAAoB,~~YAChF~~,WAAW,GACD,EAEZ,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,8BAA8B,YAAE,aAAa,GAAO,CACpE,IACG,EAEN,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,YAAY,YACpD,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"CardPanel.js","sourceRoot":"","sources":["../../../src/components/CardPanel/CardPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,MAAM,SAAS,GAAG,CAAC,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,GAAG,MAAM,GACN,EAAE,EAAE;IACnB,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,aAClE,eAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,aACnE,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,WAAW,EAAC,KAAK,EAAC,oBAAoB,YACnE,WAAW,GACD,EAEZ,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,8BAA8B,YAAE,aAAa,GAAO,CACpE,IACG,EAEN,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,YAAY,YACpD,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/Drawer/Drawer.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom';
 import Button from '../Button/Button.js';
 import classNames from 'classnames';
 import './Drawer.scss';
-import { useContext, useEffect, useRef, useState, useId } from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
 import Icon from '../Icon';
 import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
 import { ThemeContext } from '../ThemeProvider/ThemeProvider.js';
@@ -12,7 +12,6 @@ import useClickOutside from '../../hooks/useClickOutside.js';
 import { cleanAllTooltips } from './../../utils/cleanAllTooltips/cleanAllTooltips';
 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);
-    const titleId = useId();
     useClickOutside(containerRef, () => {
         cleanAllTooltips();
         const openDrawers = document.querySelectorAll('.ff-drawer');
@@ -111,13 +110,13 @@ const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = ()
                         : { right: right ?? '5px' }),
                     overflow,
                     transition: `all ${transitionDuration} ease-in-out`,
-                }, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, children: [showHeader && (_jsx("div", { className: classNames('ff-drawer-header', {
+                }, 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", id: titleId, 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({
+                                            (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,

package/lib/components/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,~~KAAK,EAAE,~~MAAM,OAAO,CAAC;~~AAC3E~~,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAEnF,MAAM,MAAM,GAAoB,CAAC,EAC/B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,qBAAqB,EAChC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC5B,KAAK,GAAG,QAAQ,EAChB,kBAAkB,GAAG,EAAE,EACvB,oBAAoB,GAAG,EAAE,EACzB,sBAAsB,GAAG,EAAE,EAC3B,wBAAwB,GAAG,EAAE,EAC7B,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,IAAI,EACrB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,IAAI,EACvB,aAAa,GAAG,IAAI,EACpB,IAAI,GAAG,QAAQ,EACf,WAAW,GAAG,KAAK,EACnB,mBAAmB,GAAG,KAAK,EAC3B,0BAA0B,GAAG,IAAI,EACjC,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GAAG,EAAE,EAC5B,wBAAwB,GAAG,EAAE,EAC7B,MAAM,EACN,GAAG,GAAG,MAAM,EACZ,MAAM,EACN,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,cAAc,EACd,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,OAAO,GACP,EAAE,EAAE;IAChB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,~~MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,~~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~~EACD~~,~~IAAI,EAAC,QAAQ,gBACF,MAAM,qBACA,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,aAE3C,~~UAAU,IAAI,CACb,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;4BACxC,kBAAkB,EAAE,YAAY;4BAChC,kBAAkB,EAAE,cAAc;yBACnC,CAAC,EACF,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,YAEhC,YAAY,CAAC,CAAC,CAAC,CACd,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;gCACxC,kBAAkB,EAAE,cAAc;6BACnC,CAAC,YAED,YAAY,GACT,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,kBAAkB,aAC9B,cAAc,IAAI,CACjB,kBACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,MAAM,aAEf,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,YAEpC,CACV,EACA,WAAW,IAAI,CACd,KAAC,OAAO,IACN,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC3C,SAAS,EAAC,QAAQ,YAElB,cACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,YAAY,YAErB,KAAC,IAAI,IACH,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EACpD,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,UAAU,EAAC,SAAS,GACpB,GACE,GACE,CACX,EACA,mBAAmB;4CAClB,CAAC,cAAc,IAAI,CACjB,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,YACnB,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,WAAW,QACX,OAAO,EAAE,iBAAiB,GAC1B,GACM,CACX,CAAC,EACH,KAAK,IAAI,cAAK,SAAS,EAAC,iBAAiB,~~EAAC~~,~~EAAE,EAAE,OAAO,YAAG,~~KAAK,GAAO,~~IACjE~~,EACL,0BAA0B,IAAI,CAC7B,cAAK,SAAS,EAAC,eAAe,YAC5B,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,YACpB,KAAC,IAAI,IACH,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,gBAAgB,IAAI,OAAO,EACpC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,KAAK,EAAC,gCAAgC,EACtC,UAAU,EAAC,SAAS,GACpB,GACM,GACN,CACP,IACG,CACP,GACG,CACP,EACD,eACE,SAAS,EAAE,UAAU,CAAC;4BACpB,4BAA4B,EAAE,WAAW;4BACzC,gBAAgB,EAAE,CAAC,WAAW;4BAC9B,WAAW,EAAE,CAAC,gBAAgB;yBAC/B,CAAC,aAED,GAAG,EACH,QAAQ,IACL,EACL,gBAAgB,IAAI,CACnB,cACE,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;4BACxC,kBAAkB,EAAE,YAAY;yBACjC,CAAC,EACF,KAAK,EAAE;4BACL,MAAM,EAAE,cAAc;yBACvB,YAEA,YAAY,IAAI,aAAa,IAAI,CAChC,8BACE,eAAK,SAAS,EAAC,kBAAkB,aAC9B,wBAAwB,CAAC,KAAK,IAAI,CACjC,KAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,OAAO,EAAC,WAAW,EACnB,qBAAqB,EAAE,IAAI,KACvB,wBAAwB,GAC5B,CACH,EACA,sBAAsB,CAAC,KAAK,IAAI,CAC/B,KAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,OAAO,EAAC,SAAS,EACjB,qBAAqB,EAAE,IAAI,KACvB,sBAAsB,GAC1B,CACH,EACA,uBAAuB,EAAE,KAAK,IAAI,CACjC,KAAC,MAAM,IACL,OAAO,EAAE,uBAAuB,CAAC,OAAO,EACxC,OAAO,EAAC,UAAU,EAClB,qBAAqB,EAAE,IAAI,KACvB,uBAAuB,GAC3B,CACH,IACG,EACN,eAAK,SAAS,EAAC,kBAAkB,aAC9B,wBAAwB,EAAE,KAAK,IAAI,CAClC,KAAC,MAAM,IACL,OAAO,EAAE,wBAAwB,CAAC,OAAO,EACzC,OAAO,EAAC,UAAU,EAClB,qBAAqB,EAAE,IAAI,KACvB,wBAAwB,GAC5B,CACH,EACA,oBAAoB,CAAC,KAAK,IAAI,CAC7B,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAC,WAAW,EACnB,qBAAqB,EAAE,IAAI,KACvB,oBAAoB,GACxB,CACH,EACA,kBAAkB,CAAC,KAAK,IAAI,CAC3B,KAAC,MAAM,IACL,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAC,SAAS,EACjB,qBAAqB,EAAE,IAAI,KACvB,kBAAkB,GACtB,CACH,IACG,IACL,CACJ,GACG,CACP,IACG,IACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/lib/components/Editor/Editor.d.ts CHANGED Viewed

@@ -1,10 +1,4 @@
-import type { editor as MonacoEditorType } from 'monaco-editor';
 import { EditorProps } from './types';
 import './Editor.scss';
-export interface EditorRef {
-    getEditorInstance: () => MonacoEditorType.IStandaloneCodeEditor | null;
-    focus: () => void;
-    beautify: () => void;
-}
-declare const Editor: import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<EditorRef>>;
+declare const Editor: import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<any>>;
 export default Editor;

package/lib/components/Editor/Editor.js CHANGED Viewed

@@ -1,30 +1,153 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, forwardRef, useImperativeHandle, useCallback, } from 'react';
+import { useRef, useState, useEffect, forwardRef, useImperativeHandle, } from 'react';
 import MonacoEditor from '@monaco-editor/react';
+import { js as beautifyJS, html as beautifyHTML } from 'js-beautify';
 import './Editor.scss';
 import VariableDropdown from './VariableDropdown';
-import { beautifyContent } from './beautify';
-import { useVariableDropdown } from './useVariableDropdown';
+import { calculateDropdownPosition } from './calculateDropdownPosition';
 const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHeight = '160px', readOnly = false, value = '', handleChange, setValue, variableOptionsList = [], addForloopPrefix = false, language = 'json', theme = 'light', isRequisiteType = false, onPaste, showVariableDropdown = true, defaultValue, customOptions = {}, editorVariableZindex = 99999, showMinimap = true, isFocus = false, }, ref) => {
-    const [editorInstance, setEditorInstance] = useState(null);
     const editorRef = useRef(null);
-    // Initialize custom hook for complex variable dropdown logic
-    const { showDropdown, setShowDropdown, dropdownPosition, filteredVariableOptions, handleSelectVariable, } = useVariableDropdown({
-        editor: editorInstance,
-        variableOptionsList,
-        addForloopPrefix,
-        isRequisiteType,
-        setValue,
-    });
-    const handleEditorDidMount = useCallback((editor, monaco) => {
+    const decorationsRef = useRef([]);
+    const varRef = useRef(null);
+    const filterVarRef = useRef(null);
+    const [currentLine, setCurrentLine] = useState(0);
+    const [isTextSelected, setIsTextSelected] = useState(false);
+    const [showDropdown, setShowDropdown] = useState(false);
+    const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 });
+    const [filteredVariableOptions, setFilteredVariableOptions] = useState([]);
+    const variableOptionsRef = useRef(variableOptionsList);
+    useEffect(() => {
+        variableOptionsRef.current = variableOptionsList;
+    }, [variableOptionsList]);
+    const handleEditorDidMount = (editor, monaco) => {
         editorRef.current = editor;
-        setEditorInstance(editor); // trigger hooks
-        if (isFocus) {
+        isFocus &&
             setTimeout(() => {
                 editor.focus();
             }, 0);
-        }
-        // Paste event listener
+        editor.onDidChangeCursorPosition((e) => {
+            setCurrentLine(e.position.lineNumber);
+            const position = editor.getPosition();
+            const model = editor.getModel();
+            if (!position || !model)
+                return;
+            const currentLineContent = model.getLineContent(position.lineNumber);
+            const col = position.column - 1;
+            if (col === 0) {
+                setShowDropdown(false);
+                return;
+            }
+            const dollarIndex = currentLineContent.lastIndexOf('$', col - 1);
+            const openIndex = currentLineContent.lastIndexOf('${', col - 1);
+            const closeIndex = openIndex !== -1
+                ? currentLineContent.indexOf('}', openIndex + 2)
+                : -1;
+            const insideVariable = openIndex !== -1 &&
+                closeIndex !== -1 &&
+                col - 1 > openIndex &&
+                col - 1 < closeIndex;
+            const isCloserEnd = !/\}/.test(currentLineContent.slice(dollarIndex + 1, col));
+            if (dollarIndex !== -1 &&
+                col > dollarIndex &&
+                !/\s/.test(currentLineContent.slice(dollarIndex + 1, col)) &&
+                !insideVariable &&
+                isCloserEnd) {
+                varRef.current = dollarIndex;
+                filterVarRef.current = currentLineContent.slice(dollarIndex + 1, col);
+                const filterVal = (filterVarRef.current ?? '').toLowerCase();
+                const filteredVariable = variableOptionsRef.current.filter((e) => {
+                    const variableName = e.type === '_startforloop' && addForloopPrefix
+                        ? `FLV_for:${e.name}`
+                        : e.name;
+                    return variableName.toLowerCase().includes(filterVal);
+                });
+                setFilteredVariableOptions(filteredVariable);
+                const visiblePosition = editor.getScrolledVisiblePosition(position);
+                const editorDomNode = editor.getDomNode();
+                setDropdownPosition(calculateDropdownPosition(visiblePosition, editorDomNode, 150));
+                if (['keyboard', 'mouse', 'deleteLeft'].includes(e?.source || '')) {
+                    setShowDropdown(true);
+                }
+            }
+            else {
+                setShowDropdown(false);
+                varRef.current = null;
+                filterVarRef.current = null;
+            }
+        });
+        editor.onMouseDown(() => {
+            setTimeout(() => {
+                const editor = editorRef.current;
+                if (!editor)
+                    return;
+                const position = editor.getPosition();
+                const model = editor.getModel();
+                if (!position || !model)
+                    return;
+                const currentLineContent = model.getLineContent(position.lineNumber);
+                const columnIndex = position.column - 2;
+                if (currentLineContent[columnIndex] === '$') {
+                    varRef.current = columnIndex;
+                    filterVarRef.current = '';
+                }
+                else {
+                    varRef.current = null;
+                    filterVarRef.current = null;
+                }
+            }, 0);
+        });
+        // Track selection changes (user highlighting text)
+        editor.onDidChangeCursorSelection(() => {
+            const selections = editor.getSelections?.() || [];
+            const hasSelection = selections.some((sel) => sel.startLineNumber !== sel.endLineNumber ||
+                sel.startColumn !== sel.endColumn);
+            setIsTextSelected(hasSelection);
+        });
+        // Model content listener (variable trigger, etc.)
+        editor.onDidChangeModelContent(() => {
+            const content = editor.getValue();
+            setValue(content);
+            const position = editor.getPosition();
+            const model = editor.getModel();
+            if (!position || !model)
+                return;
+            const currentLineContent = model.getLineContent(position.lineNumber);
+            const columnIndex = position.column - 2;
+            if (currentLineContent[varRef.current ?? columnIndex] === '$') {
+                if (varRef.current === null) {
+                    varRef.current = columnIndex;
+                }
+                filterVarRef.current = currentLineContent.slice(varRef.current + 1, columnIndex);
+                const filteredVariable = variableOptionsRef.current.filter((e) => {
+                    const variableName = e.type === '_startforloop' && addForloopPrefix
+                        ? `FLV_for:${e.name}`
+                        : e.name;
+                    return variableName
+                        .toLowerCase()
+                        .includes(filterVarRef.current?.toLowerCase());
+                });
+                if (filteredVariable.length) {
+                    setFilteredVariableOptions(filteredVariable);
+                }
+                else {
+                    setFilteredVariableOptions([]);
+                    if (varRef?.current !== columnIndex &&
+                        currentLineContent[columnIndex] === ' ') {
+                        varRef.current = null;
+                        filterVarRef.current = null;
+                        setShowDropdown(false);
+                    }
+                }
+                const visiblePosition = editor.getScrolledVisiblePosition(position);
+                const editorDomNode = editor.getDomNode();
+                setDropdownPosition(calculateDropdownPosition(visiblePosition, editorDomNode, 150));
+            }
+            else {
+                varRef.current = null;
+                filterVarRef.current = null;
+            }
+        });
+        // Detect paste events
         editor.onDidPaste(() => {
             const pastedText = editor.getValue();
             if (pastedText) {
@@ -35,7 +158,6 @@ const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHe
                 }
             }
         });
-        // Register completions provider
         monaco.languages.registerCompletionItemProvider(language, {
             triggerCharacters: ['.'],
             provideCompletionItems: (model, position) => {
@@ -74,15 +196,25 @@ const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHe
                         range,
                     });
                 }
+                // Add other conditions similarly...
                 return { suggestions };
             },
         });
-    }, [isFocus, language, onPaste]);
+    };
     useEffect(() => {
+        const editor = editorRef.current;
+        if (!editor)
+            return;
+        const handleEditorBlur = () => {
+            setShowDropdown(false);
+            varRef.current = null;
+            filterVarRef.current = null;
+            decorationsRef.current = [];
+            setCurrentLine(0);
+        };
+        const blurDisposable = editor.onDidBlurEditorWidget(handleEditorBlur);
         const handleDocumentClick = (event) => {
-            if (!editorInstance)
-                return;
-            const editorDomNode = editorInstance.getDomNode();
+            const editorDomNode = editor.getDomNode();
             const clickedInsideEditor = editorDomNode && editorDomNode.contains(event.target);
             if (!clickedInsideEditor ||
                 (clickedInsideEditor &&
@@ -90,14 +222,199 @@ const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHe
                 const textarea = editorDomNode?.querySelector('textarea');
                 if (textarea)
                     textarea.blur();
-                setShowDropdown(false);
             }
         };
         document.addEventListener('mousedown', handleDocumentClick);
         return () => {
+            blurDisposable.dispose();
             document.removeEventListener('mousedown', handleDocumentClick);
         };
-    }, [editorInstance, setShowDropdown]);
+    }, [showDropdown]);
+    useEffect(() => {
+        const editor = editorRef.current;
+        if (!editor || !currentLine)
+            return;
+        const decorations = [];
+        const lineNumberDecorations = [];
+        // Only push the background decoration when NO selection
+        if (isTextSelected) {
+            lineNumberDecorations.push({
+                range: {
+                    startLineNumber: currentLine,
+                    startColumn: 1,
+                    endLineNumber: currentLine,
+                    endColumn: 1,
+                },
+                options: {
+                    isWholeLine: false,
+                    linesDecorationsClassName: 'active-line-number',
+                },
+            });
+        }
+        else {
+            decorations.push({
+                range: {
+                    startLineNumber: currentLine,
+                    startColumn: 1,
+                    endLineNumber: currentLine,
+                    endColumn: 1,
+                },
+                options: {
+                    isWholeLine: true,
+                    className: 'current-line-background',
+                },
+            });
+        }
+        decorationsRef.current = editor.deltaDecorations(decorationsRef.current, [
+            ...decorations,
+            ...lineNumberDecorations,
+        ]);
+    }, [currentLine, isTextSelected]);
+    const handleSelectSuggestion = (suggestion, type) => {
+        if (editorRef.current) {
+            const editor = editorRef.current;
+            const position = editor.getPosition();
+            if (position) {
+                const val = `{${type}${type === 'FLV_for:' ? '' : '_'}${suggestion}}`;
+                const currentPostion = varRef?.current ?? 0;
+                editor.executeEdits('', [
+                    {
+                        range: {
+                            startLineNumber: position.lineNumber,
+                            startColumn: currentPostion + 2,
+                            endLineNumber: position.lineNumber,
+                            endColumn: currentPostion + (position.column - currentPostion),
+                        },
+                        text: val,
+                        forceMoveMarkers: false,
+                    },
+                ]);
+                const decorations = [];
+                decorations.push({
+                    range: {
+                        startLineNumber: currentLine,
+                        startColumn: 1,
+                        endLineNumber: currentLine,
+                        endColumn: 1,
+                    },
+                    options: {
+                        isWholeLine: false,
+                    },
+                });
+                decorationsRef.current = editor.deltaDecorations(decorationsRef.current, decorations);
+                filterVarRef.current = null;
+                varRef.current = null;
+                setShowDropdown(false);
+            }
+        }
+    };
+    const handleSelectVariable = (option) => {
+        if (isRequisiteType && editorRef.current) {
+            const editor = editorRef.current;
+            const position = editor.getPosition();
+            if (position) {
+                const textToInsert = `'${option.name}'`;
+                const currentPostion = varRef?.current ?? 0;
+                editor.executeEdits('', [
+                    {
+                        range: {
+                            startLineNumber: position.lineNumber,
+                            startColumn: currentPostion + 1,
+                            endLineNumber: position.lineNumber,
+                            endColumn: currentPostion + (position.column - currentPostion),
+                        },
+                        text: textToInsert,
+                        forceMoveMarkers: true,
+                    },
+                ]);
+                filterVarRef.current = null;
+                varRef.current = null;
+                setShowDropdown(false);
+            }
+        }
+        else {
+            // Existing flow for variable insertion
+            handleSelectSuggestion(option?.type === 'DATAPROVIDER'
+                ? option?.dpName + ':' + option?.varname
+                : option?.name, option.parentVariableType === 'STEPGROUP'
+                ? 'SGV'
+                : option?.type === 'GLOBAL'
+                    ? 'GV'
+                    : option?.type === 'LOCAL'
+                        ? 'LV'
+                        : (option?._id ?? option?.id ?? '').includes('PARAMETER')
+                            ? 'SGP'
+                            : option?.type === '_startforloop'
+                                ? 'FLV_for:'
+                                : option?.type === 'DATAPROVIDER'
+                                    ? 'DPV'
+                                    : 'PEV');
+        }
+    };
+    const beautifyContent = (content, language) => {
+        switch (language) {
+            case 'json':
+                return beautifyJS(content, {
+                    indent_size: 4,
+                    indent_char: ' ',
+                    max_preserve_newlines: 5,
+                    preserve_newlines: true,
+                    keep_array_indentation: true,
+                    break_chained_methods: true,
+                    brace_style: 'collapse',
+                    space_before_conditional: true,
+                    unescape_strings: true,
+                    jslint_happy: true,
+                    end_with_newline: true,
+                    wrap_line_length: 0,
+                    comma_first: false,
+                    e4x: true,
+                    indent_empty_lines: true,
+                });
+            case 'javascript':
+                return beautifyJS(content, {
+                    indent_size: 4,
+                    indent_char: ' ',
+                    max_preserve_newlines: 5,
+                    preserve_newlines: true,
+                    keep_array_indentation: true,
+                    break_chained_methods: true,
+                    brace_style: 'collapse',
+                    space_before_conditional: true,
+                    unescape_strings: true,
+                    jslint_happy: true,
+                    end_with_newline: true,
+                    wrap_line_length: 0,
+                    comma_first: false,
+                    e4x: true,
+                    indent_empty_lines: true,
+                });
+            case 'html':
+                return beautifyHTML(content, {
+                    indent_size: 4,
+                    indent_char: ' ',
+                    max_preserve_newlines: 5,
+                    preserve_newlines: true,
+                    end_with_newline: true,
+                    wrap_line_length: 0,
+                    indent_empty_lines: true,
+                });
+            case 'xml':
+                return beautifyHTML(content, {
+                    indent_size: 4,
+                    indent_char: ' ',
+                    max_preserve_newlines: 5,
+                    preserve_newlines: true,
+                    end_with_newline: true,
+                    wrap_line_length: 0,
+                    indent_empty_lines: true,
+                });
+            case 'plain text':
+                return content;
+            default:
+                return content;
+        }
+    };
     // Expose editorRef and helper functions to parent via forwarded ref
     useImperativeHandle(ref, () => ({
         getEditorInstance: () => editorRef.current,
@@ -107,13 +424,13 @@ const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHe
         beautify: () => {
             if (editorRef.current) {
                 const content = editorRef.current.getValue();
-                const currentLang = editorRef.current.getModel()?.getLanguageId() || language;
-                const beautifiedContent = beautifyContent(content, currentLang);
+                const language = editorRef.current.getModel()?.getLanguageId();
+                const beautifiedContent = beautifyContent(content, language || 'json');
                 editorRef.current.setValue(beautifiedContent);
             }
         },
     }));
-    return (_jsxs("div", { style: { width, height }, className: "ff-editor-container", role: "region", "aria-label": "Code Editor", children: [_jsx(MonacoEditor, { defaultValue: defaultValue, height: height, width: width, language: language, value: value, options: {
+    return (_jsxs("div", { style: { width, height }, className: "ff-editor-container", children: [_jsx(MonacoEditor, { defaultValue: defaultValue, height: height, width: width, language: language, value: value, options: {
                     minimap: { enabled: showMinimap },
                     lineNumbers: 'on',
                     wordWrap: 'on',
@@ -122,8 +439,7 @@ const Editor = forwardRef(({ width = '100%', height = '100%', VariableDropdownHe
                     readOnly,
                     guides: { indentation: false },
                     ...customOptions,
-                }, onMount: handleEditorDidMount, onChange: (newValue, event) => handleChange(newValue || '', event), theme: theme }), showDropdown && dropdownPosition && showVariableDropdown && (_jsx(VariableDropdown, { position: "absolute", width: "300px", height: VariableDropdownHeight, optionsList: filteredVariableOptions, onSelectVariable: handleSelectVariable, dropdownPosition: dropdownPosition, zIndex: editorVariableZindex }))] }));
+                }, onMount: handleEditorDidMount, onChange: (newValue, event) => handleChange(newValue, event), theme: theme }), showDropdown && dropdownPosition && showVariableDropdown && (_jsx(VariableDropdown, { position: "absolute", width: "300px", height: VariableDropdownHeight, optionsList: filteredVariableOptions, onSelectVariable: handleSelectVariable, dropdownPosition: dropdownPosition, zIndex: editorVariableZindex }))] }));
 });
-Editor.displayName = 'Editor';
 export default Editor;
 //# sourceMappingURL=Editor.js.map