pixel-react 1.6.2 → 1.6.5

package/src/components/TableTree/TableTree.tsx

@@ -4,7 +4,13 @@ import { prepareData } from '../../utils/TableCell/TableCell';
 import Arrow from '../../assets/icons/arrows_down_icon.svg?react';
 import Checkbox from '../Checkbox';
 import RadioButton from '../RadioButton';
-import { TreeTableProps } from './types';
+import {
+  TableBodyProps,
+  TableCellProps,
+  TableHeadProps,
+  TableRowProps,
+  TreeTableProps,
+} from './types';
 
 // Helper to render spaces for levels
 const renderSpaces = (level: number) =>
@@ -32,27 +38,17 @@ const TableCell = React.memo(
     col,
     node,
     level,
-    isExpanded,
     selected,
     select,
     onCheckBoxChange,
     onToggleExpand,
-  }: {
-    col: any;
-    node: any;
-    level: number;
-    isExpanded: boolean;
-    selected: string[];
-    select: string | null;
-    onCheckBoxChange: (type: string, node: any) => void;
-    onToggleExpand: (node: any) => void;
-  }) => (
+  }: TableCellProps) => (
     <td>
       {col.isTree && renderSpaces(level + 1)}
       {col.isTree && (
         <span
           className={`tree-table-space-block last-block  ${
-            isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'
+            node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'
           } ${node.folder ? '' : 'no-folder'}`}
           onClick={() => onToggleExpand(node)}
         >
@@ -89,23 +85,12 @@ const TableRow = React.memo(
     node,
     level,
     columnsData,
-    isExpanded,
     selected,
     select,
     onRowClick,
     onToggleExpand,
     onCheckBoxChange,
-  }: {
-    node: any;
-    level: number;
-    columnsData: any[];
-    isExpanded: boolean;
-    selected: string[];
-    select: string | null;
-    onRowClick: (e: any, node: any) => void;
-    onToggleExpand: (node: any) => void;
-    onCheckBoxChange: (type: string, node: any) => void;
-  }) => (
+  }: TableRowProps) => (
     <tr
       data-level={level}
       className="show"
@@ -117,7 +102,6 @@ const TableRow = React.memo(
           col={col}
           node={node}
           level={level}
-          isExpanded={isExpanded}
           selected={selected}
           select={select}
           onCheckBoxChange={onCheckBoxChange}
@@ -129,7 +113,7 @@ const TableRow = React.memo(
 );
 
 // Component: TableHead
-const TableHead = React.memo(({ columnsData }: { columnsData: any[] }) => {
+const TableHead = React.memo(({ columnsData }: TableHeadProps) => {
   const hasDefaultValues = useMemo(
     () => columnsData.some(({ defaultValue }) => !!defaultValue),
     [columnsData]
@@ -169,32 +153,20 @@ const TableBody = React.memo(
   ({
     flattenedTreeData,
     columnsData,
-    expandedNodes,
     selected,
     select,
     onRowClick,
     onToggleExpand,
     onCheckBoxChange,
-  }: {
-    flattenedTreeData: any[];
-    columnsData: any[];
-    expandedNodes: string[];
-    selected: string[];
-    select: string | null;
-    onRowClick: (e: any, node: any) => void;
-    onToggleExpand: (node: any) => void;
-    onCheckBoxChange: (type: string, node: any) => void;
-  }) => (
+  }: TableBodyProps) => (
     <tbody>
       {flattenedTreeData.map(({ node, level }) => {
-        const isExpanded = expandedNodes.includes(node?.id);
         return (
           <TableRow
             key={node.id}
             node={node}
             level={level}
             columnsData={columnsData}
-            isExpanded={isExpanded}
             selected={selected}
             select={select}
             onRowClick={onRowClick}
@@ -215,12 +187,11 @@ const TreeTable: React.FC<TreeTableProps> = ({
   select = null,
   onChange,
   onClick,
-  expandedNodes = [],
   onExpand,
 }) => {
   const handleToggleExpand = useCallback(
-    (node: any) => onExpand?.(!expandedNodes.includes(node?.id), node?.id),
-    [expandedNodes, onExpand]
+    (node: any) => onExpand?.(true, node?.id),
+    [onExpand]
   );
 
   const handleCheckBoxChange = useCallback(
@@ -228,7 +199,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
       const nodeId = node.id;
 
       if (type === 'radio') {
-        onChange?.([nodeId]);
+        onChange?.('true', [nodeId]);
       } else {
         let updatedSelected = [...selected];
 
@@ -242,7 +213,7 @@ const TreeTable: React.FC<TreeTableProps> = ({
           );
         }
 
-        onChange?.(updatedSelected);
+        onChange?.('true', updatedSelected);
       }
     },
     [selected, treeData, onChange]
@@ -260,7 +231,6 @@ const TreeTable: React.FC<TreeTableProps> = ({
         <TableBody
           flattenedTreeData={treeData}
           columnsData={columnsData}
-          expandedNodes={expandedNodes}
           selected={selected}
           select={select}
           onRowClick={handleRowClick}

package/src/components/TableTree/Utils/getAllChildIds.ts

@@ -0,0 +1,12 @@
+const getAllChildIds = (nodeId: string, data: any[]): string[] => {
+  let result = [nodeId];
+
+  // Traverse the tree and find children based on parentId
+  data.forEach(({ node }) => {
+    if (node.parentId === nodeId) {
+      result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
+    }
+  });
+
+  return result;
+};

package/src/components/TableTree/types.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export interface TreeNode {
   key: string;
   [key: string]: any;
@@ -5,16 +7,53 @@ export interface TreeNode {
   expanded?: boolean;
 }
 
+declare type JSX = ReactNode | JSX.Element[] | string | null;
+
+export interface TableCellProps {
+  col: any;
+  node: any;
+  level: number;
+  selected: string[];
+  select: string | null;
+  onCheckBoxChange: (type: string, node: any) => void;
+  onToggleExpand: (node: any) => void;
+}
+
+export interface TableHeadProps {
+  columnsData: any[];
+}
+
+export interface TableBodyProps {
+  flattenedTreeData: any[];
+  columnsData: any[];
+  selected: string[];
+  select: string | null;
+  onRowClick: (e: any, node: any) => void;
+  onToggleExpand: (node: any) => void;
+  onCheckBoxChange: (type: string, node: any) => void;
+}
+
+export interface TableRowProps {
+  node: any;
+  level: number;
+  columnsData: any[];
+  selected: string[];
+  select: string | null;
+  onRowClick: (e: any, node: any) => void;
+  onToggleExpand: (node: any) => void;
+  onCheckBoxChange: (type: string, node: any) => void;
+}
+
 export interface Column {
   name: string;
   accessor: string;
   width: string;
   isClickable?: boolean;
-  cell?: (row: any) => JSX.Element | string | null;
-  actions?: (row: any) => JSX.Element[];
+  cell?: (row: any) => JSX
+  actions?: (row: any) => JSX
   isTree?: boolean;
   defaultValue?: string;
-  defaultActions?: () => JSX.Element[];
+  defaultActions?: () => JSX
 }
 
 export interface TreeTableProps {
@@ -22,9 +61,8 @@ export interface TreeTableProps {
   columnsData: Column[];
   selected?: string[];
   select?: 'radio' | 'checkbox' | 'none';
-  onChange?: (nodes: string[]) => void;
+  onChange?: (e: any, node: string[]) => void;
   onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
-  expandedNodes: string[];
   onExpand?: (_isExpanded: boolean, node: string) => void;
   onPagination?: (_direction: string) => void;
 }

package/src/index.ts

@@ -68,6 +68,7 @@ import VariableDropdown from './components/Editor/VariableDropdown';
 import LineChart from './components/Charts/LineChart';
 import DownloadClient from './components/DownloadClient/DownloadClient';
 import FieldSet from './components/FieldSet';
+import CreateVariableSlider from './components/CreateVariable/CreateVariableSlider';
 // Utils imports
 import { checkEmpty } from './utils/checkEmpty/checkEmpty';
 import {
@@ -168,6 +169,7 @@ export {
   DownloadClient,
   FieldSet,
   PopUpModal,
+  CreateVariableSlider,
 
   // utils exports
   checkEmpty,

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/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/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/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/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/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/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/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;