@syook/react-tabulous 3.0.3 → 4.0.0-beta-0.1

package/lib/types/App.d.ts

@@ -0,0 +1,4 @@
+import './App.css';
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/lib/types/__tests__/reactTabulous/components/base/gridBody.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/base/gridFooterPlaceholder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/bulkAction/bulkActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/cell/columnCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/columnBody/columnBody.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/columnHeaders/columnHeaderCheckbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/columnHeaders/columnHeaderItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/columnHeaders/columnHeaderMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/columnHeaders/columnHeaders.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/containers/gridRoot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/filter/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/filter/inputCategories.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/gridHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/pagination/pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbarColumns.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbarDensity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbarExport.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbarFilter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/toolbar/gridToolbarQuickFilter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/button/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/iconButton/iconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/input/input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/inputError/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/inputLabel/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/loader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/popup/popup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/select/select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/components/widgets/typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/context/dataGridContextProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/helpers/classnames.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/helpers/debounce.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/helpers/getColumnsAndSearchKeys.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/helpers/toCamelCase.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useDragHandler.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridColumn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridColumnHeaders.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridDensity.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridExport.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridFilter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridPagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridPin.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridResize.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridRootProps.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridRowSelection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridSearch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/__tests__/reactTabulous/hooks/useGridSort.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/data/index.d.ts

@@ -0,0 +1,83 @@
+export declare const dataSet1: {
+    name: string;
+    email: string;
+}[];
+export declare const getDataSetBasedOnCountPassed: (count?: number) => {
+    name: string;
+    email: string;
+}[];
+export declare const dataSet1Columns: {
+    field: string;
+    headerName: string;
+    sortable: boolean;
+    isVisible: boolean;
+}[];
+export declare const dataSet21: never[];
+export declare const dataSet2: {
+    id: number;
+    name: string;
+    email: string;
+    age: number;
+    mobile: number;
+    isLoggedIn: string;
+    bio: string;
+    birthDate: Date;
+    lastJournalPublish: Date;
+    lastLogin: Date;
+    journalTitle: string;
+    level: number;
+    workPlace: string;
+    address: {
+        country: string;
+        state: string;
+        city: string;
+        pinCode: string;
+    };
+}[];
+export declare const dataSet2Columns1: never[];
+export declare const dataSet2Columns: ({
+    field: string;
+    headerName: string;
+    type: string;
+    isFilterable: boolean;
+    isSortable: boolean;
+    isSearchable: boolean;
+    renderCell?: undefined;
+    valueGetter?: undefined;
+} | {
+    field: string;
+    headerName: string;
+    type: string;
+    renderCell: (row: any) => import("react/jsx-runtime").JSX.Element;
+    isFilterable?: undefined;
+    isSortable?: undefined;
+    isSearchable?: undefined;
+    valueGetter?: undefined;
+} | {
+    field: string;
+    headerName: string;
+    type: string;
+    renderCell: (row: any) => import("react/jsx-runtime").JSX.Element;
+    isFilterable: boolean;
+    isSortable: boolean;
+    isSearchable: boolean;
+    valueGetter?: undefined;
+} | {
+    field: string;
+    headerName: string;
+    type: string;
+    isFilterable: boolean;
+    isSearchable: boolean;
+    isSortable?: undefined;
+    renderCell?: undefined;
+    valueGetter?: undefined;
+} | {
+    field: string;
+    valueGetter: (row: any) => string;
+    headerName: string;
+    isFilterable: boolean;
+    isSortable: boolean;
+    isSearchable: boolean;
+    type?: undefined;
+    renderCell?: undefined;
+})[];

package/lib/types/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/reactTabulous/components/base/gridBody.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridBody: React.FC;

package/lib/types/reactTabulous/components/base/gridFooterPlaceholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridFooterPlaceholder: React.FC;

package/lib/types/reactTabulous/components/base/index.d.ts

@@ -0,0 +1,2 @@
+export * from './gridBody';
+export * from './gridFooterPlaceholder';

package/lib/types/reactTabulous/components/bulkAction/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type GridRowId } from '../../models';
+interface BulkActionsProps {
+    selectedRows: GridRowId[];
+    bulkActions: any;
+    onBulkActionClick: (action: any, selectedRows: GridRowId[]) => void;
+}
+export declare const BulkActions: FC<BulkActionsProps>;
+export {};

package/lib/types/reactTabulous/components/cell/columnCell.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type GridPinnedPosition } from '../../models';
+type ColumnCellProps = React.HTMLAttributes<HTMLDivElement> & {
+    width?: number | string;
+    pinned?: GridPinnedPosition | null;
+    row?: any;
+    column?: any;
+    emptyPlaceholder: string;
+    rowIndex: number;
+};
+declare const ColumnCell: React.FC<ColumnCellProps>;
+export default ColumnCell;

package/lib/types/reactTabulous/components/cell/gridActionsCellItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export type GridActionsCellItemProps = {
+    label: string;
+    icon?: React.ReactElement;
+} & ({
+    showInMenu?: false;
+    icon: React.ReactElement;
+} | {
+    showInMenu: true;
+});

package/lib/types/reactTabulous/components/columnBody/columnBody.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ColumnBody: React.FC;

package/lib/types/reactTabulous/components/columnBody/index.d.ts

@@ -0,0 +1 @@
+export * from './columnBody';

package/lib/types/reactTabulous/components/columnHeaders/columnHeaderCheckbox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ColumnHeaderCheckboxProps = React.HTMLAttributes<HTMLDivElement> & {
+    checked: boolean;
+    onBulkSelect: () => void;
+};
+export declare const ColumnHeaderCheckbox: React.FC<ColumnHeaderCheckboxProps>;
+export {};

package/lib/types/reactTabulous/components/columnHeaders/columnHeaderItem.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type onDragUpdateType } from '../../hooks/useDragHandler';
+import { type GridPinnedPosition, type GridSortDirection } from '../../models';
+type ColumnHeaderItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    columnObj: any;
+    type: string;
+    disabledMoveLeft?: boolean;
+    disabledMoveRight?: boolean;
+    disableColumnFilter: boolean;
+    disableColumnMenu: boolean;
+    disableColumnPinning: boolean;
+    disableColumnReorder: boolean;
+    disableColumnSelector: boolean;
+    disableColumnResize: boolean;
+    disableMultipleColumnsSorting: boolean;
+    fetchOnPageChange: boolean;
+    headerName: string;
+    sortBy: GridSortDirection;
+    iconButtonSize?: number;
+    pinned?: GridPinnedPosition;
+    onDragUpdate: onDragUpdateType;
+    handleSort: (field: string, type: string, value?: any) => void;
+    handlePin: (field: string, value?: any) => void;
+    handleMove: (field: string, value?: any) => void;
+    handleWidth: (field: string, value: number) => void;
+    onHideColumns: (field: string) => void;
+    onToggleColumnToolbar: () => void;
+    onToggleFilterToolbar: () => void;
+};
+export declare const ColumnHeaderItem: React.FC<ColumnHeaderItemProps>;
+export {};

package/lib/types/reactTabulous/components/columnHeaders/columnHeaderMenu.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { type GridPinnedPosition, type GridSortDirection } from '../../models';
+interface ColumnHeaderMenuProps {
+    disabledMoveLeft?: boolean;
+    disabledMoveRight?: boolean;
+    disableColumnFilter: boolean;
+    disableColumnPinning: boolean;
+    disableColumnReorder: boolean;
+    disableColumnSelector: boolean;
+    disableMultipleColumnsSorting: boolean;
+    fetchOnPageChange: boolean;
+    iconButtonSize: number;
+    sortBy: GridSortDirection;
+    pinned?: GridPinnedPosition;
+    handleAction: (actionName: string, value?: any) => void;
+}
+declare const ColumnHeaderMenu: React.FC<ColumnHeaderMenuProps>;
+export default ColumnHeaderMenu;

package/lib/types/reactTabulous/components/columnHeaders/columnHeaders.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ColumnHeaders: React.FC;

package/lib/types/reactTabulous/components/columnHeaders/index.d.ts

@@ -0,0 +1 @@
+export * from './columnHeaders';

package/lib/types/reactTabulous/components/containers/gridRoot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridRoot: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/types/reactTabulous/components/containers/index.d.ts

@@ -0,0 +1 @@
+export * from './gridRoot';

package/lib/types/reactTabulous/components/filter/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const filterPredicates: string[];
+interface FilterOperators {
+    string: string[];
+    number: string[];
+    date: string[];
+    dateTime: string[];
+    boolean: string[];
+    singleSelect: string[];
+}
+export declare const filterOperators: FilterOperators;
+export declare const FilterForm: React.FC;
+export {};

package/lib/types/reactTabulous/components/filter/inputCategories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface InputCategoriesProps {
+    attribute?: any;
+    type: any;
+    value: any;
+    rowIndex: any;
+    query: any;
+    onChange: any;
+    options: any;
+    className?: string;
+}
+export declare const InputCategories: React.FC<InputCategoriesProps>;
+export {};

package/lib/types/reactTabulous/components/gridHeader.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridHeader: React.FC;

package/lib/types/reactTabulous/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base';
+export * from './containers';
+export * from './gridHeader';

package/lib/types/reactTabulous/components/overlayWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './overlayWrapper';

package/lib/types/reactTabulous/components/overlayWrapper/overlayWrapper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface OverlayWrapperProps {
+    children: React.ReactNode;
+}
+export declare const OverlayWrapper: React.FC<OverlayWrapperProps>;
+export {};

package/lib/types/reactTabulous/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './pagination';

package/lib/types/reactTabulous/components/pagination/pagination.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Pagination: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const StyledSpaceDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridToolbar: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbarColumns.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridToolbarColumns: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbarDensity.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GridToolbarDensity: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbarExport.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GridToolbarExport: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbarFilter.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GridToolbarFilter: React.FC;

package/lib/types/reactTabulous/components/toolbar/gridToolbarQuickFilter.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const GridToolbarQuickFilter: React.FC;

package/lib/types/reactTabulous/components/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './gridToolbar';
+export * from './gridToolbarColumns';
+export * from './gridToolbarDensity';
+export * from './gridToolbarExport';
+export * from './gridToolbarFilter';
+export * from './gridToolbarQuickFilter';

package/lib/types/reactTabulous/components/widgets/button/buttonStyle.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ButtonStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/lib/types/reactTabulous/components/widgets/button/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export type ButtonProps = React.HTMLAttributes<HTMLButtonElement> & {
+    variant?: 'contained' | 'outline' | 'text';
+    icon?: React.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+    size?: 'normal' | 'medium' | 'small';
+    color?: 'primary' | 'success' | 'danger' | 'secondary';
+    iconClass?: string;
+};
+export declare const Button: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
+    variant?: "text" | "outline" | "contained" | undefined;
+    icon?: React.ReactNode;
+    loading?: boolean | undefined;
+    disabled?: boolean | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
+    size?: "small" | "normal" | "medium" | undefined;
+    color?: "primary" | "success" | "danger" | "secondary" | undefined;
+    iconClass?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/lib/types/reactTabulous/components/widgets/checkbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CheckboxProps {
+    checked?: boolean | 'indeterminate';
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.FC<CheckboxProps>;
+export {};

package/lib/types/reactTabulous/components/widgets/divider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Divider: React.FC;

package/lib/types/reactTabulous/components/widgets/icon.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+declare const icons: {
+    add: import("react/jsx-runtime").JSX.Element;
+    bar: import("react/jsx-runtime").JSX.Element;
+    close: import("react/jsx-runtime").JSX.Element;
+    column: import("react/jsx-runtime").JSX.Element;
+    compact: import("react/jsx-runtime").JSX.Element;
+    comfortable: import("react/jsx-runtime").JSX.Element;
+    delete: import("react/jsx-runtime").JSX.Element;
+    density: import("react/jsx-runtime").JSX.Element;
+    download: import("react/jsx-runtime").JSX.Element;
+    filter: import("react/jsx-runtime").JSX.Element;
+    'filter-list': import("react/jsx-runtime").JSX.Element;
+    sort: import("react/jsx-runtime").JSX.Element;
+    'sort-up-fill': import("react/jsx-runtime").JSX.Element;
+    'sort-down-fill': import("react/jsx-runtime").JSX.Element;
+    'sort-down': import("react/jsx-runtime").JSX.Element;
+    'sort-up': import("react/jsx-runtime").JSX.Element;
+    'kebab-menu': import("react/jsx-runtime").JSX.Element;
+    'arrow-left': import("react/jsx-runtime").JSX.Element;
+    'double-arrow-left': import("react/jsx-runtime").JSX.Element;
+    'arrow-right': import("react/jsx-runtime").JSX.Element;
+    'double-arrow-right': import("react/jsx-runtime").JSX.Element;
+    'eye-off': import("react/jsx-runtime").JSX.Element;
+    pin: import("react/jsx-runtime").JSX.Element;
+    standard: import("react/jsx-runtime").JSX.Element;
+    'keyboard-back': import("react/jsx-runtime").JSX.Element;
+    'keyboard-forward': import("react/jsx-runtime").JSX.Element;
+    search: import("react/jsx-runtime").JSX.Element;
+};
+export type Icons = keyof typeof icons;
+interface IconProps extends React.HTMLAttributes<HTMLOrSVGElement> {
+    name: Icons;
+    size?: number;
+    fill?: string;
+    title?: string;
+    asButton?: boolean;
+    className?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export {};

package/lib/types/reactTabulous/components/widgets/iconButton/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type Icons } from '../icon';
+export declare const IconButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    type?: "transparent" | "circular" | undefined;
+    size?: number | undefined;
+    className?: string | undefined;
+    onClick?: ((event: any) => void) | undefined;
+    name: Icons;
+    fill?: string | undefined;
+    title?: string | undefined;
+    disabled?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/types/reactTabulous/components/widgets/index.d.ts

@@ -0,0 +1,12 @@
+export * from './button';
+export * from './checkbox';
+export * from './divider';
+export * from './icon';
+export * from './iconButton';
+export * from './loader';
+export * from './popup';
+export * from './switch';
+export * from './input';
+export * from './select';
+export * from './typography';
+export * from './menu';