@seasketch/geoprocessing
Version:
Geoprocessing and reporting framework for SeaSketch 2.0
42 lines (41 loc) • 1.68 kB
TypeScript
import React from "react";
import Table from "./Table.js";
declare const _default: {
component: typeof Table;
title: string;
decorators: ((storyFn: any) => JSX.Element)[];
};
export default _default;
/**
* Types don't have to be specified for table Columns or data in simple use cases
* but it provides you with Intellisense and can help avoid unexpected behavior
* If the columns or data change they can/should be wrapped in React.useMemo to avoid
* extra renders or infinite call stack errors,
*/
export declare const simple: () => React.JSX.Element;
export declare const squeeze: () => React.JSX.Element;
/**** Centered */
export declare const centered: () => React.JSX.Element;
/**** Set width */
export declare const setWidth: () => React.JSX.Element;
/**** Formatted column ****/
/**
* Beware the formatted value is what's used by sort function, Cell function can be better
*/
export declare const formattedPercColumn: () => React.JSX.Element;
/**** Paging */
export declare const paging: () => React.JSX.Element;
/**** Style override */
export declare const configDrivenStyle: () => React.JSX.Element;
/**** Class-driven styling */
export declare const classDrivenStyle: () => React.JSX.Element;
/**** Data-driven styling */
/**
* Any prop can be overridden with these functions, for example onClick, onEnter
*/
export declare const dataDrivenProps: () => React.JSX.Element;
/**** Filtering */
export declare const filterCheckboxes: () => React.JSX.Element;
export declare const tableWithTitle: () => React.JSX.Element;
export declare const tableWithDownload: () => React.JSX.Element;
export declare const tableWithNoData: () => React.JSX.Element;