pixel-react 1.5.5 → 1.5.7

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.
Files changed (97) hide show
  1. package/.storybook/main.ts +7 -1
  2. package/lib/components/Charts/LineChart/types.d.ts +3 -0
  3. package/lib/components/DatePicker/types.d.ts +4 -0
  4. package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.d.ts +1 -7
  5. package/lib/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.d.ts +1 -1
  6. package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +1 -0
  7. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
  8. package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
  9. package/lib/components/FileDropzone/types.d.ts +3 -0
  10. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  11. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  12. package/lib/components/Select/Select.stories.d.ts +0 -1
  13. package/lib/components/StateDropdown/StateDropdown.d.ts +1 -1
  14. package/lib/components/StateDropdown/StateDropdownTypes.d.ts +3 -0
  15. package/lib/index.d.ts +52 -2
  16. package/lib/index.esm.js +950 -581
  17. package/lib/index.esm.js.map +1 -1
  18. package/lib/index.js +950 -580
  19. package/lib/index.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/assets/icons/approval_pending.svg +8 -8
  22. package/src/assets/icons/configuration.svg +3 -3
  23. package/src/assets/icons/dashboard_icon.svg +31 -0
  24. package/src/assets/icons/defects.svg +8 -8
  25. package/src/assets/icons/element.svg +4 -4
  26. package/src/assets/icons/info_user.svg +5 -0
  27. package/src/assets/icons/project_element.svg +4 -4
  28. package/src/assets/icons/step_group.svg +10 -10
  29. package/src/assets/icons/variable.svg +3 -3
  30. package/src/assets/styles/_colors.scss +1 -0
  31. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
  32. package/src/components/Charts/LineChart/LineChart.scss +8 -7
  33. package/src/components/Charts/LineChart/LineChart.stories.tsx +170 -51
  34. package/src/components/Charts/LineChart/LineChart.tsx +30 -27
  35. package/src/components/Charts/LineChart/types.ts +22 -20
  36. package/src/components/DatePicker/DatePicker.scss +4 -3
  37. package/src/components/DatePicker/DatePicker.stories.tsx +27 -14
  38. package/src/components/DatePicker/DatePicker.tsx +62 -49
  39. package/src/components/DatePicker/types.ts +5 -0
  40. package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +8 -4
  41. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +2 -2
  42. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +23 -35
  43. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +3 -12
  44. package/src/components/Excel/ExcelFile/ExcelFile.scss +31 -25
  45. package/src/components/Excel/ExcelFile/ExcelFile.tsx +157 -47
  46. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +5 -4
  47. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +3 -3
  48. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +40 -1
  49. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +3 -3
  50. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +10 -0
  51. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +9 -45
  52. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +43 -2
  53. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +40 -5
  54. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +3 -1
  55. package/src/components/Excel/ExcelFile.stories.tsx +42 -43
  56. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +80 -20
  57. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +171 -159
  58. package/src/components/FileDropzone/Dropzone.tsx +2 -0
  59. package/src/components/FileDropzone/FileDropzone.scss +1 -2
  60. package/src/components/FileDropzone/FileDropzone.stories.tsx +3 -0
  61. package/src/components/FileDropzone/FileDropzone.tsx +11 -3
  62. package/src/components/FileDropzone/types.ts +5 -0
  63. package/src/components/Icon/Icon.stories.tsx +5 -4
  64. package/src/components/Icon/iconList.ts +4 -0
  65. package/src/components/MultiSelect/MultiSelect.scss +41 -50
  66. package/src/components/MultiSelect/MultiSelect.tsx +48 -48
  67. package/src/components/Select/Select.scss +11 -1
  68. package/src/components/Select/Select.tsx +2 -2
  69. package/src/components/StateDropdown/StateDropdown.stories.tsx +5 -0
  70. package/src/components/StateDropdown/StateDropdown.tsx +27 -12
  71. package/src/components/StateDropdown/StateDropdownTypes.tsx +6 -0
  72. package/src/components/TableTree/TableTree.scss +17 -15
  73. package/src/components/TableTree/TableTree.tsx +42 -40
  74. package/src/index.ts +2 -0
  75. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  76. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  77. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  78. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  79. package/lib/components/AddButton/AddButton.d.ts +0 -5
  80. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  81. package/lib/components/AddButton/index.d.ts +0 -1
  82. package/lib/components/AddButton/types.d.ts +0 -4
  83. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  84. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  85. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  86. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  87. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  88. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  89. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  90. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  91. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  92. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  93. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  94. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  95. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  96. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  97. /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
@@ -21,6 +21,12 @@ const config: StorybookConfig = {
21
21
 
22
22
  typescript: {
23
23
  reactDocgen: 'react-docgen-typescript'
24
- }
24
+ },
25
+
26
+ viteFinal: async (config) => {
27
+ // Ensure Vite processes font files
28
+ config.assetsInclude = [/\.(woff2?|eot|ttf|otf)$/];
29
+ return config;
30
+ },
25
31
  };
26
32
  export default config;
@@ -21,4 +21,7 @@ export interface LineChartProps {
21
21
  xAxisColor?: string;
22
22
  yAxisColor?: string;
23
23
  yAxisLabelColor?: string;
24
+ textSize?: string | number;
25
+ fontWeight?: string | number;
26
+ numberSize?: string | number;
24
27
  }
@@ -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 * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
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;
@@ -6,8 +6,6 @@ declare const meta: Meta<typeof LabelEditTextField>;
6
6
  type Story = StoryObj<typeof LabelEditTextField>;
7
7
  export declare const textField: Story;
8
8
  export declare const textFieldWithOutLabel: Story;
9
- export declare const openTextFieldWithOutLabel: Story;
10
9
  export declare const textFieldWithDropdown: Story;
11
10
  export declare const textFieldWithHighlight: Story;
12
- export declare const openLabelEditTextField: Story;
13
11
  export default meta;
@@ -7,5 +7,4 @@ export declare const Default2: Story;
7
7
  export declare const Default3: Story;
8
8
  export declare const EmailGroup: Story;
9
9
  export declare const Controlled: Story;
10
- export declare const Labels: Story;
11
10
  export default meta;
@@ -10,5 +10,4 @@ export declare const Disable: Story;
10
10
  export declare const WithInitialValue: Story;
11
11
  export declare const OptionSelection: Story;
12
12
  export declare const CustomJSX: Story;
13
- export declare const updateOptionFromOutside: Story;
14
13
  export default meta;
@@ -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;
@@ -8,4 +8,7 @@ export interface StateDropdownProps {
8
8
  isOnlyReviewer: boolean;
9
9
  userHasOnlyViewAccess: boolean;
10
10
  handleStateValueClick: () => void;
11
+ showBorder?: boolean;
12
+ height?: number;
13
+ zIndex?: number;
11
14
  }
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;
@@ -2284,10 +2293,51 @@ interface LineChartProps {
2284
2293
  xAxisColor?: string;
2285
2294
  yAxisColor?: string;
2286
2295
  yAxisLabelColor?: string;
2296
+ textSize?: string | number;
2297
+ fontWeight?: string | number;
2298
+ numberSize?: string | number;
2287
2299
  }
2288
2300
 
2289
2301
  declare const LineChart: React__default.FC<LineChartProps>;
2290
2302
 
2303
+ interface DownloadClientProps {
2304
+ /**
2305
+ * Title of the popup.
2306
+ */
2307
+ title: string;
2308
+ /**
2309
+ * Description or body text of the popup.
2310
+ */
2311
+ description: string;
2312
+ /**
2313
+ * Callback for when the "Cancel" icon is clicked.
2314
+ */
2315
+ onCancel: () => void;
2316
+ /**
2317
+ * Callback for when the "Download for Windows" icon is clicked.
2318
+ */
2319
+ onDownloadWindows: () => void;
2320
+ /**
2321
+ * Callback for when the "Download for macOS" icon is clicked.
2322
+ */
2323
+ onDownloadMac: () => void;
2324
+ /**
2325
+ * Optional flag to control whether to display icons for download actions instead of buttons.
2326
+ * Defaults to `false` for buttons.
2327
+ */
2328
+ showIcons?: boolean;
2329
+ }
2330
+ interface DownloadClientProps {
2331
+ onClose?: () => void;
2332
+ onClickWindows: () => void;
2333
+ onClickLinux: () => void;
2334
+ onClickMac: () => void;
2335
+ top?: string;
2336
+ left?: string;
2337
+ }
2338
+
2339
+ declare const DownloadClient: React.FC<DownloadClientProps>;
2340
+
2291
2341
  type valueType$1 = any;
2292
2342
  declare const checkEmpty: (value: valueType$1) => boolean;
2293
2343
 
@@ -2414,4 +2464,4 @@ declare const ConnectingBranch: React__default.FC;
2414
2464
 
2415
2465
  declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
2416
2466
 
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 };
2467
+ 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 };