@darajs/ui-components 1.0.0-a.1

package/dist/table/headers/select-header.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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 TriStateCheckbox, { CheckboxState } from '../../checkbox/tri-state-checkbox';
+import { Action } from '../cells/action-cell';
+/**
+ * A table header with a tri-state checkbox, for bulk selection actions
+ *
+ * @param {selectHeaderProps} props - the component props
+ */
+function SelectHeader(props) {
+    const allValues = props.rows.map((r) => r.original.selected);
+    const countSelected = allValues.filter(Boolean).length;
+    const allSelected = countSelected > 0 && countSelected === allValues.length;
+    const noneSelected = countSelected === 0;
+    const onChange = (state) => {
+        if (state === CheckboxState.UNCHECKED) {
+            props.onAction(Action.UNSELECT_ALL);
+        }
+        else if (state === CheckboxState.CHECKED) {
+            props.onAction(Action.SELECT_ALL, props.rows.map((r) => r.original));
+        }
+    };
+    return (_jsx(TriStateCheckbox, { allSelected: allSelected, noneSelected: noneSelected, onChange: onChange, style: { display: 'flex', justifyContent: 'center' } }));
+}
+export default SelectHeader;
+//# sourceMappingURL=select-header.js.map

package/dist/table/headers/select-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-header.js","sourceRoot":"","sources":["../../../src/table/headers/select-header.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,gBAAgB,EAAE,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C;;;;GAIG;AACH,SAAS,YAAY,CAAC,KAAwB;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAClE,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAEvD,MAAM,WAAW,GAAG,aAAa,GAAG,CAAC,IAAI,aAAa,KAAK,SAAS,CAAC,MAAM,CAAC;IAC5E,MAAM,YAAY,GAAG,aAAa,KAAK,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAQ,EAAE;QAC5C,IAAI,KAAK,KAAK,aAAa,CAAC,SAAS,EAAE;YACnC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;SACvC;aAAM,IAAI,KAAK,KAAK,aAAa,CAAC,OAAO,EAAE;YACxC,KAAK,CAAC,QAAQ,CACV,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CACzC,CAAC;SACL;IACL,CAAC,CAAC;IACF,OAAO,CACH,KAAC,gBAAgB,IACb,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,GACtD,CACL,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/table/options-menu.d.ts

@@ -0,0 +1,25 @@
+import { FunctionComponent } from 'react';
+import { ColumnInstance, Filters } from 'react-table';
+interface OptionsMenuProps {
+    /** all columns from the table component */
+    allColumns: ColumnInstance<any>[];
+    /** Optional flag to enable column hiding */
+    allowColumnHiding?: boolean;
+    /** count of currently visible columns */
+    numVisibleColumns: number;
+    /** column resizing reset function callback from useTable */
+    resetResizing: () => void;
+    /** filter setter from useTable */
+    setAllFilters: (updater: Filters<any> | ((filters: Filters<any>) => Filters<any>)) => void;
+    /** Pass through of the style prop to the table options Dropdown */
+    style: React.CSSProperties;
+}
+/**
+ * The OptionsMenu component adds a sectioned list menu to the Table component.
+ * It inherits the ability to reset column widths and filters from react-table's useTable hook
+ *
+ * @param props - the component props
+ */
+declare const OptionsMenu: FunctionComponent<OptionsMenuProps>;
+export default OptionsMenu;
+//# sourceMappingURL=options-menu.d.ts.map

package/dist/table/options-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-menu.d.ts","sourceRoot":"","sources":["../../src/table/options-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAgC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AA8BtD,UAAU,gBAAgB;IACtB,2CAA2C;IAC3C,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yCAAyC;IACzC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kCAAkC;IAClC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3F,mEAAmE;IACnE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;CAC9B;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CA0GpD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/table/options-menu.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 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 { faEllipsisV } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { usePopper } from 'react-popper';
+import styled from '@darajs/styled-components';
+import { useOnClickOutside } from '@darajs/ui-utils';
+import SectionedList from '../sectioned-list/sectioned-list';
+import { List } from '../utils';
+const HeaderOptionsIcon = styled(FontAwesomeIcon) `
+    cursor: pointer;
+    align-items: center;
+    color: ${(props) => props.theme.colors.grey5};
+`;
+const HeaderOptions = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 12px;
+
+    background-color: ${(props) => props.theme.colors.grey3};
+`;
+const OptionsDropdownList = styled(List) `
+    background-color: ${(props) => props.theme.colors.background};
+    box-shadow: ${(props) => props.theme.shadow.light};
+`;
+/**
+ * The OptionsMenu component adds a sectioned list menu to the Table component.
+ * It inherits the ability to reset column widths and filters from react-table's useTable hook
+ *
+ * @param props - the component props
+ */
+const OptionsMenu = ({ allColumns, allowColumnHiding, numVisibleColumns, resetResizing, setAllFilters, style, }) => {
+    const [optionsElement, setOptionsElement] = useState(null);
+    const [popperElement, setPopperElement] = useState(null);
+    const [showOptions, setShowOptions] = useState(false);
+    const { styles, attributes, update } = usePopper(optionsElement, popperElement, {
+        placement: 'left-end',
+    });
+    const toggleOptions = () => {
+        setShowOptions(!showOptions);
+    };
+    const onOptionSelect = (option) => {
+        option.onClick();
+    };
+    const clickOutsideOptionsHandler = () => {
+        if (showOptions)
+            toggleOptions();
+    };
+    useOnClickOutside(popperElement, clickOutsideOptionsHandler);
+    useEffect(() => {
+        if (showOptions)
+            update();
+    }, [showOptions, update]);
+    const resetFunctions = useMemo(() => {
+        const functions = {
+            items: [
+                {
+                    label: 'Reset Column Widths',
+                    onClick: resetResizing,
+                    value: 'resetResizing',
+                },
+                {
+                    label: 'Reset Filters',
+                    onClick: () => setAllFilters([]),
+                    value: 'resetFilters',
+                },
+            ],
+            label: 'Reset',
+        };
+        if (allowColumnHiding) {
+            functions.items.push({
+                label: 'Show All Columns',
+                onClick: () => {
+                    allColumns.forEach((column) => {
+                        if (!column.isVisible)
+                            column.toggleHidden();
+                    });
+                },
+                value: 'showAllColumns',
+            });
+        }
+        return functions;
+    }, [resetResizing, setAllFilters, allColumns, allowColumnHiding]);
+    const columnToggles = useMemo(() => {
+        return {
+            items: allColumns
+                .filter((column) => typeof column.Header === 'string')
+                .map((column) => ({
+                label: `${column.isVisible ? 'Hide' : 'Show'} ${String(column.Header)}`,
+                onClick: () => 
+                /* Don't allow last visible column to be hidden */
+                !(column.isVisible && numVisibleColumns === 1) ? column.toggleHidden() : null,
+                value: `${column.isVisible ? 'hide' : 'show'}${String(column.Header)}`,
+            })),
+            label: 'Columns',
+        };
+    }, [allColumns, allowColumnHiding]);
+    return (_jsxs(HeaderOptions, { ref: setOptionsElement, children: [_jsx(HeaderOptionsIcon, { icon: faEllipsisV, onClick: toggleOptions }), ReactDOM.createPortal(_jsx(OptionsDropdownList, Object.assign({}, attributes.popper, { isOpen: showOptions, ref: setPopperElement, style: Object.assign(Object.assign(Object.assign({}, styles.popper), { maxHeight: 800, minWidth: 150, zIndex: 9999 }), style), children: _jsx(SectionedList, { items: allowColumnHiding ? [resetFunctions, columnToggles] : [resetFunctions], onSelect: onOptionSelect }) })), document.body)] }));
+};
+export default OptionsMenu;
+//# sourceMappingURL=options-menu.js.map

package/dist/table/options-menu.js.map

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