pixel-react 1.8.0 → 1.8.1

package/vite.config.js

@@ -1,14 +1,14 @@
-import react from '@vitejs/plugin-react';
-import path from 'path';
-import svgrPlugin from 'vite-plugin-svgr';
-
-export default {
-  plugins: [
-    react(),
-    svgrPlugin({
-      svgrOptions: {
-        icon: true,
-      },
-    }),
-  ],
-};
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import svgrPlugin from 'vite-plugin-svgr';
+
+export default {
+  plugins: [
+    react(),
+    svgrPlugin({
+      svgrOptions: {
+        icon: true,
+      },
+    }),
+  ],
+};

package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import StyleGuide from './ColorPalette';
-declare const meta: Meta<typeof StyleGuide>;
-type Story = StoryObj<typeof StyleGuide>;
-export declare const ColorList: Story;
-export default meta;

package/lib/StyleGuide/Typography/Typography.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Typography from './Typography';
-declare const meta: Meta<typeof Typography>;
-type Story = StoryObj<typeof Typography>;
-export declare const AllFonts: Story;
-export default meta;

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Accordion from './Accordion';
-declare const meta: Meta<typeof Accordion>;
-type Story = StoryObj<typeof Accordion>;
-export declare const SampleAccordion: Story;
-export default meta;

package/lib/components/AddButton/AddButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './AddButton.scss';
-import { AddButtonProps } from './types';
-declare const AddButton: React.FC<AddButtonProps>;
-export default AddButton;

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AddButton from './AddButton';
-declare const meta: Meta<typeof AddButton>;
-type Story = StoryObj<typeof AddButton>;
-export declare const PrimaryAddButton: Story;
-export default meta;

package/lib/components/AddButton/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AddButton';

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

@@ -1,4 +0,0 @@
-export interface AddButtonProps {
-    name: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}

package/lib/components/AddResourceButton/AddButton.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import AddButton from './AddButton';
-declare const meta: Meta<typeof AddButton>;
-type Story = StoryObj<typeof AddButton>;
-export declare const Default: Story;
-export declare const TwoArrowsButtons: Story;
-export declare const ThreeArrowsButton: Story;
-export default meta;

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

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AllProjectsDropdown from './AllProjectsDropdown';
-declare const meta: Meta<typeof AllProjectsDropdown>;
-type Story = StoryObj<typeof AllProjectsDropdown>;
-export declare const Default: Story;
-export declare const PrimaryIconButton: Story;
-export default meta;

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

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AppHeader from './AppHeader';
-declare const meta: Meta<typeof AppHeader>;
-type Story = StoryObj<typeof AppHeader>;
-export declare const SampleAppHeader: Story;
-export declare const Controlled: Story;
-export default meta;

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

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import AttachImage from './AttachImage';
-import { AttachImageProps } from './types';
-declare const meta: Meta<typeof AttachImage>;
-export default meta;
-type Story = StoryObj<AttachImageProps>;
-export declare const Default: Story;

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

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import AttachmentButton from './AttachmentButton';
-declare const meta: Meta<typeof AttachmentButton>;
-type Story = StoryObj<typeof AttachmentButton>;
-export declare const Default: Story;
-export declare const SmallFileLimit: Story;
-export declare const LargeFileLimit: Story;
-export declare const DisabledUploader: Story;
-export default meta;

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Avatar from './Avatar';
-declare const meta: Meta<typeof Avatar>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const CustomAvatarSize: Story;
-export declare const CustomIconSize: Story;

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

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Button from './Button';
-declare const meta: Meta<typeof Button>;
-type Story = StoryObj<typeof Button>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const Delete: Story;
-export declare const Warning: Story;
-export declare const PrimaryWithIcon: Story;
-export declare const SecondaryWithIcon: Story;
-export declare const TertiaryWithIcon: Story;
-export default meta;

package/lib/components/Charts/BarChart/BarChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import BarChart from './BarChart';
-declare const meta: Meta<typeof BarChart>;
-export default meta;
-type Story = StoryObj<typeof BarChart>;
-export declare const BarChartDashboard: Story;

package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import DashboardDonutChart from './DashboardDonutChart';
-declare const meta: Meta<typeof DashboardDonutChart>;
-export default meta;
-type Story = StoryObj<typeof DashboardDonutChart>;
-export declare const Default: Story;
-export declare const MemoryLegend: Story;

package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import DonutChart from './DonutChart';
-declare const meta: Meta<typeof DonutChart>;
-export default meta;
-type Story = StoryObj<typeof DonutChart>;
-export declare const Default: Story;

package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import IconRadialChart from './IconRadialChart';
-declare const meta: Meta<typeof IconRadialChart>;
-export default meta;
-type Story = StoryObj<typeof IconRadialChart>;
-export declare const Default: Story;
-export declare const Mobile: Story;
-export declare const WithoutIcon: Story;

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

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import LineChart from './LineChart';
-import { LineChartProps } from './types';
-declare const meta: Meta<typeof LineChart>;
-export default meta;
-export declare const DefaultLineChart: StoryObj<LineChartProps>;
-export declare const StatusLineChart: StoryObj<LineChartProps>;

package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import MultiRadialChart from './MultiRadialChart';
-declare const meta: Meta<typeof MultiRadialChart>;
-export default meta;
-type Story = StoryObj<typeof MultiRadialChart>;
-export declare const Default: Story;
-export declare const numberLegend: Story;
-export declare const PillLegend: Story;

package/lib/components/Charts/PieChart/PieChart.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import PieChart from './PieChart';
-declare const meta: Meta<typeof PieChart>;
-export default meta;
-type Story = StoryObj<typeof PieChart>;
-export declare const PieChartDashBoard: Story;
-export declare const PieChartDashBoardWithBorder: Story;

package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import RadialChart from './RadialChart';
-declare const meta: Meta<typeof RadialChart>;
-export default meta;
-type Story = StoryObj<typeof RadialChart>;
-export declare const ChartWithStatus: Story;

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

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import Checkbox from './Checkbox';
-declare const meta: Meta<typeof Checkbox>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Partial: Story;
-export declare const Controlled: Story;

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

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Chip from './Chip';
-import '../../assets/styles/_colors.scss';
-import './Chip.scss';
-declare const meta: Meta<typeof Chip>;
-type Story = StoryObj<typeof Chip>;
-export declare const Primary: Story;
-export declare const withoutExpand: Story;
-export declare const Group: Story;
-export declare const CustomChip: Story;
-export declare const Success: Story;
-export declare const Errors: Story;
-export declare const Warning: Story;
-export default meta;

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import ConnectingBranch from './ConnectingBranch';
-declare const meta: Meta<typeof ConnectingBranch>;
-export default meta;
-type Story = StoryObj<typeof ConnectingBranch>;
-export declare const Default: Story;

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

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import CustomDatePicker from './DatePicker';
-declare const meta: Meta<typeof CustomDatePicker>;
-export default meta;
-type Story = StoryObj<typeof CustomDatePicker>;
-export declare const Default: Story;
-export declare const StartDateFilter: Story;
-export declare const EndDateInput: Story;
-export declare const ScheduleDateInput: Story;

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import DragAndDropList from './DragAndDropList';
-declare const meta: Meta<typeof DragAndDropList>;
-type Story = StoryObj<typeof DragAndDropList>;
-export declare const Primary: Story;
-export default meta;

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

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Drawer from './Drawer';
-declare const meta: Meta<typeof Drawer>;
-export default meta;
-type Story = StoryObj<typeof Drawer>;
-export declare const Default: Story;
-export declare const WithoutHeader: Story;
-export declare const WithCustomHeader: Story;
-export declare const WithCustomFooter: Story;
-export declare const WithTertiaryButtons: Story;
-export declare const WithCustomZIndex: Story;
-export declare const Controlled: Story;

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

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import EditTextField from './EditTextField';
-import '../../assets/styles/_colors.scss';
-import './EditTextField.scss';
-declare const meta: Meta<typeof EditTextField>;
-type Story = StoryObj<typeof EditTextField>;
-export declare const textFieldWithLabel: Story;
-export declare const textFieldWithOutLabel: Story;
-export declare const openTextField: Story;
-export default meta;

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

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { EditorProps } from './types';
-declare const meta: Meta<EditorProps>;
-export default meta;
-type Story = StoryObj<EditorProps>;
-export declare const Default: Story;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import './ContextMenu.scss';
-declare const ContextMenu: React.FC<ContextMenuProps>;
-export default ContextMenu;

package/lib/components/Excel/ExcelFile.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import ExcelFile from './ExcelFile/ExcelFile';
-declare const meta: Meta<typeof ExcelFile>;
-type Story = StoryObj<typeof ExcelFile>;
-export declare const Default: Story;
-export default meta;

package/lib/components/ExcelFile/ChangeExcelStyles.d.ts

@@ -1,14 +0,0 @@
-import { CellBase } from "./ExcelFile/Excel";
-interface ChangeExcelStylesOptions {
-    sheetName: string;
-    styleType: string;
-    value: string;
-    selectedCell: {
-        row: number;
-        column: number;
-    }[];
-}
-export default function ChangeExcelStyles(setWorksheetsData: React.Dispatch<React.SetStateAction<{
-    [key: string]: Matrix<CellBase>;
-}>>, options: ChangeExcelStylesOptions): void;
-export {};

package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './ColorBarSelector.scss';
-interface ColorBarSelectorProps {
-    getColorValue: (color: string) => void;
-    disabled: boolean;
-}
-declare const ColorBarSelector: React.FC<ColorBarSelectorProps>;
-export default ColorBarSelector;

package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './ContextMenu.scss';
-declare const ContextMenu: React.FC<ContextMenuProps>;
-export default ContextMenu;

package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-type Props = {
-    DataEditor: Types.DataEditorComponent;
-};
-declare const ActiveCell: React.FC<Props>;
-export default ActiveCell;

package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-export declare const Cell: React.FC<Types.CellComponentProps>;
-export declare const enhance: (CellComponent: React.ComponentType<Types.CellComponentProps>) => React.FC<Omit<Types.CellComponentProps, "selected" | "active" | "copied" | "dragging" | "mode" | "data" | "select" | "activate" | "setCellDimensions">>;

package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-declare const ColumnIndicator: Types.ColumnIndicatorComponent;
-export default ColumnIndicator;
-export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const Copied: React.FC;
-export default Copied;

package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-declare const CornerIndicator: Types.CornerIndicatorComponent;
-export default CornerIndicator;
-export declare const enhance: (CornerIndicatorComponent: Types.CornerIndicatorComponent) => React.FC<Omit<Types.CornerIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-/** The default Spreadsheet DataEditor component */
-declare const DataEditor: React.FC<Types.DataEditorProps>;
-export default DataEditor;

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

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

package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-export type Props = {
-    variant?: string;
-    dimensions?: Types.Dimensions | null | undefined;
-    hidden?: boolean;
-    dragging?: boolean;
-};
-declare const FloatingRect: React.FC<Props>;
-export default FloatingRect;

package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts

@@ -1,3 +0,0 @@
-import * as Types from './types';
-declare const HeaderRow: Types.HeaderRowComponent;
-export default HeaderRow;

package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts

@@ -1,3 +0,0 @@
-import * as Types from './types';
-declare const Row: Types.RowComponent;
-export default Row;

package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-declare const RowIndicator: Types.RowIndicatorComponent;
-export default RowIndicator;
-export declare const enhance: (RowIndicatorComponent: Types.RowIndicatorComponent) => React.FC<Omit<Types.RowIndicatorProps, "selected" | "onSelect">>;

package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const Selected: React.FC;
-export default Selected;

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

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import * as Types from './types';
-import * as Matrix from './matrix';
-import * as Point from './point';
-import { Selection } from './selection';
-import './Spreadsheet.scss';
-/** The Spreadsheet component props */
-export type Props<CellType extends Types.CellBase> = {
-    /** The spreadsheet's data */
-    data: Matrix.Matrix<CellType>;
-    /** Class name to be added to the spreadsheet's root element */
-    className?: string;
-    /**
-     * Use dark colors that complement dark mode
-     * @defaultValue `false`
-     */
-    /**
-     * Function used to create the formula parser (instance of
-     * "fast-formula-parser") used by the Spreadsheet by getting the spreadsheet's
-     * data.
-     * @defaultValue function which creates a formula parser bound to the
-     * Spreadsheet's data.
-     * @see `createFormulaParser`
-     * @see https://www.npmjs.com/package/fast-formula-parser
-     */
-    createFormulaParser?: Types.CreateFormulaParser;
-    /**
-     * Labels to use in column indicators.
-     * @defaultValue alphabetical labels.
-     */
-    columnLabels?: string[];
-    /**
-     * Labels to use in row indicators.
-     * @defaultValue row index labels.
-     */
-    rowLabels?: string[];
-    /**
-     * If set to true, hides the row indicators of the spreadsheet.
-     * @defaultValue `false`.
-     */
-    hideRowIndicators?: boolean;
-    /**
-     * If set to true, hides the column indicators of the spreadsheet.
-     * @defaultValue `false`.
-     */
-    hideColumnIndicators?: boolean;
-    /** The selected cells in the worksheet. */
-    selected?: Selection;
-    /** Component rendered above each column. */
-    ColumnIndicator?: Types.ColumnIndicatorComponent;
-    /** Component rendered in the corner of row and column indicators. */
-    CornerIndicator?: Types.CornerIndicatorComponent;
-    /** Component rendered next to each row. */
-    RowIndicator?: Types.RowIndicatorComponent;
-    /** The Spreadsheet's table component. */
-    Table?: Types.TableComponent;
-    /** The Spreadsheet's row component. */
-    Row?: Types.RowComponent;
-    /** The spreadsheet's header row component */
-    HeaderRow?: Types.HeaderRowComponent;
-    /** The Spreadsheet's cell component. */
-    Cell?: Types.CellComponent<CellType>;
-    /** Component rendered for cells in view mode. */
-    DataViewer?: Types.DataViewerComponent<CellType>;
-    /** Component rendered for cells in edit mode. */
-    DataEditor?: Types.DataEditorComponent<CellType>;
-    /** Callback called on key down inside the spreadsheet. */
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    /** Callback called when the Spreadsheet's selection changes. */
-    onSelect?: (selected: Selection) => void;
-    /** Callback called when Spreadsheet's active cell changes. */
-    onActivate?: (active: Point.Point) => void;
-    /** Callback called when the Spreadsheet's evaluated data changes. */
-    onEvaluatedDataChange?: (data: Matrix.Matrix<CellType>) => void;
-};
-/**
- * The Spreadsheet component
- */
-declare const Spreadsheet: <CellType extends Types.CellBase>(props: Props<CellType>) => React.ReactElement;
-export default Spreadsheet;

package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts

@@ -1,3 +0,0 @@
-import * as Types from './types';
-declare const Table: Types.TableComponent;
-export default Table;