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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+interface CustomInputProps {
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    labelClass?: string;
+    inputClass?: string;
+    startAdornmentClass?: string;
+    endAdornmentClass?: string;
+    helperTextClass?: string;
+    helperText?: string;
+    infoText?: string;
+    error?: boolean;
+    inline?: boolean;
+    isMultiLine?: boolean;
+    isSanitizeValue?: boolean;
+    required?: boolean;
+}
+type InputProps = ((React.InputHTMLAttributes<HTMLInputElement> & {
+    as?: 'input';
+}) | (React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    as?: 'textarea';
+})) & CustomInputProps;
+export declare const Input: React.FC<InputProps>;
+export {};

package/lib/types/reactTabulous/components/widgets/input/inputStyle.d.ts

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface InputErrorProps {
+    helperText?: string;
+    error?: boolean;
+    className?: string;
+}
+declare const InputError: React.FC<InputErrorProps>;
+export default InputError;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type variantsMapping } from '../typography';
+declare const InputLabel: React.FC<{
+    label?: string;
+    htmlFor?: string;
+    infoText?: string;
+    className?: string;
+    labelClass?: string;
+    inline?: boolean;
+    required?: boolean;
+    variant?: keyof typeof variantsMapping;
+}>;
+export default InputLabel;

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

@@ -0,0 +1 @@
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { type Icons } from './icon';
+export declare const Menu: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+type MenuItemProps = React.HTMLAttributes<HTMLLIElement> & {
+    disabled?: boolean;
+    icon?: Icons;
+    iconClass?: string;
+    label: string;
+    selected?: boolean;
+    onClick: () => void;
+};
+export declare const MenuItem: React.FC<MenuItemProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import { type FC, type ReactNode } from 'react';
+import { type Placement } from '@popperjs/core';
+type PopupProps = React.HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    trigger: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    noPadding?: boolean;
+    onClose?: () => void;
+};
+export declare const Popup: FC<PopupProps>;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type optionType = {
+    value: string;
+    label: string;
+} | string | number;
+interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+    options: optionType[];
+    value: string;
+    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    disabled?: boolean;
+}
+export declare const Select: React.FC<SelectProps>;
+export {};

package/lib/types/reactTabulous/components/widgets/select/selectStyle.d.ts

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    size?: number;
+}
+export declare const Switch: React.FC<SwitchProps>;
+export {};

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const variantsMapping: {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    subheading1: string;
+    subheading2: string;
+    subheading3: string;
+    subheading4: string;
+    bodyMedium: string;
+    bodySmall: string;
+    tooltip: string;
+};
+interface TypographyProps {
+    element?: keyof JSX.IntrinsicElements;
+    variant?: keyof typeof variantsMapping;
+    className?: string;
+    children: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    htmlFor?: string;
+    color?: 'primary' | 'error';
+    style?: React.CSSProperties;
+}
+export declare const Typography: React.FC<TypographyProps>;
+export {};

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

@@ -0,0 +1,10 @@
+export declare const densityMapping: {
+    compact: number;
+    standard: number;
+    comfortable: number;
+};
+export declare const iconDensityMapping: {
+    compact: number;
+    standard: number;
+    comfortable: number;
+};

package/lib/types/reactTabulous/constant/noRowsOverlay.d.ts

@@ -0,0 +1,2 @@
+declare const NoRowsOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default NoRowsOverlay;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DataGridContextProviderProps {
+    props: any;
+    children: React.ReactNode;
+}
+export declare const DataGridContextProvider: React.FC<DataGridContextProviderProps>;

package/lib/types/reactTabulous/context/dataGridRootPropsContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DataGridRootPropsContext: React.Context<unknown>;
+export { DataGridRootPropsContext };

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

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

package/lib/types/reactTabulous/context/test-utils.d.ts

@@ -0,0 +1,5 @@
+import { type ReactElement } from 'react';
+import { type RenderOptions } from '@testing-library/react';
+declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from '@testing-library/react';
+export { customRender };

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

@@ -0,0 +1,2 @@
+declare function classnames(...classNames: Array<string | Record<string, boolean>>): string;
+export default classnames;

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

@@ -0,0 +1 @@
+export declare const debounce: (callback: (searchString: string) => void, waitTime: number) => (...args: any) => void;

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

@@ -0,0 +1,5 @@
+import { type GridColDef, type GridBaseColDef } from '../models';
+export declare const getColumnsAndSearchKeys: (columns: GridBaseColDef[]) => {
+    columns: GridColDef[];
+    searchKeys: string[];
+};

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

@@ -0,0 +1 @@
+export declare function toCamelCase(str: string): string;

package/lib/types/reactTabulous/hooks/useClickAwayListener.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare const useClickAwayListener: <T extends HTMLElement>(ref: RefObject<T>) => any;

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

@@ -0,0 +1,8 @@
+export type onDragUpdateType = (draggedField: string, dropTargetField: string) => void;
+export declare const useDragHandler: (onDragUpdate: onDragUpdateType) => {
+    dropTargetField: string;
+    onDragStart: (e: any) => void;
+    onDragOver: (e: any) => any;
+    onDrop: (e: any) => void;
+    onDragEnter: (e: any) => void;
+};

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

@@ -0,0 +1 @@
+export declare const useGridColumn: () => any;

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

@@ -0,0 +1 @@
+export declare const useGridColumnHeaders: () => any;

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

@@ -0,0 +1 @@
+export declare const useGridDensity: () => any;

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

@@ -0,0 +1,3 @@
+export declare const getColumnsData: (columns: any) => any;
+export declare const getRowsData: (rows: any, columns: any) => any;
+export declare const useGridExport: () => any;

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

@@ -0,0 +1,6 @@
+import { type GridColDef } from '../models';
+export declare const queryCondition: (columnValue: string, operator: string, value: string, type: string) => boolean;
+export declare const getQueryValue: (rowObject: any, column: string, columnDef: GridColDef) => any;
+export declare const filterData: (data: any, column: string, operator: string, value: string, type: string, columnDef: GridColDef) => any;
+export declare const filterAllData: (filters: any, data: any, columns: GridColDef[]) => any;
+export declare const useGridFilter: () => any;

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

@@ -0,0 +1 @@
+export declare const useGridPagination: () => any;

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

@@ -0,0 +1 @@
+export declare const useGridPin: () => any;

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

@@ -0,0 +1 @@
+export declare const useGridResize: () => any;

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

@@ -0,0 +1,48 @@
+import { type DataGridPropsWithDefaultValues } from '../models';
+export declare const DATA_GRID_PROPS_DEFAULT_VALUES: {
+    autoHeight: boolean;
+    density: string;
+    emptyPlaceholder: string;
+    loading: boolean;
+    data: never[];
+    rootData: never[];
+    filteredAndSortedData: never[];
+    defaultPageSize: number;
+    pageSizeOptions: number[];
+    page: number;
+    hideFooter: boolean;
+    pagination: boolean;
+    hidePagination: boolean;
+    hideFooterRowCount: boolean;
+    sortField: string;
+    sortFieldType: string;
+    sortBy: string;
+    showColumnToolbar: boolean;
+    showFilterToolbar: boolean;
+    filters: never[];
+    searchText: string;
+    checkboxSelection: boolean;
+    selectedRows: never[];
+    paginatedSelectedRows: never[];
+    disableColumnFilter: boolean;
+    disableColumnMenu: boolean;
+    disableColumnPinning: boolean;
+    disableColumnReorder: boolean;
+    disableColumnResize: boolean;
+    disableColumnSelector: boolean;
+    disableDensitySelector: boolean;
+    disableMultipleColumnsSorting: boolean;
+    disableSearch: boolean;
+    disableColumnExport: boolean;
+    bulkActions: string[];
+    noRowsOverlay: import("react/jsx-runtime").JSX.Element;
+    children: null;
+    onBulkActionClick: () => void;
+    fetchOnPageChange: null;
+    rowsCount: null;
+    customExport: null;
+};
+export declare const useGridRootProps: () => {
+    rootState: DataGridPropsWithDefaultValues;
+    updateState: any;
+};

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

@@ -0,0 +1 @@
+export declare const useGridRowSelection: () => any;

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

@@ -0,0 +1,5 @@
+import { type GridColDef } from '../models';
+export declare const getSearchObjValue: (row: any, searchKeys: string[], index: number, columnsWithValueGetter: any) => string;
+export declare const searchObj: (row: any, searchText: string, searchKeys: string[], columnsWithValueGetter: any) => boolean;
+export declare const getColumnsWithValueGetter: (columns: GridColDef[]) => any;
+export declare const useGridSearch: () => any;

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

@@ -0,0 +1,4 @@
+import { type ColumnType, type GridSortDirection } from '../models';
+export declare const getSortObjValue: (row: any, field: string, valueGetterOfField: any) => string;
+export declare const sortRecords: (data: any, field: string, type: ColumnType, sortOrder: GridSortDirection, valueGetterOfField: any) => any;
+export declare const useGridSort: () => any;

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

@@ -0,0 +1,2 @@
+export * from './reactTabulous';
+export * from './models';

package/lib/types/reactTabulous/models/columnDef/columnDef.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import { type ColumnType } from './columnType';
+import { type GridValidRowModel } from '../gridRows';
+import { type GridPinnedPosition } from './columnPin';
+import { type GridActionsCellItemProps } from '../../components/cell/gridActionsCellItem';
+export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> {
+    /**
+     * The column identifier. It's used to map with [[GridRowModel]] values.
+     */
+    field: string;
+    /**
+     * The title of the column rendered in the column header cell.
+     */
+    headerName: string;
+    /**
+     * Get the values to be displayed in the table cell.
+     */
+    valueGetter?: (row: any, index?: number) => string | number;
+    /**
+     * The cell which has JSX will be displayed.
+     */
+    renderCell?: HTMLElement | JSX.Element | Element | ((row: any, index: number) => JSX.Element);
+    /**
+     * The description of the column rendered as tooltip if the column header name is not fully displayed.
+     */
+    description?: string;
+    /**
+     * The column is visible or not.
+     */
+    isVisible?: boolean;
+    /**
+     * Type allows to merge this object with a default definition [[GridColDef]].
+     * @default 'string'
+     */
+    type?: ColumnType;
+    /**
+     * Allows column to pin.
+     * @default null
+     */
+    pinned?: GridPinnedPosition | null;
+    /**
+     * Allows column to set width.
+     * @default 'max-content'
+     */
+    width?: number | string;
+    /**
+     * The column to search or not.
+     */
+    isSearchable?: boolean;
+    /**
+     * The column to sortable or not.
+     */
+    isSortable?: boolean;
+    /**
+     * The column to sortable or not.
+     */
+    isFilterable?: boolean;
+}
+export interface GridActionsColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridBaseColDef<R, V, F> {
+    /**
+     * Type allows to merge this object with a default definition [[GridColDef]].
+     * @default 'actions'
+     */
+    type: 'actions';
+    /**
+     * Function that returns the actions to be shown.
+     * @param {GridRowParams} params The params for each row.
+     * @returns {React.ReactElement<GridActionsCellItemProps>[]} An array of [[GridActionsCell]] elements.
+     */
+    getActions: () => Array<React.ReactElement<GridActionsCellItemProps>>;
+}
+export type GridColDef<R extends GridValidRowModel = any, V = any, F = V> = GridBaseColDef<R, V, F> | GridActionsColDef<R, V, F>;

package/lib/types/reactTabulous/models/columnDef/columnPin.d.ts

@@ -0,0 +1,48 @@
+export interface GridPinnedColumns {
+    left?: string[];
+    right?: string[];
+}
+export type GridColumnPinningState = GridPinnedColumns;
+declare enum GridPinnedPosition {
+    left = "left",
+    right = "right"
+}
+/**
+ * The column pinning API interface that is available in the grid [[apiRef]].
+ */
+export interface GridColumnPinningApi {
+    /**
+     * Pins a column to the left or right side of the grid.
+     * @param {string} field The column field to pin.
+     * @param {GridPinnedPosition} side Which side to pin the column.
+     */
+    pinColumn: (field: string, side: GridPinnedPosition) => void;
+    /**
+     * Unpins a column.
+     * @param {string} field The column field to unpin.
+     */
+    unpinColumn: (field: string) => void;
+    /**
+     * Returns which columns are pinned.
+     * @returns {GridPinnedColumns} An object containing the pinned columns.
+     */
+    getPinnedColumns: () => GridPinnedColumns;
+    /**
+     * Changes the pinned columns.
+     * @param {GridPinnedColumns} pinnedColumns An object containing the columns to pin.
+     */
+    setPinnedColumns: (pinnedColumns: GridPinnedColumns) => void;
+    /**
+     * Returns which side a column is pinned to.
+     * @param {string} field The column field to check.
+     * @returns {string | false} Which side the column is pinned or `false` if not pinned.
+     */
+    isColumnPinned: (field: string) => GridPinnedPosition | false;
+}
+export interface GridColumnPinningInternalCache {
+    /**
+     * Stores the fields in their original position, before being pinned.
+     */
+    orderedFieldsBeforePinningColumns: string[] | null;
+}
+export { GridPinnedPosition };

package/lib/types/reactTabulous/models/columnDef/columnType.d.ts

@@ -0,0 +1,2 @@
+export type NativeColTypes = 'string' | 'number' | 'date' | 'dateTime' | 'boolean' | 'singleSelect' | 'actions';
+export type ColumnType = NativeColTypes | string;

package/lib/types/reactTabulous/models/columnDef/index.d.ts

@@ -0,0 +1,3 @@
+export * from './columnDef';
+export * from './columnPin';
+export * from './columnType';

package/lib/types/reactTabulous/models/gridDensity.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Available densities.
+ */
+export type GridDensity = 'compact' | 'standard' | 'comfortable';

package/lib/types/reactTabulous/models/gridFiltersModel.d.ts

@@ -0,0 +1,9 @@
+export interface FilterFieldProps {
+    condition: string;
+    column: string;
+    type: 'string' | 'number' | 'date' | 'dateTime' | 'boolean' | 'singleSelect';
+    operator: string;
+    value: any;
+    field: string;
+    options?: string[];
+}

package/lib/types/reactTabulous/models/gridRows.d.ts

@@ -0,0 +1,2 @@
+export type GridRowId = string | number;
+export type GridValidRowModel = Record<string, any>;

package/lib/types/reactTabulous/models/gridSortModel.d.ts

@@ -0,0 +1 @@
+export type GridSortDirection = 'asc' | 'desc' | null | undefined;

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

@@ -0,0 +1,7 @@
+export * from './columnDef';
+export * from './props';
+export * from './gridDensity';
+export * from './gridFiltersModel';
+export * from './gridRows';
+export * from './gridSortModel';
+export * from './logger';

package/lib/types/reactTabulous/models/logger.d.ts

@@ -0,0 +1,6 @@
+export interface Logger {
+    debug: (...args: any[]) => void;
+    info: (...args: any[]) => void;
+    warn: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+}