pixel-react 1.5.5 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/DatePicker/types.d.ts +4 -0
- package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.d.ts +1 -7
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.d.ts +1 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +1 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
- package/lib/components/FileDropzone/types.d.ts +3 -0
- package/lib/components/StateDropdown/StateDropdown.d.ts +1 -1
- package/lib/components/StateDropdown/StateDropdownTypes.d.ts +3 -0
- package/lib/index.d.ts +49 -2
- package/lib/index.esm.js +899 -550
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +899 -549
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons/dashboard_icon.svg +31 -0
- package/src/assets/styles/_colors.scss +1 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
- package/src/components/DatePicker/DatePicker.scss +4 -3
- package/src/components/DatePicker/DatePicker.stories.tsx +27 -14
- package/src/components/DatePicker/DatePicker.tsx +62 -49
- package/src/components/DatePicker/types.ts +5 -0
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +8 -4
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +2 -2
- package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +23 -35
- package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +3 -12
- package/src/components/Excel/ExcelFile/ExcelFile.scss +31 -25
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +157 -47
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +5 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +3 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +40 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +3 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +10 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +9 -45
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +43 -2
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +40 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +3 -1
- package/src/components/Excel/ExcelFile.stories.tsx +42 -43
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +80 -20
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +171 -159
- package/src/components/FileDropzone/Dropzone.tsx +2 -0
- package/src/components/FileDropzone/FileDropzone.scss +1 -2
- package/src/components/FileDropzone/FileDropzone.stories.tsx +3 -0
- package/src/components/FileDropzone/FileDropzone.tsx +11 -3
- package/src/components/FileDropzone/types.ts +5 -0
- package/src/components/Icon/Icon.stories.tsx +5 -4
- package/src/components/Icon/iconList.ts +2 -0
- package/src/components/MultiSelect/MultiSelect.scss +41 -50
- package/src/components/MultiSelect/MultiSelect.tsx +48 -48
- package/src/components/Select/Select.scss +11 -1
- package/src/components/Select/Select.tsx +2 -2
- package/src/components/StateDropdown/StateDropdown.stories.tsx +5 -0
- package/src/components/StateDropdown/StateDropdown.tsx +27 -12
- package/src/components/StateDropdown/StateDropdownTypes.tsx +6 -0
- package/src/components/TableTree/TableTree.scss +17 -15
- package/src/components/TableTree/TableTree.tsx +42 -40
- package/src/index.ts +2 -0
@@ -47,6 +47,10 @@ export interface DatePickerProps {
|
|
47
47
|
* Helper text to display below the input field, used for error messages or instructions.
|
48
48
|
*/
|
49
49
|
helperText?: string | undefined;
|
50
|
+
/**
|
51
|
+
* Select only date .
|
52
|
+
*/
|
53
|
+
dateOnly?: boolean;
|
50
54
|
}
|
51
55
|
export type DateValue = Date | undefined;
|
52
56
|
export interface CustomCaptionProps {
|
@@ -1,13 +1,7 @@
|
|
1
1
|
import './ExcelContextMenu.scss';
|
2
|
-
import
|
3
|
-
import { CellBase, ContextMenuState } from '../ExcelFile/ExcelFileComponents/types';
|
2
|
+
import { ContextMenuState } from '../ExcelFile/ExcelFileComponents/types';
|
4
3
|
type ExcelContextMenuProps = {
|
5
|
-
data: Matrix.Matrix<CellBase>;
|
6
4
|
contextMenu: ContextMenuState;
|
7
|
-
addRowTop: (data: Matrix.Matrix<CellBase>) => void;
|
8
|
-
addColumnLeft: (data: Matrix.Matrix<CellBase>) => void;
|
9
|
-
deleteRow: (data: Matrix.Matrix<CellBase>) => void;
|
10
|
-
deleteColumn: (data: Matrix.Matrix<CellBase>) => void;
|
11
5
|
};
|
12
6
|
declare const ExcelContextMenu: React.FC<ExcelContextMenuProps>;
|
13
7
|
export default ExcelContextMenu;
|
@@ -3,6 +3,6 @@ import * as Types from './types';
|
|
3
3
|
export declare const TRUE_TEXT = "TRUE";
|
4
4
|
export declare const FALSE_TEXT = "FALSE";
|
5
5
|
/** The default Spreadsheet DataViewer component */
|
6
|
-
declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, }: Types.DataViewerProps<Cell>) => React.ReactElement;
|
6
|
+
declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, setContextMenu, }: Types.DataViewerProps<Cell>) => React.ReactElement;
|
7
7
|
export default DataViewer;
|
8
8
|
export declare function convertBooleanToText(value: boolean): string;
|
@@ -59,6 +59,7 @@ export type Props<CellType extends Types.CellBase> = {
|
|
59
59
|
onActivate?: (active: Point.Point) => void;
|
60
60
|
/** Callback called when the Spreadsheet's evaluated data changes. */
|
61
61
|
onEvaluatedDataChange?: (data: Matrix.Matrix<CellType>) => void;
|
62
|
+
setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
|
62
63
|
};
|
63
64
|
/**
|
64
65
|
* The Spreadsheet component
|
@@ -13,6 +13,7 @@ export declare function applyUnderlineToCells(currentData: Matrix.Matrix<Types.C
|
|
13
13
|
export declare function isValidHexColor(color: string): boolean;
|
14
14
|
export declare function applyColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, color: string): Matrix.Matrix<Types.CellBase<any>>;
|
15
15
|
export declare function applyBackgroundColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, backgroundColor: string): Matrix.Matrix<Types.CellBase<any>>;
|
16
|
+
export declare function applyFormatePainter(currentData: Matrix.Matrix<Types.CellBase<any>>, activePoint: Point.Point | null): React.CSSProperties | undefined;
|
16
17
|
export declare function edit(state: Types.StoreState): Types.StoreState;
|
17
18
|
export declare function clear(state: Types.StoreState): Types.StoreState;
|
18
19
|
export declare function blur(state: Types.StoreState): Types.StoreState;
|
@@ -56,6 +56,10 @@ export type StoreState<Cell extends CellBase = CellBase> = {
|
|
56
56
|
lastCommit: null | CellChange<Cell>[];
|
57
57
|
selectedRow: null | number;
|
58
58
|
selectedColumn: null | number;
|
59
|
+
formattedStyle: {
|
60
|
+
open: boolean;
|
61
|
+
style: undefined | React.CSSProperties;
|
62
|
+
};
|
59
63
|
};
|
60
64
|
export type CellChange<Cell extends CellBase = CellBase> = {
|
61
65
|
prevCell: Cell | null;
|
@@ -103,6 +107,7 @@ type DataComponentProps<Cell extends CellBase> = {
|
|
103
107
|
export type DataViewerProps<Cell extends CellBase = CellBase> = DataComponentProps<Cell> & {
|
104
108
|
/** Set data of the cell */
|
105
109
|
setCellData: (cell: Cell) => void;
|
110
|
+
setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
|
106
111
|
evaluatedCell: Cell | undefined;
|
107
112
|
};
|
108
113
|
/** Type of the Spreadsheet DataViewer component */
|
@@ -52,6 +52,8 @@ export interface FileDropzoneProps {
|
|
52
52
|
* To validate file type based on MIME type but mandatorily need to pass MIME type in accept props
|
53
53
|
**/
|
54
54
|
validateMIMEType?: boolean;
|
55
|
+
width?: number | string;
|
56
|
+
height?: number | string;
|
55
57
|
}
|
56
58
|
export interface FileState {
|
57
59
|
accepted: File[];
|
@@ -94,6 +96,7 @@ export interface DroppableProps {
|
|
94
96
|
getRootProps: () => any;
|
95
97
|
getInputProps: () => any;
|
96
98
|
isDragActive: boolean;
|
99
|
+
height: number | string;
|
97
100
|
}
|
98
101
|
export interface FilePreviewProps {
|
99
102
|
file: File;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { StateDropdownProps } from './StateDropdownTypes';
|
2
|
-
declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
2
|
+
declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, showBorder, height, zIndex, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
3
3
|
export default StateDropdown;
|
package/lib/index.d.ts
CHANGED
@@ -1118,6 +1118,8 @@ interface FileDropzoneProps {
|
|
1118
1118
|
* To validate file type based on MIME type but mandatorily need to pass MIME type in accept props
|
1119
1119
|
**/
|
1120
1120
|
validateMIMEType?: boolean;
|
1121
|
+
width?: number | string;
|
1122
|
+
height?: number | string;
|
1121
1123
|
}
|
1122
1124
|
|
1123
1125
|
declare const FileDropzone: React.FC<FileDropzoneProps>;
|
@@ -1601,6 +1603,10 @@ interface DatePickerProps {
|
|
1601
1603
|
* Helper text to display below the input field, used for error messages or instructions.
|
1602
1604
|
*/
|
1603
1605
|
helperText?: string | undefined;
|
1606
|
+
/**
|
1607
|
+
* Select only date .
|
1608
|
+
*/
|
1609
|
+
dateOnly?: boolean;
|
1604
1610
|
}
|
1605
1611
|
type DateValue = Date | undefined;
|
1606
1612
|
|
@@ -1616,9 +1622,12 @@ interface StateDropdownProps {
|
|
1616
1622
|
isOnlyReviewer: boolean;
|
1617
1623
|
userHasOnlyViewAccess: boolean;
|
1618
1624
|
handleStateValueClick: () => void;
|
1625
|
+
showBorder?: boolean;
|
1626
|
+
height?: number;
|
1627
|
+
zIndex?: number;
|
1619
1628
|
}
|
1620
1629
|
|
1621
|
-
declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
|
1630
|
+
declare const StateDropdown: ({ value, nodeObj, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, userHasOnlyViewAccess, showBorder, height, zIndex, }: StateDropdownProps) => react_jsx_runtime.JSX.Element;
|
1622
1631
|
|
1623
1632
|
interface IconButtonProps {
|
1624
1633
|
label: string;
|
@@ -2288,6 +2297,44 @@ interface LineChartProps {
|
|
2288
2297
|
|
2289
2298
|
declare const LineChart: React__default.FC<LineChartProps>;
|
2290
2299
|
|
2300
|
+
interface DownloadClientProps {
|
2301
|
+
/**
|
2302
|
+
* Title of the popup.
|
2303
|
+
*/
|
2304
|
+
title: string;
|
2305
|
+
/**
|
2306
|
+
* Description or body text of the popup.
|
2307
|
+
*/
|
2308
|
+
description: string;
|
2309
|
+
/**
|
2310
|
+
* Callback for when the "Cancel" icon is clicked.
|
2311
|
+
*/
|
2312
|
+
onCancel: () => void;
|
2313
|
+
/**
|
2314
|
+
* Callback for when the "Download for Windows" icon is clicked.
|
2315
|
+
*/
|
2316
|
+
onDownloadWindows: () => void;
|
2317
|
+
/**
|
2318
|
+
* Callback for when the "Download for macOS" icon is clicked.
|
2319
|
+
*/
|
2320
|
+
onDownloadMac: () => void;
|
2321
|
+
/**
|
2322
|
+
* Optional flag to control whether to display icons for download actions instead of buttons.
|
2323
|
+
* Defaults to `false` for buttons.
|
2324
|
+
*/
|
2325
|
+
showIcons?: boolean;
|
2326
|
+
}
|
2327
|
+
interface DownloadClientProps {
|
2328
|
+
onClose?: () => void;
|
2329
|
+
onClickWindows: () => void;
|
2330
|
+
onClickLinux: () => void;
|
2331
|
+
onClickMac: () => void;
|
2332
|
+
top?: string;
|
2333
|
+
left?: string;
|
2334
|
+
}
|
2335
|
+
|
2336
|
+
declare const DownloadClient: React.FC<DownloadClientProps>;
|
2337
|
+
|
2291
2338
|
type valueType$1 = any;
|
2292
2339
|
declare const checkEmpty: (value: valueType$1) => boolean;
|
2293
2340
|
|
@@ -2414,4 +2461,4 @@ declare const ConnectingBranch: React__default.FC;
|
|
2414
2461
|
|
2415
2462
|
declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
|
2416
2463
|
|
2417
|
-
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 };
|
2464
|
+
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 };
|