pixel-react 1.4.6 → 1.4.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (177) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
  3. package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
  4. package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
  5. package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
  6. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +1 -1
  7. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  8. package/lib/components/AllProjectsDropdown/types.d.ts +2 -0
  9. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  10. package/lib/components/AppHeader/types.d.ts +1 -0
  11. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  12. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  13. package/lib/components/Button/Button.stories.d.ts +13 -0
  14. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  15. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
  16. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  17. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
  18. package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
  19. package/lib/components/Chip/Chip.stories.d.ts +14 -0
  20. package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
  21. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
  22. package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
  23. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
  24. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  25. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  26. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  27. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  28. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  29. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  30. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  31. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  32. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  33. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  34. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  35. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  36. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
  37. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  38. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
  39. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  40. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  41. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  42. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  43. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  44. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  45. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  55. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  56. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
  57. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
  58. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  59. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
  60. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
  61. package/lib/components/ExcelFile/Types.d.ts +129 -0
  62. package/lib/components/ExcelFile/index.d.ts +1 -0
  63. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
  64. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  65. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
  66. package/lib/components/Form/Form.stories.d.ts +7 -0
  67. package/lib/components/Form/Forms.d.ts +3 -1
  68. package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
  69. package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
  70. package/lib/components/Icon/Icon.stories.d.ts +8 -0
  71. package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
  72. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  73. package/lib/components/Input/Input.d.ts +1 -1
  74. package/lib/components/Input/Input.stories.d.ts +9 -0
  75. package/lib/components/Input/types.d.ts +4 -0
  76. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
  77. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
  78. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
  79. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  80. package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
  81. package/lib/components/MenuOption/types.d.ts +1 -1
  82. package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
  83. package/lib/components/Modal/Modal.stories.d.ts +7 -0
  84. package/lib/components/Modal/types.d.ts +4 -2
  85. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  86. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +10 -0
  87. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  88. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  89. package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
  90. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
  91. package/lib/components/Search/Search.stories.d.ts +6 -0
  92. package/lib/components/Select/Select.stories.d.ts +13 -0
  93. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
  94. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
  95. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  96. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
  97. package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
  98. package/lib/components/Table/Table.stories.d.ts +13 -0
  99. package/lib/components/TableTree/TableTree.d.ts +2 -1
  100. package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
  101. package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
  102. package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
  103. package/lib/components/Toast/Toast.stories.d.ts +6 -0
  104. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  105. package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
  106. package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
  107. package/lib/components/Typography/Typography.stories.d.ts +10 -0
  108. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  109. package/lib/index.d.ts +17 -5
  110. package/lib/index.esm.js +212 -145
  111. package/lib/index.esm.js.map +1 -1
  112. package/lib/index.js +212 -145
  113. package/lib/index.js.map +1 -1
  114. package/lib/tsconfig.tsbuildinfo +1 -1
  115. package/lib/utils/capitalize/capitalize.d.ts +1 -0
  116. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
  117. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  118. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  119. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  120. package/lib/utils/ffID/ffID.stories.d.ts +6 -0
  121. package/lib/utils/find/findAndInsert.d.ts +7 -0
  122. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  123. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  124. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  125. package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
  126. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  127. package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
  128. package/package.json +2 -2
  129. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +82 -12
  130. package/src/assets/Themes/BaseTheme.scss +38 -15
  131. package/src/assets/Themes/DarkTheme.scss +15 -1
  132. package/src/assets/fonts/Poppins-Bold.woff2 +0 -0
  133. package/src/assets/fonts/Poppins-Medium.woff2 +0 -0
  134. package/src/assets/fonts/Poppins-Regular.woff2 +0 -0
  135. package/src/assets/fonts/Poppins-SemiBold.woff2 +0 -0
  136. package/src/assets/icons/Header_preset.svg +13 -0
  137. package/src/assets/icons/add_file.svg +16 -4
  138. package/src/assets/icons/eye_open_icon.svg +2 -9
  139. package/src/assets/icons/hide_access_icon.svg +3 -0
  140. package/src/assets/icons/replace_icon.svg +6 -0
  141. package/src/assets/styles/_fonts.scss +7 -4
  142. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +58 -8
  143. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +83 -75
  144. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +31 -18
  145. package/src/components/AllProjectsDropdown/types.ts +2 -0
  146. package/src/components/AppHeader/AppHeader.scss +2 -2
  147. package/src/components/AppHeader/AppHeader.stories.tsx +5 -1
  148. package/src/components/AppHeader/AppHeader.tsx +108 -101
  149. package/src/components/AppHeader/types.ts +1 -0
  150. package/src/components/AttachmentButton/AttachmentButton.tsx +10 -5
  151. package/src/components/EditTextField/EditTextField.tsx +3 -5
  152. package/src/components/Form/Form.stories.tsx +4 -8
  153. package/src/components/Form/Forms.tsx +11 -4
  154. package/src/components/Icon/iconList.ts +9 -3
  155. package/src/components/Input/Input.scss +5 -0
  156. package/src/components/Input/Input.stories.tsx +44 -0
  157. package/src/components/Input/Input.tsx +24 -19
  158. package/src/components/Input/types.ts +4 -0
  159. package/src/components/MenuOption/MenuOption.scss +24 -27
  160. package/src/components/MenuOption/MenuOption.stories.tsx +90 -35
  161. package/src/components/MenuOption/MenuOption.tsx +22 -20
  162. package/src/components/MenuOption/types.ts +1 -1
  163. package/src/components/Modal/Modal.stories.tsx +2 -2
  164. package/src/components/Modal/Modal.tsx +6 -2
  165. package/src/components/Modal/modal.scss +2 -3
  166. package/src/components/Modal/types.ts +4 -2
  167. package/src/components/TableTree/TableTree.scss +22 -7
  168. package/src/components/TableTree/TableTree.stories.tsx +41 -0
  169. package/src/components/TableTree/TableTree.tsx +55 -18
  170. package/src/components/Typography/Typography.scss +4 -4
  171. package/src/utils/capitalize/capitalize.stories.tsx +44 -0
  172. package/src/utils/capitalize/capitalize.tsx +4 -0
  173. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  174. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  175. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  176. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  177. /package/lib/components/{Excel → ExcelFile}/ContextMenu/ContextMenu.d.ts +0 -0
Binary file
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import StyleGuide from './ColorPalette';
3
+ declare const meta: Meta<typeof StyleGuide>;
4
+ type Story = StoryObj<typeof StyleGuide>;
5
+ export declare const ColorList: Story;
6
+ export default meta;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Typography from './Typography';
3
+ declare const meta: Meta<typeof Typography>;
4
+ type Story = StoryObj<typeof Typography>;
5
+ export declare const AllFonts: Story;
6
+ export default meta;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Accordion from './Accordion';
3
+ declare const meta: Meta<typeof Accordion>;
4
+ type Story = StoryObj<typeof Accordion>;
5
+ export declare const SampleAccordion: Story;
6
+ export default meta;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import AddButton from './AddButton';
3
+ declare const meta: Meta<typeof AddButton>;
4
+ type Story = StoryObj<typeof AddButton>;
5
+ export declare const Default: Story;
6
+ export declare const TwoArrowsButtons: Story;
7
+ export declare const ThreeArrowsButton: Story;
8
+ export default meta;
@@ -1,4 +1,4 @@
1
1
  import './AllProjectsDropdown.scss';
2
2
  import { AllProjectsDropdownProps } from './types';
3
- declare const AllProjectsDropdown: ({ onClick, options, selectedOption, }: AllProjectsDropdownProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, }: AllProjectsDropdownProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default AllProjectsDropdown;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AllProjectsDropdown from './AllProjectsDropdown';
3
+ declare const meta: Meta<typeof AllProjectsDropdown>;
4
+ type Story = StoryObj<typeof AllProjectsDropdown>;
5
+ export declare const Default: Story;
6
+ export declare const PrimaryIconButton: Story;
7
+ export default meta;
@@ -5,6 +5,8 @@ export interface optionsType {
5
5
  }
6
6
  export interface AllProjectsDropdownProps {
7
7
  options: optionsType[];
8
+ onMenuClick?: () => void;
8
9
  onClick: (option: optionsType) => void;
9
10
  selectedOption: optionsType;
11
+ selected?: boolean;
10
12
  }
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AppHeader from './AppHeader';
3
+ declare const meta: Meta<typeof AppHeader>;
4
+ type Story = StoryObj<typeof AppHeader>;
5
+ export declare const SampleAppHeader: Story;
6
+ export declare const Controlled: Story;
7
+ export default meta;
@@ -20,6 +20,7 @@ export interface AppHeaderProps {
20
20
  onSubMenuClick?: (text: any) => void;
21
21
  onQuickMenuClick?: (text: any) => void;
22
22
  onProjectMenuClick?: (text: any) => void;
23
+ onProjectDropdownLabelClick?: () => void;
23
24
  onMoreMenuOptionClick?: (text: any) => void;
24
25
  }
25
26
  export interface appHeaderMenuItemProps {
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AttachmentButton from './AttachmentButton';
3
+ declare const meta: Meta<typeof AttachmentButton>;
4
+ type Story = StoryObj<typeof AttachmentButton>;
5
+ export declare const Default: Story;
6
+ export declare const SmallFileLimit: Story;
7
+ export declare const LargeFileLimit: Story;
8
+ export declare const DisabledUploader: Story;
9
+ export default meta;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Avatar from './Avatar';
3
+ declare const meta: Meta<typeof Avatar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Small: Story;
7
+ export declare const Medium: Story;
8
+ export declare const Large: Story;
9
+ export declare const CustomAvatarSize: Story;
10
+ export declare const CustomIconSize: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Button from './Button';
3
+ declare const meta: Meta<typeof Button>;
4
+ type Story = StoryObj<typeof Button>;
5
+ export declare const Primary: Story;
6
+ export declare const Secondary: Story;
7
+ export declare const Tertiary: Story;
8
+ export declare const Delete: Story;
9
+ export declare const Warning: Story;
10
+ export declare const PrimaryWithIcon: Story;
11
+ export declare const SecondaryWithIcon: Story;
12
+ export declare const TertiaryWithIcon: Story;
13
+ export default meta;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react/*';
2
+ import DashboardDonutChart from './DashboardDonutChart';
3
+ declare const meta: Meta<typeof DashboardDonutChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DashboardDonutChart>;
6
+ export declare const Default: Story;
7
+ export declare const MemoryLegend: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react/*';
2
+ import DonutChart from './DonutChart';
3
+ declare const meta: Meta<typeof DonutChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DonutChart>;
6
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import PieChart from './PieChart';
3
+ declare const meta: Meta<typeof PieChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof PieChart>;
6
+ export declare const PieChartDashBoard: Story;
7
+ export declare const PieChartDashBoardWithBorder: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import RadialChart from './RadialChart';
3
+ declare const meta: Meta<typeof RadialChart>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof RadialChart>;
6
+ export declare const ChartWithStatus: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Checkbox from './Checkbox';
3
+ declare const meta: Meta<typeof Checkbox>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Partial: Story;
8
+ export declare const Controlled: Story;
@@ -0,0 +1,14 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Chip from './Chip';
3
+ import '../../assets/styles/_colors.scss';
4
+ import './Chip.scss';
5
+ declare const meta: Meta<typeof Chip>;
6
+ type Story = StoryObj<typeof Chip>;
7
+ export declare const Primary: Story;
8
+ export declare const withoutExpand: Story;
9
+ export declare const Group: Story;
10
+ export declare const CustomChip: Story;
11
+ export declare const Success: Story;
12
+ export declare const Errors: Story;
13
+ export declare const Warning: Story;
14
+ export default meta;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import CustomDatePicker from './DatePicker';
3
+ declare const meta: Meta<typeof CustomDatePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CustomDatePicker>;
6
+ export declare const Default: Story;
7
+ export declare const StartDateFilter: Story;
8
+ export declare const EndDateInput: Story;
9
+ export declare const ScheduleDateInput: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import DragAndDropList from './DragAndDropList';
3
+ declare const meta: Meta<typeof DragAndDropList>;
4
+ type Story = StoryObj<typeof DragAndDropList>;
5
+ export declare const Primary: Story;
6
+ export default meta;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Drawer from './Drawer';
3
+ declare const meta: Meta<typeof Drawer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Drawer>;
6
+ export declare const Default: Story;
7
+ export declare const WithoutHeader: Story;
8
+ export declare const WithCustomHeader: Story;
9
+ export declare const WithCustomFooter: Story;
10
+ export declare const WithTertiaryButtons: Story;
11
+ export declare const WithCustomZIndex: Story;
12
+ export declare const Controlled: Story;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import './ColorBarSelector.scss';
3
+ interface ColorBarSelectorProps {
4
+ getColorValue: (color: string) => void;
5
+ disabled: boolean;
6
+ }
7
+ declare const ColorBarSelector: React.FC<ColorBarSelectorProps>;
8
+ export default ColorBarSelector;
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ type Props = {
4
+ DataEditor: Types.DataEditorComponent;
5
+ };
6
+ declare const ActiveCell: React.FC<Props>;
7
+ export default ActiveCell;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ export declare const Cell: React.FC<Types.CellComponentProps>;
4
+ export declare const enhance: (CellComponent: React.ComponentType<Types.CellComponentProps>) => React.FC<Omit<Types.CellComponentProps, "selected" | "active" | "copied" | "dragging" | "mode" | "data" | "select" | "activate" | "setCellDimensions">>;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ declare const ColumnIndicator: Types.ColumnIndicatorComponent;
4
+ export default ColumnIndicator;
5
+ export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const Copied: React.FC;
3
+ export default Copied;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ declare const CornerIndicator: Types.CornerIndicatorComponent;
4
+ export default CornerIndicator;
5
+ export declare const enhance: (CornerIndicatorComponent: Types.CornerIndicatorComponent) => React.FC<Omit<Types.CornerIndicatorProps, "selected" | "onSelect">>;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ /** The default Spreadsheet DataEditor component */
4
+ declare const DataEditor: React.FC<Types.DataEditorProps>;
5
+ export default DataEditor;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ export declare const TRUE_TEXT = "TRUE";
4
+ export declare const FALSE_TEXT = "FALSE";
5
+ /** The default Spreadsheet DataViewer component */
6
+ declare const DataViewer: <Cell extends Types.CellBase<Value>, Value>({ cell, evaluatedCell, }: Types.DataViewerProps<Cell>) => React.ReactElement;
7
+ export default DataViewer;
8
+ export declare function convertBooleanToText(value: boolean): string;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ export type Props = {
4
+ variant?: string;
5
+ dimensions?: Types.Dimensions | null | undefined;
6
+ hidden?: boolean;
7
+ dragging?: boolean;
8
+ };
9
+ declare const FloatingRect: React.FC<Props>;
10
+ export default FloatingRect;
@@ -0,0 +1,3 @@
1
+ import * as Types from './types';
2
+ declare const HeaderRow: Types.HeaderRowComponent;
3
+ export default HeaderRow;
@@ -0,0 +1,3 @@
1
+ import * as Types from './types';
2
+ declare const Row: Types.RowComponent;
3
+ export default Row;
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ declare const RowIndicator: Types.RowIndicatorComponent;
4
+ export default RowIndicator;
5
+ export declare const enhance: (RowIndicatorComponent: Types.RowIndicatorComponent) => React.FC<Omit<Types.RowIndicatorProps, "selected" | "onSelect">>;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const Selected: React.FC;
3
+ export default Selected;
@@ -0,0 +1,80 @@
1
+ import * as React from 'react';
2
+ import * as Types from './types';
3
+ import * as Matrix from './matrix';
4
+ import * as Point from './point';
5
+ import { Selection } from './selection';
6
+ import './Spreadsheet.scss';
7
+ /** The Spreadsheet component props */
8
+ export type Props<CellType extends Types.CellBase> = {
9
+ /** The spreadsheet's data */
10
+ data: Matrix.Matrix<CellType>;
11
+ /** Class name to be added to the spreadsheet's root element */
12
+ className?: string;
13
+ /**
14
+ * Use dark colors that complement dark mode
15
+ * @defaultValue `false`
16
+ */
17
+ /**
18
+ * Function used to create the formula parser (instance of
19
+ * "fast-formula-parser") used by the Spreadsheet by getting the spreadsheet's
20
+ * data.
21
+ * @defaultValue function which creates a formula parser bound to the
22
+ * Spreadsheet's data.
23
+ * @see `createFormulaParser`
24
+ * @see https://www.npmjs.com/package/fast-formula-parser
25
+ */
26
+ createFormulaParser?: Types.CreateFormulaParser;
27
+ /**
28
+ * Labels to use in column indicators.
29
+ * @defaultValue alphabetical labels.
30
+ */
31
+ columnLabels?: string[];
32
+ /**
33
+ * Labels to use in row indicators.
34
+ * @defaultValue row index labels.
35
+ */
36
+ rowLabels?: string[];
37
+ /**
38
+ * If set to true, hides the row indicators of the spreadsheet.
39
+ * @defaultValue `false`.
40
+ */
41
+ hideRowIndicators?: boolean;
42
+ /**
43
+ * If set to true, hides the column indicators of the spreadsheet.
44
+ * @defaultValue `false`.
45
+ */
46
+ hideColumnIndicators?: boolean;
47
+ /** The selected cells in the worksheet. */
48
+ selected?: Selection;
49
+ /** Component rendered above each column. */
50
+ ColumnIndicator?: Types.ColumnIndicatorComponent;
51
+ /** Component rendered in the corner of row and column indicators. */
52
+ CornerIndicator?: Types.CornerIndicatorComponent;
53
+ /** Component rendered next to each row. */
54
+ RowIndicator?: Types.RowIndicatorComponent;
55
+ /** The Spreadsheet's table component. */
56
+ Table?: Types.TableComponent;
57
+ /** The Spreadsheet's row component. */
58
+ Row?: Types.RowComponent;
59
+ /** The spreadsheet's header row component */
60
+ HeaderRow?: Types.HeaderRowComponent;
61
+ /** The Spreadsheet's cell component. */
62
+ Cell?: Types.CellComponent<CellType>;
63
+ /** Component rendered for cells in view mode. */
64
+ DataViewer?: Types.DataViewerComponent<CellType>;
65
+ /** Component rendered for cells in edit mode. */
66
+ DataEditor?: Types.DataEditorComponent<CellType>;
67
+ /** Callback called on key down inside the spreadsheet. */
68
+ onKeyDown?: (event: React.KeyboardEvent) => void;
69
+ /** Callback called when the Spreadsheet's selection changes. */
70
+ onSelect?: (selected: Selection) => void;
71
+ /** Callback called when Spreadsheet's active cell changes. */
72
+ onActivate?: (active: Point.Point) => void;
73
+ /** Callback called when the Spreadsheet's evaluated data changes. */
74
+ onEvaluatedDataChange?: (data: Matrix.Matrix<CellType>) => void;
75
+ };
76
+ /**
77
+ * The Spreadsheet component
78
+ */
79
+ declare const Spreadsheet: <CellType extends Types.CellBase>(props: Props<CellType>) => React.ReactElement;
80
+ export default Spreadsheet;
@@ -0,0 +1,3 @@
1
+ import * as Types from './types';
2
+ declare const Table: Types.TableComponent;
3
+ export default Table;
@@ -0,0 +1,174 @@
1
+ import { Matrix } from './matrix';
2
+ import { Point } from './point';
3
+ import { CellBase, Dimensions, CommitChanges, CreateFormulaParser } from './types';
4
+ import { Selection } from './selection';
5
+ export declare const SET_DATA = "SET_DATA";
6
+ export declare const SET_CREATE_FORMULA_PARSER = "SET_CREATE_FORMULA_PARSER";
7
+ export declare const SELECT_ENTIRE_ROW = "SELECT_ENTIRE_ROW";
8
+ export declare const SELECT_ENTIRE_COLUMN = "SELECT_ENTIRE_COLUMN";
9
+ export declare const SELECT_ENTIRE_WORKSHEET = "SELECT_ENTIRE_WORKSHEET";
10
+ export declare const SET_SELECTION = "SET_SELECTION";
11
+ export declare const SELECT = "SELECT";
12
+ export declare const ACTIVATE = "ACTIVATE";
13
+ export declare const SET_CELL_DATA = "SET_CELL_DATA";
14
+ export declare const SET_CELL_DIMENSIONS = "SET_CELL_DIMENSIONS";
15
+ export declare const COPY = "COPY";
16
+ export declare const CUT = "CUT";
17
+ export declare const PASTE = "PASTE";
18
+ export declare const EDIT = "EDIT";
19
+ export declare const VIEW = "VIEW";
20
+ export declare const CLEAR = "CLEAR";
21
+ export declare const BLUR = "BLUR";
22
+ export declare const KEY_PRESS = "KEY_PRESS";
23
+ export declare const KEY_DOWN = "KEY_DOWN";
24
+ export declare const DRAG_START = "DRAG_START";
25
+ export declare const DRAG_END = "DRAG_END";
26
+ export declare const COMMIT = "COMMIT";
27
+ export declare const BOLD = "BOLD";
28
+ export declare const ITALIC = "ITALIC";
29
+ export declare const UNDERLINE = "UNDERLINE";
30
+ export declare const COLOR = "COLOR";
31
+ export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
32
+ export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
33
+ export type BaseAction<T extends string> = {
34
+ type: T;
35
+ };
36
+ export type BoldStyle = BaseAction<typeof BOLD> & {
37
+ payload: {
38
+ data: Matrix<CellBase>;
39
+ };
40
+ };
41
+ export declare function bold(data: Matrix<CellBase>): BoldStyle;
42
+ export type ItalicStyle = BaseAction<typeof ITALIC> & {
43
+ payload: {
44
+ data: Matrix<CellBase>;
45
+ };
46
+ };
47
+ export declare function italic(data: Matrix<CellBase>): ItalicStyle;
48
+ export type UnderlineStyle = BaseAction<typeof UNDERLINE> & {
49
+ payload: {
50
+ data: Matrix<CellBase>;
51
+ };
52
+ };
53
+ export declare function underline(data: Matrix<CellBase>): UnderlineStyle;
54
+ export type ColorStyle = BaseAction<typeof COLOR> & {
55
+ payload: {
56
+ data: Matrix<CellBase>;
57
+ value: string;
58
+ };
59
+ };
60
+ export declare function color(data: Matrix<CellBase>, value: string): ColorStyle;
61
+ export type BackgroundStyle = BaseAction<typeof BACKGROUND_COLOR> & {
62
+ payload: {
63
+ data: Matrix<CellBase>;
64
+ value: string;
65
+ };
66
+ };
67
+ export declare function backgroundStyle(data: Matrix<CellBase>, value: string): BackgroundStyle;
68
+ export type FormatePainterStyle = BaseAction<typeof FORMATE_PAINTER> & {
69
+ payload: {
70
+ data: Matrix<CellBase>;
71
+ };
72
+ };
73
+ export declare function formatePainter(data: Matrix<CellBase>): FormatePainterStyle;
74
+ export type SetDataAction = BaseAction<typeof SET_DATA> & {
75
+ payload: {
76
+ data: Matrix<CellBase>;
77
+ };
78
+ };
79
+ export declare function setData(data: Matrix<CellBase>): SetDataAction;
80
+ export type SetCreateFormulaParserAction = BaseAction<typeof SET_CREATE_FORMULA_PARSER> & {
81
+ payload: {
82
+ createFormulaParser: CreateFormulaParser;
83
+ };
84
+ };
85
+ export declare function setCreateFormulaParser(createFormulaParser: CreateFormulaParser): SetCreateFormulaParserAction;
86
+ export type SelectEntireRowAction = BaseAction<typeof SELECT_ENTIRE_ROW> & {
87
+ payload: {
88
+ row: number;
89
+ extend: boolean;
90
+ };
91
+ };
92
+ export declare function selectEntireRow(row: number, extend: boolean): SelectEntireRowAction;
93
+ export type SelectEntireColumnAction = BaseAction<typeof SELECT_ENTIRE_COLUMN> & {
94
+ payload: {
95
+ column: number;
96
+ extend: boolean;
97
+ };
98
+ };
99
+ export declare function selectEntireColumn(column: number, extend: boolean): SelectEntireColumnAction;
100
+ export type SelectEntireWorksheetAction = BaseAction<typeof SELECT_ENTIRE_WORKSHEET>;
101
+ export declare function selectEntireWorksheet(): SelectEntireWorksheetAction;
102
+ export type SetSelectionAction = BaseAction<typeof SET_SELECTION> & {
103
+ payload: {
104
+ selection: Selection;
105
+ };
106
+ };
107
+ export declare function setSelection(selection: Selection): SetSelectionAction;
108
+ export type SelectAction = BaseAction<typeof SELECT> & {
109
+ payload: {
110
+ point: Point;
111
+ };
112
+ };
113
+ export declare function select(point: Point): SelectAction;
114
+ export type ActivateAction = BaseAction<typeof ACTIVATE> & {
115
+ payload: {
116
+ point: Point;
117
+ };
118
+ };
119
+ export declare function activate(point: Point): ActivateAction;
120
+ export type SetCellDataAction = BaseAction<typeof SET_CELL_DATA> & {
121
+ payload: {
122
+ active: Point;
123
+ data: CellBase;
124
+ };
125
+ };
126
+ export declare function setCellData(active: Point, data: CellBase): SetCellDataAction;
127
+ export type SetCellDimensionsAction = BaseAction<typeof SET_CELL_DIMENSIONS> & {
128
+ payload: {
129
+ point: Point;
130
+ dimensions: Dimensions;
131
+ };
132
+ };
133
+ export declare function setCellDimensions(point: Point, dimensions: Dimensions): SetCellDimensionsAction;
134
+ export type PasteAction = BaseAction<typeof PASTE> & {
135
+ payload: {
136
+ data: string;
137
+ };
138
+ };
139
+ export declare function paste(data: string): PasteAction;
140
+ export type KeyPressAction = BaseAction<typeof KEY_PRESS> & {
141
+ payload: {
142
+ event: React.KeyboardEvent;
143
+ };
144
+ };
145
+ export declare function keyPress(event: React.KeyboardEvent): KeyPressAction;
146
+ export type KeyDownAction = BaseAction<typeof KEY_DOWN> & {
147
+ payload: {
148
+ event: React.KeyboardEvent;
149
+ };
150
+ };
151
+ export declare function keyDown(event: React.KeyboardEvent): KeyDownAction;
152
+ export type DragStartAction = BaseAction<typeof DRAG_START>;
153
+ export declare function dragStart(): DragStartAction;
154
+ export type DragEndAction = BaseAction<typeof DRAG_END>;
155
+ export declare function dragEnd(): DragEndAction;
156
+ export type CommitAction = BaseAction<typeof COMMIT> & {
157
+ payload: {
158
+ changes: CommitChanges;
159
+ };
160
+ };
161
+ export declare function commit(changes: CommitChanges): CommitAction;
162
+ export type CopyAction = BaseAction<typeof COPY>;
163
+ export declare function copy(): CopyAction;
164
+ export type CutAction = BaseAction<typeof CUT>;
165
+ export declare function cut(): CutAction;
166
+ export type EditAction = BaseAction<typeof EDIT>;
167
+ export declare function edit(): EditAction;
168
+ export type ViewAction = BaseAction<typeof VIEW>;
169
+ export declare function view(): ViewAction;
170
+ export type ClearAction = BaseAction<typeof CLEAR>;
171
+ export declare function clear(): ClearAction;
172
+ export type BlurAction = BaseAction<typeof BLUR>;
173
+ export declare function blur(): BlurAction;
174
+ export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyPressAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineStyle | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | BlurAction;
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ import reducer from './reducer';
3
+ import { Action } from './actions';
4
+ export type ReducerState = React.ReducerState<typeof reducer>;
5
+ export type Dispatch = React.Dispatch<Action>;
6
+ export type Value = [ReducerState, Dispatch];
7
+ declare const context: import("use-context-selector").Context<Value>;
8
+ export default context;
@@ -0,0 +1,22 @@
1
+ import FormulaParser, { Value } from 'fast-formula-parser';
2
+ import * as Matrix from '../matrix';
3
+ import { Point } from '../point';
4
+ import { CellBase, CreateFormulaParser } from '../types';
5
+ import { PointGraph } from './point-graph';
6
+ export declare class Model<Cell extends CellBase> {
7
+ readonly data: Matrix.Matrix<Cell>;
8
+ readonly evaluatedData: Matrix.Matrix<Cell>;
9
+ readonly referenceGraph: PointGraph;
10
+ readonly createFormulaParser: CreateFormulaParser;
11
+ constructor(createFormulaParser: CreateFormulaParser, data: Matrix.Matrix<Cell>, referenceGraph?: PointGraph, evaluatedData?: Matrix.Matrix<Cell>);
12
+ }
13
+ export declare function updateCellValue<Cell extends CellBase>(model: Model<Cell>, point: Point, cell: Cell): Model<Cell>;
14
+ /**
15
+ *
16
+ * @param data - the spreadsheet data
17
+ * @returns the spreadsheet reference graph
18
+ */
19
+ export declare function createReferenceGraph(data: Matrix.Matrix<CellBase>): PointGraph;
20
+ export declare function createEvaluatedData<Cell extends CellBase>(data: Matrix.Matrix<Cell>, referenceGraph: PointGraph, createFormulaParser: CreateFormulaParser): Matrix.Matrix<Cell>;
21
+ /** Get the computed value of a formula cell */
22
+ export declare function getFormulaComputedValue(value: string, point: Point, formulaParser: FormulaParser): Value;
@@ -0,0 +1,17 @@
1
+ import FormulaParser, { FormulaParserConfig, Value } from 'fast-formula-parser';
2
+ import { Point } from '../point';
3
+ import * as Matrix from '../matrix';
4
+ import { CellBase } from '../types';
5
+ import { PointSet } from './point-set';
6
+ export declare const FORMULA_VALUE_PREFIX = "=";
7
+ /** Returns whether given value is a formula */
8
+ export declare function isFormulaValue(value: unknown): value is string;
9
+ /** Extracts formula from value */
10
+ export declare function extractFormula(value: string): string;
11
+ export declare function createFormulaParser(data: Matrix.Matrix<CellBase>, config?: Omit<FormulaParserConfig, 'onCell' | 'onRange'>): FormulaParser;
12
+ /**
13
+ * For given formula returns the cell references
14
+ * @param formula - formula to get references for
15
+ */
16
+ export declare function getReferences(formula: string, point: Point, data: Matrix.Matrix<CellBase>): PointSet;
17
+ export declare function evaluate(formula: string, point: Point, formulaParser: FormulaParser): Value;
@@ -0,0 +1,2 @@
1
+ export { Model, updateCellValue } from './engine';
2
+ export { createFormulaParser } from './formula';