@absreim/react-bootstrap-data-grid 1.2.2 → 1.4.0

package/styling/styleModelUnwrappers.js

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var unwrapSharedStyleModel = function (sharedStyleModel) { return ({
+    table: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.table) || [],
+    tbody: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.tbody) || [],
+    thead: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.thead) || [],
+    theadTr: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.theadTr) || [],
+    theadTh: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.theadTh) ? sharedStyleModel.theadTh : function () { return []; },
+    caption: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.caption) || [],
+}); };
+export var unwrapTableStyleModel = function (tableStyleModel) { return (__assign(__assign({}, unwrapSharedStyleModel(tableStyleModel)), { tbodyTr: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTr) ? tableStyleModel.tbodyTr : function () { return []; }, tbodyTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTd) ? tableStyleModel.tbodyTd : function () { return []; }, tbodyTdInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTdInput)
+        ? tableStyleModel.tbodyTdInput
+        : function () { return []; }, editColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTh) || [], editColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTd) ? tableStyleModel.editColTd : function () { return []; }, editCancelButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editCancelButton)
+        ? tableStyleModel.editCancelButton
+        : function () { return []; }, editDeleteButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editDeleteButton)
+        ? tableStyleModel.editDeleteButton
+        : function () { return []; }, editSaveButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editSaveButton)
+        ? tableStyleModel.editSaveButton
+        : function () { return []; }, editStartButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editStartButton)
+        ? tableStyleModel.editStartButton
+        : function () { return []; }, rowSelectColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTh) || [], rowSelectColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTd)
+        ? tableStyleModel.rowSelectColTd
+        : function () { return []; }, rowSelectInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectInput)
+        ? tableStyleModel.rowSelectInput
+        : function () { return []; } })); };
+export var unwrapFilterInputTableStyleModel = function (filterTableStyleModel) { return (__assign(__assign({}, unwrapSharedStyleModel(filterTableStyleModel)), { tbodyTr: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTr)
+        ? filterTableStyleModel.tbodyTr
+        : function () { return []; }, tbodyTd: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTd)
+        ? filterTableStyleModel.tbodyTd
+        : function () { return []; }, enablementInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.enablementInput)
+        ? filterTableStyleModel.enablementInput
+        : function () { return []; }, schemeSelectionInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.schemeSelectionInput)
+        ? filterTableStyleModel.schemeSelectionInput
+        : function () { return []; }, searchStringInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.searchStringInput)
+        ? filterTableStyleModel.searchStringInput
+        : function () { return []; }, numberInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.numberInput)
+        ? filterTableStyleModel.numberInput
+        : function () { return []; }, startDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.startDateInput)
+        ? filterTableStyleModel.startDateInput
+        : function () { return []; }, endDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.endDateInput)
+        ? filterTableStyleModel.endDateInput
+        : function () { return []; }, submitButton: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.submitButton) || [] })); };
+export var unwrapAdditionalComponentsStyleModel = function (styleModel) { return ({
+    topLevelDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.topLevelDiv) || [],
+    filterInputsDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterInputsDiv) || [],
+    tableAndPaginationDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.tableAndPaginationDiv) || [],
+    filterUiToggleButton: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.filterUiToggleButton) || [],
+}); };

package/styling/types.d.ts

@@ -0,0 +1,44 @@
+export interface SharedTableStyleModel {
+    table?: string[];
+    tbody?: string[];
+    thead?: string[];
+    theadTr?: string[];
+    theadTh?: (colIndex: number) => string[];
+    caption?: string[];
+}
+export type TableStyleModel = SharedTableStyleModel & {
+    tbodyTr?: (origIndex: number, displayIndex: number) => string[];
+    tbodyTd?: (origRowIndex: number, displayRowIndex: number, colIndex: number) => string[];
+    tbodyTdInput?: (origRowIndex: number, displayRowIndex: number, colIndex: number) => string[];
+    editColTh?: string[];
+    editColTd?: (origIndex: number, displayIndex: number) => string[];
+    editStartButton?: (origIndex: number, displayIndex: number) => string[];
+    editDeleteButton?: (origIndex: number, displayIndex: number) => string[];
+    editSaveButton?: (origIndex: number, displayIndex: number) => string[];
+    editCancelButton?: (origIndex: number, displayIndex: number) => string[];
+    rowSelectColTh?: string[];
+    rowSelectColTd?: (origIndex: number, displayIndex: number) => string[];
+    rowSelectInput?: (origIndex: number, displayIndex: number) => string[];
+};
+export type FilterInputTableStyleModel = SharedTableStyleModel & {
+    tbodyTr?: (rowIndex: number) => string[];
+    tbodyTd?: (rowIndex: number, colIndex: number) => string[];
+    enablementInput?: (rowIndex: number) => string[];
+    schemeSelectionInput?: (rowIndex: number) => string[];
+    searchStringInput?: (rowIndex: number) => string[];
+    numberInput?: (rowIndex: number) => string[];
+    startDateInput?: (rowIndex: number) => string[];
+    endDateInput?: (rowIndex: number) => string[];
+    submitButton?: string[];
+};
+export interface AdditionalComponentsStyleModel {
+    topLevelDiv?: string[];
+    filterInputsDiv?: string[];
+    tableAndPaginationDiv?: string[];
+    filterUiToggleButton?: string[];
+}
+export interface StyleModel {
+    mainTableStyleModel?: TableStyleModel;
+    filterInputTableStyleModel?: FilterInputTableStyleModel;
+    additionalComponentsStyleModel?: AdditionalComponentsStyleModel;
+}

package/styling/types.js

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

package/types.d.ts

@@ -1,3 +1,4 @@
+import { CellData } from "./editing/types";
 export type ColDataType = string | number | Date;
 export type ColDataTypeStrings = "string" | "number" | "date" | "datetime";
 export interface ColDef {
@@ -16,90 +17,8 @@ export interface AugRowDef {
     meta: RowMetadata;
 }
 export interface FormattedRow {
-    contents: string[];
+    contents: CellData[];
     origIndex: number;
 }
 export type JustifyContentSetting = "start" | "end" | "center" | "between" | "around" | "evenly";
 export type Size = "small" | "medium" | "large";
-export type SortOrder = "asc" | "desc";
-export interface SortColDef {
-    name: string;
-    order: SortOrder;
-}
-export interface ColSortModel {
-    sortOrder: SortOrder | null;
-    setSortOrder: (order: SortOrder | null) => void;
-}
-export interface TableSortModel {
-    sortColDef: SortColDef | null;
-    setSortColDef: (sortColDef: SortColDef | null) => void;
-}
-export type TableFilterState = Record<string, ColFilterState>;
-export type EditableTableFilterState = Record<string, FilterState>;
-export interface ColFilterState {
-    editableState: FilterState;
-    label: string;
-}
-export interface AbstractFilterState {
-    enabled: boolean;
-}
-export declare const stringFilterSchemes: readonly ["contains", "startsWith", "endsWith"];
-export type StringFilterScheme = (typeof stringFilterSchemes)[number];
-export declare const stringFilterSchemeNames: Record<StringFilterScheme, string>;
-export interface StringFilterState extends AbstractFilterState {
-    type: "string";
-    scheme: StringFilterScheme;
-    searchString: string;
-}
-export declare const numberFilterSchemes: readonly ["equals", "greaterThan", "lessThan", "greaterOrEqual", "lessOrEqual"];
-export type NumberFilterScheme = (typeof numberFilterSchemes)[number];
-export declare const numberFilterSchemeNames: Record<NumberFilterScheme, string>;
-export interface NumberFilterState extends AbstractFilterState {
-    type: "number";
-    scheme: NumberFilterScheme;
-    numValue: number | null;
-}
-export declare const dateFilterSchemes: readonly ["startFrom", "endAt", "between"];
-export type DateFilterScheme = (typeof dateFilterSchemes)[number];
-export declare const dateFilterSchemeNames: Record<DateFilterScheme, string>;
-export interface AbstractDateFilterState extends AbstractFilterState {
-    type: "date" | "datetime";
-    scheme: DateFilterScheme;
-}
-export interface StartDateFilterState extends AbstractDateFilterState {
-    scheme: "startFrom";
-    startDate: Date | null;
-}
-export interface EndDateFilterState extends AbstractDateFilterState {
-    scheme: "endAt";
-    endDate: Date | null;
-}
-export interface BetweenDatesFilterState extends AbstractDateFilterState {
-    scheme: "between";
-    startDate: Date | null;
-    endDate: Date | null;
-}
-export type DateFilterState = StartDateFilterState | EndDateFilterState | BetweenDatesFilterState;
-export type FilterState = StringFilterState | NumberFilterState | DateFilterState;
-export interface FilterModel {
-    tableFilterState: EditableTableFilterState;
-    setTableFilterState: (state: EditableTableFilterState) => void;
-}
-export type SelectMode = "column" | "row" | "both";
-export type SelectType = "single" | "multi";
-export interface MultiSelectModel {
-    mode: SelectMode;
-    type: "multi";
-    selected: number[];
-    setSelected: (selected: number[]) => void;
-}
-export interface SingleSelectModel {
-    mode: SelectMode;
-    type: "single";
-    selected: number | null;
-    setSelected: (selected: number | null) => void;
-    groupName: string;
-}
-export type SelectModel = SingleSelectModel | MultiSelectModel;
-export type MultiSelectModelInitialState = Omit<MultiSelectModel, "setSelected">;
-export type SingleSelectModelInitialState = Omit<SingleSelectModel, "setSelected">;

package/types.js

@@ -1,30 +1 @@
-export var stringFilterSchemes = [
-    "contains",
-    "startsWith",
-    "endsWith",
-];
-export var stringFilterSchemeNames = {
-    contains: "Contains",
-    startsWith: "Starts With",
-    endsWith: "Ends With",
-};
-export var numberFilterSchemes = [
-    "equals",
-    "greaterThan",
-    "lessThan",
-    "greaterOrEqual",
-    "lessOrEqual",
-];
-export var numberFilterSchemeNames = {
-    equals: "=",
-    greaterThan: ">",
-    lessThan: "<",
-    greaterOrEqual: ">=",
-    lessOrEqual: "<=",
-};
-export var dateFilterSchemes = ["startFrom", "endAt", "between"];
-export var dateFilterSchemeNames = {
-    startFrom: "Start Form",
-    endAt: "End At",
-    between: "Between",
-};
+export {};

package/{hooks → util}/useControlledHover.js

@@ -1,17 +1,13 @@
 import { useState } from "react";
 var useControlledHover = function () {
     var _a = useState(false), isHovering = _a[0], setIsHovering = _a[1];
-    var handleMouseOver = function () {
-        return setIsHovering(true);
-    };
-    var handleMouseOut = function () {
-        return setIsHovering(false);
-    };
+    var handleMouseOver = function () { return setIsHovering(true); };
+    var handleMouseOut = function () { return setIsHovering(false); };
     return {
         isHovering: isHovering,
         setIsHovering: setIsHovering,
         handleMouseOver: handleMouseOver,
-        handleMouseOut: handleMouseOut
+        handleMouseOut: handleMouseOut,
     };
 };
 export default useControlledHover;

package/FilterOptionsTable/DateFilterRow.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { dateFilterSchemeNames, dateFilterSchemes, } from "../types";
-import { nanoid } from "nanoid/non-secure";
-var DateFilterRow = function (_a) {
-    var includeTime = _a.includeTime, columnLabel = _a.columnLabel, filterState = _a.filterState, setFilterState = _a.setFilterState;
-    var handleOpChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { scheme: target.value }));
-    };
-    var handleEnabledChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { enabled: target.checked }));
-    };
-    var handleStartValueChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { startDate: target.value }));
-    };
-    var handleEndValueChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { endDate: target.value }));
-    };
-    var enabled = filterState.enabled, scheme = filterState.scheme, startDate = filterState.startDate, endDate = filterState.endDate;
-    var inputType = includeTime ? "datetime-local" : "date";
-    var inputId = useMemo(function () { return nanoid(); }, []);
-    var startDateInputId = "$startDate-".concat(inputId);
-    var endDateInputId = "$endDate-".concat(inputId);
-    var checkboxLabel = "".concat(columnLabel, " Column Filter Toggle");
-    var opSelectLabel = "".concat(columnLabel, " Column Filter Operator Selection");
-    var startDateInputLabel = "".concat(columnLabel, " Column Filter Start Date");
-    var endDateInputLabel = "".concat(columnLabel, " Column Filter End Date");
-    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("input", { name: checkboxLabel, "aria-label": checkboxLabel, type: "checkbox", checked: enabled, onChange: handleEnabledChange }) }), _jsx("td", { children: columnLabel }), _jsx("td", { children: filterState.type === "date" ? "Date" : "Datetime" }), _jsx("td", { children: _jsx("select", { name: opSelectLabel, "aria-label": opSelectLabel, disabled: !enabled, className: "form-select", value: scheme, onChange: handleOpChange, children: dateFilterSchemes.map(function (scheme) { return (_jsx("option", { value: scheme, children: dateFilterSchemeNames[scheme] }, scheme)); }) }) }), _jsxs("td", { children: [scheme !== "endAt" && (_jsxs(_Fragment, { children: [scheme === "between" && (_jsx("label", { htmlFor: startDateInputId, children: "Start Date" })), _jsx("input", { id: startDateInputId, className: "form-control", type: inputType, required: enabled, disabled: !enabled, value: startDate, onChange: handleStartValueChange, "aria-label": startDateInputLabel })] })), scheme !== "startFrom" && (_jsxs(_Fragment, { children: [scheme === "between" && (_jsx("label", { htmlFor: endDateInputId, children: "End Date" })), _jsx("input", { id: endDateInputId, className: "form-control", type: inputType, required: enabled, disabled: !enabled, value: endDate, onChange: handleEndValueChange, "aria-label": endDateInputLabel })] }))] })] }));
-};
-export default DateFilterRow;

package/FilterOptionsTable/NumberFilterRow.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { numberFilterSchemeNames, numberFilterSchemes, } from "../types";
-var NumberFilterRow = function (_a) {
-    var columnLabel = _a.columnLabel, filterState = _a.filterState, setFilterState = _a.setFilterState;
-    var handleOpChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { scheme: target.value }));
-    };
-    var handleEnabledChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { enabled: target.checked }));
-    };
-    var handleNumInputValueChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { inputValue: target.value }));
-    };
-    var enabled = filterState.enabled, scheme = filterState.scheme, inputValue = filterState.inputValue;
-    var checkboxLabel = "".concat(columnLabel, " Column Filter Toggle");
-    var opSelectLabel = "".concat(columnLabel, " Column Filter Operator Selection");
-    var valueInputLabel = "".concat(columnLabel, " Column Filter Value");
-    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("input", { name: checkboxLabel, "aria-label": checkboxLabel, type: "checkbox", checked: enabled, onChange: handleEnabledChange }) }), _jsx("td", { children: columnLabel }), _jsx("td", { children: "Number" }), _jsx("td", { children: _jsx("select", { name: opSelectLabel, "aria-label": opSelectLabel, disabled: !enabled, className: "form-select", value: scheme, onChange: handleOpChange, children: numberFilterSchemes.map(function (scheme) { return (_jsx("option", { value: scheme, children: numberFilterSchemeNames[scheme] }, scheme)); }) }) }), _jsx("td", { children: _jsx("input", { name: valueInputLabel, "aria-label": valueInputLabel, className: "form-control", type: "number", required: enabled, disabled: !enabled, value: inputValue, onChange: handleNumInputValueChange }) })] }));
-};
-export default NumberFilterRow;

package/FilterOptionsTable/StringFilterRow.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { StringFilterState } from "../types";
-interface StringFilterRowProps {
-    columnLabel: string;
-    filterState: StringFilterState;
-    setFilterState: (filterState: StringFilterState) => void;
-}
-declare const StringFilterRow: FC<StringFilterRowProps>;
-export default StringFilterRow;

package/FilterOptionsTable/StringFilterRow.js

@@ -1,34 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { stringFilterSchemeNames, stringFilterSchemes, } from "../types";
-var StringFilterRow = function (_a) {
-    var columnLabel = _a.columnLabel, filterState = _a.filterState, setFilterState = _a.setFilterState;
-    var handleOpChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { scheme: target.value }));
-    };
-    var handleEnabledChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { enabled: target.checked }));
-    };
-    var handleSearchStringChange = function (_a) {
-        var target = _a.target;
-        setFilterState(__assign(__assign({}, filterState), { searchString: target.value }));
-    };
-    var enabled = filterState.enabled, scheme = filterState.scheme, searchString = filterState.searchString;
-    var checkboxLabel = "".concat(columnLabel, " Column Filter Toggle");
-    var opSelectLabel = "".concat(columnLabel, " Column Filter Operator Selection");
-    var valueInputLabel = "".concat(columnLabel, " Column Filter Value");
-    return (_jsxs("tr", { children: [_jsx("td", { children: _jsx("input", { name: checkboxLabel, "aria-label": checkboxLabel, type: "checkbox", checked: enabled, onChange: handleEnabledChange }) }), _jsx("td", { children: columnLabel }), _jsx("td", { children: "String" }), _jsx("td", { children: _jsx("select", { name: opSelectLabel, "aria-label": opSelectLabel, disabled: !enabled, className: "form-select", value: scheme, onChange: handleOpChange, children: stringFilterSchemes.map(function (scheme) { return (_jsx("option", { value: scheme, children: stringFilterSchemeNames[scheme] }, scheme)); }) }) }), _jsx("td", { children: _jsx("input", { name: valueInputLabel, "aria-label": valueInputLabel, className: "form-control", required: enabled, disabled: !enabled, value: searchString, onChange: handleSearchStringChange }) })] }));
-};
-export default StringFilterRow;

package/FilterOptionsTable/types.d.ts

@@ -1,13 +0,0 @@
-import { AbstractDateFilterState, AbstractFilterState, DateFilterScheme, NumberFilterScheme, StringFilterState } from "../types";
-export interface NumberFormFilterState extends AbstractFilterState {
-    type: "number";
-    scheme: NumberFilterScheme;
-    inputValue: string;
-}
-export interface DateFormFilterState extends AbstractDateFilterState {
-    scheme: DateFilterScheme;
-    startDate: string;
-    endDate: string;
-}
-export type FilterFormRowState = StringFilterState | NumberFormFilterState | DateFormFilterState;
-export type FilterFormState = Record<string, FilterFormRowState>;