@monolith-forensics/monolith-ui 1.2.89 → 1.2.90

package/dist/DropDownMenu/components/MenuItem.js

@@ -75,6 +75,7 @@ export const MenuItem = styled(forwardRef((_a, forwardedRef) => {
                     : "2px 8px"};
 
     &[data-disabled] {
+      opacity: 0.5;
       color: ${(props) => props.theme.palette.text.secondary};
       pointer-events: "none";
     }

package/dist/DropDownMenu/components/MenuItemList.js

@@ -35,9 +35,10 @@ export const MenuItemList = ({ menuItems, searchable, searchValue = "", isObject
         onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
         (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, item);
     };
+    const visibleItems = menuItems.filter((item) => item.visible !== false);
     const filteredItems = searchable
-        ? filterMenuItems(menuItems, searchValue)
-        : menuItems;
+        ? filterMenuItems(visibleItems, searchValue)
+        : visibleItems;
     useLayoutEffect(() => {
         if (listElm.current) {
             if (onScroll) {
@@ -72,9 +73,9 @@ export const MenuItemList = ({ menuItems, searchable, searchValue = "", isObject
                 const item = (data === null || data === void 0 ? void 0 : data[index]) || {};
                 const isSelected = !!(selected === null || selected === void 0 ? void 0 : selected.find((s) => isObjectArray ? (s === null || s === void 0 ? void 0 : s.value) === (item === null || item === void 0 ? void 0 : item.value) : s === item));
                 if (item.items) {
-                    return (_jsx(DropDownMenu, { data: item.items, size: size, buttonProps: { style }, children: item.label }));
+                    return (_jsx(DropDownMenu, { data: item.items, size: size, buttonProps: { style }, disabled: item.disabled, children: item.label }));
                 }
-                return (_jsx(MenuItem, { className: "MenuItem", itemData: item, TooltipContent: TooltipContent, "data-selected": isSelected, leftSection: multiselect ? (_jsxs(_Fragment, { children: [_jsx(CheckBox, { value: isSelected, size: size, onChange: (newValue) => {
+                return (_jsx(MenuItem, { className: "MenuItem", itemData: item, TooltipContent: TooltipContent, "data-selected": isSelected, "data-disabled": item.disabled, disabled: item.disabled, leftSection: multiselect ? (_jsxs(_Fragment, { children: [_jsx(CheckBox, { value: isSelected, size: size, onChange: (newValue) => {
                                     var _a;
                                     newValue ? handleAddItem(item) : handleRemoveItem(item);
                                     (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, item);

package/dist/DropDownMenu/types.d.ts

@@ -12,6 +12,8 @@ export type DropDownItem = {
     items?: DropDownItem[];
     leftSection?: React.ReactNode;
     rightSection?: React.ReactNode;
+    disabled?: boolean;
+    visible?: boolean;
 };
 export type SearchInputProps = React.ComponentPropsWithoutRef<typeof Input>;
 export interface StyledContentProps {
@@ -39,6 +41,7 @@ export interface DropDownMenuProps {
     dropDownProps?: ComponentPropsWithoutRef<typeof StyledContent>;
     buttonRender?: (props: any) => ReactElement;
     buttonProps?: ButtonProps;
+    disabled?: boolean;
 }
 export interface MenuProps {
     label?: any;
@@ -55,4 +58,5 @@ export interface MenuProps {
     onMenuClose?: () => void;
     TooltipContent?: ComponentType<any>;
     dropDownProps?: ComponentPropsWithoutRef<typeof StyledContent>;
+    disabled?: boolean;
 }

package/dist/Table/VirtualIzedRows.js

@@ -6,16 +6,18 @@ import TableDefaults from "./TableDefaults";
 import TableRow from "./TableRow";
 const VirtualizedRows = ({ tableDimensions, targetElm, listElm, rowHeight, headerRowHeight }) => {
     const { data, compactState } = useTable();
-    return (_jsx(TableViewPort, { className: "mfui-tbody-viewport", ref: targetElm, style: tableDimensions, children: _jsx(FixedSizeList, { itemData: { data }, overscanCount: 10, height: tableDimensions.height -
-                (headerRowHeight
-                    ? headerRowHeight
-                    : compactState
-                        ? TableDefaults.row.height.compact
-                        : TableDefaults.row.height.normal), width: tableDimensions.width, itemCount: (data === null || data === void 0 ? void 0 : data.length) || 0, itemSize: rowHeight
-                ? rowHeight
-                : compactState
-                    ? TableDefaults.row.height.compact
-                    : TableDefaults.row.height.normal, outerRef: listElm, innerElementType: (props) => {
+    const effectiveRowHeight = compactState
+        ? TableDefaults.row.height.compact
+        : rowHeight
+            ? rowHeight
+            : TableDefaults.row.height.normal;
+    const viewPortHeight = tableDimensions.height -
+        (headerRowHeight
+            ? headerRowHeight
+            : compactState
+                ? TableDefaults.row.height.compact
+                : TableDefaults.row.height.normal);
+    return (_jsx(TableViewPort, { className: "mfui-tbody-viewport", ref: targetElm, style: tableDimensions, children: _jsx(FixedSizeList, { itemData: { data }, overscanCount: 10, height: viewPortHeight, width: tableDimensions.width, itemCount: (data === null || data === void 0 ? void 0 : data.length) || 0, itemSize: effectiveRowHeight, outerRef: listElm, innerElementType: (props) => {
                 return _jsx(TBody, Object.assign({ className: "mfui-tbody" }, props));
             }, children: ({ data, index, style }) => {
                 var _a;

package/package.json

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