pixel-react 1.9.1 → 1.9.3

package/lib/components/Charts/BarChart/BarChart.d.ts

@@ -10,6 +10,7 @@ type BarChartProps = {
     barGap?: number;
     colors?: string[][];
     xAxisLabel?: string;
+    isTruncateText?: boolean;
     yAxisLabel?: string;
     padding?: number;
     yAxisDivisions?: number;

package/lib/components/Charts/MultiRadialChart/types.d.ts

@@ -17,6 +17,8 @@ export interface MultiRadialChartProps {
     labelFontSize?: number;
     subLabelFontSize?: number;
     gapAngle?: number;
+    chartToPillGap: number | string;
+    pillLegendGap: number | string;
 }
 export interface ChartItem extends BarValue {
     label: string;

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

@@ -2,9 +2,7 @@ import React from 'react';
 import './ExcelFile.scss';
 interface ExcelFileProps {
     /** The Excel data containing sheets and their content */
-    excelData: {
-        sheets: WorkSheet[];
-    };
+    excelData: WorkSheet[];
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
         open: boolean;

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

@@ -24,7 +24,7 @@ interface WorkData {
     /** Value of the cell */
     value: string;
     /** Styling options for the cell */
-    style: BackendStyle;
+    styles: BackendStyle;
     type?: boolean;
 }
 type BackendStyle = {

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

@@ -1,4 +1,4 @@
 import './Table.scss';
 import { TableProps } from './Types';
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export default Table;

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

@@ -119,4 +119,12 @@ export interface TableProps {
      * handle function for the table header icon
      */
     headerIconOnClick?: () => void;
+    /**
+    * Drag and Drop pass true to enable
+    */
+    draggable?: boolean;
+    /**
+    * Drag and Drop indexes
+    */
+    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
 }

package/lib/components/TableTree/Components/TableCell.d.ts

@@ -1,4 +1,4 @@
 import { TableCellProps } from '../types';
 import React from 'react';
-declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, parentSiblings, isLast, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ col, node, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableCell;

package/lib/components/TableTree/Components/TableRow.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowProps } from '../types';
-declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, parentSiblings, isLast, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
 export default TableRow;

package/lib/components/TableTree/data.d.ts

@@ -1,266 +1,58 @@
 declare const data: ({
-    node: {
-        subModuleCount: number;
-        title: string;
-        scriptCount: number;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        children: boolean;
-        lastExecutionOrder: number;
-        imported: boolean;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        ver: number;
-        hierarchy: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        executionOrder: number;
-        createdByUname: string;
-        folder: boolean;
-        moduleLevelScriptCount: number;
-        name: string;
-        parentId: null;
-        id: string;
-        parentName?: undefined;
-    };
-    level: number;
-    isLast: boolean;
-    parentSiblings: boolean[];
-    lines?: undefined;
+    createdBy: string;
+    modifiedBy: string;
+    createdByUname: string;
+    modifiedByUname: string;
+    createdOn: string;
+    modifiedOn: string;
+    state: string;
+    path: string;
+    searchKey: string;
+    key: string;
+    name: string;
+    projectId: string;
+    hierarchy: number;
+    executionOrder: number;
+    subContainerCount: number;
+    resourceCount: number;
+    totalSubContainerCount: number;
+    totalResourceCount: number;
+    totalProjectElementCount: number;
+    totalSharedElementCount: number;
+    container: boolean;
+    localDelete: boolean;
+    defaultEntity: boolean;
+    lastResource: boolean;
+    platform: string;
+    parentId?: undefined;
+    parentName?: undefined;
 } | {
-    node: {
-        subModuleCount: number;
-        title: string;
-        scriptCount: number;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        children: boolean;
-        lastExecutionOrder: number;
-        imported: boolean;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        ver: number;
-        hierarchy: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        executionOrder: number;
-        createdByUname: string;
-        folder: boolean;
-        moduleLevelScriptCount: number;
-        name: string;
-        parentId: string;
-        id: string;
-        parentName?: undefined;
-    };
-    parentSiblings: boolean[];
-    lines: number;
-    level?: undefined;
-    isLast?: undefined;
-} | {
-    node: {
-        subModuleCount: number;
-        title: string;
-        scriptCount: number;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        folder: boolean;
-        children: boolean;
-        parentId: string;
-        id: string;
-        lastExecutionOrder?: undefined;
-        imported?: undefined;
-        modifiedBy?: undefined;
-        moduleCountWithScript?: undefined;
-        state?: undefined;
-        key?: undefined;
-        ver?: undefined;
-        hierarchy?: undefined;
-        assigneeCount?: undefined;
-        searchKey?: undefined;
-        modifiedByUname?: undefined;
-        executionOrder?: undefined;
-        createdByUname?: undefined;
-        moduleLevelScriptCount?: undefined;
-        name?: undefined;
-        parentName?: undefined;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast?: undefined;
-    lines?: undefined;
-} | {
-    node: {
-        ver: number;
-        hierarchy: number;
-        subModuleCount: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        title: string;
-        scriptCount: number;
-        executionOrder: number;
-        createdByUname: string;
-        parentId: string;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        parentName: string;
-        moduleLevelScriptCount: number;
-        lastExecutionOrder: number;
-        imported: boolean;
-        name: string;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        folder: boolean;
-        children: boolean;
-        id: string;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast?: undefined;
-    lines?: undefined;
-} | {
-    node: {
-        ver: number;
-        hierarchy: number;
-        subModuleCount: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        title: string;
-        scriptCount: number;
-        executionOrder: number;
-        createdByUname: string;
-        parentId: string;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        parentName: string;
-        moduleLevelScriptCount: number;
-        lastExecutionOrder: number;
-        imported: boolean;
-        name: string;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        children: boolean;
-        id: string;
-        folder?: undefined;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast?: undefined;
-    lines?: undefined;
-} | {
-    node: {
-        ver: number;
-        hierarchy: number;
-        subModuleCount: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        title: string;
-        scriptCount: number;
-        executionOrder: number;
-        createdByUname: string;
-        parentId: string;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        parentName: string;
-        moduleLevelScriptCount: number;
-        lastExecutionOrder: number;
-        imported: boolean;
-        name: string;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        children: boolean;
-        id: string;
-        folder?: undefined;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast: boolean;
-    lines?: undefined;
-} | {
-    node: {
-        ver: number;
-        hierarchy: number;
-        subModuleCount: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        title: string;
-        scriptCount: number;
-        executionOrder: number;
-        createdByUname: string;
-        parentId: string;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        parentName: string;
-        moduleLevelScriptCount: number;
-        lastExecutionOrder: number;
-        imported: boolean;
-        name: string;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        folder: boolean;
-        children: boolean;
-        id: string;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast: boolean;
-    lines?: undefined;
-} | {
-    node: {
-        subModuleCount: number;
-        title: string;
-        scriptCount: number;
-        path: string;
-        expanded: boolean;
-        modifiedOn: string;
-        children: boolean;
-        lastExecutionOrder: number;
-        imported: boolean;
-        modifiedBy: string;
-        moduleCountWithScript: number;
-        state: string;
-        key: string;
-        ver: number;
-        hierarchy: number;
-        assigneeCount: number;
-        searchKey: string;
-        modifiedByUname: string;
-        executionOrder: number;
-        createdByUname: string;
-        folder: boolean;
-        moduleLevelScriptCount: number;
-        name: string;
-        parentId: string;
-        id: string;
-        parentName?: undefined;
-    };
-    level: number;
-    parentSiblings: boolean[];
-    isLast: boolean;
-    lines?: undefined;
+    createdBy: string;
+    modifiedBy: string;
+    createdByUname: string;
+    modifiedByUname: string;
+    createdOn: string;
+    modifiedOn: string;
+    state: string;
+    path: string;
+    searchKey: string;
+    parentId: string;
+    parentName: string;
+    key: string;
+    name: string;
+    projectId: string;
+    hierarchy: number;
+    executionOrder: number;
+    subContainerCount: number;
+    resourceCount: number;
+    totalSubContainerCount: number;
+    totalResourceCount: number;
+    totalProjectElementCount: number;
+    totalSharedElementCount: number;
+    container: boolean;
+    localDelete: boolean;
+    defaultEntity: boolean;
+    lastResource: boolean;
+    platform?: undefined;
 })[];
 export default data;

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

@@ -9,13 +9,10 @@ declare type JSX = ReactNode | JSX.Element[] | string | null;
 export interface TableCellProps {
     col: any;
     node: any;
-    level: number;
     selected: string[];
     select: string | null;
     onCheckBoxChange: (e: any, node: string[] | any) => void;
     onToggleExpand: (node: any) => void;
-    parentSiblings: boolean[];
-    isLast: boolean | undefined;
 }
 export interface TableHeadProps {
     columnsData: any[];
@@ -31,15 +28,12 @@ export interface TableBodyProps {
 }
 export interface TableRowProps {
     node: any;
-    level: number;
     columnsData: any[];
     selected: string[];
     select: string | null;
     onRowClick: (e: any, node: any) => void;
     onToggleExpand: (node: any) => void;
     onCheckBoxChange: (e: any, node: string[] | any) => void;
-    parentSiblings: boolean[];
-    isLast: boolean | undefined;
 }
 export interface Column {
     name: string;

package/lib/index.d.ts

@@ -1144,9 +1144,17 @@ interface TableProps$1 {
      * handle function for the table header icon
      */
     headerIconOnClick?: () => void;
+    /**
+    * Drag and Drop pass true to enable
+    */
+    draggable?: boolean;
+    /**
+    * Drag and Drop indexes
+    */
+    onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
 }
 
-declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, }: TableProps$1) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, }: TableProps$1) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Add Resource Button component.
@@ -2515,9 +2523,7 @@ declare const EditTextField: FC<LabelEditTextFieldTypes>;
 
 interface ExcelFileProps {
     /** The Excel data containing sheets and their content */
-    excelData: {
-        sheets: WorkSheet[];
-    };
+    excelData: WorkSheet[];
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
         open: boolean;
@@ -2987,6 +2993,7 @@ type BarChartProps = {
     barGap?: number;
     colors?: string[][];
     xAxisLabel?: string;
+    isTruncateText?: boolean;
     yAxisLabel?: string;
     padding?: number;
     yAxisDivisions?: number;
@@ -3021,6 +3028,8 @@ interface MultiRadialChartProps {
     labelFontSize?: number;
     subLabelFontSize?: number;
     gapAngle?: number;
+    chartToPillGap: number | string;
+    pillLegendGap: number | string;
 }
 
 declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
@@ -3270,6 +3279,8 @@ type KeyboardAction = {
 
 declare const useKeyboardActions: (actions: KeyboardAction[]) => void;
 
+declare const rearrangeDragItem: (initialArray: any[], oldIndex: number, newIndex: number) => any[];
+
 declare const EMAIL_REGEX: RegExp;
 declare const URL_REGEX: RegExp;
 declare const PHONE_REGEX: RegExp;
@@ -3326,7 +3337,7 @@ declare const ELEMENTS_TRAILING_SPACE_REGEX: RegExp;
 declare const ELEMENTS_WHITE_SPACE_REGEX: RegExp;
 declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
 
-declare const saveToIndexedDB: (key: string, value: string) => Promise<void>;
-declare const getFromIndexedDB: (key: string) => Promise<string | null>;
+declare function saveToIndexedDB(key: string, value: string): Promise<void>;
+declare function getFromIndexedDB(key: string): Promise<string | null>;
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };