@reapit/elements 2.1.2 → 2.3.0-beta.1

package/dist/esm/components/Loader/loader.stories.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { LoaderProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<LoaderProps>;
+    decorators: ((Story: Story<import("@storybook/react/types-6-0").Args>) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: Story<LoaderProps>;
+export declare const Inline: Story<LoaderProps>;

package/dist/esm/components/Map/__tests__/index.d.ts

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

package/dist/esm/components/Map/index.d.ts

@@ -0,0 +1,150 @@
+import React from 'react';
+export declare type Coords = {
+    lat: number;
+    lng: number;
+};
+export declare type CoordinateProps<T> = T & {
+    position: Coords;
+    onLoaded: Function;
+};
+export declare type GoogleMapProps<T> = T & {
+    autoFitBounds?: boolean;
+    boundsOffset?: number;
+    coordinates?: CoordinateProps<any>[];
+    googleMaps?: {};
+    onLoaded?: Function | null;
+    onLoadedDirection?: Function | null;
+    center: Coords;
+    zoom: number;
+    destinationAddress?: string;
+    onDrawingMarkerComplete?: Function | null;
+    onDrawingMarkerClick?: Function | null;
+    onDrawingPolygonComplete?: Function | null;
+    onDrawingPolygonClick?: Function | null;
+};
+export declare type MapProps<T> = T & GoogleMapProps<T> & {
+    apiKey: string;
+    component?: any;
+    libraries?: string;
+    drawingOptions?: any;
+};
+export declare const renderMarkers: ({ coordinates, googleMaps, map, markerCallBack }: {
+    coordinates: any;
+    googleMaps: any;
+    map: any;
+    markerCallBack: any;
+}) => any;
+export declare const getCurrentLocation: ({ googleMaps, position, map }: {
+    googleMaps: any;
+    position: any;
+    map: any;
+}) => any;
+export declare const handleRequestDirectionServiceResponse: ({ currentLocation, onLoadedDirection, directionsRenderer, destinationAddress, }: {
+    currentLocation: any;
+    onLoadedDirection: any;
+    directionsRenderer: any;
+    destinationAddress: any;
+}) => (response: any, status: any) => void;
+export declare const renderDirection: ({ destinationPoint, map, position, googleMaps, directionsService, directionsRenderer, travelMode, onLoadedDirection, currentLocation, destinationAddress, }: {
+    destinationPoint: any;
+    map: any;
+    position: any;
+    googleMaps: any;
+    directionsService: any;
+    directionsRenderer: any;
+    travelMode: any;
+    onLoadedDirection: any;
+    currentLocation: any;
+    destinationAddress: any;
+}) => void;
+export declare const setZoomAndCenter: ({ googleMaps, bounds, center, zoom, map, markers }: {
+    googleMaps: any;
+    bounds: any;
+    center: any;
+    zoom: any;
+    map: any;
+    markers: any;
+}) => void;
+export declare const renderDirectionAndMarkers: ({ googleMapsRef, mapRef, coordinates, center, zoom, destinationPoint, travelMode, onLoadedDirection, markersRef, directionsRendererRef, directionsServiceRef, boundsRef, markerCallBack, destinationAddress, }: {
+    googleMapsRef: any;
+    mapRef: any;
+    coordinates: any;
+    center: any;
+    zoom: any;
+    destinationPoint: any;
+    travelMode: any;
+    onLoadedDirection: any;
+    markersRef: any;
+    directionsRendererRef: any;
+    directionsServiceRef: any;
+    boundsRef: any;
+    markerCallBack: any;
+    destinationAddress: any;
+}) => void;
+export declare const onMarkerClick: (onDrawingMarkerClick: any) => (marker: any) => void;
+export declare const onMarkerComplete: (onDrawingMarkerComplete: any, onDrawingMarkerClick: any) => (marker: any) => void;
+export declare const onPolygonClick: (googleMaps: any, onDrawingPolygonClick: any) => (polygon: any) => void;
+export declare const onPolygonComplete: (googleMaps: any, onDrawingPolygonComplete: any, onDrawingPolygonClick: any) => (polygon: any) => void;
+export declare const initMapDrawingManager: (drawingManager: any, drawingManagerRef: any, googleMaps: any, map: any, onDrawingMarkerClick: any, onDrawingMarkerComplete: any, onDrawingPolygonClick: any, onDrawingPolygonComplete: any) => void;
+export declare const createGoogleMapDrawingManager: (googleMaps: any, drawingOptions: any) => any;
+export declare const handleOnLoaded: ({ googleMapsRef, mapRef, directionsServiceRef, directionsRendererRef, drawingManagerRef, libraries, boundsRef, onLoaded, drawingOptions, onDrawingMarkerClick, onDrawingMarkerComplete, onDrawingPolygonClick, onDrawingPolygonComplete, }: {
+    googleMapsRef: any;
+    mapRef: any;
+    directionsServiceRef: any;
+    directionsRendererRef: any;
+    drawingManagerRef: any;
+    libraries: any;
+    boundsRef: any;
+    onLoaded: any;
+    drawingOptions: any;
+    onDrawingMarkerClick: any;
+    onDrawingMarkerComplete: any;
+    onDrawingPolygonClick: any;
+    onDrawingPolygonComplete: any;
+}) => (googleMaps: any, map: any) => void;
+export declare type MarkerContentProps = {
+    coordinates: CoordinateProps<any>[];
+    component: any;
+};
+export declare const renderMap: ({ googleMapsRef, mapRef, onLoaded, directionsRendererRef, boundsRef, directionsServiceRef, drawingManagerRef, center, zoom, libraries, drawingOptions, onDrawingMarkerClick, onDrawingMarkerComplete, onDrawingPolygonClick, onDrawingPolygonComplete, mapContainerStyles, ...restProps }: {
+    [x: string]: any;
+    googleMapsRef: any;
+    mapRef: any;
+    onLoaded: any;
+    directionsRendererRef: any;
+    boundsRef: any;
+    directionsServiceRef: any;
+    drawingManagerRef: any;
+    center: any;
+    zoom: any;
+    libraries: any;
+    drawingOptions: any;
+    onDrawingMarkerClick: any;
+    onDrawingMarkerComplete: any;
+    onDrawingPolygonClick: any;
+    onDrawingPolygonComplete: any;
+    mapContainerStyles: any;
+}) => (googleMaps: any, error: any) => JSX.Element | null;
+export declare const clearMap: ({ directionsRendererRef, markersRef }: {
+    directionsRendererRef: any;
+    markersRef: any;
+}) => () => void;
+export declare const handleUseEffect: ({ googleMapsRef, mapRef, coordinates, center, zoom, destinationPoint, travelMode, onLoadedDirection, markersRef, directionsRendererRef, directionsServiceRef, boundsRef, markerCallBack, destinationAddress, }: {
+    googleMapsRef: any;
+    mapRef: any;
+    coordinates: any;
+    center: any;
+    zoom: any;
+    destinationPoint: any;
+    travelMode: any;
+    onLoadedDirection: any;
+    markersRef: any;
+    directionsRendererRef: any;
+    directionsServiceRef: any;
+    boundsRef: any;
+    markerCallBack: any;
+    destinationAddress: any;
+}) => () => () => void;
+export declare const Map: React.FC<MapProps<any>>;
+declare const _default: React.NamedExoticComponent<any>;
+export default _default;

package/dist/esm/components/Map/map.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+declare const _default: {
+    title: string;
+    component: React.FC<any>;
+};
+export default _default;
+export declare const Default: Story<any>;

package/dist/esm/components/Menu/Logo.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const ReapitLogo: React.FC<{
+    className?: string;
+}>;

package/dist/esm/components/Menu/Menu.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { RouteProps } from 'react-router';
+import { Link } from 'react-router-dom';
+import { Location } from 'history';
+export interface MenuConfig extends RouteProps {
+    defaultActiveKey: string;
+    currentActiveKey?: string;
+    mode?: 'DESKTOP' | 'WEB';
+    menu: MenuItem[];
+}
+export interface MenuItem {
+    type: 'PRIMARY' | 'SECONDARY' | 'LOGO';
+    title?: string | React.ReactNode;
+    key: string;
+    icon: React.ReactNode;
+    url?: string;
+    callback?: () => void;
+    disabled?: boolean;
+}
+export declare const getActiveItemKey: (menu?: MenuItem[], location?: Location<any> | undefined) => string | null;
+export declare const LinkItem: React.FC<{
+    item: MenuItem;
+    children: React.ReactNode;
+    activeItemRef?: React.RefObject<HTMLAnchorElement & Link>;
+}>;
+export declare const Menu: React.NamedExoticComponent<MenuConfig>;

package/dist/esm/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { MenuConfig } from '.';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<MenuConfig>;
+};
+export default _default;
+export declare const Primary: Story<MenuConfig>;
+export declare const MenuWithoutMode: Story<MenuConfig>;

package/dist/esm/components/Menu/__mocks__/menu-props.d.ts

@@ -0,0 +1,2 @@
+import { MenuConfig } from '../Menu';
+export declare const mockMenuProps: MenuConfig;

package/dist/esm/components/Menu/__tests__/Menu.d.ts

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

package/dist/esm/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menu';
+export * from './Logo';

package/dist/esm/components/Modal/__tests__/index.d.ts

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

package/dist/esm/components/Modal/index.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface ModalProps {
+    children?: React.ReactChild;
+    title?: string;
+    visible: boolean;
+    size?: 'medium' | 'small';
+    afterClose?: () => void;
+    deps?: any[];
+    header?: React.ReactNode;
+    renderChildren?: boolean;
+    footerItems?: React.ReactNode;
+    className?: string;
+    HeaderComponent?: React.FC;
+    tapOutsideToDissmiss?: boolean;
+}
+export interface ModalHeaderProps {
+    title: string;
+    afterClose?: () => void;
+}
+export declare const ModalFooter: React.FC<{
+    footerItems: React.ReactNode;
+}>;
+export declare const ModalBody: React.FC<{
+    body: React.ReactNode;
+}>;
+export declare const ModalHeader: React.FC<ModalHeaderProps>;
+export declare const Modal: React.FunctionComponent<ModalProps>;

package/dist/esm/components/Modal/modal.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { ModalProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FunctionComponent<ModalProps>;
+};
+export default _default;
+export declare const Open: Story<ModalProps>;
+export declare const OpenWithFooter: Story<ModalProps>;

package/dist/esm/components/ModalV2/__styles__/index.d.ts

@@ -0,0 +1,5 @@
+export declare const modalContainer: string;
+export declare const modalCentered: string;
+export declare const modalResponsiveContainer: string;
+export declare const modalNoPadding: string;
+export declare const modalNoHeader: string;

package/dist/esm/components/ModalV2/__tests__/index.d.ts

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

package/dist/esm/components/ModalV2/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IDialogPropTypes } from 'rc-dialog/lib/IDialogPropTypes';
+export interface ModalHeaderV2Props {
+    children: React.ReactNode;
+}
+export declare const ModalHeaderV2: React.FC<ModalHeaderV2Props>;
+export interface ModalPropsV2 extends IDialogPropTypes {
+    isCentered?: boolean;
+    isPadding?: boolean;
+    isResponsive?: boolean;
+    hasHeader?: boolean;
+}
+export declare const ModalV2: React.FC<ModalPropsV2>;
+declare const _default: React.NamedExoticComponent<ModalPropsV2>;
+export default _default;

package/dist/esm/components/Notification/__tests__/index.d.ts

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

package/dist/esm/components/Notification/__tests__/useNotification.d.ts

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

package/dist/esm/components/Notification/index.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export declare type NotificationType = 'success' | 'info' | 'error' | 'warn';
+export interface ConfigProps {
+    top?: number;
+    bottom?: number;
+    duration?: number;
+    placement?: NotificationPlacement;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+}
+export declare function getPlacementStyle(placement: NotificationPlacement, top?: number, bottom?: number): any;
+export interface ArgsProps {
+    message: React.ReactNode;
+    btn?: React.ReactNode;
+    key?: string;
+    onClose?: () => void;
+    duration?: number | null;
+    placement?: NotificationPlacement;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    className?: string;
+    readonly type?: NotificationType;
+    top?: number;
+    bottom?: number;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+}
+export interface NotificationInstance {
+    success(args: ArgsProps): void;
+    error(args: ArgsProps): void;
+    info(args: ArgsProps): void;
+    warn(args: ArgsProps): void;
+    open(args: ArgsProps): void;
+}
+export interface NotificationApi extends NotificationInstance {
+    close(key: string): void;
+    config(options: ConfigProps): void;
+    destroy(): void;
+    useNotification: () => [NotificationInstance, React.ReactElement];
+}
+declare const _default: NotificationApi;
+export default _default;

package/dist/esm/components/Notification/notification.stories.d.ts

@@ -0,0 +1,13 @@
+import { Story } from '@storybook/react/types-6-0';
+declare const _default: {
+    title: string;
+    component: {
+        new (title: string, options?: NotificationOptions | undefined): Notification;
+        prototype: Notification;
+        readonly maxActions: number;
+        readonly permission: NotificationPermission;
+        requestPermission(deprecatedCallback?: NotificationPermissionCallback | undefined): Promise<NotificationPermission>;
+    };
+};
+export default _default;
+export declare const Default: Story;

package/dist/esm/components/Notification/useNotification.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { NotificationInstance as RCNotificationInstance, NoticeContent as RCNoticeContent } from 'rc-notification/lib/Notification';
+import { NotificationInstance, ArgsProps } from '.';
+export default function createUseNotification(getNotificationInstance: (args: ArgsProps, callback: (info: {
+    prefixCls: string;
+    instance: RCNotificationInstance;
+}) => void) => void, getRCNoticeProps: (args: ArgsProps, prefixCls: string) => RCNoticeContent): () => [NotificationInstance, React.ReactElement];

package/dist/esm/components/Pagination/__tests__/index.d.ts

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

package/dist/esm/components/Pagination/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface PaginationProps {
+    pageNumber?: number;
+    pageSize?: number;
+    totalCount?: number;
+    onChange?: (page: number) => void;
+    className?: string;
+}
+export declare const generatePagination: (currentPage: number, pageCount: number) => (string | number)[];
+export declare const Pagination: ({ onChange, pageNumber, pageSize, totalCount, className, }: PaginationProps) => JSX.Element | null;

package/dist/esm/components/Pagination/pagination.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react/types-6-0';
+import { PaginationProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ onChange, pageNumber, pageSize, totalCount, className, }: PaginationProps) => JSX.Element | null;
+};
+export default _default;
+export declare const Primary: Story<PaginationProps>;
+export declare const DisabledNextAndPrev: Story<PaginationProps>;

package/dist/esm/components/ProgressBar/__tests__/index.d.ts

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

package/dist/esm/components/ProgressBar/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const Filler: React.FC<ProgressBarProps>;
+export declare type ProgressBarProps = {
+    percentage: number;
+};
+export declare const ProgressBar: React.FC<ProgressBarProps>;
+export default ProgressBar;

package/dist/esm/components/ProgressBar/index.stories.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ProgressBarProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ProgressBarProps>;
+};
+export default _default;
+export declare const Zero: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Fifty: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Seventy: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;
+export declare const Hundred: ((args: ProgressBarProps, context: import("@storybook/react/types-6-0").StoryContext) => import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType) & import("@storybook/addons").BaseStoryObject<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType> & import("@storybook/addons").Annotations<ProgressBarProps, import("@storybook/react/dist/ts3.9/client/preview/types").StoryFnReactReturnType>;

package/dist/esm/components/RadioSelect/__tests__/index.d.ts

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

package/dist/esm/components/RadioSelect/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FormikProps } from 'formik';
+export declare type RadioSelectOption = {
+    label: string | number;
+    value: string | number;
+    additionalField?: (form: FormikProps<any>) => any | React.ReactElement;
+};
+export declare type RadioSelectProps = {
+    name: string;
+    labelText?: string;
+    subText?: string;
+    id: string;
+    dataTest?: string;
+    options: RadioSelectOption[];
+    setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
+    state: any;
+    disabled?: boolean;
+    className?: string;
+    isHorizontal?: boolean;
+};
+export declare const renderAdditionalField: (additionalField: any, form: FormikProps<any>) => any;
+export declare const RadioSelect: React.FC<RadioSelectProps>;
+export default RadioSelect;

package/dist/esm/components/RadioSelect/index.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+import { RadioSelectProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<RadioSelectProps>;
+};
+export default _default;
+export declare const Primary: Story<RadioSelectProps>;
+export declare const HorizontalLayout: Story<RadioSelectProps>;
+export declare const Disabled: Story<RadioSelectProps>;

package/dist/esm/components/SelectBox/__tests__/index.d.ts

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

package/dist/esm/components/SelectBox/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface SelectBoxOptions {
+    label: string;
+    value: string;
+}
+export interface SelectBoxProps {
+    options: SelectBoxOptions[];
+    dataTest?: string;
+    labelText?: string;
+    name: string;
+    id: string;
+    required?: boolean;
+    helpText?: string;
+    className?: string;
+    containerClassName?: string;
+}
+export declare const SelectBox: ({ options, dataTest, labelText, id, name, required, helpText, className, containerClassName, }: SelectBoxProps) => JSX.Element;

package/dist/esm/components/SelectBox/select-box.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react/types-6-0';
+import { SelectBoxProps } from '.';
+declare const _default: {
+    title: string;
+    component: ({ options, dataTest, labelText, id, name, required, helpText, className, containerClassName, }: SelectBoxProps) => JSX.Element;
+    decorators: ((Story: Story<import("@storybook/react/types-6-0").Args>) => JSX.Element)[];
+};
+export default _default;
+export declare const Primary: Story<SelectBoxProps>;
+export declare const Required: Story<SelectBoxProps>;

package/dist/esm/components/Spreadsheet/__stubs__/index.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="jest" />
+/// <reference types="react" />
+import { Cell, SetData, SetSelected, SetUploadData, SetContextMenuProp, AfterCellsChanged } from '../types';
+export declare const parseResult: {
+    data: string[][];
+    errors: never[];
+    meta: {
+        delimiter: string;
+        linebreak: string;
+        aborted: boolean;
+        truncated: boolean;
+        cursor: number;
+    };
+};
+export declare const data: Cell[][];
+export declare const cellRenderProps: {
+    row: number;
+    col: number;
+    cell: {
+        value: string;
+    };
+    selected: boolean;
+    editing: boolean;
+    updated: boolean;
+    attributesRenderer: any;
+    className: string;
+    style: {
+        background: string;
+    };
+    onMouseDown: jest.Mock<any, any>;
+    onMouseOver: jest.Mock<any, any>;
+    onDoubleClick: jest.Mock<any, any>;
+    onContextMenu: jest.Mock<any, any>;
+    children: JSX.Element;
+};
+export declare const setData: SetData;
+export declare const setSelected: SetSelected;
+export declare const setContextMenuProp: SetContextMenuProp;
+export declare const setUploadData: SetUploadData;
+export declare const selectedMatrix: {
+    start: {
+        i: number;
+        j: number;
+    };
+    end: {
+        i: number;
+        j: number;
+    };
+};
+export declare const afterCellsChanged: AfterCellsChanged;

package/dist/esm/components/Spreadsheet/__tests__/context-menu.d.ts

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

package/dist/esm/components/Spreadsheet/__tests__/generate-data-with-read-only-and-is-validated.d.ts

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

package/dist/esm/components/Spreadsheet/__tests__/handlers.d.ts

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

package/dist/esm/components/Spreadsheet/__tests__/index.d.ts

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

package/dist/esm/components/Spreadsheet/__tests__/modal-upload.d.ts

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

package/dist/esm/components/Spreadsheet/__tests__/utils.d.ts

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

package/dist/esm/components/Spreadsheet/context-menu.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ContextMenuData, SetContextMenuProp, Cell, SelectedMatrix, ContextMenuFCProps, OnCellsChanged, ContextMenuProp } from './types';
+export declare const clearRow: (data: Cell[][], currentRowIndex: number, onCellsChanged: OnCellsChanged) => void;
+export declare const clearCol: (data: Cell[][], currentColIndex: number, onCellsChanged: OnCellsChanged) => void;
+export declare const removeRow: (data: Cell[][], currentRowIndex: number, onCellsChanged: OnCellsChanged) => void;
+export declare const removeCol: (data: Cell[][], currentColIndex: number, onCellsChanged: OnCellsChanged) => void;
+/** delegate event handler */
+export declare const handleContextClick: (data: Cell[][], selected: SelectedMatrix | null, setContextMenuProp: SetContextMenuProp, onCellsChanged: OnCellsChanged) => (event: any) => "" | "clear-row" | "remove-row" | "clear-col" | "remove-col";
+export declare const createMenu: (data: ContextMenuData[]) => React.ReactNode;
+export declare const handleRenderMenuInsideViewPort: (setContextMenuProp: React.Dispatch<React.SetStateAction<ContextMenuProp>>, contextMenuProp: ContextMenuProp) => (element: HTMLDivElement) => void;
+export declare const ContextMenu: React.FC<ContextMenuFCProps>;

package/dist/esm/components/Spreadsheet/handlers.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import ReactDataSheet from 'react-datasheet';
+import { Cell, DoubleClickPayLoad, SelectedMatrix, SetContextMenuProp, SetData, SetSelected, ValidateFunction, ContextMenuProp, AfterDataChanged, AfterCellsChanged, ChangesArray, SetUploadData, UploadData } from './types';
+export declare const valueRenderer: (cell: Cell) => string | null;
+export declare const getInvalidatedCellIndexOfRow: (data: Cell[][], rowIndex: number) => number;
+/** Double click on first read-only cell */
+/** Double click on first read-only cell */
+export declare const onDoubleClickCell: (payload: DoubleClickPayLoad, setSelected: SetSelected, onDoubleClickDefault: any) => (...args: any[]) => boolean;
+export declare const onSelectCells: (setSelected: SetSelected) => ({ start, end }: SelectedMatrix) => void;
+export declare const handleContextMenu: (setContextMenuProp: SetContextMenuProp) => (e: MouseEvent) => void;
+/** all the customization of cell go here */
+export declare const customCellRenderer: (data: Cell[][], setData: SetData, setSelected: SetSelected, afterCellsChanged?: AfterCellsChanged | undefined) => (props: ReactDataSheet.CellRendererProps<Cell, string | null>) => JSX.Element;
+export declare const handleAddNewRow: (data: Cell[][], setData: SetData, allowOnlyOneValidationErrorPerRow: boolean, validate?: ValidateFunction | undefined) => () => void;
+export declare const handleCellsChanged: (data: Cell[][], setData: SetData, allowOnlyOneValidationErrorPerRow: boolean, validate?: ValidateFunction | undefined, afterCellsChanged?: AfterCellsChanged | undefined) => (changes: ChangesArray) => any;
+export declare const handleClickUpload: (ref: React.RefObject<HTMLInputElement>) => () => boolean;
+export declare const handleOnChangeInput: ({ setUploadData, maxUploadRow, validate, }: {
+    setUploadData: SetUploadData;
+    maxUploadRow: number;
+    validate?: ValidateFunction | undefined;
+}) => (event: {
+    target: HTMLInputElement;
+}) => Promise<false | "error" | "not validated" | "validated" | undefined>;
+export declare const handleDownload: (data: Cell[][]) => () => void;
+export declare const handleDownloadSample: (headers: string[]) => () => void;
+export declare const hideContextMenu: (prev: ContextMenuProp) => ContextMenuProp;
+export declare const handleSetContextMenu: (setContextMenuProp: SetContextMenuProp) => () => () => void;
+export declare const handleAfterDataChanged: (data: Cell[][], prevData?: Cell[][] | undefined, afterDataChanged?: AfterDataChanged | undefined) => () => void;
+export declare const handleInitialDataChanged: (initialData: Cell[][], setData: SetData, allowOnlyOneValidationErrorPerRow: boolean, validateFunction?: ValidateFunction | undefined) => () => void;
+export declare const handleCloseUploadModal: (setUploadData: SetUploadData) => () => void;
+export declare const handleProcessValidRows: (setUploadData: SetUploadData) => () => void;
+export declare const setUploadDataCallback: (uploadDataPartial: Partial<UploadData>) => (prev: UploadData) => {
+    header: Cell[];
+    totalRow: number;
+    validatedData: Cell[][];
+    invalidIndies: import("./types").InvalidIndies;
+    shouldProcess: boolean;
+    isModalOpen: boolean;
+    exceedMaxRow: boolean;
+};