@nextui-org/react 1.0.2-beta.4 → 1.0.2-beta.5-dbg1

package/lib/types/table/table-column.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { TableRowData, TableColumnProps as TableColumnPropsBase } from './table-types';
+interface Props {
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export declare type TableColumnProps<TableDataItem extends TableRowData> = TableColumnPropsBase<TableDataItem> & Props & NativeAttrs & {
+    css?: CSS;
+};
+declare const _default: React.ComponentType<Partial<{
+    labelCase: string;
+}> & Omit<TableColumnPropsBase<TableRowData> & Props & NativeAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLTableCellElement>, "labelCase">>;
+export default _default;

package/lib/types/table/table-context.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TableCollection } from '@react-types/table';
+import { NormalAlignment } from '../utils/prop-types';
+import { TableVariantsProps } from './table.styles';
+export interface TableConfig {
+    rowsPerPage: number;
+    currentPage: number;
+    color?: TableVariantsProps['color'];
+    animated?: boolean;
+    footerAlign?: NormalAlignment;
+    collection?: TableCollection<any>;
+    setFooterAlign?: (value: NormalAlignment) => void;
+    setAnimated?: (value: boolean) => void;
+    setCollection?: (value: TableCollection<any>) => void;
+    setRowsPerPage?: (value: number) => void;
+    setCurrentPage?: (value: number) => void;
+    setColor?: (value: TableVariantsProps['color']) => void;
+}
+export declare const TableContext: React.Context<TableConfig>;
+export declare const useTableContext: () => TableConfig;
+export declare type ProviderProps = {
+    children: React.ReactNode;
+    defaultValues?: Partial<TableConfig>;
+};
+declare const _default: {
+    Provider: React.FC<React.PropsWithChildren<ProviderProps>>;
+    Consumer: React.Consumer<TableConfig>;
+};
+export default _default;

package/lib/types/table/table-footer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { TableFooterVatiantsProps } from './table.styles';
+declare type NativeAttrs = React.HTMLAttributes<unknown>;
+export declare type TableFooterProps = NativeAttrs & TableFooterVatiantsProps & {
+    css?: CSS;
+};
+declare const TableFooter: React.ForwardRefExoticComponent<NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+    align?: "start" | "center" | "end" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & {
+    css?: CSS | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableSectionElement>>;
+export default TableFooter;

package/lib/types/table/table-header-row.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { GridNode } from '@react-types/grid';
+import { TableState } from '@react-stately/table';
+interface Props<T> {
+    item: GridNode<T>;
+    state: TableState<T>;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableHeaderRowProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableHeaderRow: React.ForwardRefExoticComponent<Props<unknown> & NativeAttrs & {
+    css?: CSS | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export default TableHeaderRow;

package/lib/types/table/table-old.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { TableRowData } from './table-types';
+import { CSS } from '../theme/stitches.config';
+import { TableVariantsProps } from './table.styles';
+import { TableColumnProps } from './table-column';
+interface Props<TableDataItem extends TableRowData> {
+    rows?: Array<TableDataItem>;
+    columns?: Array<TableColumnProps<TableDataItem>>;
+    caption?: string;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.TableHTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableProps<TableDataItem extends TableRowData> = Props<TableDataItem> & NativeAttrs & TableVariantsProps & {
+    css?: CSS;
+};
+declare const Table: React.ForwardRefExoticComponent<Props<TableRowData> & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+    animated?: boolean | "false" | undefined;
+    selectedColor?: "primary" | "secondary" | "success" | "warning" | "error" | undefined;
+    striped?: boolean | "true" | undefined;
+    lineWeight?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+    headerLined?: boolean | "true" | undefined;
+    lined?: boolean | "true" | undefined;
+    fixed?: boolean | "true" | undefined;
+    shadow?: boolean | "true" | undefined;
+    hoverable?: boolean | "false" | "true" | undefined;
+    isMultiple?: boolean | "true" | undefined;
+    compact?: boolean | "true" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & {
+    css?: CSS | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableElement>>;
+export default Table;

package/lib/types/table/table-pagination.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { PaginationProps } from '../index';
+import { NormalAlignment } from '../utils/prop-types';
+interface Props {
+    animated?: boolean;
+    rowsPerPage?: number;
+    align?: NormalAlignment;
+    onPageChange?: PaginationProps['onChange'];
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
+export declare type TablePaginationProps = Props & NativeAttrs & Omit<Partial<PaginationProps>, 'onChage'> & {
+    css?: CSS;
+};
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

package/lib/types/table/table-row-group.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { TableRowGroupVariants } from './table.styles';
+interface Props {
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
+export declare type TableRowGroupProps = Props & TableRowGroupVariants & NativeAttrs & {
+    css?: CSS;
+};
+declare const _default: React.ComponentType<Partial<{
+    as: string;
+}> & Omit<React.PropsWithChildren<TableRowGroupProps>, "as">>;
+export default _default;

package/lib/types/table/table-row.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { GridNode } from '@react-types/grid';
+import { TableState } from '@react-stately/table';
+interface Props<T> {
+    item: GridNode<T>;
+    state: TableState<T>;
+    animated?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableRowProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableRow: React.ForwardRefExoticComponent<Props<unknown> & NativeAttrs & {
+    css?: CSS | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export default TableRow;

package/lib/types/table/table-select-all-checkbox.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { GridNode } from '@react-types/grid';
+import { TableState } from '@react-stately/table';
+import { TableVariantsProps } from './table.styles';
+interface Props<T> {
+    column: GridNode<T>;
+    state: TableState<T>;
+    color?: TableVariantsProps['color'];
+    animated?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableSelectAllCheckboxProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableSelectAllCheckbox: React.ForwardRefExoticComponent<Props<unknown> & NativeAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export default TableSelectAllCheckbox;