@movable/ui 3.18.1 → 3.19.0

package/lib/components/Alert/InkAlert.d.ts

@@ -0,0 +1,25 @@
+import { AlertProps } from '@mui/material/Alert';
+export type InkAlertProps = {
+    /**
+     * The title of the alert (optional)
+     */
+    title?: string;
+    /**
+     * The message content of the alert (optional)
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the underlying Alert component
+     */
+    alertProps?: Omit<AlertProps, 'children'>;
+    /**
+     * Test selector for the alert
+     */
+    testSelector?: string;
+};
+/**
+ * InkAlert component provides a consistent way to display alerts with proper
+ * alignment and styling. It handles the vertical alignment issues when
+ * using title and/or message by applying appropriate styles.
+ */
+export declare function InkAlert({ title, message, alertProps, testSelector, }: InkAlertProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Alert/index.d.ts

@@ -1 +1,2 @@
 export { InkHighlightAlert } from './InkHighlightAlert';
+export { InkAlert, type InkAlertProps } from './InkAlert';

package/lib/components/index.d.ts

@@ -27,4 +27,4 @@ export { InkChart } from './InkChart';
 export { InkCard } from './InkCard';
 export { InkGridToolBar } from './InkGridToolBar';
 export { InkDataGrid, InkDataGridEmpty, InkDataGridTextWrapCell, createEmptyColumns, createTextWrapColumn, type InkDataGridProps, type InkDataGridEmptyProps, type InkDataGridTextWrapCellProps, } from './InkDataGrid';
-export { InkHighlightAlert } from './Alert';
+export { InkHighlightAlert, InkAlert, type InkAlertProps } from './Alert';

package/lib/index.d.ts

@@ -333,6 +333,32 @@ declare type IndexLayoutProps = Grid2Props & {
     children: React.ReactNode;
 };
 
+/**
+ * InkAlert component provides a consistent way to display alerts with proper
+ * alignment and styling. It handles the vertical alignment issues when
+ * using title and/or message by applying appropriate styles.
+ */
+export declare function InkAlert({ title, message, alertProps, testSelector, }: InkAlertProps): JSX_2.Element;
+
+export declare type InkAlertProps = {
+    /**
+     * The title of the alert (optional)
+     */
+    title?: string;
+    /**
+     * The message content of the alert (optional)
+     */
+    message?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the underlying Alert component
+     */
+    alertProps?: Omit<AlertProps_2, 'children'>;
+    /**
+     * Test selector for the alert
+     */
+    testSelector?: string;
+};
+
 export declare function InkAttributeList({ label, attributes, ...listProps }: InkAttributeListProps): JSX_2.Element;
 
 declare type InkAttributeListProps = ListProps & {