@darajs/ui-components 0.4.8

package/dist/table/render-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-row.js","sourceRoot":"","sources":["../../src/table/render-row.tsx"],"names":[],"mappings":"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"}

package/dist/table/table.d.ts

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { Filters, SortingRule } from 'react-table';
+import { ItemsRenderedPayload } from '../utils/use-infinite-loader';
+import { Action, ActionCol, Actions } from './cells/action-cell';
+import DatetimeCell from './cells/datetime-cell';
+import EditInputCell from './cells/edit-input-cell';
+import EditSelectCell from './cells/edit-select-cell';
+import { TableColumn } from './types';
+/** Predefined cells */
+declare const cells: {
+    readonly DATETIME: typeof DatetimeCell;
+    readonly EDIT_INPUT: typeof EditInputCell;
+    readonly EDIT_SELECT: typeof EditSelectCell;
+};
+/**
+ * Handle exposed if attaching a `ref` to the Table
+ */
+export interface TableHandle {
+    resetFilters(): void;
+}
+/**
+ * Extra properties available on the Table function itself
+ */
+interface TableProperties {
+    ActionColumn?: (actions: Array<ActionCol>, accessor?: string, sticky?: string, disableSelectAll?: boolean) => TableColumn;
+    Actions?: typeof Actions;
+    cells?: typeof cells;
+}
+export interface Props<T extends {
+    [k: string]: any;
+}> {
+    /** Optional flag to enable or disable column hiding functionality */
+    allowHiding?: boolean;
+    /** An optional argument to specify the background color of the table either in hex or rgba format */
+    backgroundColor?: string;
+    /** Standard react className property */
+    className?: string;
+    /** An array of column definitions, see react-table docs for all options */
+    columns: Array<TableColumn>;
+    /** An array of data objects, each object should contain the keys defined as accessors in the column defs */
+    data?: Array<T>;
+    /** An optional function to retrieve an item from a virtualized dataset, use in conjunction with onItemsRendered */
+    getItem?: (index: number) => T;
+    /** An optional initial sort for the table */
+    initialSort?: Array<SortingRule<string>>;
+    /** The total number of items in the table, required when using the infinite loader */
+    itemCount?: number;
+    /** The maximum number of rows to display, useful when table is not in a flexed container */
+    maxRows?: number;
+    /** An optional handler for listening to any action buttons */
+    onAction?: (actionId: string, input: any) => void | Promise<void>;
+    /**
+     * An optional onChange handler for listening to any changes from edit cells, the handler is called with the new
+     * value, the rowIdx and the column id passed in as accessor. The Table component will not try and update the data
+     * it has, it's up to the consuming component to apply the update and pass data in again.
+     */
+    onChange?: (value: any, rowIdx: number, colId: string) => void | Promise<void>;
+    /** An optional handler for listening to a click on a row, will pass the callback the row that was clicked */
+    onClickRow?: (row: T) => void | Promise<void>;
+    /**
+     * An optional onFilter handler, can be used to draw filtering logic up into the parent component, rather than being
+     * done in the table itself
+     */
+    onFilter?: (filters: Filters<any>) => Promise<void>;
+    /** An optional handler for triggering the infinite loader to fetch more data, use alongside getItem */
+    onItemsRendered?: (payload: ItemsRenderedPayload) => Promise<void>;
+    /**
+     * An optional onSort handler, can be used to draw sorting logic up into the parent component, rather than being
+     * done in the table itself
+     */
+    onSort?: (sort: Array<SortingRule<string>>) => void | Promise<void>;
+    /** Optional flag to control whether or not to show additional table options */
+    showTableOptions?: boolean;
+    /** Pass through of the style prop to the root component */
+    style?: React.CSSProperties;
+    /** Pass through of the style prop to the table options Dropdown */
+    tableOptionsStyle?: React.CSSProperties;
+}
+type TableType = React.ForwardRefExoticComponent<Props<{
+    [k: string]: any;
+}> & React.RefAttributes<TableHandle>> & TableProperties;
+/**
+ * The Table component builds on top of the thirdparty react-table library and aims to provide a simple outward facing
+ * api. A table can be completely defined by passing in an array of columns and an array of data. The columns
+ * definitions are the same as that of ReactTable and the data can be any JSON like data. For more info on column
+ * definitions check the react table docs and examples:
+ *
+ * https://react-table.tanstack.com/docs/quick-start
+ *
+ * @param props - the component props
+ */
+declare const Table: TableType;
+export { Action as TableAction };
+export default Table;
+//# sourceMappingURL=table.d.ts.map

package/dist/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/table/table.js

@@ -0,0 +1,422 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { faCircleQuestion } from '@fortawesome/free-regular-svg-icons';
+import { faArrowDown, faArrowUp } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import memoize from 'memoize-one';
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { useFilters, useFlexLayout, useResizeColumns, useSortBy, useTable, } from 'react-table';
+import { useSticky } from 'react-table-sticky';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { FixedSizeList } from 'react-window';
+import styled from '@darajs/styled-components';
+import { useDeepCompare, useThrottle, useThrottledState } from '@darajs/ui-utils';
+import CategoricalFilter from '../filter/categorical-filter';
+import DatetimeFilter from '../filter/datetime-filter';
+import NumericFilter from '../filter/numeric-filter';
+import Tooltip from '../tooltip/tooltip';
+import { Action, ActionCell, Actions } from './cells/action-cell';
+import DatetimeCell from './cells/datetime-cell';
+import EditInputCell from './cells/edit-input-cell';
+import EditSelectCell from './cells/edit-select-cell';
+import { FilterContainer, HeaderIconWrapper, TextFilter, categorical, datetime, numeric } from './filters';
+import SelectHeader from './headers/select-header';
+import OptionsMenu from './options-menu';
+import RenderRow, { ROW_HEIGHT, shouldForwardProp } from './render-row';
+const Wrapper = styled.div `
+    display: inline-block;
+    width: 100%;
+    max-width: 100%;
+    padding: 1rem;
+
+    ${(props) => !props.$hasMaxRows && `flex: 1 1 auto;`}
+    &.sticky {
+        [data-sticky-td] {
+            position: sticky;
+        }
+
+        [data-sticky-last-left-td] {
+            box-shadow: 4px 0 4px -3px ${(props) => props.theme.colors.shadowMedium};
+        }
+
+        [data-sticky-first-right-td] {
+            box-shadow: -4px 0 4px -3px ${(props) => props.theme.colors.shadowMedium};
+        }
+    }
+`;
+const StyledFixedSizeList = styled(FixedSizeList) `
+    /* this adds a fixed box shadow underneath the header */
+    ::before {
+        content: '';
+
+        position: sticky;
+        z-index: 5;
+        inset: calc(2.5rem - 2px) 0 0 0;
+
+        display: block;
+
+        height: 1px;
+
+        box-shadow: 0 3px 3px ${(props) => props.theme.colors.shadowLight};
+    }
+`;
+const Header = styled.div `
+    position: sticky;
+    z-index: 4;
+    top: 0;
+
+    flex-direction: column;
+
+    width: fit-content;
+    min-width: 80px;
+
+    /* needed as before box shadow pushes this dows by 1px */
+    margin-top: -1px;
+`;
+const HeaderRow = styled.div `
+    display: flex;
+`;
+const HeaderCell = styled.div `
+    user-select: none;
+
+    display: flex !important;
+    align-items: center;
+    justify-content: space-between;
+
+    min-width: 80px;
+    height: ${ROW_HEIGHT}px;
+
+    color: ${(props) => props.theme.colors.text};
+
+    background-color: ${(props) => props.theme.colors.blue3};
+
+    :not(:last-child) {
+        border-right: 1px solid ${(props) => props.theme.colors.background};
+    }
+
+    :hover {
+        /* stylelint-disable-next-line -- hard-coded classname */
+        .tableSortArrow {
+            color: ${(props) => props.theme.colors.grey3};
+        }
+    }
+`;
+const HeaderContentWrapper = styled.span `
+    overflow: hidden;
+    flex: 1 1 auto;
+
+    padding-left: ${(props) => (props.isPrimitiveHeader ? '1rem' : undefined)};
+
+    text-overflow: ellipsis;
+    white-space: nowrap;
+`;
+const HeaderTooltipContainer = styled.div `
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    justify-content: center;
+
+    width: ${(props) => (props.isPrimitiveHeader ? undefined : '100%')};
+    max-width: ${(props) => (props.isPrimitiveHeader ? 'calc(100% - 3rem)' : undefined)};
+`;
+const HeaderCellButtonContainer = styled.div `
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+`;
+const HeaderIconsWrapper = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    justify-self: flex-end;
+`;
+const ResizeBorder = styled.div `
+    /* prevents from scrolling while dragging on touch devices */
+    touch-action: none;
+    width: 10px;
+    height: 100%;
+`;
+const SortIcon = styled(FontAwesomeIcon).withConfig({ shouldForwardProp }) `
+    color: ${(props) => (props.isSorted ? props.theme.colors.grey3 : props.theme.colors.blue3)};
+`;
+const TooltipIcon = styled(FontAwesomeIcon) `
+    color: ${(props) => props.theme.colors.grey4};
+`;
+/**
+ * A helper function to get the correct icon for the current column sort
+ *
+ * @param isSorted - whether the column is sorted or not
+ * @param isSortedDesc - whether it is sorted in descending order
+ */
+const getSortIcon = (isSorted, isSortedDesc) => {
+    if (!isSorted) {
+        return faArrowUp;
+    }
+    return isSortedDesc ? faArrowDown : faArrowUp;
+};
+/**
+ * Quick helper for remapping the sortId of a column to what the backend is expecting. Useful when the parser has
+ * remapped they keys or structure of the object
+ *
+ * @param sortBy the sortBy from the react table state
+ * @param columns the tables passed to the column
+ */
+const getSortKey = (sortBy, columns) => {
+    return sortBy.map((sort) => {
+        var _a;
+        return (Object.assign(Object.assign({}, sort), { id: ((_a = columns.find((col) => col.accessor === sort.id)) === null || _a === void 0 ? void 0 : _a.sortKey) || sort.id }));
+    });
+};
+/**
+ * Quick helper for reordering the columns to have the left sticky columns first and the right sticky columns
+ * in the end.
+ *
+ * @param columns the columns from the component props
+ */
+const orderStickyCols = (columns) => {
+    const leftStickyCols = [];
+    const nonStickyCols = [];
+    const rightStickyCols = [];
+    columns.forEach((col) => {
+        if (col.sticky === 'left') {
+            leftStickyCols.push(col);
+        }
+        else if (col.sticky === 'right') {
+            rightStickyCols.push(col);
+        }
+        else {
+            nonStickyCols.push(col);
+        }
+    });
+    return [...leftStickyCols, ...nonStickyCols, ...rightStickyCols];
+};
+// Map of filter name -> filter component
+const filterComponentMap = {
+    categorical: CategoricalFilter,
+    datetime: DatetimeFilter,
+    numeric: NumericFilter,
+    text: TextFilter,
+};
+/**
+ * Helper to append correct filter components to columns based on the filter function chosen
+ *
+ * @param columns columns to append components to;
+ */
+const appendFilterComponents = (columns) => {
+    return columns.map((col) => {
+        if (!col.filter) {
+            return col;
+        }
+        if (!(col.filter in filterComponentMap)) {
+            throw new Error(`Invalid filter ${col.filter} encountered in column ${col.id}, only ${Object.keys(filterComponentMap).join(',')} are supported`);
+        }
+        return Object.assign(Object.assign({}, col), { Filter: filterComponentMap[col.filter] });
+    });
+};
+/** Predefined cells */
+const cells = {
+    DATETIME: DatetimeCell,
+    EDIT_INPUT: EditInputCell,
+    EDIT_SELECT: EditSelectCell,
+};
+// This helper function memoizes incoming props,
+// To avoid causing unnecessary re-renders pure Row components.
+const createItemData = memoize((width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns) => ({
+    backgroundColor,
+    currentEditCell,
+    getItem,
+    headerGroups,
+    mappedColumns,
+    onClickRow,
+    prepareRow,
+    rows,
+    throttledClickRow,
+    totalColumnsWidth,
+    width,
+}));
+/**
+ * The Table component builds on top of the thirdparty react-table library and aims to provide a simple outward facing
+ * api. A table can be completely defined by passing in an array of columns and an array of data. The columns
+ * definitions are the same as that of ReactTable and the data can be any JSON like data. For more info on column
+ * definitions check the react table docs and examples:
+ *
+ * https://react-table.tanstack.com/docs/quick-start
+ *
+ * @param props - the component props
+ */
+const Table = forwardRef(({ allowHiding, backgroundColor, className, columns, data, getItem, initialSort = [], itemCount, maxRows, onAction, onChange, onClickRow, onItemsRendered, onFilter, onSort, showTableOptions, style, tableOptionsStyle, }, ref) => {
+    // This state helps in retaining the current sorted column even if the data gets updated
+    const [currentSortBy, setCurrentSortBy] = useState(initialSort);
+    useEffect(() => {
+        setCurrentSortBy(initialSort);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useDeepCompare([initialSort]));
+    if (!data && !getItem) {
+        throw new Error('One of data and getItem must be passed to the table component');
+    }
+    if (getItem && (!onItemsRendered || !Number.isFinite(itemCount))) {
+        throw new Error('itemCount and onItemsRendered must also be passed when using the table in infinite mode');
+    }
+    const [currentEditCell, throttledSetEditCell, immediateSetEditCell] = useThrottledState(undefined, 500);
+    // ClickRow is throttled so multiple or double clicks don't fire multiple events
+    const throttledClickRow = useThrottle(onClickRow, 500);
+    const onStopEdit = () => {
+        throttledSetEditCell(undefined);
+    };
+    const onStartEdit = (e) => {
+        var _a, _b;
+        const cell = (_b = (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.getAttribute('data-cell')) === null || _b === void 0 ? void 0 : _b.split(',');
+        if (!cell || (cell === null || cell === void 0 ? void 0 : cell.length) !== 2) {
+            throttledSetEditCell(undefined);
+            return;
+        }
+        // This pattern lets clicking on a new cell be instant, but then calls the throttled version as well to
+        // overwrite any blur calls that are pending. This allows the blur throttle to be longer without making the UI
+        // feel sluggish, which makes the blur much less likely to overwrite the current edit cell.
+        immediateSetEditCell([Number(cell[0]), cell[1]]);
+        throttledSetEditCell([Number(cell[0]), cell[1]]);
+    };
+    // If the component is in infinite mode, then the table needs an array of data to work with
+    const infiniteData = useMemo(() => Array(itemCount).fill(0), [itemCount]);
+    /**
+     * Columns with transformations applied:
+     * - re-ordered using sticky - to have left sticky columns first and right sticky columns in the end
+     * - filter components appended based on filter chosen
+     */
+    const mappedColumns = useMemo(() => appendFilterComponents(orderStickyCols(columns)), [columns]);
+    // Check if the table has fixed columns, then only apply sticky hooks and classes based on this
+    const hasFixedColumns = useMemo(() => mappedColumns.some((column) => 'sticky' in column), [mappedColumns]);
+    // Calculate table column manually here in case it's passed in with px, useTable version goes to NaN
+    const totalColumnsWidth = useMemo(() => mappedColumns.reduce((acc, column) => acc + (parseInt(column.width) || 150), 0), [mappedColumns]);
+    // Available filters (in addition to the default 'text' filter)
+    const filterTypes = useMemo(() => ({
+        categorical,
+        datetime,
+        numeric,
+    }), []);
+    const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, state: { sortBy, filters }, setAllFilters, resetResizing, allColumns, } = useTable({
+        columns: mappedColumns,
+        data: data || infiniteData,
+        filterTypes,
+        initialState: {
+            sortBy: currentSortBy.map((sort) => (Object.assign(Object.assign({}, sort), { id: mappedColumns.find((col) => [col.sortKey, col.accessor].includes(sort.id)).accessor }))),
+        },
+        // In infinite mode, don't filter client-side
+        manualFilters: !data,
+        manualSortBy: !!onSort,
+        onAction,
+        onChange,
+        onStartEdit,
+        onStopEdit,
+    }, useFilters, useFlexLayout, useSortBy, useResizeColumns, ...(hasFixedColumns ? [useSticky] : []));
+    useImperativeHandle(ref, () => ({
+        resetFilters() {
+            setAllFilters([]);
+        },
+    }));
+    // If onSort is passed then delegate sorting to parent component
+    useEffect(() => {
+        if (onSort) {
+            onSort(getSortKey(sortBy, mappedColumns));
+        }
+        else {
+            setCurrentSortBy(sortBy);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [onSort, sortBy]);
+    useEffect(() => {
+        if (onFilter) {
+            onFilter(filters);
+        }
+    }, [onFilter, filters]);
+    const tableProps = getTableBodyProps();
+    const renderTable = useCallback((_a) => {
+        var { children, style: tableStyle } = _a, rest = __rest(_a, ["children", "style"]);
+        return (_jsxs("div", { children: [_jsx(Header, { style: { width: `max(${totalColumnsWidth}px, 100%)` }, children: headerGroups.map((headerGroup, gidx) => (_createElement(HeaderRow, Object.assign({}, headerGroup.getHeaderGroupProps(), { key: `group-${gidx}` }), headerGroup.headers.map((col, cidx) => {
+                        const headerProps = col.getHeaderProps();
+                        const sortProps = col.getSortByToggleProps();
+                        const headerContent = col.render('Header');
+                        const resizerProps = col.getResizerProps();
+                        const numVisibleColumns = allColumns.filter((column) => column.isVisible).length;
+                        const showSort = !col.disableSortBy;
+                        const showFilter = col.canFilter && col.filter;
+                        const showOptions = cidx === numVisibleColumns - 1 && showTableOptions;
+                        const showHeaderCellButtonContainer = showSort || showFilter || showOptions;
+                        return (_createElement(HeaderCell, Object.assign({}, headerProps, { key: `col-${gidx}-${cidx}`, style: Object.assign(Object.assign({}, headerProps.style), { maxWidth: col.maxWidth, 
+                                // If width calc has messed up then use the raw width from the column
+                                width: headerProps.style.width === 'NaNpx' ?
+                                    mappedColumns[cidx].width
+                                    : headerProps.style.width }) }),
+                            _jsxs(HeaderTooltipContainer, { isPrimitiveHeader: typeof headerContent === 'string', children: [_jsx(HeaderContentWrapper, Object.assign({}, sortProps, { isPrimitiveHeader: typeof headerContent === 'string', title: typeof headerContent === 'string' ? headerContent : '', children: headerContent })), col.tooltip && (_jsx(Tooltip, { content: col.tooltip, children: _jsx(TooltipIcon, { icon: faCircleQuestion }) }))] }),
+                            showHeaderCellButtonContainer && (_jsxs(HeaderCellButtonContainer, { children: [_jsxs(HeaderIconsWrapper, { children: [showSort && (_jsx(HeaderIconWrapper, { children: _jsx(SortIcon, Object.assign({}, sortProps, { className: "tableSortArrow", icon: getSortIcon(col.isSorted, col.isSortedDesc), isSorted: col.isSorted })) })), showFilter ?
+                                                _jsx(FilterContainer, { col: col })
+                                                : null, showOptions && (_jsx(OptionsMenu, { allColumns: allColumns, allowColumnHiding: allowHiding, numVisibleColumns: numVisibleColumns, resetResizing: resetResizing, setAllFilters: setAllFilters, style: tableOptionsStyle }))] }), _jsx(ResizeBorder, Object.assign({}, resizerProps))] }))));
+                    })))) }), _createElement("div", Object.assign({}, tableProps, rest, { key: "table-body-inner", style: tableStyle }), children)] }, "table-inner"));
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useDeepCompare([tableProps, totalColumnsWidth, headerGroups]));
+    return (_jsx(Wrapper, Object.assign({}, getTableProps(), { "$hasMaxRows": !!maxRows, className: `${className} ${hasFixedColumns ? 'sticky' : ''}`, style: Object.assign({ height: maxRows ? (Math.min(rows.length, maxRows) + 1) * ROW_HEIGHT : '100%' }, style), children: _jsx(AutoSizer, { children: ({ height, width }) => {
+                return (_jsx(StyledFixedSizeList, { height: height, innerElementType: renderTable, itemCount: itemCount || rows.length, itemData: createItemData(width, currentEditCell, headerGroups, rows, prepareRow, getItem, totalColumnsWidth, onClickRow, throttledClickRow, backgroundColor, mappedColumns), itemSize: ROW_HEIGHT, onItemsRendered: onItemsRendered, style: {
+                        overflowX: width < totalColumnsWidth ? 'auto' : 'hidden',
+                        overflowY: height < (rows.length + 1) * ROW_HEIGHT ? 'auto' : 'hidden',
+                    }, width: width, children: RenderRow }, "table-list"));
+            } }) })));
+});
+Table.displayName = 'Table';
+/**
+ * A pre-made action column, just pass a list of actions to add them as a column, optional accessor property if you want
+ * multiple action columns on a single table
+ *
+ * @param actions: An array of actions to be added to this column
+ * @param accessor: Optional parameter to define a unique accessor property if you have multiple action columns
+ * @param sticky: Optional param to sticky the action column to left or right
+ * @param disableSelectAll: optional parameter to exclude the select-all header even if SELECT action is added
+ */
+Table.ActionColumn = (actions, accessor, sticky, disableSelectAll = false) => {
+    // 24 for width of each action and 12 padding either side
+    const width = actions.includes(Actions.SELECT) ? 52 : actions.length * 24 + 24;
+    return {
+        Cell: ActionCell,
+        Header: actions.includes(Actions.SELECT) && !disableSelectAll ? SelectHeader : '',
+        accessor: accessor || 'actions',
+        actions,
+        disableSortBy: true,
+        maxWidth: width,
+        minWidth: actions.includes(Actions.SELECT) ? 52 : 48,
+        sticky: sticky || null,
+        width,
+    };
+};
+Table.Actions = Actions;
+Table.cells = cells;
+export { Action as TableAction };
+export default Table;
+//# sourceMappingURL=table.js.map

package/dist/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"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"}

package/dist/table/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ColumnInterface, Renderer } from 'react-table';
+import { ActionCol } from './cells/action-cell';
+export interface TableColumn extends ColumnInterface<object> {
+    Cell?: Renderer<any>;
+    Header?: Renderer<any>;
+    accessor: string;
+    actions?: Array<ActionCol>;
+    align?: string;
+    filter?: 'text' | 'categorical' | 'numeric' | 'datetime';
+    sortKey?: string;
+    sticky?: string;
+    tooltip?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/table/types.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,MAAM,CAAC;IAGxD,IAAI,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/table/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/table/types.tsx"],"names":[],"mappings":""}

package/dist/tabs/tabs.d.ts

@@ -0,0 +1,22 @@
+export interface TabInterface {
+    title: any;
+}
+export interface TabsProps<T> {
+    /** Standard react className property */
+    className?: string;
+    /** An optional handler to notify the parent when the selected tab changes */
+    onSelectTab?: (tab: T | TabInterface | string) => void | Promise<void>;
+    /** The selected tab, defaults to the first one */
+    selectedTab?: T;
+    /** A list of tab strings to display */
+    tabs: Array<T>;
+}
+/**
+ * A simple Tabs component that renders a set of tabs and manages which one is currently selected. Accepts an
+ * onSelectTab handler to notify the parent component when the selected tab changes
+ *
+ * @param {TabsProps} props - the component props
+ */
+declare function Tabs<T>({ className, onSelectTab, selectedTab, tabs }: TabsProps<T>): JSX.Element;
+export default Tabs;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":"AA+EA,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,GAAG,CAAC;CACd;AAMD,MAAM,WAAW,SAAS,CAAC,CAAC;IACxB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,YAAY,GAAG,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,kDAAkD;IAClD,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,uCAAuC;IACvC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CAClB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAqBzF;AAED,eAAe,IAAI,CAAC"}