@absreim/react-bootstrap-data-grid-pro 2.6.1 → 3.0.0

package/grid-pro/reorder/useReorderStyles.d.ts

@@ -0,0 +1,3 @@
+import { ReorderStyleModel, ReorderStyles } from "./types";
+declare const useReorderStyles: (styleModel: ReorderStyleModel | undefined) => ReorderStyles;
+export default useReorderStyles;

package/grid-pro/reorder/useReorderStyles.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+const useReorderStyles = (styleModel) => {
+    const draggedRowClasses = useMemo(() => (styleModel === null || styleModel === void 0 ? void 0 : styleModel.draggedRowClasses) || ["rbdg-reorder-dragged-row"], [styleModel === null || styleModel === void 0 ? void 0 : styleModel.draggedRowClasses]);
+    const draggedRowPredecessorClasses = useMemo(() => (styleModel === null || styleModel === void 0 ? void 0 : styleModel.draggedRowPredecessorClasses) || [
+        "rbdg-reorder-dragged-row-pred",
+    ], [styleModel === null || styleModel === void 0 ? void 0 : styleModel.draggedRowPredecessorClasses]);
+    const topBorderRowClasses = useMemo(() => (styleModel === null || styleModel === void 0 ? void 0 : styleModel.topBorderRowClasses) || ["rbdg-reorder-above-drag-target-row"], [styleModel === null || styleModel === void 0 ? void 0 : styleModel.topBorderRowClasses]);
+    const bottomBorderRowClasses = useMemo(() => (styleModel === null || styleModel === void 0 ? void 0 : styleModel.bottomBorderRowClasses) || [
+        "rbdg-reorder-below-drag-target-row",
+    ], [styleModel === null || styleModel === void 0 ? void 0 : styleModel.bottomBorderRowClasses]);
+    const ghostDivClasses = useMemo(() => (styleModel === null || styleModel === void 0 ? void 0 : styleModel.ghostDivClasses) || ["border", "rbdg-drag-ghost"], [styleModel === null || styleModel === void 0 ? void 0 : styleModel.ghostDivClasses]);
+    return {
+        draggedRowClasses,
+        draggedRowPredecessorClasses,
+        topBorderRowClasses,
+        bottomBorderRowClasses,
+        ghostDivClasses,
+    };
+};
+export default useReorderStyles;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@absreim/react-bootstrap-data-grid-pro",
   "description": "Pro Version of data grid UI component for use with web apps using React and Bootstrap",
-  "version": "2.6.1",
+  "version": "3.0.0",
   "license": "Commercial. See LICENSE file.",
   "author": "Brook Li",
   "homepage": "https://react-bootstrap-data-grid.vercel.app/",

package/grid/main/ToggleButton.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-export interface ToggleButtonProps {
-    isActive: boolean;
-    label: string;
-    onClick: () => void;
-    classes?: string[];
-}
-declare const ToggleButton: FC<ToggleButtonProps>;
-export default ToggleButton;

package/grid/main/ToggleButton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-const ToggleButton = ({ isActive, label, onClick, classes, }) => {
-    const baseClasses = ["btn"];
-    const variableClasses = {
-        active: isActive,
-    };
-    return (_jsx("button", { type: "button", className: classNames(baseClasses, variableClasses, classes, {
-            "btn-primary": !(classes && classes.length > 0),
-        }), "aria-pressed": isActive, onClick: onClick, children: label }));
-};
-export default ToggleButton;

package/grid/pipeline/useUnwrappedGridStyles.d.ts

@@ -1,7 +0,0 @@
-import { AdditionalComponentsStyleModel, StyleModel, TableStyleModel } from "../styling/types";
-export interface UseUnwrappedGridStylesHook {
-    unwrappedTableModel: Required<TableStyleModel>;
-    unwrappedAdditionalStyleModel: Required<AdditionalComponentsStyleModel>;
-}
-declare const UseUnwrappedGridStyles: (styleModel: StyleModel | undefined) => UseUnwrappedGridStylesHook;
-export default UseUnwrappedGridStyles;

package/grid/pipeline/useUnwrappedGridStyles.js

@@ -1,15 +0,0 @@
-import { useMemo } from "react";
-import { unwrapAdditionalComponentsStyleModel, unwrapTableStyleModel, } from "../styling/styleModelUnwrappers";
-const UseUnwrappedGridStyles = (styleModel) => {
-    // To give the developer the ability to specify between removing existing styles
-    // and simply adding additional ones, we should migrate off of this "unwrapped"
-    // design over time and instead apply logic based on the original params that
-    // can be undefined.
-    const unwrappedTableModel = useMemo(() => unwrapTableStyleModel(styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel), [styleModel === null || styleModel === void 0 ? void 0 : styleModel.mainTableStyleModel]);
-    const unwrappedAdditionalStyleModel = useMemo(() => unwrapAdditionalComponentsStyleModel(styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel), [styleModel === null || styleModel === void 0 ? void 0 : styleModel.additionalComponentsStyleModel]);
-    return {
-        unwrappedTableModel,
-        unwrappedAdditionalStyleModel,
-    };
-};
-export default UseUnwrappedGridStyles;

package/grid/styling/styleModelUnwrappers.d.ts

@@ -1,4 +0,0 @@
-import { AdditionalComponentsStyleModel, FilterInputTableStyleModel, TableStyleModel } from "./types";
-export declare const unwrapTableStyleModel: (tableStyleModel: TableStyleModel | undefined) => Required<TableStyleModel>;
-export declare const unwrapFilterInputTableStyleModel: (filterTableStyleModel: FilterInputTableStyleModel | undefined) => Required<FilterInputTableStyleModel>;
-export declare const unwrapAdditionalComponentsStyleModel: (styleModel: AdditionalComponentsStyleModel | undefined) => Required<AdditionalComponentsStyleModel>;

package/grid/styling/styleModelUnwrappers.js

@@ -1,47 +0,0 @@
-const unwrapSharedStyleModel = (sharedStyleModel) => ({
-    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 : () => [],
-    caption: (sharedStyleModel === null || sharedStyleModel === void 0 ? void 0 : sharedStyleModel.caption) || [],
-});
-export const unwrapTableStyleModel = (tableStyleModel) => (Object.assign(Object.assign({}, unwrapSharedStyleModel(tableStyleModel)), { tbodyTr: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTr) ? tableStyleModel.tbodyTr : () => [], tbodyTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTd) ? tableStyleModel.tbodyTd : () => [], tbodyTdInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.tbodyTdInput)
-        ? tableStyleModel.tbodyTdInput
-        : () => [], editColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTh) || [], editColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editColTd) ? tableStyleModel.editColTd : () => [], editCancelButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editCancelButton)
-        ? tableStyleModel.editCancelButton
-        : () => [], editDeleteButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editDeleteButton)
-        ? tableStyleModel.editDeleteButton
-        : () => [], editSaveButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editSaveButton)
-        ? tableStyleModel.editSaveButton
-        : () => [], editStartButton: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.editStartButton)
-        ? tableStyleModel.editStartButton
-        : () => [], rowSelectColTh: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTh) || [], rowSelectColTd: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectColTd)
-        ? tableStyleModel.rowSelectColTd
-        : () => [], rowSelectInput: (tableStyleModel === null || tableStyleModel === void 0 ? void 0 : tableStyleModel.rowSelectInput)
-        ? tableStyleModel.rowSelectInput
-        : () => [] }));
-export const unwrapFilterInputTableStyleModel = (filterTableStyleModel) => (Object.assign(Object.assign({}, unwrapSharedStyleModel(filterTableStyleModel)), { tbodyTr: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTr)
-        ? filterTableStyleModel.tbodyTr
-        : () => [], tbodyTd: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.tbodyTd)
-        ? filterTableStyleModel.tbodyTd
-        : () => [], enablementInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.enablementInput)
-        ? filterTableStyleModel.enablementInput
-        : () => [], schemeSelectionInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.schemeSelectionInput)
-        ? filterTableStyleModel.schemeSelectionInput
-        : () => [], searchStringInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.searchStringInput)
-        ? filterTableStyleModel.searchStringInput
-        : () => [], numberInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.numberInput)
-        ? filterTableStyleModel.numberInput
-        : () => [], startDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.startDateInput)
-        ? filterTableStyleModel.startDateInput
-        : () => [], endDateInput: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.endDateInput)
-        ? filterTableStyleModel.endDateInput
-        : () => [], submitButton: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.submitButton) || [], form: (filterTableStyleModel === null || filterTableStyleModel === void 0 ? void 0 : filterTableStyleModel.form) || [] }));
-export const unwrapAdditionalComponentsStyleModel = (styleModel) => ({
-    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) || [],
-    paginationUiDiv: (styleModel === null || styleModel === void 0 ? void 0 : styleModel.paginationUiDiv) || [],
-});