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.
- package/.yarn/install-state.gz +0 -0
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
- package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +1 -1
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AllProjectsDropdown/types.d.ts +2 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AppHeader/types.d.ts +1 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Button/Button.stories.d.ts +13 -0
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
- package/lib/components/Chip/Chip.stories.d.ts +14 -0
- package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
- package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
- package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
- package/lib/components/ExcelFile/Types.d.ts +129 -0
- package/lib/components/ExcelFile/index.d.ts +1 -0
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
- package/lib/components/Form/Form.stories.d.ts +7 -0
- package/lib/components/Form/Forms.d.ts +3 -1
- package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
- package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
- package/lib/components/Icon/Icon.stories.d.ts +8 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/Input.stories.d.ts +9 -0
- package/lib/components/Input/types.d.ts +4 -0
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
- package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
- package/lib/components/MenuOption/types.d.ts +1 -1
- package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
- package/lib/components/Modal/Modal.stories.d.ts +7 -0
- package/lib/components/Modal/types.d.ts +4 -2
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +10 -0
- package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
- package/lib/components/Paper/Paper.stories.d.ts +11 -0
- package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/lib/components/Search/Search.stories.d.ts +6 -0
- package/lib/components/Select/Select.stories.d.ts +13 -0
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
- package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
- package/lib/components/Table/Table.stories.d.ts +13 -0
- package/lib/components/TableTree/TableTree.d.ts +2 -1
- package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
- package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
- package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
- package/lib/components/Toast/Toast.stories.d.ts +6 -0
- package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
- package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
- package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
- package/lib/components/Typography/Typography.stories.d.ts +10 -0
- package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
- package/lib/index.d.ts +17 -5
- package/lib/index.esm.js +212 -145
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +212 -145
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/capitalize/capitalize.d.ts +1 -0
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
- package/lib/utils/debounce/debounce.stories.d.ts +6 -0
- package/lib/utils/ffID/ffID.stories.d.ts +6 -0
- package/lib/utils/find/findAndInsert.d.ts +7 -0
- package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
- package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
- package/lib/utils/throttle/throttle.stories.d.ts +6 -0
- package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
- package/package.json +2 -2
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +82 -12
- package/src/assets/Themes/BaseTheme.scss +38 -15
- package/src/assets/Themes/DarkTheme.scss +15 -1
- package/src/assets/fonts/Poppins-Bold.woff2 +0 -0
- package/src/assets/fonts/Poppins-Medium.woff2 +0 -0
- package/src/assets/fonts/Poppins-Regular.woff2 +0 -0
- package/src/assets/fonts/Poppins-SemiBold.woff2 +0 -0
- package/src/assets/icons/Header_preset.svg +13 -0
- package/src/assets/icons/add_file.svg +16 -4
- package/src/assets/icons/eye_open_icon.svg +2 -9
- package/src/assets/icons/hide_access_icon.svg +3 -0
- package/src/assets/icons/replace_icon.svg +6 -0
- package/src/assets/styles/_fonts.scss +7 -4
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +58 -8
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +83 -75
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +31 -18
- package/src/components/AllProjectsDropdown/types.ts +2 -0
- package/src/components/AppHeader/AppHeader.scss +2 -2
- package/src/components/AppHeader/AppHeader.stories.tsx +5 -1
- package/src/components/AppHeader/AppHeader.tsx +108 -101
- package/src/components/AppHeader/types.ts +1 -0
- package/src/components/AttachmentButton/AttachmentButton.tsx +10 -5
- package/src/components/EditTextField/EditTextField.tsx +3 -5
- package/src/components/Form/Form.stories.tsx +4 -8
- package/src/components/Form/Forms.tsx +11 -4
- package/src/components/Icon/iconList.ts +9 -3
- package/src/components/Input/Input.scss +5 -0
- package/src/components/Input/Input.stories.tsx +44 -0
- package/src/components/Input/Input.tsx +24 -19
- package/src/components/Input/types.ts +4 -0
- package/src/components/MenuOption/MenuOption.scss +24 -27
- package/src/components/MenuOption/MenuOption.stories.tsx +90 -35
- package/src/components/MenuOption/MenuOption.tsx +22 -20
- package/src/components/MenuOption/types.ts +1 -1
- package/src/components/Modal/Modal.stories.tsx +2 -2
- package/src/components/Modal/Modal.tsx +6 -2
- package/src/components/Modal/modal.scss +2 -3
- package/src/components/Modal/types.ts +4 -2
- package/src/components/TableTree/TableTree.scss +22 -7
- package/src/components/TableTree/TableTree.stories.tsx +41 -0
- package/src/components/TableTree/TableTree.tsx +55 -18
- package/src/components/Typography/Typography.scss +4 -4
- package/src/utils/capitalize/capitalize.stories.tsx +44 -0
- package/src/utils/capitalize/capitalize.tsx +4 -0
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- /package/lib/components/{Excel → ExcelFile}/ContextMenu/ContextMenu.d.ts +0 -0
package/.yarn/install-state.gz
CHANGED
Binary file
|
@@ -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;
|
@@ -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,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,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,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,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,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,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,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,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,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 @@
|
|
1
|
+
export {};
|
@@ -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;
|