@monolith-forensics/monolith-ui 1.3.30 → 1.3.32

package/dist/SelectBox/SelectBox.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled, { useTheme } from "styled-components";
+import { useTheme } from "styled-components";
 import { useFloating, flip, offset, FloatingPortal, autoUpdate, } from "@floating-ui/react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Input, FieldLabel, Tooltip, Loader } from "..";
@@ -9,12 +9,6 @@ import { DEFAULT_DROPDOWN_HEIGHT, DROPDOWN_OFFSET, getEmptyMessage, KEYBOARD_KEY
 import { StyledInputContainer, StyledInnerItemContainer, EmptyComponent, GroupTitle, ActionMenu, StyledItem, StyledContainer, } from "./select-box.styled-components";
 // Re-export for backward compatibility
 export { StyledInputContainer };
-const StyledInput = styled(Input) `
-  &[disabled] {
-    opacity: 1;
-    pointer-events: none;
-  }
-`;
 export const SelectBox = ({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, value, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, OptionTooltip, // Custom tooltip component for search menu items
 DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
     var _a, _b, _c, _d, _e, _f;
@@ -361,7 +355,7 @@ DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
     // ============================================================================
     // Render
     // ============================================================================
-    return (_jsxs(StyledContainer, { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, tabIndex: disabled ? -1 : 0, children: [_jsx(StyledInput, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, disabled: disabled, tabIndex: disabled ? -1 : 0, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), renderActionButton()] }), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, { ref: (ref) => {
+    return (_jsxs(StyledContainer, { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, tabIndex: disabled ? -1 : 0, children: [_jsx(Input, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, disabled: disabled, tabIndex: disabled ? -1 : 0, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), renderActionButton()] }), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, { ref: (ref) => {
                         containerRef.current = ref;
                         refs.setFloating(ref);
                     }, style: floatingStyles, className: "mfFloating", children: _jsxs(StyledContent, Object.assign({ className: "mfFloatingContent", style: {

package/dist/SelectBox/select-box.styled-components.js

@@ -40,6 +40,11 @@ export const StyledInputContainer = styled.div `
       pointer-events: none;
     }
   }
+
+  input[disabled] {
+    opacity: 1 !important;
+    pointer-events: none !important;
+  }
 `;
 export const StyledInnerItemContainer = styled.div `
   overflow-y: auto;

package/dist/Table/types.d.ts

@@ -12,7 +12,10 @@ export type StateStorage = {
 };
 export type RenderOptions = {
     rowData: any;
-    onRowUpdated?: () => void;
+    onRowUpdated?: (context: {
+        rowData: any;
+        updatedData: any;
+    }) => void;
 };
 export interface ColumnProps {
     columnId?: string;
@@ -144,7 +147,10 @@ export type TableContextType = {
     onColumnResize?: (e: OnColumnChangeProps) => void;
     onColumnReorder?: (e: OnColumnChangeProps) => void;
     onTableExport?: OnTableExportFn;
-    onRowUpdated: () => void;
+    onRowUpdated?: (context: {
+        rowData: any;
+        updatedData: any;
+    }) => void;
     handleColumnReorder: (dragColumn: ColumnState, dropColumn: ColumnState) => void;
     handleColumnHeaderClick: (column: ColumnState) => void;
     onColumnStateChange?: (e: ColumnState[]) => void;
@@ -196,7 +202,10 @@ export interface TableProviderProps {
         column: ColumnState;
         sort?: SortState | null;
     }) => void;
-    onRowUpdated?: () => void;
+    onRowUpdated?: (context: {
+        rowData: any;
+        updatedData: any;
+    }) => void;
 }
 export interface TableRowProps {
     rowData: {
@@ -291,7 +300,10 @@ export interface TableProps {
     tableMenuOptions?: TableMenuOptions;
     focusedRowId?: string | number;
     children?: React.ReactNode;
-    onRowUpdated?: () => void;
+    onRowUpdated?: (context: {
+        rowData: any;
+        updatedData: any;
+    }) => void;
     onSelectionChange?: onSelectionChangeFn;
     onActionButtonClick?: (rowData: any) => void;
     onColumnResize?: (e: OnColumnChangeProps) => void;

package/package.json

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