@tecsinapse/react-web-kit 3.3.10 → 3.4.0

package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DivStyledColumn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivStyledRow: 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/dist/types/components/molecules/ScrollableTimePicker/ScrollableTimePicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface DateTimeSelectorProps {
+    setDate: React.Dispatch<React.SetStateAction<Date>>;
+    date: Date;
+    locale?: Locale;
+    minuteLabel?: string;
+    hourLabel?: string;
+}
+declare const ScrollableTimePicker: React.FC<DateTimeSelectorProps>;
+export default ScrollableTimePicker;

package/dist/types/components/molecules/ScrollableTimePicker/index.d.ts

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

package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DivStyledColumn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivStyledRow: 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/dist/types/components/molecules/Select/Dropdown/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SelectProps } from '../Select';
+declare const Component: <Data, Type extends "single" | "multi">({ options, onSearch, type, hideSearchBar, onSelect, value, keyExtractor, labelExtractor, setDropDownVisible, style, anchor, selectAllLabel, searchBarPlaceholder, }: SelectProps<Data, Type> & {
+    setDropDownVisible: (t: boolean) => void;
+}, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+declare const Dropdown: <Data, Type extends "single" | "multi">(props: SelectProps<Data, Type> & {
+    setDropDownVisible: (t: boolean) => void;
+} & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+}) => ReturnType<typeof Component>;
+export default Dropdown;

package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ fullWidth, searchArg, onChange, placeholder }: {
+    fullWidth: any;
+    searchArg: any;
+    onChange: any;
+    placeholder: any;
+}) => JSX.Element>;
+export default _default;

package/dist/types/components/molecules/Select/Dropdown/components/index.d.ts

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

package/dist/types/components/molecules/Select/Dropdown/index.d.ts

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

package/dist/types/components/molecules/Select/Dropdown/styled.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { SelectProps } from '../Select';
+export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SelectProps<unknown, "single" | "multi"> & {
+    lengthOptions: number;
+}>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & SelectProps<unknown, "single" | "multi"> & {
+    lengthOptions: number;
+}>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SearchBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PaddedContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledContainerCheckAll: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/molecules/Select/Select.d.ts

@@ -0,0 +1,23 @@
+import { TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { MultiLabels } from './types';
+export interface SelectProps<Data, Type extends 'single' | 'multi'> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    options: ((searchInput?: string) => Promise<Data[]>) | Data[];
+    onSelect: (option: Type extends 'single' ? Data | undefined : Data[]) => never | void;
+    value: Type extends 'single' ? Data | undefined : Data[];
+    type: Type;
+    keyExtractor: (t: Data, index?: number) => string;
+    labelExtractor: (t: Data) => string;
+    placeholder?: string;
+    onSearch?: ((searchArg: string) => void) | ((searchInput?: string) => Promise<Data[]>) | never;
+    searchBarPlaceholder?: string;
+    hideSearchBar?: boolean;
+    selectAllLabel?: string;
+    disabled?: boolean;
+    label?: string;
+    anchor?: 'top' | 'bottom';
+    displayTextProps?: TextProps;
+    multiLabels?: MultiLabels;
+}
+declare const Select: <Data, Type extends "single" | "multi">({ value, options, keyExtractor, onSelect, type, labelExtractor, placeholder, onSearch, searchBarPlaceholder, hideSearchBar, label, disabled, anchor, displayTextProps, selectAllLabel, multiLabels, ...rest }: SelectProps<Data, Type>) => JSX.Element;
+export default Select;

package/dist/types/components/molecules/Select/SelectItem/SelectItem.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface SelectItemProps<Data, Type extends 'single' | 'multi'> {
+    item: Data;
+    type: Type;
+    value: Type extends 'single' ? Data | undefined : Data[];
+    onSelect: (option: Type extends 'single' ? Data | undefined : Data[]) => never | void;
+    keyExtractor: (t: Data, index?: number) => string;
+    labelExtractor: (t: Data) => string;
+    index: number;
+}
+declare const _default: <Data, Type extends "single" | "multi">({ item, onSelect, type, value, labelExtractor, setDropDownVisible, checkedAll, setCheckedAll, lenghtOptions, keyExtractor, }: SelectItemProps<Data, Type> & {
+    setDropDownVisible: (t: boolean) => void;
+    checkedAll: boolean;
+    setCheckedAll: (t: boolean) => void;
+    lenghtOptions: number;
+}) => JSX.Element;
+export default _default;

package/dist/types/components/molecules/Select/SelectItem/index.d.ts

@@ -0,0 +1 @@
+export { default as ItemSelect } from './SelectItem';

package/dist/types/components/molecules/Select/SelectItem/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ContainerItemSelect: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    singleHighligh: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/molecules/Select/animations.d.ts

@@ -0,0 +1,51 @@
+export declare const defaultStyles: {
+    transition: string[];
+    overflow: string;
+    visibility: string;
+};
+export declare const transition: {
+    bottom: {
+        entering: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        entered: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exiting: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exited: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+    };
+    top: {
+        entering: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        entered: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exiting: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+        exited: {
+            transform: string;
+            opacity: number;
+            visibility: string;
+        };
+    };
+};

package/dist/types/components/molecules/Select/functions.d.ts

@@ -0,0 +1,2 @@
+import { MultiLabels } from './types';
+export declare const getDisplayValue: <Data>(type: 'multi' | 'single', value: Data | Data[] | undefined, options: Data[], placeholder: string | undefined, keyExtractor: (option: Data, idx?: number) => string, labelExtractor: (option: Data) => string, multiLabels?: MultiLabels) => string | undefined;

package/dist/types/components/molecules/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Select } from './Select';
+export type { SelectProps } from './Select';

package/dist/types/components/molecules/Select/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconComponent: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").IconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps & {
+    disabled: boolean;
+}>, {}, {}>;

package/dist/types/components/molecules/Select/types.d.ts

@@ -0,0 +1,4 @@
+export type MultiLabels = {
+    allSelected?: string;
+    selection?: (items: number) => string;
+};

package/dist/types/components/molecules/Snackbar/Snackbar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SnackbarProps as SnackPropsCore, TextProps } from '@tecsinapse/react-core';
+export interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {
+    value: string;
+    textProps?: TextProps;
+}
+declare const Snackbar: React.FC<SnackbarWebProps>;
+export default Snackbar;

package/dist/types/components/molecules/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarWebProps } from './Snackbar';

package/dist/types/components/molecules/Snackbar/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SnackbarStyled: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").SnackbarProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/types/components/molecules/TextArea/TextArea.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TextAreaProps as ITACore } from '@tecsinapse/react-core';
+export type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/dist/types/components/molecules/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';

package/dist/types/components/molecules/TextArea/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { FontStackType, FontWeightType } from '@tecsinapse/react-core';
+import { TextAreaProps } from './TextArea';
+interface Font {
+    fontStack?: FontStackType;
+    fontWeight?: FontWeightType;
+}
+export declare const StyledWebInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").TextAreaProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Font & Partial<TextAreaProps>, {}, {}>;
+export {};

package/dist/types/components/organisms/DataGrid/DataGrid.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { HeadersType } from './types';
+export interface DataGridProps<Data> extends React.HTMLAttributes<HTMLDivElement> {
+    headers: HeadersType<Data>[];
+    data: Data[];
+    rowKeyExtractor: (data: Data) => string;
+    toolbarRightIcons?: React.ReactNode;
+    toolbarFooter?: React.ReactNode;
+    toolbarTitle: string;
+    selectable?: boolean;
+    selectedRows?: Data[];
+    onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;
+    pagination?: boolean;
+    rowsPerPage?: number;
+    onRowsPerPageChange?: (value: number) => void;
+    rowsPerPageOptions?: number[];
+    rowsPerPageLabel?: (value: number) => string;
+    exportLabel?: string;
+    exportFunction?: () => void;
+    rowsCount?: number;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    loading?: boolean;
+    skeletonComponent?: React.ReactNode;
+    emptyPlaceholder?: React.ReactNode;
+    exportComponent?: React.ReactNode;
+}
+declare const DataGrid: <Data>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => JSX.Element;
+export default DataGrid;

package/dist/types/components/organisms/DataGrid/Footer/Footer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface DataGridFooterProps {
+    rowsPerPage: number;
+    onRowsPerPageChange?: (value: number) => void;
+    rowsPerPageOptions: number[];
+    rowsPerPageLabel: (value: number) => string;
+    exportLabel?: string;
+    exportFunction?: () => void;
+    rowsCount: number;
+    page: number;
+    onPageChange?: (page: number) => void;
+    pagination: boolean;
+    exportComponent?: React.ReactNode;
+}
+declare const _default: React.NamedExoticComponent<DataGridFooterProps>;
+export default _default;

package/dist/types/components/organisms/DataGrid/Footer/index.d.ts

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

package/dist/types/components/organisms/DataGrid/Footer/styled.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+export declare const TdFooterStyled: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const FlexContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FooterContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FooterContainerStart: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const FooterContainerEnd: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const SelectContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavigationButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
+    onMouseOver?: (() => void) | undefined;
+    onMouseOut?: (() => void) | undefined;
+    onPressIn?: (() => void) | undefined;
+    onPressOut?: (() => void) | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const PageButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
+    onMouseOver?: (() => void) | undefined;
+    onMouseOut?: (() => void) | undefined;
+    onPressIn?: (() => void) | undefined;
+    onPressOut?: (() => void) | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const PagesContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HoveredText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextPagination: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/types/components/organisms/DataGrid/Header/Header.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { HeadersType } from '../types';
+export interface DataGridHeaderProps<Data> {
+    headers: HeadersType<Data>[];
+    data: Data[];
+    selectedRows: Data[];
+    onSelected?: (data: Data[]) => void;
+    rowKeyExtractor: (data: Data) => string;
+    rowsCount: number;
+    selectable?: boolean;
+}
+declare const Header: <Data>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
+export default Header;

package/dist/types/components/organisms/DataGrid/Header/index.d.ts

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

package/dist/types/components/organisms/DataGrid/Header/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/types/components/organisms/DataGrid/Header/utils.d.ts

@@ -0,0 +1,8 @@
+import { SortState } from '../types';
+export declare const NEXT_STATE: {
+    [key: string]: SortState;
+};
+export declare const getIconSuffix: (state: SortState) => string;
+export declare const getIconColor: (state: SortState) => 'medium' | 'orange';
+export declare const findUnselectedItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];
+export declare const findCurrentItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];

package/dist/types/components/organisms/DataGrid/Row/Row.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, checked: _checked, handleSelect, selectable, headers, }: {
+    rowKeyExtractor: any;
+    data: any;
+    checked: any;
+    handleSelect: any;
+    selectable: any;
+    headers: any;
+}) => JSX.Element>;
+export default _default;

package/dist/types/components/organisms/DataGrid/Row/index.d.ts

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

package/dist/types/components/organisms/DataGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DataGrid } from './DataGrid';
+export type { DataGridProps } from './DataGrid';
+export * from './types';

package/dist/types/components/organisms/DataGrid/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CheckboxCell: import("@emotion/styled").StyledComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;

package/dist/types/components/organisms/DataGrid/types.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type SortState = 'ascending' | 'descending' | 'unsorted';
+export type HeadersType<Data> = {
+    label: string;
+    render: (data: Data) => React.ReactNode;
+    sort?: (direction: SortState) => void;
+    justifyContent?: 'flex-start' | 'center' | 'flex-end';
+};

package/dist/types/components/organisms/DataGrid/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function removeElement<T>(arr: T[], index: number): T[];
+export declare const getData: <Data>(data: Data[], rowsCount: number | undefined, page: number, rowsPerPage: number, pagination: boolean) => Data[];

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useBreakpoints } from './useBreakpoints';
+export { useClickAwayListener } from './useClickAwayListener';
+export { useWindowSize } from './useWindowSize';

package/dist/types/hooks/useBreakpoints.d.ts

@@ -0,0 +1,6 @@
+export type UseBreakpointsReturn = {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};
+export declare const useBreakpoints: () => UseBreakpointsReturn;

package/dist/types/hooks/useClickAwayListener.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useClickAwayListener: (ref: React.MutableRefObject<any>, setVisible: React.Dispatch<React.SetStateAction<boolean>>, event?: 'mouseup' | 'mousedown' | undefined, onClickAway?: () => void) => void;

package/dist/types/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+type WindowSize = {
+    width: number | undefined;
+    height: number | undefined;
+};
+export declare const useWindowSize: () => WindowSize;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,47 @@
+export * from '@tecsinapse/react-core';
+export { Icon, Text } from '@tecsinapse/react-core';
+export { Accordion } from './components/atoms/Accordion';
+export type { AccordionProps } from './components/atoms/Accordion';
+export { default as Badge } from './components/atoms/Badge/Badge';
+export type { BadgeWebProps } from './components/atoms/Badge/Badge';
+export { Button, useMouseHover } from './components/atoms/Button';
+export type { WebButtonProps } from './components/atoms/Button';
+export { Input } from './components/atoms/Input';
+export type { InputWebProps } from './components/atoms/Input';
+export { InputMask } from './components/atoms/InputMask';
+export type { InputMaskWebProps } from './components/atoms/InputMask';
+export { Modal } from './components/atoms/Modal';
+export type { ModalProps } from './components/atoms/Modal';
+export { Skeleton } from './components/atoms/Skeleton';
+export type { SkeletonProps } from './components/atoms/Skeleton';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Tooltip } from './components/atoms/Tooltip';
+export type { ITooltip } from './components/atoms/Tooltip';
+export { Breadcrumbs } from './components/molecules/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
+export { DatePicker } from './components/molecules/DatePicker';
+export type { WebDatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { WebDateTimePickerProps } from './components/molecules/DateTimePicker';
+export { Drawer } from './components/molecules/Drawer';
+export type { DrawerProps } from './components/molecules/Drawer';
+export { Grid, GridItem } from './components/molecules/Grid';
+export type { IGridItemWeb, IGridWeb } from './components/molecules/Grid';
+export { IconTextButton } from './components/molecules/IconTextButton';
+export { InputPassword } from './components/molecules/InputPassword';
+export type { InputPasswordWebProps } from './components/molecules/InputPassword';
+export { Switch } from './components/atoms/Switch';
+export { LabeledSwitch } from './components/molecules/LabeledSwitch';
+export type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';
+export { Menubar } from './components/molecules/Menubar';
+export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
+export { Select } from './components/molecules/Select';
+export type { SelectProps } from './components/molecules/Select';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarWebProps } from './components/molecules/Snackbar';
+export { TextArea } from './components/molecules/TextArea';
+export type { TextAreaProps } from './components/molecules/TextArea';
+export { DataGrid } from './components/organisms/DataGrid';
+export type { DataGridProps, HeadersType, SortState, } from './components/organisms/DataGrid';
+export * from './hooks';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "3.3.10",
+  "version": "3.4.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -10,10 +10,10 @@
     "dist"
   ],
   "scripts": {
-    "dev": "yarn build:es --watch",
+    "dev": "rollup --config --watch",
+    "dev:dts": "tsc --project tsconfig.build.json --watch",
     "build:es": "rollup --config",
-    "build:declaration": "tsc --project tsconfig.build.json",
-    "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
+    "build:dts": "tsc --project tsconfig.build.json",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
   },
@@ -21,7 +21,7 @@
     "@emotion/native": "~11.11.0",
     "@emotion/react": "~11.11.0",
     "@emotion/styled": "~11.11.0",
-    "@tecsinapse/react-core": "3.3.7",
+    "@tecsinapse/react-core": "3.4.0",
     "date-fns": "~2.30.0",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "~4.4.5"
@@ -40,5 +40,5 @@
     "react-dom": "^18.0.0",
     "react-native-web": ">=0.18.0 <1"
   },
-  "gitHead": "0f89f7320ecbcee514b03329d97f224171d51933"
+  "gitHead": "68c1b2e4efabf493290234c3d97754f39e82b861"
 }