@monolith-forensics/monolith-ui 1.1.32 → 1.1.34

package/dist/MonolithUIProvider/MonolithUIProvider.js

@@ -5,10 +5,10 @@ import getTheme, { Themes } from "../theme";
 import { createContext, useState } from "react";
 import GlobalStyle from "./GlobalStyle";
 export const MonolithUIContext = createContext(undefined);
-const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "dark", }) => {
+const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "DARK", }) => {
     const [colorScheme, setColorScheme] = useState(defaultColorScheme);
     const toggleColorScheme = () => {
-        setColorScheme(colorScheme === "light" ? "dark" : "light");
+        setColorScheme(colorScheme === "LIGHT" ? "DARK" : "LIGHT");
     };
     const defaultTheme = getTheme(colorScheme);
     // override default theme with the provided theme

package/dist/Table/Table.js

@@ -21,6 +21,7 @@ import { Maximize2Icon } from "lucide-react";
 import { ArrowUpIcon, ArrowDownIcon } from "lucide-react";
 import moment from "moment";
 import { CheckBox } from "..";
+import { Themes } from "../theme";
 const MIN_COLUMN_WIDTH = 125;
 export const Column = ({ dataField, caption, columnId = shortUUID.generate(), sorting, format, }) => {
     return null;
@@ -157,7 +158,7 @@ const StyledTh = styled.th `
   }
 
   &:hover {
-    background-color: ${({ theme }) => theme.name === "dark" ? "#2e2e2e" : "#f5f5f5"};
+    background-color: ${({ theme }) => theme.name === Themes.DARK ? "#2e2e2e" : "#f5f5f5"};
     cursor: pointer;
   }
   &.dragging:active {
@@ -334,7 +335,7 @@ const InnerElement = forwardRef((_a, ref) => {
     return (_jsxs(StyledTable, Object.assign({ ref: ref }, rest, { children: [_jsx(HeaderRowComponent, { columns: columns, resizeState: resizeState, _compact: _compact, headerHeight: headerHeight, onHeaderClick: onHeaderClick, dropColumn: dropColumn, dragColumn: dragColumn, showSelection: showSelection, selectAll: selectAll, selectionState: selectionState, handleSelectAll: handleSelectAll, handleColumnReorder: handleColumnReorder, onColumnResize: onColumnResize }), _jsx(StyledTbody, { className: "tbody" + (stripes ? " striped" : ""), stripes: stripes, children: children })] })));
 });
 const Row = ({ data, index, style }) => {
-    const { data: dataRows, columns, focusedRow, keyValue, _compact, queryKey, reloadFn, headerHeight, resizeState, onRowUpdated, } = data;
+    const { data: dataRows, columns, focusedRow, keyValue, _compact, queryKey, reloadFn, headerHeight, resizeState, onRowUpdated, onRowClick, onRowDoubleClick, } = data;
     const item = (dataRows === null || dataRows === void 0 ? void 0 : dataRows[index]) || {};
     const handleRowUpdated = (data) => {
         onRowUpdated === null || onRowUpdated === void 0 ? void 0 : onRowUpdated({ rowData: item, updateData: data });
@@ -390,7 +391,15 @@ const Row = ({ data, index, style }) => {
                     : savedColSize || MIN_COLUMN_WIDTH,
             }, children: [column.props.resizeEnabled !== false && _jsx(Resizer, { column: column }), value] }, shortUUID.generate()));
     });
-    return (_jsx(StyledTr, { className: `tr${isRowFocused ? " focused" : ""}`, "data-key": item[keyValue], "data-type": "tr", "data-even": index % 2 === 0 ? "true" : "false", compact: _compact, style: Object.assign(Object.assign({}, style), { top: ((style === null || style === void 0 ? void 0 : style.top) || 0) + headerHeight }), children: row }, shortUUID.generate()));
+    return (_jsx(StyledTr, { className: `tr${isRowFocused ? " focused" : ""}`, "data-key": item[keyValue], "data-type": "tr", "data-even": index % 2 === 0 ? "true" : "false", compact: _compact, onClick: (e) => {
+            // dblclick event
+            if (e.detail === 2) {
+                onRowDoubleClick === null || onRowDoubleClick === void 0 ? void 0 : onRowDoubleClick(item);
+            }
+            else {
+                onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item);
+            }
+        }, style: Object.assign(Object.assign({}, style), { top: ((style === null || style === void 0 ? void 0 : style.top) || 0) + headerHeight }), children: row }, shortUUID.generate()));
 };
 export const useTable = () => {
     const [tableInstance, setTableInstance] = useState(null);
@@ -408,7 +417,7 @@ export const useTable = () => {
         onColumnResize: (e) => tableInstance === null || tableInstance === void 0 ? void 0 : tableInstance.onColumnResize(e),
     };
 };
-const Table = styled(({ className, children, data, rowHeight, headerHeight, tableInstance, queryKey, totalRecords, compact, focusedRow, keyValue, onScroll, allowColumnResize, allowColumnReorder, showActionColumn, showSelection, selectAll, reloadFn, onColumnReorder, onSelectionChanged, onActionButtonClick, onHeaderClick, onColumnResize, onRowUpdated, }) => {
+const Table = styled(({ className, children, data, rowHeight, headerHeight, tableInstance, queryKey, totalRecords, compact, focusedRow, keyValue, onScroll, allowColumnResize, allowColumnReorder, showActionColumn, showSelection, selectAll, reloadFn, onColumnReorder, onSelectionChanged, onActionButtonClick, onHeaderClick, onColumnResize, onRowUpdated, onRowClick, onRowDoubleClick, }) => {
     const rootRef = useRef(null);
     const [initialize, getInstance] = useOverlayScrollbars({
         options: {
@@ -669,6 +678,8 @@ const Table = styled(({ className, children, data, rowHeight, headerHeight, tabl
                                 : 38,
                         resizeState,
                         onRowUpdated,
+                        onRowClick,
+                        onRowDoubleClick,
                         tableWidth: width,
                     }, height: height, innerElementType: (props) => (_jsx(InnerElement, Object.assign({}, props, { columns: columns.filter((col) => !hiddenColumns.includes(col.props.dataField)), tableWidth: width, resizeState: resizeState, _compact: _compact, stripes: stripes, onHeaderClick: onHeaderClick, dropColumn: dropColumn, dragColumn: dragColumn, showSelection: showSelection, selectAll: selectAll, selectionState: selectionState, handleSelectAll: handleSelectAll, handleColumnReorder: handleColumnReorder, onColumnResize: onColumnResize }))), itemCount: data === null || data === void 0 ? void 0 : data.length, itemSize: rowHeight ? rowHeight : _compact ? 28 : 38, width: width, outerRef: setListElm, children: Row }) })) }) }));
 }) `

package/dist/theme/variants.js

@@ -2,8 +2,8 @@ import merge from "deepmerge";
 import typography from "./typography";
 // Themes
 export const THEMES = {
-    DARK: "dark",
-    LIGHT: "light",
+    DARK: "DARK",
+    LIGHT: "LIGHT",
 };
 const customBlue = {
     50: "#e9f0fb",
@@ -45,7 +45,7 @@ const lightVariant = {
     name: THEMES.LIGHT,
     typography,
     palette: {
-        mode: "light",
+        mode: THEMES.LIGHT,
         primary: {
             main: customBlue[700],
             contrastText: "#FFF",
@@ -168,7 +168,7 @@ const lightVariant = {
 const darkVariant = merge(lightVariant, {
     name: THEMES.DARK,
     palette: {
-        mode: "dark",
+        mode: THEMES.DARK,
         divider: "rgba(255, 255, 255, 0.15)",
         action: {
             hover: "rgba(255, 255, 255, 0.05)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.32",
+  "version": "1.1.34",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",