@darajs/ui-components 1.0.0-a.1

package/dist/table/cells/action-cell.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@darajs/styled-components';
+import { CheckSquare, Copy, Square, ToggleOff, ToggleOn, Trash } from '@darajs/ui-icons';
+export var Action;
+(function (Action) {
+    Action["COPY"] = "copy";
+    Action["DELETE"] = "delete";
+    Action["SELECT"] = "select";
+    Action["SELECT_ALL"] = "select_all";
+    Action["SWITCH"] = "switch";
+    Action["UNSELECT_ALL"] = "unselect_all";
+})(Action || (Action = {}));
+const SelectCheck = styled(CheckSquare) `
+    color: ${(props) => props.theme.colors.primary};
+`;
+function getSelectIcon(row) {
+    return row.selected ? SelectCheck : Square;
+}
+const SwitchOn = styled(ToggleOn) `
+    color: ${(props) => props.theme.colors.primary};
+`;
+function getSwitchIcon(row) {
+    return row.active ? SwitchOn : ToggleOff;
+}
+export const Actions = {
+    COPY: { icon: Copy, id: Action.COPY, label: 'Copy' },
+    DELETE: { icon: Trash, id: Action.DELETE, label: 'Delete' },
+    SELECT: { getIcon: getSelectIcon, id: Action.SELECT, label: 'Select Row' },
+    SELECT_ALL: { id: Action.SELECT_ALL, label: 'Select All Rows' },
+    SWITCH: { getIcon: getSwitchIcon, id: Action.SWITCH, label: 'Switch On/Off' },
+    UNSELECT_ALL: { id: Action.UNSELECT_ALL, label: 'Unselect All Rows' },
+};
+const ActionWrapper = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    width: 100%;
+    padding: 0 1rem;
+
+    svg:not(:last-of-type) {
+        margin-right: 0.7rem;
+    }
+`;
+/**
+ * The action cell is used by the action column to render row actions such as delete on each row of a table
+ *
+ * @param {ActionCellProps} props see interface for details
+ */
+export function ActionCell(props) {
+    if (!props.column.actions) {
+        throw new Error('Must pass an array of actions to the column def when using the ActionCell');
+    }
+    return (_jsx(ActionWrapper, { className: "table-action-cell", children: props.column.actions.map((action) => {
+            const Icon = action.getIcon ? action.getIcon(props.row.original) : action.icon;
+            if (Icon === undefined) {
+                return;
+            }
+            const label = action.getLabel ? action.getLabel(props.row.original) : action.label;
+            const onClick = (e) => {
+                var _a;
+                e.stopPropagation();
+                (_a = props.onAction) === null || _a === void 0 ? void 0 : _a.call(props, action.id, props.row.original);
+            };
+            return _jsx(Icon, { asButton: true, onClick: onClick, title: label }, action.label);
+        }) }));
+}
+//# sourceMappingURL=action-cell.js.map

package/dist/table/cells/action-cell.js.map

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

package/dist/table/cells/datetime-cell.d.ts

@@ -0,0 +1,12 @@
+/** Interface is very loose because react table basically lets anything go through here */
+interface DateCellProps {
+    value: any;
+}
+/**
+ * A date formatting cell that will accept native JS date objects and render them according to a string format
+ *
+ * @param fmt the date format to render the Date as
+ */
+declare function DatetimeCell(fmt?: string): (props: DateCellProps) => string;
+export default DatetimeCell;
+//# sourceMappingURL=datetime-cell.d.ts.map

package/dist/table/cells/datetime-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-cell.d.ts","sourceRoot":"","sources":["../../../src/table/cells/datetime-cell.tsx"],"names":[],"mappings":"AAkBA,0FAA0F;AAC1F,UAAU,aAAa;IACnB,KAAK,EAAE,GAAG,CAAC;CACd;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,GAAG,SAAqB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,CAahF;AAED,eAAe,YAAY,CAAC"}

package/dist/table/cells/datetime-cell.js

@@ -0,0 +1,36 @@
+/**
+ * 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 { format, parseISO } from 'date-fns';
+/**
+ * A date formatting cell that will accept native JS date objects and render them according to a string format
+ *
+ * @param fmt the date format to render the Date as
+ */
+function DatetimeCell(fmt = 'yyyy-MM-dd HH:mm') {
+    return ({ value }) => {
+        if (!value) {
+            return '';
+        }
+        const parsed = parseISO(value);
+        if (Number.isNaN(parsed.getTime())) {
+            return '';
+        }
+        return format(parsed, fmt);
+    };
+}
+export default DatetimeCell;
+//# sourceMappingURL=datetime-cell.js.map

package/dist/table/cells/datetime-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-cell.js","sourceRoot":"","sources":["../../../src/table/cells/datetime-cell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAO5C;;;;GAIG;AACH,SAAS,YAAY,CAAC,GAAG,GAAG,kBAAkB;IAC1C,OAAO,CAAC,EAAE,KAAK,EAAiB,EAAU,EAAE;QACxC,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,EAAE,CAAC;SACb;QAED,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,EAAE;YAChC,OAAO,EAAE,CAAC;SACb;QAED,OAAO,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/table/cells/edit-cell-utils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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 * as React from 'react';
+/** Interface is very loose because react table basically lets anything go through here */
+export interface EditCellProps<T> {
+    cell: any;
+    column: any;
+    currentEditCell?: [number, string | number];
+    data: any;
+    onAction: (actionId: string, row: any) => void | Promise<void>;
+    onChange: (value: T, rowIdx: number, colId: string) => void | Promise<void>;
+    onStartEdit: (e?: React.SyntheticEvent<HTMLSpanElement>) => void | Promise<void>;
+    onStopEdit: () => void | Promise<void>;
+    row: any;
+    rowIdx: number;
+    value: any;
+}
+//# sourceMappingURL=edit-cell-utils.d.ts.map

package/dist/table/cells/edit-cell-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-cell-utils.d.ts","sourceRoot":"","sources":["../../../src/table/cells/edit-cell-utils.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,0FAA0F;AAC1F,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,EAAE,GAAG,CAAC;IACZ,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACd"}

package/dist/table/cells/edit-cell-utils.js

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

package/dist/table/cells/edit-cell-utils.js.map

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

package/dist/table/cells/edit-input-cell.d.ts

@@ -0,0 +1,10 @@
+import { EditCellProps } from './edit-cell-utils';
+/**
+ * The edit input cell can be used to make all the cells of a particular column editable with an input field. When using
+ * an editable cell then an onChange handler should be added to the main table component as well to listen for any
+ * updates. The onChange handler will be called with the value, row index and column id, but it will not update the data
+ * for you. You need to update the data and pass it back in to the component.
+ */
+declare function EditInputCell(): (props: EditCellProps<string>) => JSX.Element;
+export default EditInputCell;
+//# sourceMappingURL=edit-input-cell.d.ts.map

package/dist/table/cells/edit-input-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-input-cell.d.ts","sourceRoot":"","sources":["../../../src/table/cells/edit-input-cell.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAelD;;;;;GAKG;AACH,iBAAS,aAAa,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO,CAuCtE;AAED,eAAe,aAAa,CAAC"}

package/dist/table/cells/edit-input-cell.js

@@ -0,0 +1,61 @@
+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 isEqual from 'lodash/isEqual';
+import { useEffect, useState } from 'react';
+import styled from '@darajs/styled-components';
+import Input from '../../input/input';
+const InputWrapper = styled.div `
+    display: flex;
+    width: calc(100% + 22px);
+    margin: 0 -1rem;
+`;
+const ValueWrapper = styled.span `
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    height: 100%;
+`;
+/**
+ * The edit input cell can be used to make all the cells of a particular column editable with an input field. When using
+ * an editable cell then an onChange handler should be added to the main table component as well to listen for any
+ * updates. The onChange handler will be called with the value, row index and column id, but it will not update the data
+ * for you. You need to update the data and pass it back in to the component.
+ */
+function EditInputCell() {
+    return function InputCell(props) {
+        const [value, setValue] = useState(props.value);
+        useEffect(() => {
+            setValue(props.value);
+        }, [props.value]);
+        if (isEqual(props.currentEditCell, [props.rowIdx, props.column.id])) {
+            const onComplete = () => {
+                if (props.onChange && value !== props.value) {
+                    props.onChange(value, props.rowIdx, props.column.id);
+                }
+                props.onStopEdit();
+            };
+            const onChange = (val) => {
+                setValue(val);
+            };
+            return (_jsx(InputWrapper, { children: _jsx(Input, { autoFocus: true, initialValue: props.value, onBlur: onComplete, onChange: onChange, onComplete: onComplete, style: { maxWidth: '100%' } }) }));
+        }
+        return (_jsx(ValueWrapper, { "data-cell": [props.rowIdx, props.column.id], onClick: props.onStartEdit, children: props.value }));
+    };
+}
+export default EditInputCell;
+//# sourceMappingURL=edit-input-cell.js.map

package/dist/table/cells/edit-input-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-input-cell.js","sourceRoot":"","sources":["../../../src/table/cells/edit-input-cell.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAGtC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAK/B,CAAC;AAEF;;;;;GAKG;AACH,SAAS,aAAa;IAClB,OAAO,SAAS,SAAS,CAAC,KAA4B;QAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,GAAG,EAAE;YACX,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAElB,IAAI,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;YACjE,MAAM,UAAU,GAAG,GAAS,EAAE;gBAC1B,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE;oBACzC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;iBACxD;gBACD,KAAK,CAAC,UAAU,EAAE,CAAC;YACvB,CAAC,CAAC;YAEF,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAQ,EAAE;gBACnC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAClB,CAAC,CAAC;YAEF,OAAO,CACH,KAAC,YAAY,cACT,KAAC,KAAK,IACF,SAAS,QACT,YAAY,EAAE,KAAK,CAAC,KAAK,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC7B,GACS,CAClB,CAAC;SACL;QAED,OAAO,CACH,KAAC,YAAY,iBAAY,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,YAC/E,KAAK,CAAC,KAAK,GACD,CAClB,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/table/cells/edit-select-cell.d.ts

@@ -0,0 +1,12 @@
+import { Item } from '../../types';
+import { EditCellProps } from './edit-cell-utils';
+/**
+ * The edit select cell can be used to make all the cells of a particular column editable with a select field to
+ * constrain the options you can choose from. When using an editable cell then an onChange handler should be added to
+ * the main table component as well to listen for any updates. The onChange handler will be called with the value, row
+ * index and column id, but it will not update the data for you. You need to update the data and pass it back in to the
+ * component.
+ */
+declare function EditSelectCell<T extends Item>(items: Array<T>): (props: EditCellProps<T>) => JSX.Element;
+export default EditSelectCell;
+//# sourceMappingURL=edit-select-cell.d.ts.map

package/dist/table/cells/edit-select-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-select-cell.d.ts","sourceRoot":"","sources":["../../../src/table/cells/edit-select-cell.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAelD;;;;;;GAMG;AACH,iBAAS,cAAc,CAAC,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CA+BjG;AAED,eAAe,cAAc,CAAC"}

package/dist/table/cells/edit-select-cell.js

@@ -0,0 +1,55 @@
+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 isEqual from 'lodash/isEqual';
+import styled from '@darajs/styled-components';
+import Select from '../../select/select';
+const SelectWrapper = styled.div `
+    display: flex;
+    width: calc(100% + 22px);
+    margin: 0 -1rem;
+`;
+const ValueWrapper = styled.span `
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    height: 100%;
+`;
+/**
+ * The edit select cell can be used to make all the cells of a particular column editable with a select field to
+ * constrain the options you can choose from. When using an editable cell then an onChange handler should be added to
+ * the main table component as well to listen for any updates. The onChange handler will be called with the value, row
+ * index and column id, but it will not update the data for you. You need to update the data and pass it back in to the
+ * component.
+ */
+function EditSelectCell(items) {
+    return function SelectCell(props) {
+        const selectedItem = items.find((item) => item.value === props.value);
+        if (isEqual(props.currentEditCell, [props.rowIdx, props.column.id])) {
+            const onSelect = (item) => {
+                if (props.onChange && item.value !== props.value) {
+                    props.onChange(item.value, props.rowIdx, props.column.id);
+                }
+                props.onStopEdit();
+            };
+            return (_jsx(SelectWrapper, { children: _jsx(Select, { initialIsOpen: true, initialValue: selectedItem, items: items, onSelect: onSelect, style: { flex: '1 1 auto' } }) }));
+        }
+        return (_jsx(ValueWrapper, { "data-cell": [props.rowIdx, props.column.id], onClick: props.onStartEdit, children: selectedItem ? selectedItem.label : '' }));
+    };
+}
+export default EditSelectCell;
+//# sourceMappingURL=edit-select-cell.js.map

package/dist/table/cells/edit-select-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-select-cell.js","sourceRoot":"","sources":["../../../src/table/cells/edit-select-cell.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAIzC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI/B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAK/B,CAAC;AAEF;;;;;;GAMG;AACH,SAAS,cAAc,CAAiB,KAAe;IACnD,OAAO,SAAS,UAAU,CAAC,KAAuB;QAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC;QAEtE,IAAI,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE;YACjE,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAQ,EAAE;gBAClC,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE;oBAC9C,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;iBAC7D;gBACD,KAAK,CAAC,UAAU,EAAE,CAAC;YACvB,CAAC,CAAC;YAEF,OAAO,CACH,KAAC,aAAa,cACV,KAAC,MAAM,IACH,aAAa,QACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,GAC7B,GACU,CACnB,CAAC;SACL;QAED,OAAO,CACH,KAAC,YAAY,iBAAY,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,YAC/E,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAC5B,CAClB,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/table/filters.d.ts

@@ -0,0 +1,46 @@
+import { FilterProps, HeaderGroup, Row } from 'react-table';
+import { FilterResults as DatetimeFilterResults } from '../filter/datetime-filter';
+import { FilterResults as NumericFilterResults } from '../filter/numeric-filter';
+import { Item } from '../types';
+interface HeaderIconWrapperProp {
+    hasFilter?: boolean;
+}
+export declare const HeaderIconWrapper: import("styled-components").StyledComponent<"div", import("@darajs/styled-components").DefaultTheme, HeaderIconWrapperProp, never>;
+/**
+ * Custom numeric filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterValue filter value provided
+ */
+export declare function numeric(rows: Array<Row>, columnIds: Array<string>, filterValue: NumericFilterResults): Array<Row>;
+/**
+ * Custom datetime filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterValue filter value
+ */
+export declare function datetime(rows: Array<Row>, columnIds: Array<string>, filterValue: DatetimeFilterResults): Array<Row>;
+/**
+ * Custom categorical filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterItems filter value
+ */
+export declare function categorical(rows: Array<Row>, columnIds: Array<string>, filterItems: Item[]): Array<Row>;
+/**
+ * Text Filter component
+ */
+export declare function TextFilter(props: FilterProps<any>): JSX.Element;
+interface ColumnFilterProps extends HeaderGroup {
+    /** Optional prop passed to column defining uniqueItems that categorical filter should search for */
+    uniqueItems?: Array<string>;
+}
+export interface FilterContainerProps {
+    col: ColumnFilterProps;
+}
+export declare function FilterContainer(props: FilterContainerProps): JSX.Element;
+export {};
+//# sourceMappingURL=filters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/table/filters.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAK5D,OAAO,EAAE,aAAa,IAAI,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAOhC,UAAU,qBAAqB;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,oIAoB7B,CAAC;AAyGF;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,CAQjH;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,CAQnH;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAUvG;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAU/D;AAED,UAAU,iBAAkB,SAAQ,WAAW;IAC3C,oGAAoG;IACpG,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAoB;IACjC,GAAG,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA+CxE"}

package/dist/table/filters.js

@@ -0,0 +1,223 @@
+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 { faFilter } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { isAfter, isBefore, isEqual, isWithinInterval, parseISO } from 'date-fns';
+import { transparentize } from 'polished';
+import { useMemo, useRef, useState } from 'react';
+import styled from '@darajs/styled-components';
+import { FilterWrapper, StyledSearchBar } from '../filter/categorical-filter';
+import Tooltip from '../tooltip/tooltip';
+const FilterIcon = styled(FontAwesomeIcon) `
+    cursor: pointer;
+    color: ${(props) => (props.$hasFilter ? props.theme.colors.primary : props.theme.colors.grey3)};
+`;
+export const HeaderIconWrapper = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 1.5rem;
+    height: 1.5rem;
+
+    border-radius: 0.25rem;
+
+    :hover {
+        background-color: ${(props) => transparentize(0.9, props.theme.colors.primaryHover)};
+        svg {
+            color: ${(props) => (props.hasFilter ? props.theme.colors.primary : props.theme.colors.grey3)};
+        }
+    }
+
+    :active {
+        background-color: ${(props) => transparentize(0.8, props.theme.colors.primaryDown)};
+    }
+`;
+var NumericOperator;
+(function (NumericOperator) {
+    NumericOperator["BT"] = "Between";
+    NumericOperator["EQ"] = "Equal to";
+    NumericOperator["GT"] = "Greater than";
+    NumericOperator["LT"] = "Less than";
+    NumericOperator["NE"] = "Not equal to";
+})(NumericOperator || (NumericOperator = {}));
+var DateOperator;
+(function (DateOperator) {
+    DateOperator["BT"] = "Between";
+    DateOperator["EQ"] = "On date";
+    DateOperator["GT"] = "After";
+    DateOperator["LT"] = "Before";
+})(DateOperator || (DateOperator = {}));
+/**
+ * Check whether a given operator is supported
+ * @param op potential operator
+ */
+function isValidOperator(op) {
+    return Object.keys(NumericOperator)
+        .map((key) => NumericOperator[key])
+        .includes(op);
+}
+/**
+ * Check whether a given operator is supported for datetime
+ * @param op potential operator
+ */
+function isValidDatetimeOperator(op) {
+    return Object.keys(DateOperator)
+        .map((key) => DateOperator[key])
+        .includes(op);
+}
+/**
+ * Apply an operator to a given numeric value.
+ *
+ * @param operator operator to apply
+ * @param value value to compare
+ * @param filterValue filter value to compare to
+ */
+function applyNumericOperator(operator, value, filterValue) {
+    switch (operator) {
+        case NumericOperator.EQ:
+            return value === filterValue;
+        case NumericOperator.GT:
+            if (Array.isArray(filterValue)) {
+                throw new Error('Cannot use array for GT operator');
+            }
+            return value > filterValue;
+        case NumericOperator.LT:
+            if (Array.isArray(filterValue)) {
+                throw new Error('Cannot use array for LT operator');
+            }
+            return value < filterValue;
+        case NumericOperator.NE:
+            return value !== filterValue;
+        case NumericOperator.BT:
+            if (Array.isArray(filterValue)) {
+                return value <= filterValue[1] && value >= filterValue[0];
+            }
+            break;
+        default:
+            return true;
+    }
+}
+/**
+ * Apply an operator to a given datetime value.
+ *
+ * @param operator operator to apply
+ * @param value value to compare
+ * @param filterValue filter value to compare to
+ */
+function applyDatetimeOperator(operator, value, filterValue) {
+    const parsedValue = parseISO(value);
+    if (Array.isArray(filterValue)) {
+        if (operator === DateOperator.BT) {
+            return isWithinInterval(parsedValue, { end: filterValue[1], start: filterValue[0] });
+        }
+        return true;
+    }
+    switch (operator) {
+        case DateOperator.EQ:
+            return isEqual(parsedValue, filterValue);
+        case DateOperator.GT:
+            return isAfter(parsedValue, filterValue);
+        case DateOperator.LT:
+            return isBefore(parsedValue, filterValue);
+        default:
+            return true;
+    }
+}
+/**
+ * Custom numeric filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterValue filter value provided
+ */
+export function numeric(rows, columnIds, filterValue) {
+    const { selected, value } = filterValue;
+    const [colId] = columnIds;
+    // If operator not supported or there's no value to compare to, return all rows
+    if (!isValidOperator(selected) || (!value && value !== 0))
+        return rows;
+    return rows.filter((row) => applyNumericOperator(selected, row.values[colId], value));
+}
+/**
+ * Custom datetime filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterValue filter value
+ */
+export function datetime(rows, columnIds, filterValue) {
+    const { selected, value } = filterValue;
+    const [colId] = columnIds;
+    // If operator not supported or there's no value to compare to, return all rows
+    if (!isValidDatetimeOperator(selected) || !value)
+        return rows;
+    return rows.filter((row) => applyDatetimeOperator(selected, row.values[colId], value));
+}
+/**
+ * Custom categorical filter function
+ *
+ * @param rows rows to filter
+ * @param columnIds IDs of columns
+ * @param filterItems filter value
+ */
+export function categorical(rows, columnIds, filterItems) {
+    const [colId] = columnIds;
+    const filteredItems = filterItems.map((item) => item.value);
+    // If no categories selected return everything
+    if (filteredItems.length === 0) {
+        return rows;
+    }
+    return rows.filter((row) => filteredItems.includes(row.values[colId]));
+}
+/**
+ * Text Filter component
+ */
+export function TextFilter(props) {
+    return (_jsx(FilterWrapper, { children: _jsx(StyledSearchBar, { onChange: (val) => props.column.setFilter(val || undefined), placeholder: "Rows containing value...", value: props.column.filterValue || '' }) }));
+}
+export function FilterContainer(props) {
+    var _a;
+    const [visible, setVisible] = useState(false);
+    const show = () => setVisible(true);
+    const hide = () => setVisible(false);
+    const hasFilter = !(props.col.filterValue === undefined ||
+        ((_a = props.col.filterValue) === null || _a === void 0 ? void 0 : _a.selected) === 'None' ||
+        (Array.isArray(props.col.filterValue) && props.col.filterValue.length === 0));
+    const items = useMemo(() => {
+        var _a;
+        if ((_a = props.col) === null || _a === void 0 ? void 0 : _a.uniqueItems) {
+            return props.col.uniqueItems.map((item) => ({ label: item, value: item }));
+        }
+    }, [props.col]);
+    // because the select dropdown lives outside of the component we need to pass a ref so that we can check whether the user is clicking within it or outside
+    const portalsRef = useRef([]);
+    function onClickOutside(instance, event) {
+        const target = event.target;
+        // loop through refs if they contain the target then user is clicking within a dropdown
+        for (const portal of portalsRef.current) {
+            if (portal === null || portal === void 0 ? void 0 : portal.contains(target)) {
+                return;
+            }
+        }
+        // user clicked outside so hide
+        hide();
+    }
+    return (_jsx(Tooltip, { content: props.col.render('Filter', { items, onChange: hide, portalsRef }), hidden: true, interactive: true, onClickOutside: onClickOutside, visible: visible, children: _jsx("span", { children: _jsx(HeaderIconWrapper, { hasFilter: hasFilter, children: _jsx(FilterIcon, { "$hasFilter": hasFilter, icon: faFilter, onClick: show }) }) }) }));
+}
+//# sourceMappingURL=filters.js.map

package/dist/table/filters.js.map

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

package/dist/table/headers/select-header.d.ts

@@ -0,0 +1,14 @@
+interface selectHeaderProps {
+    /** An action handler, will be called for selecting/unselecting all rows */
+    onAction: (actionId: string, input?: any) => void | Promise<void>;
+    /** The rows of the table, needed to keep track of them being selected or not */
+    rows: any;
+}
+/**
+ * A table header with a tri-state checkbox, for bulk selection actions
+ *
+ * @param {selectHeaderProps} props - the component props
+ */
+declare function SelectHeader(props: selectHeaderProps): JSX.Element;
+export default SelectHeader;
+//# sourceMappingURL=select-header.d.ts.map

package/dist/table/headers/select-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-header.d.ts","sourceRoot":"","sources":["../../../src/table/headers/select-header.tsx"],"names":[],"mappings":"AAmBA,UAAU,iBAAiB;IACvB,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,gFAAgF;IAChF,IAAI,EAAE,GAAG,CAAC;CACb;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAyB3D;AAED,eAAe,YAAY,CAAC"}