@muraldevkit/ui-toolkit 4.39.2-dev-MDdX.1 → 4.41.0

package/dist/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Link } from 'react-router-dom';
+export type BreadcrumbItemLink = {
+    text: string;
+    link: string;
+} | {
+    text: string;
+    link: React.ComponentPropsWithoutRef<typeof Link>;
+};
+export type BreadcrumbItem = {
+    isSelected?: boolean;
+    hasSeparator?: boolean;
+    isTruncated?: boolean;
+} & BreadcrumbItemLink;
+export interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {
+    /**
+     * Children to be rendered within the component
+     */
+    children?: React.ReactNode;
+    /**
+     * Determines whether a separator should be displayed after this breadcrumb item.
+     */
+    hasSeparator?: BreadcrumbItem['hasSeparator'];
+    /**
+     * Indicates whether this breadcrumb item represents the currently selected or
+     * active page.
+     */
+    isSelected?: BreadcrumbItem['isSelected'];
+    /**
+     * Specifies whether the text content of this breadcrumb item should be truncated
+     * if it exceeds a certain width. This is useful for handling long page titles
+     * or labels within the breadcrumb.
+     */
+    isTruncated?: boolean;
+    link?: BreadcrumbItem['link'];
+    text?: BreadcrumbItem['text'];
+}
+/**
+ * MrlBreadcrumbItem component.
+ *
+ * @param props The MrlBreadcrumbItem component properties.
+ * @returns The MrlBreadcrumbItem component.
+ */
+export declare function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element;

package/dist/components/breadcrumb/MrlBreadcrumbItem/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlBreadcrumbItem';

package/dist/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * MrlBreadcrumbSeparator component.
+ *
+ * @returns The MrlBreadcrumbSeparator component.
+ */
+export declare function MrlBreadcrumbSeparator(): JSX.Element;

package/dist/components/breadcrumb/MrlBreadcrumbSeparator/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlBreadcrumbSeparator';

package/dist/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BreadcrumbItem } from '../MrlBreadcrumbItem';
+/**
+ * Props for the MrlBreadcrumbs component.
+ */
+export interface MrlBreadcrumbsProps extends React.ComponentPropsWithRef<'nav'> {
+    /**
+     * A string value used for data-qa attribute.
+     */
+    ['data-qa']?: string;
+    /**
+     * The aria-label of the nav element
+     */
+    ['aria-label']: string;
+    /**
+     * This prop accepts an array of objects, where each object represents a single breadcrumb item.
+     * It's used to define the structure, content, and behavior of the breadcrumbs displayed in the component.
+     * The `link` prop could be either the props of a react-router-dom link or a string. If a string is provided it will
+     * render a regular link.
+     */
+    items: BreadcrumbItem[];
+}
+/**
+ * MrlBreadcrumbs component.
+ *
+ * @param props The MrlBreadcrumbs component properties.
+ * @returns The MrlBreadcrumbs component.
+ */
+export declare function MrlBreadcrumbs(props: MrlBreadcrumbsProps): JSX.Element;

package/dist/components/breadcrumb/MrlBreadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlBreadcrumbs';

package/dist/components/breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MrlBreadcrumbItem';
+export * from './MrlBreadcrumbs';
+export * from './MrlBreadcrumbSeparator';

package/dist/components/index.d.ts

@@ -30,3 +30,4 @@ export * from './panel';
 export * from './rovingTabindex';
 export * from './toolbar';
 export * from './filter';
+export * from './breadcrumb';

package/dist/components/table/MrlSmartTable/MrlSmartTable.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MrlTableProps } from '../MrlTable';
-import { MrlSortDirection, MrlTableColumnId, MrlTableColumnSortDescriptor, MrlTableItemId, MrlTableSelectionMode } from '../constants';
+import { MrlSortDirection, MrlTableCellHorizontalAlign, MrlTableColumnId, MrlTableColumnSortDescriptor, MrlTableItemId, MrlTableSelectionMode } from '../constants';
 export interface MrlSmartColumnRendererProps {
     /**
      * The column being rendered.
@@ -28,6 +28,7 @@ export interface MrlSmartColumnRendererProps {
     sortDescriptor?: MrlTableColumnSortDescriptor;
     hasScrollShadowLeft: boolean;
     hasScrollShadowRight: boolean;
+    horizontalAlign?: MrlTableCellHorizontalAlign;
 }
 export interface MrlSmartCellRendererProps {
     /**
@@ -79,6 +80,11 @@ export interface MrlSmartTableColumn {
      * The display name of the column.
      */
     name: string;
+    /**
+     * The horizontal alignment of the column content.
+     * If not provided, the default alignment is left.
+     */
+    horizontalAlign?: MrlTableCellHorizontalAlign;
     /**
      * A component used to override rendering for each column cell. The
      * component is expected to render a MrlTableColumn.

package/dist/components/table/MrlTableCell/MrlTableCell.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MrlTableColumnSticky } from '../MrlSmartTable';
+import { MrlTableCellHorizontalAlign } from '../constants';
 export interface MrlTableCellProps extends React.ComponentPropsWithoutRef<'td'> {
     /**
      * An element id (and if not provided, a unique value decorated
@@ -14,6 +15,7 @@ export interface MrlTableCellProps extends React.ComponentPropsWithoutRef<'td'>
     sticky?: MrlTableColumnSticky;
     hasScrollShadowLeft?: boolean;
     hasScrollShadowRight?: boolean;
+    horizontalAlign?: MrlTableCellHorizontalAlign;
 }
 /**
  * MrlTableCell Component

package/dist/components/table/MrlTableColumn/MrlTableColumn.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MrlTableColumnSticky } from '../MrlSmartTable';
+import { MrlTableCellHorizontalAlign } from '../constants';
 export interface MrlTableColumnProps extends React.ComponentPropsWithoutRef<'th'> {
     /**
      * An element id (and if not provided, a unique value decorated
@@ -14,6 +15,7 @@ export interface MrlTableColumnProps extends React.ComponentPropsWithoutRef<'th'
     sticky?: MrlTableColumnSticky;
     hasScrollShadowLeft?: boolean;
     hasScrollShadowRight?: boolean;
+    horizontalAlign?: MrlTableCellHorizontalAlign;
 }
 /**
  * MrlTableColumn Component

package/dist/components/table/constants.d.ts

@@ -19,3 +19,4 @@ export interface MrlTableColumnSortDescriptor {
     name: string;
 }
 export type MrlTableSelectionMode = 'single' | 'multiple';
+export type MrlTableCellHorizontalAlign = 'left' | 'right';