@monolith-forensics/monolith-ui 1.3.97 → 1.3.104

package/dist/Table/TableRow.js

@@ -8,12 +8,13 @@ import ActionButton from "./ActionButton";
 import CheckBox from "../CheckBox";
 import { LoadingCellIndicator } from "./LoadingCellIndicator";
 const TableRow = ({ rowData, loading, rowStyle }) => {
-    const { columnState, enableActionButton, onActionButtonClick, actionButtonIcon: Icon, enableSelection, selectRow, deselectRow, isRowSelected, onRowUpdated, } = useTable();
+    const { columnState, enableActionButton, onActionButtonClick, actionButtonIcon: Icon, enableSelection, selectRow, deselectRow, isRowSelected, isRowFocused, onRowUpdated, } = useTable();
     const selected = isRowSelected(rowData);
+    const focused = isRowFocused(rowData);
     const handleSelectionChange = (e) => {
         e === true ? selectRow(rowData) : deselectRow(rowData);
     };
-    return (_jsxs(TR, { className: "mfui-tr", style: rowStyle, "data-key": rowData.__key, "data-selected": selected, children: [enableSelection && (_jsx(ActionCell, { className: `mfui-td column-select`, children: _jsx(InnerCellContent, { className: "mfui inner-cell-content row-action", children: _jsx(CheckBox, { className: `mfui-checkbox`, value: selected, onChange: (e) => handleSelectionChange(e) }) }) })), enableActionButton && (_jsx(ActionCell, { className: `mfui-td column-action`, children: _jsx(InnerCellContent, { className: "mfui inner-cell-content row-action", children: _jsx(ActionButton, { variant: "subtle", onClick: () => onActionButtonClick === null || onActionButtonClick === void 0 ? void 0 : onActionButtonClick(rowData), children: Icon ? _jsx(Icon, { size: 14 }) : _jsx(Maximize2Icon, { size: 14 }) }) }) })), columnState.map((column, index) => {
+    return (_jsxs(TR, { className: "mfui-tr", style: rowStyle, "data-key": rowData.__key, "data-selected": selected, "data-focused": focused, children: [enableSelection && (_jsx(ActionCell, { className: `mfui-td column-select`, children: _jsx(InnerCellContent, { className: "mfui inner-cell-content row-action", children: _jsx(CheckBox, { className: `mfui-checkbox`, value: selected, onChange: (e) => handleSelectionChange(e) }) }) })), enableActionButton && (_jsx(ActionCell, { className: `mfui-td column-action`, children: _jsx(InnerCellContent, { className: "mfui inner-cell-content row-action", children: _jsx(ActionButton, { variant: "subtle", onClick: () => onActionButtonClick === null || onActionButtonClick === void 0 ? void 0 : onActionButtonClick(rowData), children: Icon ? _jsx(Icon, { size: 14 }) : _jsx(Maximize2Icon, { size: 14 }) }) }) })), columnState.map((column, index) => {
                 if (column.visible === false)
                     return null;
                 if (loading) {

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";
@@ -11,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;
@@ -39,6 +43,7 @@ export type SelectionState = {
     selectedRowKeys: string[];
     excludedRowKeys: string[];
     selectionStatus: SelectionStatus;
+    totalSelected: number;
 };
 export type SortState = {
     dataField: string;
@@ -90,12 +95,12 @@ export type TableDimensions = {
 };
 export type TableContextType = {
     columnState: ColumnState[];
+    setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
     sortState?: SortState | null;
     filterState?: Query | null;
     searchState?: string | null;
     data: any[];
     totalRecords?: number;
-    setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
     keyField?: string;
     tableHeight?: number;
     tableMaxHeight?: number;
@@ -124,6 +129,7 @@ export type TableContextType = {
     manualSearch?: boolean;
     manualExport?: boolean;
     compactState: boolean;
+    focusedRowId?: string | number;
     toggleCompact: () => void;
     toggleColumnVisibility: (dataField: string) => void;
     runSearch: (query: string) => void;
@@ -132,6 +138,7 @@ export type TableContextType = {
     selectAllRows: () => void;
     clearSelections: () => void;
     isRowSelected: (row: any) => boolean;
+    isRowFocused: (row: any) => boolean;
     onSelectionChange?: onSelectionChangeFn;
     selectRow: (row: any) => void;
     deselectRow: (row: any) => void;
@@ -140,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;
@@ -178,6 +188,7 @@ export interface TableProviderProps {
     manualExport?: boolean;
     enableSorting?: boolean;
     tableMenuOptions?: TableMenuOptions;
+    focusedRowId?: string | number;
     onSelectionChange?: onSelectionChangeFn;
     onActionButtonClick?: (rowData: any) => void;
     onColumnResize?: (e: OnColumnChangeProps) => void;
@@ -191,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: {
@@ -210,6 +224,19 @@ export type TableFilterOptions = {
     filterDefinitions?: FilterDefinition[];
     onFilterChange?: (e: Query) => void;
 };
+export type CustomTableMenuItem = {
+    type: "button";
+    position?: "left" | "right";
+    options: ButtonProps;
+} | {
+    type: "menu";
+    position?: "left" | "right";
+    options: DropDownMenuProps;
+} | {
+    type: "switch";
+    position?: "left" | "right";
+    options: SwitchProps;
+};
 export type TableMenuOptions = {
     enabled?: boolean;
     compactOptions?: {
@@ -241,6 +268,7 @@ export type TableMenuOptions = {
         enabled?: boolean;
     };
     children?: React.ReactNode;
+    customMenuItems?: CustomTableMenuItem[];
 };
 export interface TableProps {
     columnProps: ColumnProps[];
@@ -270,8 +298,12 @@ export interface TableProps {
     manualFiltering?: boolean;
     manualExport?: boolean;
     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;
@@ -292,7 +324,7 @@ export interface TableProps {
 }
 export type TableInstance = {
     columnState: ColumnState[];
-    setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
+    setColumnState: (e: ColumnState[]) => void;
     getColumnState: (dataField: string) => ColumnState | undefined;
     onColumnResize?: (e: OnColumnChangeProps) => void;
     onColumnReorder?: (e: OnColumnChangeProps) => void;
@@ -301,10 +333,12 @@ export type TableInstance = {
     getColumnVisibility: (dataField: string) => boolean;
     getSelectedRows: () => any[];
     getSelectedRowKeys: () => string[];
+    getSelectionTotal: () => number;
     selectRow: (row: any) => void;
     deselectRow: (row: any) => void;
     selectAllRows: () => void;
     runSearch: (query: string) => void;
     clearSearch: () => void;
     clearSelections: () => void;
+    getTableState: () => TableState;
 };

package/dist/TextAreaInput/TextAreaInput.js

@@ -30,13 +30,21 @@ const InsertMenuOverlay = styled.div `
   opacity: ${({ $visible }) => ($visible ? 1 : 0)};
   pointer-events: ${({ $visible }) => ($visible ? "auto" : "none")};
   transform: ${({ $visible }) => $visible ? "translateY(0)" : "translateY(-4px)"};
-  transition: opacity 0.2s ease, transform 0.2s ease;
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
 `;
 const StyledInsertSelectBox = styled(SelectBox) `
   width: 100%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   border: 1px solid ${({ theme }) => theme.palette.primary.main};
 `;
+const StyledMoreHorizontal = styled(MoreHorizontal) `
+  color: ${({ theme }) => theme.palette.text.secondary};
+  &:hover {
+    color: ${({ theme }) => theme.palette.text.primary};
+  }
+`;
 const TextAreaInput = forwardRef((props, ref) => {
     const { 
     // UI
@@ -132,7 +140,7 @@ const TextAreaInput = forwardRef((props, ref) => {
                             height: 16,
                             width: 16,
                         },
-                    }, children: _jsx(MoreHorizontal, { size: 16 }) })) : null, children: label })), _jsxs(TextAreaWrapper, { children: [_jsx(TextArea, Object.assign({ ref: mergedRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements }, rest)), (insertableItems === null || insertableItems === void 0 ? void 0 : insertableItems.length) && (_jsx(InsertMenuOverlay, { ref: insertMenuRef, "$visible": showInsertMenu, children: _jsx(StyledInsertSelectBox, { data: insertableItems, placeholder: "Select item to insert...", searchable: true, clearable: false, arrow: false, focused: showInsertMenu, openOnFocus: true, triggerOpen: triggerSelectBoxOpen, onOpened: handleSelectBoxOpened, onChange: handleInsertSelect, size: size }) }))] })] }));
+                    }, children: _jsx(StyledMoreHorizontal, { size: 16 }) })) : null, children: label })), _jsxs(TextAreaWrapper, { children: [_jsx(TextArea, Object.assign({ ref: mergedRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements }, rest)), (insertableItems === null || insertableItems === void 0 ? void 0 : insertableItems.length) && (_jsx(InsertMenuOverlay, { ref: insertMenuRef, "$visible": showInsertMenu, children: _jsx(StyledInsertSelectBox, { data: insertableItems, placeholder: "Select item to insert...", searchable: true, clearable: false, arrow: false, focused: showInsertMenu, openOnFocus: true, triggerOpen: triggerSelectBoxOpen, onOpened: handleSelectBoxOpened, onChange: handleInsertSelect, size: size }) }))] })] }));
 });
 TextAreaInput.displayName = "TextAreaInput";
 export default TextAreaInput;

package/dist/Tooltip/Tooltip.d.ts

@@ -7,6 +7,8 @@ interface TooltipProps {
     sideOffset?: number;
     align?: "start" | "center" | "end";
     delayDuration?: number;
+    /** When true, the tooltip stays open while hovering over its content */
+    hoverableContent?: boolean;
 }
-declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, hoverableContent, }: TooltipProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
 export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import * as RadixTooltip from "@radix-ui/react-tooltip";
-const Tooltip = styled(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
+const Tooltip = styled(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 300, hoverableContent = false, }) => {
     if (!content)
         return children;
-    return (_jsx(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: _jsxs(RadixTooltip.Root, { children: [_jsx(RadixTooltip.Trigger, { asChild: true, children: children }), _jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
+    return (_jsx(RadixTooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: 0, disableHoverableContent: !hoverableContent, children: _jsxs(RadixTooltip.Root, { children: [_jsx(RadixTooltip.Trigger, { asChild: true, children: children }), _jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
 }) `
-  pointer-events: none;
+  pointer-events: ${({ hoverableContent }) => hoverableContent ? "auto" : "none"};
   z-index: 999999;
   background-color: ${({ theme }) => theme.palette.background.default};
   padding: 15px;

package/dist/index.d.ts

@@ -8,14 +8,13 @@ export * from "./Grid";
 export * from "./TextInput";
 export * from "./SelectBox";
 export * from "./Button";
+export * from "./DropDownMenu";
+export * from "./Switch";
+export * from "./Alert";
 export { default as IconButton } from "./IconButton";
-export { default as DropDownMenu } from "./DropDownMenu";
-export type { DropDownItem } from "./DropDownMenu";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
-export { default as SelectableTextArea } from "./SelectableTextArea";
-export type { SelectableTextAreaProps } from "./SelectableTextArea";
 export { default as TagBox } from "./TagBox";
 export type { TagBoxProps, TagboxOption } from "./TagBox";
 export { default as FieldLabel } from "./FieldLabel";
@@ -23,7 +22,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

@@ -3,19 +3,19 @@ export * from "./Grid";
 export * from "./TextInput";
 export * from "./SelectBox";
 export * from "./Button";
+export * from "./DropDownMenu";
+export * from "./Switch";
+export * from "./Alert";
 export { default as IconButton } from "./IconButton";
-export { default as DropDownMenu } from "./DropDownMenu";
 export { default as DateInput } from "./DateInput";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
-export { default as SelectableTextArea } from "./SelectableTextArea";
 export { default as TagBox } from "./TagBox";
 export { default as FieldLabel } from "./FieldLabel";
 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/theme/variants.js

@@ -173,8 +173,43 @@ const lightVariant = {
             default: "transparent",
             primary: customBlue[500],
             secondary: "#a1a1a1",
+            alternate: "#f0f0f0",
             error: "#f44336",
         },
+        text: {
+            default: "#000",
+            primary: customBlue[500],
+            error: "#f44336",
+            secondary: "#a1a1a1",
+            alternate: "#000",
+        },
+    },
+    alert: {
+        info: {
+            background: "#3f88de25",
+            border: "#3f88de50",
+            color: "#357fff",
+        },
+        success: {
+            background: "#4bef2a25",
+            border: "#4bef2a90",
+            color: "#2eb333",
+        },
+        warning: {
+            background: "#eaa82425",
+            border: "#eaa82450",
+            color: "#d18f0b",
+        },
+        error: {
+            background: "#ee1d1d25",
+            border: "#ee1d1d50",
+            color: "#e41a1a",
+        },
+        default: {
+            background: "#fff",
+            border: "#cacaca",
+            color: "#000000",
+        },
     },
 };
 const darkVariant = merge(lightVariant, {
@@ -282,11 +317,41 @@ const darkVariant = merge(lightVariant, {
             default: "transparent",
             primary: customBlue[500],
             secondary: "#3f3f3f",
+            alternate: "#3f3f3f",
             error: "#f44336",
         },
         text: {
-            primary: "rgba(255, 255, 255, 0.95)",
+            primary: customBlue[500],
+            error: "#f44336",
             secondary: "rgba(255, 255, 255, 0.6)",
+            alternate: "rgba(255, 255, 255, 0.6)",
+        },
+    },
+    alert: {
+        info: {
+            background: "#3f88de25",
+            border: "#3f88de50",
+            color: "#75a8ff",
+        },
+        success: {
+            background: "#4bef2a25",
+            border: "#4bef2a50",
+            color: "#5fd964",
+        },
+        warning: {
+            background: "#eaa82425",
+            border: "#eaa82450",
+            color: "#da9c21",
+        },
+        error: {
+            background: "#ee1d1d25",
+            border: "#ee1d1d50",
+            color: "#e41a1a",
+        },
+        default: {
+            background: "#222222",
+            border: "rgba(255, 255, 255, 0.15)",
+            color: "#ffffff99",
         },
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.97",
+  "version": "1.3.104",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -56,7 +56,6 @@
     "moment": "^2.29.1",
     "overlayscrollbars": "^2.6.0",
     "overlayscrollbars-react": "^0.5.6",
-    "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
     "react-icons": "^5.2.1",
     "react-pdf": "^9.1.1",
@@ -71,7 +70,8 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.59.16",
-    "react": "18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@tanstack/react-query": "5.59.16",

package/dist/QueryFilter/useFilterHelper.d.ts

@@ -1,20 +0,0 @@
-import { UseQueryOptions } from "@tanstack/react-query";
-import { FilterDefinition } from "./types";
-import { DropDownItem } from "../DropDownMenu";
-/** Override Filters Type
- * some properties have been overridden to allow for partial overrides
- */
-type FilterDefinitionOverride = Partial<Omit<FilterDefinition, "query" | "dataField">> & {
-    dataField: string;
-    query?: Omit<Partial<UseQueryOptions>, "select" | "queryKey"> & {
-        select?: (data: unknown) => DropDownItem[];
-        queryKey?: UseQueryOptions["queryKey"];
-    };
-};
-export interface UseFilterHelperParams {
-    filterDef: FilterDefinition[];
-    overrides?: FilterDefinitionOverride[];
-}
-export type UseFilterHelperType = (p: UseFilterHelperParams) => FilterDefinition[];
-export declare const useFilterHelper: UseFilterHelperType;
-export {};

package/dist/QueryFilter/useFilterHelper.js

@@ -1,61 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useQueries } from "@tanstack/react-query";
-const mergeOverrides = (filterDef, overrides) => {
-    return filterDef.map((f) => {
-        var _a, _b, _c;
-        const override = overrides.find((o) => o.dataField === f.dataField);
-        if (!override) {
-            return f;
-        }
-        const { query, dropDownOptions } = override, rest = __rest(override, ["query", "dropDownOptions"]);
-        // Handle merge directly on query and dropDownOptions
-        // prevents overriding the entire query object
-        // allows user to override specific properties
-        if (query) {
-            f.query = Object.assign(Object.assign(Object.assign({}, f.query), query), { queryFn: query.queryFn || ((_a = f === null || f === void 0 ? void 0 : f.query) === null || _a === void 0 ? void 0 : _a.queryFn) || (() => { }), queryKey: query.queryKey || ((_b = f === null || f === void 0 ? void 0 : f.query) === null || _b === void 0 ? void 0 : _b.queryKey) || [], select: query.select || ((_c = f === null || f === void 0 ? void 0 : f.query) === null || _c === void 0 ? void 0 : _c.select) || (() => []) });
-        }
-        if (dropDownOptions) {
-            f.dropDownOptions = Object.assign(Object.assign({}, f.dropDownOptions), dropDownOptions);
-        }
-        // Merge override with original filter def
-        return Object.assign(Object.assign({}, f), rest);
-    });
-};
-export const useFilterHelper = ({ filterDef, overrides, }) => {
-    let _filterDef = filterDef;
-    if (!!overrides) {
-        _filterDef = mergeOverrides(filterDef, overrides);
-    }
-    // Keeps track of filters that have queries
-    const queryIndex = [];
-    // Get query options from filter defs
-    const queries = filterDef
-        .filter((f, i) => {
-        // Track array index of filter def that has a query
-        const hasQuery = f.query !== undefined;
-        hasQuery && queryIndex.push(i);
-        return hasQuery;
-    })
-        .map((filter) => filter.query);
-    // run queries from filter defs
-    const result = useQueries({
-        queries,
-    });
-    // Add useQueries result data to filter def as options
-    queryIndex.forEach((index, i) => {
-        var _a;
-        // User query index to add useQueries result data to filter def as options
-        filterDef[index].selectOptions = (_a = result[i]) === null || _a === void 0 ? void 0 : _a.data;
-    });
-    return filterDef;
-};

package/dist/SelectableTextArea/SelectableTextArea.d.ts

@@ -1,31 +0,0 @@
-import type { DropDownItem } from "../DropDownMenu";
-export interface SelectableTextAreaProps {
-    label?: string;
-    data?: Array<{
-        label: string;
-        value: string;
-    }>;
-    searchable?: boolean;
-    allowCustomValue?: boolean;
-    required?: boolean;
-    error?: string;
-    description?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    selectProps?: Record<string, any>;
-    textAreaPlaceholder?: string;
-    textAreaMinRows?: number;
-    textAreaMaxRows?: number;
-    textAreaProps?: Record<string, any>;
-    initialValue?: string;
-    actionMenuData?: Array<{
-        label: string;
-        value: string;
-    }>;
-    onActionMenuSelect?: (item: DropDownItem) => void;
-}
-declare function SelectableTextArea({ label, data, searchable, allowCustomValue, required, error, description, selectProps, value, onChange, textAreaPlaceholder, textAreaMinRows, textAreaMaxRows, textAreaProps, initialValue, actionMenuData, onActionMenuSelect, }: SelectableTextAreaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SelectableTextArea {
-    var displayName: string;
-}
-export default SelectableTextArea;