pixel-react 1.21.30 → 1.21.32

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/LabelEditTextField/LabelEditTextField.js

@@ -158,10 +158,10 @@ className, height, isOpen = false, confirmAction, onClick, tooltip, onDoubleClic
         }
     }
     useKeyboardActions([{ key: 'Enter', action: () => handleKeyBoard('Enter') }], containerRef);
-    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [variant === 'textFieldWithDropdown' ? (_jsxs("div", { className: `ff-label-text-field-with-dropdown ${isEditing ? 'open' : ''}`, style: { height }, children: [_jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
-                
-               ${isTextFieldModified ? 'modified' : ''}` }), _jsx(Select, { label: '', optionsList: dropdownData, selectedOption: { value: dropdownValue, label: dropdownValue }, onChange: (option) => setDropdownValue(option.value) })] })) : (_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
-               
+    return (_jsxs("div", { className: "ff-label-edit-text-field", ref: containerRef, children: [isEditing ? (_jsxs("div", { className: "ff-label-text-field", children: [variant === 'textFieldWithDropdown' ? (_jsxs("div", { className: `ff-label-text-field-with-dropdown ${isEditing ? 'open' : ''}`, style: { height }, children: [_jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
+                
+               ${isTextFieldModified ? 'modified' : ''}` }), _jsx(Select, { label: '', optionsList: dropdownData, selectedOption: { value: dropdownValue, label: dropdownValue }, onChange: (option) => setDropdownValue(option.value) })] })) : (_jsx("div", { className: "ff-label-text-field-without-dropdown", children: _jsx(Input, { name: "input", type: "text", label: label ? label : '', disabled: false, error: isThrowingError, placeholder: placeholder ? placeholder : '', value: inputValue, onChange: handleTextFieldChange, className: `${className} 
+               
                ${isTextFieldModified ? 'modified' : ''}` }) })), _jsxs("div", { className: "ff-icon-container", children: [confirmIcon && (_jsx(Tooltip, { title: "Confirm", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-confirm-icon)", height: 20, width: 20, name: confirmIcon.name, disabled: disabled, className: `${disabled ? 'disabled-confirm-icon' : 'confirm-icon'}`, onClick: handleConfirm }) })), cancelIcon && (_jsx(Tooltip, { title: "Cancel", placement: 'bottom', children: _jsx(Icon, { color: "var(--label-edit-cancel-icon)", height: 12, width: 20, name: cancelIcon.name, className: "cancel-icon", onClick: handleCancel, ref: cancelRef }) }))] })] })) : (_jsx(Tooltip, { title: tooltip?.tooltipTitle ? tooltip?.tooltipTitle : '', placement: 'bottom', children: showText && (_jsx("span", { className: "display-text", onDoubleClick: handleDoubleClick, role: "button", onClick: handleClick, children: _jsx(HighlightText, { text: inputValue, highlight: highlightText }) })) })), showError && isEditing && (_jsx(Typography, { as: "p", fontSize: 8, className: "error-text", children: showError }))] }));
 };
 export default LabelEditTextField;

package/lib/components/StatusBadge/StatusBadge.js

@@ -29,7 +29,7 @@ const StatusBadge = ({ gap = 8, fontSize = 12, entityType, statusValues, }) => {
     // };
     return (_jsx("div", { className: "ff-statusbadge-container", style: {
             gap: `${gap}px`,
-        }, children: statusValues.map((val, idx) => (_jsxs("div", { className: "ff-statusbadge-item", "data-tooltip": `${capitalize(val?.status)}${entityType ? ` ${entityType}` : ''} :
+        }, children: statusValues.map((val, idx) => (_jsxs("div", { className: "ff-statusbadge-item", "data-tooltip": `${capitalize(val?.status)}${entityType ? ` ${entityType}` : ''} :
            ${Number(val?.tooltipValue).toLocaleString('fullwide', {
                 useGrouping: false,
                 maximumSignificantDigits: 21,

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -11,15 +11,15 @@ const StatusIndicator = forwardRef(({ label = 'Status', iconName = 'update_icon'
         danger: 'var(--ff-delete-button-attachment)',
     };
     const iconColor = variantColorMap[variant] || variantColorMap.default;
-    return (_jsx("button", { disabled: isDisable, onClick: onClick, className: `
-         ff-status-indicator
-          ff-status-indicator--${variant}
+    return (_jsx("button", { disabled: isDisable, onClick: onClick, className: `
+         ff-status-indicator
+          ff-status-indicator--${variant}
           ${backgroundColor
             ? `ff-status-indicator--with-bg ff-status-indicator--${variant}-bg`
-            : ''}
+            : ''}
           ${border
             ? `ff-status-indicator--with-border ff-status-indicator--${variant}-border`
-            : ''}
+            : ''}
         `, ref: ref, children: _jsxs("div", { className: "ff-status-indicator__content", children: [_jsx(Icon, { name: resolvedIconName, color: iconColor, className: `ff-status-indicator__icon ff-status-indicator__icon--${variant}` }), _jsx(Typography, { as: "div", fontSize: 12, className: `ff-status-indicator__label ff-status-indicator__label--${variant}`, fontWeight: "medium", lineHeight: "20px", children: label })] }) }));
 });
 export default StatusIndicator;

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

@@ -21,12 +21,6 @@ export interface ColumnsProps {
      */
     cell?: (e: any) => JSX.Element | string | ReactNode;
     onClick?: (colum: string, row: DataProps) => void;
-    /**
-     * Action icons to show on row hover for this column.
-     * When provided the cell text is auto-truncated and the
-     * returned node is revealed only on row hover.
-     */
-    actions?: (row: DataProps) => ReactNode;
 }
 export interface DataProps {
     /**

package/lib/components/Table/components/SortableRow.js

@@ -8,7 +8,6 @@ import { getColumnLeftPosition } from '../utils/virtualization';
 import Checkbox from '../../Checkbox';
 import Typography from '../../Typography';
 import Icon from '../../Icon';
-import AutoTruncateText from '../../AutoTruncateText';
 const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass, handleOnclick, tableDataTextColor, withCheckbox, onSelectClick, draggable, isRowCheckBoxDisable, isRowDisabled, freezeColumns, updateRowHeight, editMode, selectedNode, sortableId, }) => {
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
         id: sortableId,
@@ -65,16 +64,9 @@ const SortableRow = memo(({ row, index, serialNumber, columns, tableBodyRowClass
                         'ff-table-sticky-column': isFrozen,
                         'ff-table-data-cell-sticky': isFrozen,
                         'ff-table-data-cell-relative': !isFrozen,
-                    }), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: classNames('ff-table-data-container', {
-                            'ff-table-data-container-actions': column.actions,
-                        }), children: [columnIndex === 0 && withCheckbox && (_jsx("span", { className: "ff-table-checkbox-table", children: _jsx(Checkbox, { onChange: (e) => onSelectClick(e, row), checked: row.checked, disabled: isRowCheckBoxDisable === undefined
+                    }), children: _jsxs(Typography, { as: "div", color: tableDataTextColor, className: "ff-table-data-container ff-table-data-container-wrapper", children: [columnIndex === 0 && withCheckbox && (_jsx("span", { className: "ff-table-checkbox-table", children: _jsx(Checkbox, { onChange: (e) => onSelectClick(e, row), checked: row.checked, disabled: isRowCheckBoxDisable === undefined
                                         ? !!row.disabled
-                                        : isRowCheckBoxDisable }) })), columnIndex === 0 && draggable && (_jsxs(_Fragment, { children: [_jsx("span", { className: row.disabled
-                                            ? 'ff-table-drag'
-                                            : 'ff-table-drag-icon', ...listeners, ...attributes, children: _jsx(Icon, { name: "drag", className: "ff-table-drag-active" }) }), _jsx(Typography, { color: "var(--brand-color)", children: serialNumber && `${serialNumber}.` })] })), (() => {
-                                const cellContent = prepareData(row, column);
-                                return (_jsxs(_Fragment, { children: [column.cell ? (_jsx("div", { className: "ff-table-cell-custom-container", children: cellContent })) : (_jsx(AutoTruncateText, { className: "ff-table-cell-text", placement: "bottom", children: cellContent }, `${key}-${column.accessor}`)), column.actions && (_jsx("div", { className: "icon-container", children: column.actions(row) }))] }));
-                            })()] }) }, column.accessor + columnIndex));
+                                        : isRowCheckBoxDisable }) })), columnIndex === 0 && draggable && (_jsxs(_Fragment, { children: [_jsx("span", { className: row.disabled ? 'ff-table-drag' : 'ff-table-drag-icon', ...listeners, ...attributes, children: _jsx(Icon, { name: "drag", className: "ff-table-drag-active" }) }), _jsx(Typography, { color: "var(--brand-color)", children: serialNumber && `${serialNumber}.` })] })), prepareData(row, column)] }) }, column.accessor + columnIndex));
             }) }, key) }));
 }, (prev, next) => {
     return (prev.row === next.row &&

package/lib/components/Table/components/SortableRow.js.map

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