pixel-react 1.11.22 → 1.11.24

package/lib/components/Editor/types.d.ts

@@ -0,0 +1,102 @@
+export interface DyanamicObj {
+    [key: string]: any;
+}
+export interface EditorProps {
+    /**
+     * Editor Content Type
+     */
+    language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
+    /**
+     *
+     *Width of the editor
+     */
+    width: string;
+    /**
+     * Height of the editor
+     */
+    height: string;
+    /**
+     * read only
+     */
+    readOnly?: boolean;
+    /**
+     * Variable options list
+     */
+    variableOptionsList?: [] | DyanamicObj[];
+    /**
+     *Value to set in the editor
+     */
+    value: string;
+    /**
+     *
+     * setter function to set the value for the editor
+     */
+    setValue: (value: string) => void;
+    /**
+     * onChange function to handle the input changes
+     */
+    handleChange: (value: string | undefined, _event: any) => void;
+    /**
+     * Theme
+     */
+    theme?: 'light' | 'vs-dark';
+    /**
+     * type of editor
+     */
+    isRequisiteType?: boolean;
+    /**
+     * onPaste
+     */
+    onPaste?: (pastedContent: string) => void;
+    /**
+     * If passed true, it will show the variable dropdown
+     */
+    showVariableDropdown?: boolean;
+}
+export interface dropdownPositionType {
+    top: number;
+    left: number;
+}
+export interface VariableDropdownProps {
+    /**
+     * Position whether absoloute or relative
+     */
+    position: 'absolute' | 'relative';
+    /**
+     * Dropdown width
+     */
+    width: string;
+    /**
+     * Dropdown height
+     */
+    height?: string;
+    /**
+     * List of variables
+     */
+    optionsList: DyanamicObj[];
+    /**
+     * Function to handle click on variable
+     */
+    onSelectVariable: (variable: object) => void;
+    /**
+     * Dropdown position used for dropdown placement
+     */
+    dropdownPosition?: dropdownPositionType;
+    /**
+     * Dropdown zIndex used for dropdown placement
+     */
+    zIndex?: number;
+    /**
+     * number of characters upto which the options will get truncated
+     */
+    truncateTextValue?: number;
+}
+export interface option {
+    [key: string]: any;
+}
+export interface VariableOption {
+    id?: string;
+    _id?: string;
+    type?: string;
+    parentVariableType?: string;
+}

package/lib/components/Editor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Editor/types.ts"],"names":[],"mappings":""}

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,9 @@
+import { Component, ErrorInfo } from 'react';
+import { ErrorBoundaryProps, ErrorBoundaryState } from "./errorBoundary.types";
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): import("react").ReactNode;
+}
+export default ErrorBoundary;

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,22 @@
+import { Component } from 'react';
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        // Update state to trigger fallback UI
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('ErrorBoundary caught an error:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAQ,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAG/C,MAAM,aAAc,SAAQ,SAAiD;IACzE,YAAY,KAAyB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,wBAAwB;QAC3B,sCAAsC;QACtC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAChD,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC/B,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}

package/lib/components/ErrorBoundary/errorBoundary.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface ErrorBoundaryProps {
+    fallback: ReactNode;
+    children: ReactNode;
+}
+export interface ErrorBoundaryState {
+    hasError: boolean;
+}

package/lib/components/ErrorBoundary/errorBoundary.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=errorBoundary.types.js.map

package/lib/components/ErrorBoundary/errorBoundary.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.types.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/errorBoundary.types.ts"],"names":[],"mappings":""}

package/lib/components/Excel/ColorBarSelector/ColorBarSelector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './ColorBarSelector.scss';
+interface ColorBarSelectorProps {
+    getColorValue: (color: string) => void;
+    disabled: boolean;
+    initialColor: string;
+}
+declare const ColorBarSelector: React.FC<ColorBarSelectorProps>;
+export default ColorBarSelector;

package/lib/components/Excel/ColorBarSelector/ColorBarSelector.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import './ColorBarSelector.scss';
+import classNames from 'classnames';
+const ColorBarSelector = ({ getColorValue, disabled, initialColor, }) => {
+    const colorInputRef = useRef(null);
+    const [color, setColor] = useState(initialColor); // Needed hexacode for backend
+    const handleColorClick = () => {
+        if (colorInputRef.current && !disabled) {
+            colorInputRef.current.click();
+        }
+    };
+    return (_jsx("div", { className: classNames('ff-excel-color-selector', {
+            'color-selector-disabled': disabled,
+        }), style: { backgroundColor: color }, onClick: handleColorClick, children: _jsx("input", { type: "color", disabled: disabled, className: classNames('ff-excel-color-selector-picker', {
+                'color-selector-disabled': disabled,
+            }), ref: colorInputRef, onChange: (e) => {
+                setColor(e.target.value);
+                getColorValue(e.target.value.replace('#', ''));
+            } }) }));
+};
+export default ColorBarSelector;
+//# sourceMappingURL=ColorBarSelector.js.map

package/lib/components/Excel/ColorBarSelector/ColorBarSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorBarSelector.js","sourceRoot":"","sources":["../../../../src/components/Excel/ColorBarSelector/ColorBarSelector.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,gBAAgB,GAAoC,CAAC,EACzD,aAAa,EACb,QAAQ,EACR,YAAY,GACb,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC,CAAC,8BAA8B;IAExF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE;YAC/C,yBAAyB,EAAE,QAAQ;SACpC,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,gBAAgB,YAEzB,gBACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE;gBACtD,yBAAyB,EAAE,QAAQ;aACpC,CAAC,EACF,GAAG,EAAE,aAAa,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACzB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;YACjD,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.d.ts

@@ -0,0 +1,12 @@
+import './ExcelContextMenu.scss';
+import { ContextMenuState } from '../ExcelFile/ExcelFileComponents/types';
+type ExcelContextMenuProps = {
+    contextMenu: ContextMenuState;
+    position: {
+        x: number;
+        y: number;
+    };
+    editable: boolean;
+};
+declare const ExcelContextMenu: React.FC<ExcelContextMenuProps>;
+export default ExcelContextMenu;

package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from '../../Icon';
+import './ExcelContextMenu.scss';
+import Typography from '../../Typography';
+const ExcelContextMenu = ({ contextMenu, position, editable, }) => {
+    return (editable && (_jsx("div", { onContextMenu: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        }, className: "ff-excel-menu", style: { left: position.x, top: position.y }, children: contextMenu.options.map((option) => {
+            if (!option.disable) {
+                return (_jsxs("div", { className: 'ff-excel-menu-options', onClick: () => {
+                        option.action();
+                    }, children: [option.iconName && (_jsx(Icon, { name: option.iconName, height: 16, width: 16, color: option.label.includes('Delete')
+                                ? 'var(--label-edit-error-text)'
+                                : 'var(--brand-color)' })), _jsx(Typography, { as: "label", children: option.label })] }, option.label));
+            }
+            return null;
+        }) })));
+};
+export default ExcelContextMenu;
+//# sourceMappingURL=ExcelContextMenu.js.map

package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelContextMenu.js","sourceRoot":"","sources":["../../../../src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,yBAAyB,CAAC;AACjC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAS1C,MAAM,gBAAgB,GAAoC,CAAC,EACzD,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,QAAQ,IAAI,CACV,cACE,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC,EACD,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,YAE3C,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAClC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO,CACL,eAEE,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,MAAM,EAAE,CAAC;oBAClB,CAAC,aAEA,MAAM,CAAC,QAAQ,IAAI,CAClB,KAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,QAAQ,EACrB,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EACT,KAAK,EACH,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gCAC7B,CAAC,CAAC,8BAA8B;gCAChC,CAAC,CAAC,oBAAoB,GAE1B,CACH,EACD,KAAC,UAAU,IAAC,EAAE,EAAC,OAAO,YAAE,MAAM,CAAC,KAAK,GAAc,KAlB7C,MAAM,CAAC,KAAK,CAmBb,CACP,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,GACE,CACP,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/Excel/ExcelFile/ExcelFile.d.ts

@@ -0,0 +1,107 @@
+import React from 'react';
+import './ExcelFile.scss';
+interface ExcelFileProps {
+    /**
+     * The Excel data containing all the sheets and their respective content.
+     */
+    excelData: WorkSheet[];
+    /**
+     * Make the Excel Sheet Freeze or Editable using the boolean key.
+     */
+    editable?: boolean;
+    /**
+     * Optional configuration for the context menu (usually shown on right-click).
+     * This allows customization of the context menu options with a label, value, icon, and action to be performed.
+     */
+    contextOption?: {
+        /**
+         * Whether the context menu should be enabled (open or not).
+         * If set to true, the context menu will be shown, otherwise, it will be disabled.
+         */
+        open: boolean;
+        /**
+         * Array of options available in the context menu. Each option contains a label (display name),
+         * value (identifier), iconName (icon to display), and action (function to be executed on click).
+         */
+        options: {
+            label: string;
+            value: string;
+            iconName: string;
+            action: () => void;
+            disable: boolean;
+        }[];
+    };
+    /**
+     * Controls whether the toolbar is shown or hidden.
+     * Possible values:
+     * - 'show' to display the toolbar
+     * - 'hide' to hide the toolbar
+     */
+    toolbar?: 'show' | 'hide';
+    /**
+     * Controls whether the sheet navigation bar (tabs) is shown or hidden.
+     * Possible values:
+     * - 'show' to display the sheet bar
+     * - 'hide' to hide the sheet bar
+     */
+    sheetBar?: 'show' | 'hide';
+    /**
+     * Optional: The total number of rows in the Excel sheet.
+     * This helps in determining the size and content of the sheet.
+     */
+    rowCount?: number;
+    /**
+     * Optional: The total number of columns in the Excel sheet.
+     * This helps in determining the structure of the sheet.
+     */
+    colCount?: number;
+    /**
+     * Callback function triggered when saving the Excel data.
+     */
+    onSave?: (saveData: SaveData[]) => void;
+    onSaveInfoChange?: (info: string) => void;
+    /**
+     * Delay time (in milliseconds) before the onSave callback is executed.
+     */
+    onSaveDelay?: number;
+    /**
+     * Optional: Sets the vertical (Y-axis) positioning of the context menu.
+     * This allows precise control over where the context menu appears on the screen.
+     */
+    contextHeightPositioning?: number;
+    /**
+     * Optional: Sets the horizontal (X-axis) positioning of the context menu.
+     * This allows precise control over where the context menu appears on the screen.
+     */
+    contextWidthPositioning?: number;
+    /**
+     * Optional: Dynamically sets the height of the sheet view area.
+     * This can be useful if you want to change the height of the sheet display.
+     */
+    sheetHeight?: string;
+    /**
+     * Optional: Enables or disables the context menu for columns.
+     * When set to true, column-related context menu actions are enabled.
+     */
+    columnContextEnable?: boolean;
+    /**
+     * Optional: Enables or disables the context menu for rows.
+     * When set to true, row-related context menu actions are enabled.
+     */
+    rowContextEnable?: boolean;
+    minimumColumnWidth?: number;
+    attachmentAction?: {
+        addAttachment: (file: File) => Promise<{
+            responseCode: number;
+            responseObject: {
+                name: string;
+                id: string;
+                modifiedOn: string;
+            }[];
+        }>;
+        viewAttachment: () => Promise<void>;
+        deleteAttachment: () => Promise<void>;
+    };
+}
+declare const ExcelFile: React.FC<ExcelFileProps>;
+export default ExcelFile;