pixel-react 1.21.32 → 1.21.34

package/README.md

@@ -1,75 +1,75 @@
----
-title: PixelReact UI
----
-
-import { Button, Input } from 'pixel-react';
-
-<h1 align="center">PixelReact UI</h1>
-
-<p align="center">
-  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
-</p>
-
----
-
-## Table of Contents
-
-- [Installation](#installation)
-- [Usage](#usage)
-- [Documentation](#documentation)
-- [Contributing](#contributing)
-- [License](#license)
-
----
-
-## Installation
-
-Install PixelReact UI in your project directory with:
-
-```bash
-npm install pixel-react
-```
-
-or with Yarn:
-
-```bash
-yarn add pixel-react
-```
-
-## Usage
-
-Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
-
-```jsx
-import { Button } from 'pixel-react';
-
-function App() {
-  return (
-    <div>
-      <Button label="Button Label" variant="primary" />
-    </div>
-  );
-}
-
-export default App;
-```
-
-## Documentation
-
-For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
-
-## Example
-
-```jsx
-import { Button } from 'pixel-react';
-
-function ExampleComponent() {
-  return <Button label="Click Me!" variant="primary" />;
-}
-```
-
-## License
-
-PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
-
----
+---
+title: PixelReact UI
+---
+
+import { Button, Input } from 'pixel-react';
+
+<h1 align="center">PixelReact UI</h1>
+
+<p align="center">
+  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
+</p>
+
+---
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
+
+## Installation
+
+Install PixelReact UI in your project directory with:
+
+```bash
+npm install pixel-react
+```
+
+or with Yarn:
+
+```bash
+yarn add pixel-react
+```
+
+## Usage
+
+Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
+
+```jsx
+import { Button } from 'pixel-react';
+
+function App() {
+  return (
+    <div>
+      <Button label="Button Label" variant="primary" />
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Documentation
+
+For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
+
+## Example
+
+```jsx
+import { Button } from 'pixel-react';
+
+function ExampleComponent() {
+  return <Button label="Click Me!" variant="primary" />;
+}
+```
+
+## License
+
+PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
+
+---

package/lib/components/Charts/BarChart/BarChart.js

@@ -118,20 +118,20 @@ const BarChart = ({ data, isYaxisSticky = false, barWidth, height, barGap = 20,
         if (tooltip) {
             tooltip.style.display = 'block';
             if (customToolTip) {
-                tooltip.innerHTML = `<div>
-          <div><Typography fontWeight='semi-bold'>${label}</Typography></div>
-          <div><Typography>${id ? id : ''}</Typography></div>
-          <div><Typography>${totalLabel} : ${value} ${percent ? '(' + percent + '%)' : ''}</Typography></div>
+                tooltip.innerHTML = `<div>
+          <div><Typography fontWeight='semi-bold'>${label}</Typography></div>
+          <div><Typography>${id ? id : ''}</Typography></div>
+          <div><Typography>${totalLabel} : ${value} ${percent ? '(' + percent + '%)' : ''}</Typography></div>
         </div>`;
             }
             else if (isDashboardVersions) {
                 const versionsList = versions ? versions.join(', ') : '';
-                tooltip.innerHTML = `
-        <div>
-          <div><Typography>${totalLabel} : ${value}</Typography></div>
+                tooltip.innerHTML = `
+        <div>
+          <div><Typography>${totalLabel} : ${value}</Typography></div>
           ${versionsList
                     ? `<div><Typography>Versions : ${versionsList}</Typography></div>`
-                    : ''}
+                    : ''}
         </div>`;
             }
             else {

package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.js

@@ -47,12 +47,12 @@ const calculateDonutSegmentBorderPath = (innerR, outerR, startAngle, endAngle) =
     const startInnerX = outerR * Math.cos(startAngle);
     const startInnerY = outerR * Math.sin(startAngle);
     const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
-    return `
-    M ${startOuterX} ${startOuterY}
-    A ${innerR} ${innerR} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}
-    L ${endInnerX} ${endInnerY}
-    A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${startInnerX} ${startInnerY}
-    Z
+    return `
+    M ${startOuterX} ${startOuterY}
+    A ${innerR} ${innerR} 0 ${largeArcFlag} 1 ${endOuterX} ${endOuterY}
+    L ${endInnerX} ${endInnerY}
+    A ${outerR} ${outerR} 0 ${largeArcFlag} 0 ${startInnerX} ${startInnerY}
+    Z
   `;
 };
 const colorMapping = [

package/lib/components/Charts/IconRadialChart/IconRadialChart.js

@@ -12,10 +12,10 @@ const calculateArc = ({ x, y, radius, startAngle, endAngle, }) => {
     const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
     if (endAngle - startAngle >= 2 * Math.PI) {
         // Special case for a full circle
-        return `
-      M ${x + radius} ${y}
-      A ${radius} ${radius} 0 1 1 ${x - radius} ${y}  
-      A ${radius} ${radius} 0 1 1 ${x + radius} ${y}
+        return `
+      M ${x + radius} ${y}
+      A ${radius} ${radius} 0 1 1 ${x - radius} ${y}  
+      A ${radius} ${radius} 0 1 1 ${x + radius} ${y}
     `;
     }
     return `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY}`;

package/lib/components/Charts/PieChart/PieChart.js

@@ -24,11 +24,11 @@ const calculateArcAngles = (value, total, currentAngle, radius) => {
     const startAngle = currentAngle;
     const endAngle = startAngle + angleIncrement;
     if (percentage === 1) {
-        const path = `
-      M ${radius} 0 
-      A ${radius} ${radius} 0 1 1 ${-radius} 0 
-      A ${radius} ${radius} 0 1 1 ${radius} 0 
-      Z
+        const path = `
+      M ${radius} 0 
+      A ${radius} ${radius} 0 1 1 ${-radius} 0 
+      A ${radius} ${radius} 0 1 1 ${radius} 0 
+      Z
     `;
         return {
             endAngle,

package/lib/components/Comments/Comments.js

@@ -136,20 +136,20 @@ const Comments = ({ commentsData, handleAddComment, handleEditComment, handleDel
     const getCaretCoordinates = (element, position) => {
         const div = document.createElement('div');
         const copyStyle = getComputedStyle(element);
-        div.style.cssText = `
-      position: absolute;
-      visibility: hidden;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-      overflow: auto;
-      width: ${element.offsetWidth}px;
-      height: ${element.offsetHeight}px;
-      font-family: ${copyStyle.fontFamily};
-      font-size: ${copyStyle.fontSize};
-      padding: ${copyStyle.padding};
-      border: ${copyStyle.border};
-      box-sizing: ${copyStyle.boxSizing};
-      line-height: ${copyStyle.lineHeight};
+        div.style.cssText = `
+      position: absolute;
+      visibility: hidden;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+      overflow: auto;
+      width: ${element.offsetWidth}px;
+      height: ${element.offsetHeight}px;
+      font-family: ${copyStyle.fontFamily};
+      font-size: ${copyStyle.fontSize};
+      padding: ${copyStyle.padding};
+      border: ${copyStyle.border};
+      box-sizing: ${copyStyle.boxSizing};
+      line-height: ${copyStyle.lineHeight};
     `;
         div.scrollTop = element.scrollTop;
         div.scrollLeft = element.scrollLeft;

package/lib/components/Comments/childComment/ChildComment.js

@@ -93,20 +93,20 @@ const ChildComment = ({ handleInsertNode, handleEditNode, handleDeleteNode, comm
     const getCaretCoordinates = (element, position) => {
         const div = document.createElement('div');
         const copyStyle = getComputedStyle(element);
-        div.style.cssText = `
-        position: absolute;
-        visibility: hidden;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-        overflow: auto;
-        width: ${element.offsetWidth}px;
-        height: ${element.offsetHeight}px;
-        font-family: ${copyStyle.fontFamily};
-        font-size: ${copyStyle.fontSize};
-        padding: ${copyStyle.padding};
-        border: ${copyStyle.border};
-        box-sizing: ${copyStyle.boxSizing};
-        line-height: ${copyStyle.lineHeight};
+        div.style.cssText = `
+        position: absolute;
+        visibility: hidden;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        overflow: auto;
+        width: ${element.offsetWidth}px;
+        height: ${element.offsetHeight}px;
+        font-family: ${copyStyle.fontFamily};
+        font-size: ${copyStyle.fontSize};
+        padding: ${copyStyle.padding};
+        border: ${copyStyle.border};
+        box-sizing: ${copyStyle.boxSizing};
+        line-height: ${copyStyle.lineHeight};
       `;
         div.scrollTop = element.scrollTop;
         div.scrollLeft = element.scrollLeft;

package/lib/components/EditTextField/EditTextField.js

@@ -77,8 +77,8 @@ isOpen = false, confirmAction, onClick, nameTooltipTitle, }) => {
         { key: 'Enter', action: () => handleKeyBoard('Enter') },
         { key: 'Escape', action: () => handleKeyBoard('Escape') },
     ], containerRef);
-    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: "Enter your name", value: inputValue, onChange: handleTextFieldChange, className: `
-                
+    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: "Enter your name", value: inputValue, onChange: handleTextFieldChange, className: `
+                
                ${isTextFieldModified ? 'modified' : ''}`, type: "text" }) }), _jsxs("div", { className: "ff-icon-container", children: [confirmIcon && (_jsx(Tooltip, { title: "confirm", placement: 'bottom', children: _jsx(Icon, { color: confirmIcon?.color ?? 'var(--default-confirm-icon-color)', height: confirmIcon?.height ?? 20, disabled: disabled, width: confirmIcon?.width ?? 20, name: confirmIcon?.name ?? 'default-confirm-icon', className: `${confirmIcon?.className ?? 'default-confirm-class'} ${disabled ? 'disabled-confirm-icon' : 'confirm-icon'}`, onClick: handleConfirm }) })), cancelIcon && (_jsx(Tooltip, { title: "cancel", placement: 'bottom', children: _jsx(Icon, { color: cancelIcon?.color ?? 'var(--label-edit-cancel-icon)', height: cancelIcon?.height ?? 12, width: cancelIcon?.width ?? 20, name: cancelIcon?.name ?? 'default-cancel-icon', className: cancelIcon?.className ?? 'cancel-icon', onClick: handleCancel, ref: cancelRef }) }))] })] })) : (_jsxs("div", { className: "display-text-container", children: [nameTooltipTitle ? (_jsx(Tooltip, { title: nameTooltipTitle, children: _jsx("span", { className: "display-text", onClick: onClick, children: _jsx(HighlightText, { text: inputValue, highlight: highlightText }) }) })) : (_jsx("span", { className: "display-text", onClick: onClick, children: _jsx(HighlightText, { text: inputValue, highlight: highlightText }) })), _jsx(Tooltip, { title: capitalize(editIcon?.name ?? 'Edit'), children: _jsx(Icon, { color: editIcon?.color ?? 'var(--label-edit-cancel-icon)', height: editIcon?.height ?? 20, width: editIcon?.width ?? 20, name: editIcon?.name ?? 'edit', className: editIcon?.className ?? 'edit-icon', onClick: handleEditButtonClick }) })] })), showError && isEditing && (_jsx(Typography, { as: "p", fontSize: 8, className: "error-text", children: showError }))] }));
 };
 export default EditTextField;

package/lib/components/Editor/VariableDropdown.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
 import Icon from '../Icon';
 import './VariableDropdown.scss';
 import Typography from '../Typography';
@@ -9,7 +10,7 @@ import { isTextTruncated } from '../../utils/truncateText/truncateText';
 import Tooltip from '../Tooltip';
 import { DynamicWidthTooltip } from './DynamicWidthToolTip';
 import { Virtuoso } from 'react-virtuoso';
-const VariableDropdown = ({ optionsList = [], onSelectVariable, dropdownPosition, position = 'relative', width, height = '160px', zIndex = 9999, highlightedIndex, }) => {
+const VariableDropdown = ({ optionsList = [], onSelectVariable, dropdownPosition, position = 'relative', width, height = '160px', zIndex = 999999, highlightedIndex, }) => {
     const VARIABLE_ICON_MAP = {
         LOCAL: 'local_variable_icon',
         GLOBAL: 'global_variable_icon',
@@ -64,21 +65,29 @@ const VariableDropdown = ({ optionsList = [], onSelectVariable, dropdownPosition
             return null;
         return (_jsx("div", { className: cx('ff-variable-data', {
                 'ff-variable-data--highlighted': highlightedIndex === index,
-            }), onMouseDown: () => onSelectVariable(option), children: width.endsWith('px') ? (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: isTextTruncated(getDisplayText(option), getNumericValue(width), 'pixel')
+            }), onMouseDown: (e) => {
+                e.preventDefault();
+                onSelectVariable(option);
+            }, children: width.endsWith('px') ? (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: isTextTruncated(getDisplayText(option), getNumericValue(width), 'pixel')
                             ? getDisplayText(option)
                             : '', style: {
                             width: `${getNumericValue(width)}px`,
                         }, children: _jsx(Typography, { as: "span", fontSize: 12, className: "ff-truncated_text", children: getDisplayText(option) }) }), _jsx(Icon, { name: getVariableIcon(option), height: 24, width: 24, hoverEffect: true })] })) : (_jsx(DynamicWidthTooltip, { option: option })) }, `${option.id}-${index}`));
     };
-    return (_jsx("div", { className: cx('ff-variable-dropdown', position), style: dropdownPosition
+    const dropdownContent = (_jsx("div", { className: cx('ff-variable-dropdown', position), style: dropdownPosition
             ? {
-                top: dropdownPosition.top + 30,
-                left: dropdownPosition.left - 30,
+                position: 'fixed',
+                top: dropdownPosition.top,
+                left: dropdownPosition.left,
                 width,
                 height,
                 zIndex,
             }
             : { width, height, zIndex }, children: !checkEmpty(optionsList) ? (_jsx(Virtuoso, { totalCount: optionsList.length, ref: virtuosoRef, data: optionsList, itemContent: renderItem, style: { height, fontSize: '12px' }, overscan: 10, fixedItemHeight: itemHeight })) : (_jsx("div", { className: "ff-variable-option ff-variable-option-no-data", children: _jsx(Typography, { as: "span", fontSize: 12, children: "No Option" }) })) }));
+    if (dropdownPosition) {
+        return createPortal(dropdownContent, document.body);
+    }
+    return dropdownContent;
 };
 export default VariableDropdown;
 //# sourceMappingURL=VariableDropdown.js.map

package/lib/components/Editor/VariableDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableDropdown.js","sourceRoot":"","sources":["../../../src/components/Editor/VariableDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VariableDropdown.js","sourceRoot":"","sources":["../../../src/components/Editor/VariableDropdown.tsx"],"names":[],"mappings":"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"}

package/lib/components/Icon/iconList.js

@@ -69,6 +69,8 @@ import AutoSaveIcon from '../../assets/icons/auto_save_icon.svg?react';
 import UploadPillIcon from '../../assets/icons/upload_pill.svg?react';
 import FireFlinkLoaderLogo from '../../assets/icons/fire_Flink_logo.svg?react';
 import LoaderSvg from '../../assets/icons/line_loader.svg?react';
+import GoldenFile from '../../assets/icons/golden_file.svg?react';
+import Guidelines from '../../assets/icons/guidelines.svg?react';
 import ImportFile from '../../assets/icons/import_file.svg?react';
 import ApkFileType from '../../assets/icons/apk_file_type.svg?react';
 import CsvFileType from '../../assets/icons/csv_file_type.svg?react';
@@ -749,6 +751,8 @@ Components['pass_result_icon'] = PassResultIcon;
 Components['fail_result_icon'] = FailResultIcon;
 Components['warning_result_icon'] = WarningResultIcon;
 Components['skipped_result_icon'] = SkippedResultIcon;
+Components['golden_file'] = GoldenFile;
+Components['guidelines'] = Guidelines;
 Components['import'] = Import;
 Components['info'] = InfoIcon;
 Components['calendar_icon'] = CalendarIcon;