@worldresources/wri-design-systems 2.194.2 → 2.194.4

package/dist/index.d.ts

@@ -441,9 +441,16 @@ type RichTextEditorLabels = {
     /** Tooltip / aria labels for controls. */
     undoTooltip: string;
     redoTooltip: string;
-    fontFamilyTooltip: string;
+    textTypeTooltip: string;
     fontSizeTooltip: string;
+    alignmentTooltip: string;
+    alignLeftOptionLabel: string;
+    alignCenterOptionLabel: string;
+    alignRightOptionLabel: string;
+    alignJustifyOptionLabel: string;
     boldTooltip: string;
+    /** Short text rendered inside the bold control icon button (for example: B, N). */
+    boldIconText: string;
     italicTooltip: string;
     underlineTooltip: string;
     strikethroughTooltip: string;
@@ -451,6 +458,18 @@ type RichTextEditorLabels = {
     orderedListTooltip: string;
     linkTooltip: string;
     imageTooltip: string;
+    /** Placeholder text for link URL input in the link popover. */
+    linkUrlPlaceholder: string;
+    /** Placeholder text for link label input in the link popover. */
+    linkLabelPlaceholder: string;
+    /** Aria-label for link label input in the link popover. */
+    linkLabelAriaLabel: string;
+    /** Label for apply action in link popover. */
+    linkApplyLabel: string;
+    /** Label for remove action in link popover. */
+    linkRemoveLabel: string;
+    /** Validation message when URL is invalid in link popover. */
+    linkInvalidUrlMessage: string;
 };
 /**
  * Top-level labels map for the design system.
@@ -515,7 +534,7 @@ type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' |
     disabled?: boolean;
 };
 
-type RichTextEditorControlKey = 'undo' | 'redo' | 'fontFamily' | 'fontSize' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'bulletList' | 'orderedList' | 'link' | 'image';
+type RichTextEditorControlKey = 'undo' | 'redo' | 'textType' | 'fontSize' | 'alignment' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'bulletList' | 'orderedList' | 'link' | 'image';
 type RichTextEditorSize = string;
 type RichTextEditorProps = {
     defaultValue?: string;
@@ -652,6 +671,8 @@ type MenuItemProps = {
 type MenuProps = {
     theme?: 'light' | 'dark';
     label: string;
+    /** Hides the decorative arrow on the menu content. Default: false. */
+    hideArrow?: boolean;
     fontSize?: string;
     items?: MenuItemProps[];
     groups?: {
@@ -666,7 +687,7 @@ type MenuProps = {
     defaultSelectedValues?: string[];
 };
 
-declare const Menu: ({ theme, label, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Menu: ({ theme, label, hideArrow, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
@@ -1229,6 +1250,8 @@ type TableColumn = {
     label: string;
     sortable?: boolean;
     width?: string;
+    /** Optional custom renderer for this column cell. */
+    cell?: (row: any) => ReactNode;
     /** When true, this column sticks to the left during horizontal scroll. */
     sticky?: boolean;
 };
@@ -1239,7 +1262,7 @@ type TableRenderRowContext = {
 type TableProps = {
     columns: TableColumn[];
     data?: any;
-    renderRow: (row: any, context?: TableRenderRowContext) => ReactNode;
+    renderRow?: (row: any, context?: TableRenderRowContext) => ReactNode;
     striped?: boolean;
     stickyHeader?: boolean;
     selectable?: boolean;
@@ -1259,6 +1282,7 @@ type TableProps = {
     onPageSizeChange?: (pageSize: number) => void;
     onPageChange?: (page: number) => void;
     onAllItemsSelected?: (checked: boolean) => void;
+    onRowSelected?: (row: any, checked: boolean) => void;
     loading?: boolean;
     /** When set, the table scrolls vertically within this height and horizontally when it overflows its container (e.g. '400px', '60vh'). */
     height?: string;
@@ -1266,7 +1290,7 @@ type TableProps = {
     labels?: Partial<TableLabels>;
 };
 
-declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, height, labels, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, onRowSelected, loading, height, labels, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const TableRow: React__default.ForwardRefExoticComponent<Table$1.RowProps & React__default.RefAttributes<HTMLTableRowElement>>;
 declare const TableCell: React__default.ForwardRefExoticComponent<Table$1.CellProps & React__default.RefAttributes<HTMLTableCellElement>>;