pixel-react 1.5.5 → 1.5.7

package/.storybook/main.ts

@@ -21,6 +21,12 @@ const config: StorybookConfig = {
 
   typescript: {
     reactDocgen: 'react-docgen-typescript'
-  }
+  },
+
+  viteFinal: async (config) => {
+    // Ensure Vite processes font files
+    config.assetsInclude = [/\.(woff2?|eot|ttf|otf)$/];
+    return config;
+  },
 };
 export default config;

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

@@ -21,4 +21,7 @@ export interface LineChartProps {
     xAxisColor?: string;
     yAxisColor?: string;
     yAxisLabelColor?: string;
+    textSize?: string | number;
+    fontWeight?: string | number;
+    numberSize?: string | number;
 }

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

@@ -47,6 +47,10 @@ export interface DatePickerProps {
      * Helper text to display below the input field, used for error messages or instructions.
      */
     helperText?: string | undefined;
+    /**
+     * Select only date .
+     */
+    dateOnly?: boolean;
 }
 export type DateValue = Date | undefined;
 export interface CustomCaptionProps {

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

@@ -1,13 +1,7 @@
 import './ExcelContextMenu.scss';
-import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
-import { CellBase, ContextMenuState } from '../ExcelFile/ExcelFileComponents/types';
+import { ContextMenuState } from '../ExcelFile/ExcelFileComponents/types';
 type ExcelContextMenuProps = {
-    data: Matrix.Matrix<CellBase>;
     contextMenu: ContextMenuState;
-    addRowTop: (data: Matrix.Matrix<CellBase>) => void;
-    addColumnLeft: (data: Matrix.Matrix<CellBase>) => void;
-    deleteRow: (data: Matrix.Matrix<CellBase>) => void;
-    deleteColumn: (data: Matrix.Matrix<CellBase>) => void;
 };
 declare const ExcelContextMenu: React.FC<ExcelContextMenuProps>;
 export default ExcelContextMenu;

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

@@ -3,6 +3,6 @@ import * as Types from './types';
 export declare const TRUE_TEXT = "TRUE";
 export declare const FALSE_TEXT = "FALSE";
 /** The default Spreadsheet DataViewer component */
-declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, }: Types.DataViewerProps<Cell>) => React.ReactElement;
+declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, setContextMenu, }: Types.DataViewerProps<Cell>) => React.ReactElement;
 export default DataViewer;
 export declare function convertBooleanToText(value: boolean): string;

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

@@ -59,6 +59,7 @@ export type Props<CellType extends Types.CellBase> = {
     onActivate?: (active: Point.Point) => void;
     /** Callback called when the Spreadsheet's evaluated data changes. */
     onEvaluatedDataChange?: (data: Matrix.Matrix<CellType>) => void;
+    setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
 };
 /**
  * The Spreadsheet component

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

@@ -13,6 +13,7 @@ export declare function applyUnderlineToCells(currentData: Matrix.Matrix<Types.C
 export declare function isValidHexColor(color: string): boolean;
 export declare function applyColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, color: string): Matrix.Matrix<Types.CellBase<any>>;
 export declare function applyBackgroundColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, backgroundColor: string): Matrix.Matrix<Types.CellBase<any>>;
+export declare function applyFormatePainter(currentData: Matrix.Matrix<Types.CellBase<any>>, activePoint: Point.Point | null): React.CSSProperties | undefined;
 export declare function edit(state: Types.StoreState): Types.StoreState;
 export declare function clear(state: Types.StoreState): Types.StoreState;
 export declare function blur(state: Types.StoreState): Types.StoreState;

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

@@ -56,6 +56,10 @@ export type StoreState<Cell extends CellBase = CellBase> = {
     lastCommit: null | CellChange<Cell>[];
     selectedRow: null | number;
     selectedColumn: null | number;
+    formattedStyle: {
+        open: boolean;
+        style: undefined | React.CSSProperties;
+    };
 };
 export type CellChange<Cell extends CellBase = CellBase> = {
     prevCell: Cell | null;
@@ -103,6 +107,7 @@ type DataComponentProps<Cell extends CellBase> = {
 export type DataViewerProps<Cell extends CellBase = CellBase> = DataComponentProps<Cell> & {
     /** Set data of the cell */
     setCellData: (cell: Cell) => void;
+    setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
     evaluatedCell: Cell | undefined;
 };
 /** Type of the Spreadsheet DataViewer component */

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

@@ -52,6 +52,8 @@ export interface FileDropzoneProps {
      *  To validate file type based on MIME type but mandatorily need to pass MIME type in accept props
      **/
     validateMIMEType?: boolean;
+    width?: number | string;
+    height?: number | string;
 }
 export interface FileState {
     accepted: File[];
@@ -94,6 +96,7 @@ export interface DroppableProps {
     getRootProps: () => any;
     getInputProps: () => any;
     isDragActive: boolean;
+    height: number | string;
 }
 export interface FilePreviewProps {
     file: File;

package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts

@@ -6,8 +6,6 @@ declare const meta: Meta<typeof LabelEditTextField>;
 type Story = StoryObj<typeof LabelEditTextField>;
 export declare const textField: Story;
 export declare const textFieldWithOutLabel: Story;
-export declare const openTextFieldWithOutLabel: Story;
 export declare const textFieldWithDropdown: Story;
 export declare const textFieldWithHighlight: Story;
-export declare const openLabelEditTextField: Story;
 export default meta;

package/lib/components/MultiSelect/MultiSelect.stories.d.ts

@@ -7,5 +7,4 @@ export declare const Default2: Story;
 export declare const Default3: Story;
 export declare const EmailGroup: Story;
 export declare const Controlled: Story;
-export declare const Labels: Story;
 export default meta;

package/lib/components/Select/Select.stories.d.ts

@@ -10,5 +10,4 @@ export declare const Disable: Story;
 export declare const WithInitialValue: Story;
 export declare const OptionSelection: Story;
 export declare const CustomJSX: Story;
-export declare const updateOptionFromOutside: Story;
 export default meta;

package/lib/components/StateDropdown/StateDropdown.d.ts

@@ -1,3 +1,3 @@
 import { StateDropdownProps } from './StateDropdownTypes';
-declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, showBorder, height, zIndex, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default StateDropdown;

package/lib/components/StateDropdown/StateDropdownTypes.d.ts

@@ -8,4 +8,7 @@ export interface StateDropdownProps {
     isOnlyReviewer: boolean;
     userHasOnlyViewAccess: boolean;
     handleStateValueClick: () => void;
+    showBorder?: boolean;
+    height?: number;
+    zIndex?: number;
 }

package/lib/index.d.ts

@@ -1118,6 +1118,8 @@ interface FileDropzoneProps {
      *  To validate file type based on MIME type but mandatorily need to pass MIME type in accept props
      **/
     validateMIMEType?: boolean;
+    width?: number | string;
+    height?: number | string;
 }
 
 declare const FileDropzone: React.FC<FileDropzoneProps>;
@@ -1601,6 +1603,10 @@ interface DatePickerProps {
      * Helper text to display below the input field, used for error messages or instructions.
      */
     helperText?: string | undefined;
+    /**
+     * Select only date .
+     */
+    dateOnly?: boolean;
 }
 type DateValue = Date | undefined;
 
@@ -1616,9 +1622,12 @@ interface StateDropdownProps {
     isOnlyReviewer: boolean;
     userHasOnlyViewAccess: boolean;
     handleStateValueClick: () => void;
+    showBorder?: boolean;
+    height?: number;
+    zIndex?: number;
 }
 
-declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
+declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, showBorder, height, zIndex, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
 
 interface IconButtonProps {
     label: string;
@@ -2284,10 +2293,51 @@ interface LineChartProps {
     xAxisColor?: string;
     yAxisColor?: string;
     yAxisLabelColor?: string;
+    textSize?: string | number;
+    fontWeight?: string | number;
+    numberSize?: string | number;
 }
 
 declare const LineChart: React__default.FC<LineChartProps>;
 
+interface DownloadClientProps {
+    /**
+     * Title of the popup.
+     */
+    title: string;
+    /**
+     * Description or body text of the popup.
+     */
+    description: string;
+    /**
+     * Callback for when the "Cancel" icon is clicked.
+     */
+    onCancel: () => void;
+    /**
+     * Callback for when the "Download for Windows" icon is clicked.
+     */
+    onDownloadWindows: () => void;
+    /**
+     * Callback for when the "Download for macOS" icon is clicked.
+     */
+    onDownloadMac: () => void;
+    /**
+     * Optional flag to control whether to display icons for download actions instead of buttons.
+     * Defaults to `false` for buttons.
+     */
+    showIcons?: boolean;
+}
+interface DownloadClientProps {
+    onClose?: () => void;
+    onClickWindows: () => void;
+    onClickLinux: () => void;
+    onClickMac: () => void;
+    top?: string;
+    left?: string;
+}
+
+declare const DownloadClient: React.FC<DownloadClientProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -2414,4 +2464,4 @@ declare const ConnectingBranch: React__default.FC;
 
 declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };