@monolith-forensics/monolith-ui 1.3.19 → 1.3.20

package/dist/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
 import { Size } from "../core";
-interface SwitchProps {
+export type SwitchProps = {
     className?: string;
     onChange: (e: any) => void;
     size?: Size;
@@ -13,6 +13,5 @@ interface SwitchProps {
     defaultValue?: boolean;
     value?: boolean;
     style?: CSSProperties;
-}
-declare const Switch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SwitchProps, never>> & string & Omit<({ className, onChange, size, label, labelPosition, description, error, required, disabled, defaultValue, value, style, ...other }: SwitchProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default Switch;
+};
+export declare const Switch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SwitchProps, never>> & string & Omit<({ className, onChange, size, label, labelPosition, description, error, required, disabled, defaultValue, value, style, ...other }: SwitchProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/Switch/Switch.js

@@ -118,7 +118,7 @@ const StyledThumb = styled(RadixSwitch.Thumb) `
                     : "translateX(17px)"};
   }
 `;
-const Switch = styled((_a) => {
+export const Switch = styled((_a) => {
     var { className, onChange, size = "xs", label, labelPosition = "right", description, error, required, disabled = false, defaultValue, value, style = {} } = _a, other = __rest(_a, ["className", "onChange", "size", "label", "labelPosition", "description", "error", "required", "disabled", "defaultValue", "value", "style"]);
     return (_jsxs("div", { className: className, children: [label && labelPosition === "left" && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, style: { margin: 0 }, children: label })), _jsx(StyledRoot, Object.assign({ size: size, className: "SwitchRoot", onCheckedChange: onChange, defaultChecked: defaultValue, checked: value, disabled: disabled, style: style }, other, { children: _jsx(StyledThumb, { size: size, className: "SwitchThumb" }) })), label && labelPosition === "right" && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, style: { margin: 0 }, children: label }))] }));
 }) `
@@ -127,4 +127,3 @@ const Switch = styled((_a) => {
   align-items: center;
   gap: 10px;
 `;
-export default Switch;

package/dist/Switch/index.d.ts

@@ -1 +1 @@
-export { default } from "./Switch";
+export * from "./Switch";

package/dist/Switch/index.js

@@ -1 +1 @@
-export { default } from "./Switch";
+export * from "./Switch";

package/dist/Table/TableMenu/TableMenu.js

@@ -12,6 +12,7 @@ import { QueryFilter, useQueryFilter, } from "../../QueryFilter";
 import shortUUID from "short-uuid";
 import { DefaultOperators } from "../../QueryFilter";
 import { useEffect, useRef } from "react";
+import { Switch } from "../..";
 const StyledContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -33,7 +34,7 @@ const TableMenu = () => {
     const inputRef = useRef(null);
     if ((tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.enabled) !== true)
         return null;
-    const { addButtonOptions, filterOptions, tableCountOptions, exportOptions, compactOptions, columnSelectorOptions, actionOptions, searchOptions, children, } = tableMenuOptions;
+    const { addButtonOptions, filterOptions, tableCountOptions, exportOptions, compactOptions, columnSelectorOptions, searchOptions, children, customMenuItems, } = tableMenuOptions;
     const queryFilter = useQueryFilter({
         defaultFilter: filterState,
         filterDefinitions: (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filterDefinitions) || [],
@@ -61,6 +62,19 @@ const TableMenu = () => {
             label: item.label,
         });
     };
+    const renderCustomMenuItems = (args) => {
+        return customMenuItems === null || customMenuItems === void 0 ? void 0 : customMenuItems.filter((item) => (item.postition || "left") === args.position).map((item, index) => {
+            if (item.type === "button") {
+                return _jsx(Button, Object.assign({ size: "xxs" }, item.options), index);
+            }
+            if (item.type === "menu") {
+                return (_jsx(DropDownMenu, Object.assign({ size: "xxs", arrow: true }, item.options), index));
+            }
+            if (item.type === "switch") {
+                return _jsx(Switch, Object.assign({ size: "xs" }, item.options), index);
+            }
+        });
+    };
     // simultate
     useEffect(() => {
         if (inputRef.current && searchState === "") {
@@ -83,8 +97,8 @@ const TableMenu = () => {
                                     leftSection: _jsx(FilterIcon, { size: 12 }),
                                 }, onItemSelect: handleSelectFilter, dropDownProps: {
                                     style: { width: 175, maxWidth: 400 },
-                                }, searchable: true, children: "Filter" })), (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.recordsTotalEnabled) === true && (_jsx(InfoBadge, { total: totalRecords || data.length })), enableSelection === true &&
-                                (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.selectionTotalEnabled) === true && (_jsx(InfoBadge, { total: getCalculatedSelectionTotal(), hint: "Selected Items", icon: CheckSquareIcon })), children] }), _jsxs(FlexedRow, { children: [(actionOptions === null || actionOptions === void 0 ? void 0 : actionOptions.enabled) === true && actionOptions.menu, (exportOptions === null || exportOptions === void 0 ? void 0 : exportOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: [
+                                }, searchable: true, children: "Filter" })), renderCustomMenuItems({ position: "left" }), (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.recordsTotalEnabled) === true && (_jsx(InfoBadge, { total: totalRecords || data.length })), enableSelection === true &&
+                                (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.selectionTotalEnabled) === true && (_jsx(InfoBadge, { total: getCalculatedSelectionTotal(), hint: "Selected Items", icon: CheckSquareIcon })), children] }), _jsxs(FlexedRow, { children: [renderCustomMenuItems({ position: "right" }), (exportOptions === null || exportOptions === void 0 ? void 0 : exportOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: [
                                     {
                                         label: "Export Visible Columns",
                                         value: TableExportOptions.ExportVisible,

package/dist/Table/types.d.ts

@@ -4,6 +4,7 @@ import { SelectionStatus, TableExportOptions } from "./enums";
 import { FilterDefinition, Query } from "../QueryFilter";
 import { DropDownMenuProps } from "../DropDownMenu";
 import { ButtonProps } from "../Button";
+import { SwitchProps } from "../Switch";
 export type StateStorage = {
     enabled: boolean;
     type: "localStorage";
@@ -210,6 +211,19 @@ export type TableFilterOptions = {
     filterDefinitions?: FilterDefinition[];
     onFilterChange?: (e: Query) => void;
 };
+export type CustomTableMenuItem = {
+    type: "button";
+    postition?: "left" | "right";
+    options: ButtonProps;
+} | {
+    type: "menu";
+    postition?: "left" | "right";
+    options: DropDownMenuProps;
+} | {
+    type: "switch";
+    postition?: "left" | "right";
+    options: SwitchProps;
+};
 export type TableMenuOptions = {
     enabled?: boolean;
     compactOptions?: {
@@ -227,10 +241,6 @@ export type TableMenuOptions = {
         recordsTotalEnabled?: boolean;
         selectionTotalEnabled?: boolean;
     };
-    actionOptions?: {
-        enabled?: boolean;
-        menu?: React.ReactNode;
-    };
     searchOptions?: {
         enabled?: boolean;
         placeholder?: string;
@@ -245,6 +255,7 @@ export type TableMenuOptions = {
         enabled?: boolean;
     };
     children?: React.ReactNode;
+    customMenuItems?: CustomTableMenuItem[];
 };
 export interface TableProps {
     columnProps: ColumnProps[];

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./TextInput";
 export * from "./SelectBox";
 export * from "./Button";
 export * from "./DropDownMenu";
+export * from "./Switch";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
@@ -20,7 +21,6 @@ export { default as Modal } from "./Modal";
 export { default as Flyout } from "./Flyout";
 export { FlyoutHeader, FlyoutTitle } from "./Flyout";
 export { default as FileInputField } from "./FileInputField";
-export { default as Switch } from "./Switch";
 export { default as CheckBox } from "./CheckBox";
 export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";

package/dist/index.js

@@ -4,6 +4,7 @@ export * from "./TextInput";
 export * from "./SelectBox";
 export * from "./Button";
 export * from "./DropDownMenu";
+export * from "./Switch";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
@@ -14,7 +15,6 @@ export { default as Modal } from "./Modal";
 export { default as Flyout } from "./Flyout";
 export { FlyoutHeader, FlyoutTitle } from "./Flyout";
 export { default as FileInputField } from "./FileInputField";
-export { default as Switch } from "./Switch";
 export { default as CheckBox } from "./CheckBox";
 export { default as Input } from "./Input";
 export { default as Tooltip } from "./Tooltip";

package/package.json

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