@monolith-forensics/monolith-ui 1.2.95 → 1.2.97

package/dist/FieldLabel/FieldLabel.d.ts

@@ -14,6 +14,7 @@ interface FieldLabelProps {
     description?: string;
     size?: Size;
     asterisk?: boolean;
+    style?: React.CSSProperties;
 }
-declare const FieldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FieldLabelProps, never>> & string & Omit<({ className, children, error, description, size, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const FieldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FieldLabelProps, never>> & string & Omit<({ className, children, error, description, size, style, }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default FieldLabel;

package/dist/FieldLabel/FieldLabel.js

@@ -24,8 +24,8 @@ export const InfoComponent = styled(({ className, children, description, label }
     margin-bottom: 5px;
   }
 `;
-const FieldLabel = styled(({ className, children, error, description, size = "sm", }) => {
-    return (_jsxs("div", { className: className + " FieldLabel", children: [_jsx(InfoComponent, { description: description, label: children, children: _jsx("div", { className: "label", children: children }) }), error && (_jsx("div", { className: "error", title: error, children: error || "Invalid Value" }))] }));
+const FieldLabel = styled(({ className, children, error, description, size = "sm", style, }) => {
+    return (_jsxs("div", { className: className + " FieldLabel", style: style, children: [_jsx(InfoComponent, { description: description, label: children, children: _jsx("div", { className: "label", children: children }) }), error && (_jsx("div", { className: "error", title: error, children: error || "Invalid Value" }))] }));
 }) `
   user-select: none;
   font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,

package/dist/Switch/Switch.js

@@ -120,7 +120,7 @@ const StyledThumb = styled(RadixSwitch.Thumb) `
 `;
 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, 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, children: label }))] }));
+    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 }))] }));
 }) `
   display: flex;
   flex-direction: row;

package/dist/Table/Table.js

@@ -30,17 +30,17 @@ const StyledTableContainer = styled.div `
   height: 0px;
   flex: 1 1 auto;
 `;
-const TableContent = () => {
+const TableContent = ({ children, }) => {
     const { columnState, tableElement, tableHeight, tableMaxHeight, tableMinHeight, headerRowElm, tableDimensions, targetElm, listElm, rowHeight, headerRowHeight, compactState, virtualized, loading, } = useTable();
     const visibleColumnCount = columnState.filter((column) => column.visible === true).length;
-    return (_jsxs(StyledTableContainer, { children: [_jsx(TableMenu, {}), _jsxs(StyledTable, { className: "mfui-table", style: {
+    return (_jsxs(StyledTableContainer, { children: [_jsx(TableMenu, {}), children, _jsxs(StyledTable, { className: "mfui-table", style: {
                     height: tableHeight || "100%",
                     maxHeight: tableMaxHeight,
                     minHeight: tableMinHeight,
                 }, ref: tableElement, "data-compact": compactState, children: [_jsx(LoadingIndicator, { visible: loading }), _jsx(TableHeader, { headerRowElm: headerRowElm }), visibleColumnCount === 0 && _jsx(_Fragment, {}), virtualized === true ? (_jsx(VirtualizedRows, { tableDimensions: tableDimensions, targetElm: targetElm, listElm: listElm, rowHeight: rowHeight, headerRowHeight: headerRowHeight })) : (_jsx(StaticRows, { targetElm: targetElm, listElm: listElm }))] })] }));
 };
 export const Table = (_a) => {
-    var { data, columnProps } = _a, props = __rest(_a, ["data", "columnProps"]) // pass through props straight to table context
+    var { data, columnProps, children } = _a, props = __rest(_a, ["data", "columnProps", "children"]) // pass through props straight to table context
     ;
     const tableElement = useRef(null);
     const targetElm = useRef(null);
@@ -110,5 +110,5 @@ export const Table = (_a) => {
         };
     }, []);
     const __data = useMemo(() => data === null || data === void 0 ? void 0 : data.map((d, i) => (Object.assign(Object.assign({}, d), { __key: shortUUID.generate(), __index: i }))), [data]);
-    return (_jsx(TableProvider, Object.assign({ columns: columnProps, data: __data, tableElement: tableElement, headerRowElm: headerRowElm, tableDimensions: tableDimensions, targetElm: targetElm, listElm: listElm }, props, { children: _jsx(TableContent, {}) })));
+    return (_jsx(TableProvider, Object.assign({ columns: columnProps, data: __data, tableElement: tableElement, headerRowElm: headerRowElm, tableDimensions: tableDimensions, targetElm: targetElm, listElm: listElm }, props, { children: _jsx(TableContent, { children: children }) })));
 };

package/dist/Table/TableMenu/TableMenu.js

@@ -31,7 +31,7 @@ const TableMenu = () => {
     const { data, columnState, searchState, toggleColumnVisibility, tableMenuOptions, runSearch, enableSelection, compactState, toggleCompact, totalRecords, getCalculatedSelectionTotal, filterState, handleFilterChange, } = useTable();
     if ((tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.enabled) !== true)
         return null;
-    const { addButtonOptions, filterOptions, tableCountOptions, exportOptions, compactOptions, columnSelectorOptions, searchOptions, } = tableMenuOptions;
+    const { addButtonOptions, filterOptions, tableCountOptions, exportOptions, compactOptions, columnSelectorOptions, searchOptions, children, } = tableMenuOptions;
     const queryFilter = useQueryFilter({
         defaultFilter: filterState,
         filterDefinitions: (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filterDefinitions) || [],
@@ -76,7 +76,7 @@ const TableMenu = () => {
                                 }, 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 }))] }), _jsxs(FlexedRow, { children: [(exportOptions === null || exportOptions === void 0 ? void 0 : exportOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: [
+                                (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.selectionTotalEnabled) === true && (_jsx(InfoBadge, { total: getCalculatedSelectionTotal(), hint: "Selected Items", icon: CheckSquareIcon })), children] }), _jsxs(FlexedRow, { children: [(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/TableProvider.js

@@ -116,6 +116,9 @@ const TableProvider = (_a) => {
     const runSearch = (searchText) => {
         setSearch(searchText);
     };
+    const clearSearch = () => {
+        setSearch("");
+    };
     const sortData = (sortState) => {
         // sort data
         return props.data.sort((a, b) => {
@@ -418,6 +421,7 @@ const TableProvider = (_a) => {
                 selectAllRows,
                 clearSelections,
                 runSearch,
+                clearSearch,
             };
         }
     }, [columnState]);
@@ -503,6 +507,7 @@ const TableProvider = (_a) => {
             clearSelections,
             toggleColumnVisibility,
             runSearch,
+            clearSearch,
             handleFilterChange,
             filterState,
             compactState,

package/dist/Table/types.d.ts

@@ -126,6 +126,7 @@ export type TableContextType = {
     toggleCompact: () => void;
     toggleColumnVisibility: (dataField: string) => void;
     runSearch: (query: string) => void;
+    clearSearch: () => void;
     handleFilterChange: (query: Query) => void;
     selectAllRows: () => void;
     clearSelections: () => void;
@@ -237,6 +238,7 @@ export type TableMenuOptions = {
     columnSelectorOptions?: {
         enabled?: boolean;
     };
+    children?: React.ReactNode;
 };
 export interface TableProps {
     columnProps: ColumnProps[];
@@ -265,6 +267,7 @@ export interface TableProps {
     manualFiltering?: boolean;
     manualExport?: boolean;
     tableMenuOptions?: TableMenuOptions;
+    children?: React.ReactNode;
     onRowUpdated?: () => void;
     onSelectionChange?: onSelectionChangeFn;
     onActionButtonClick?: (rowData: any) => void;
@@ -299,5 +302,6 @@ export type TableInstance = {
     deselectRow: (row: any) => void;
     selectAllRows: () => void;
     runSearch: (query: string) => void;
+    clearSearch: () => void;
     clearSelections: () => void;
 };

package/package.json

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