@muraldevkit/ui-toolkit 2.83.1 → 2.84.0

package/README.md

@@ -22,7 +22,12 @@ If you need to verify your local changes in an external project see our [Local E
 
 Within the project you'll find the `src/` directory, which logically groups components together. For more information on our components see our [Component standards](./src/storybook_docs/getting-started/component-standards.mdx)
 
-## Documentation
+## Documentation 
+### Usage
+The source of truth for component and token documentation is at http://uitoolkit.mural.co/. Sign in with your Google account and explore.
+If you have any questions or feedback, please let us know in slack `#ask-fe-platform` 
+
+### Development
 Our doc site uses Storybook as living documentation and dev environment. We support [mdx](https://mdxjs.com/) files and standard Storybook files, we use [CSF version 3](https://storybook.js.org/blog/component-story-format-3-0/). You can find examples on how to add markdown docs to the doc section of our site in the `src/storybookds_docs`. For documentation on how to write [Storybook stories](https://storybook.js.org/docs/react/writing-stories/introduction).
 
 *During deployments we remove the docs and strip comments.*

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "stop" | "play";
+        state: "play" | "stop";
     };
     argTypes: {
         delay: {

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { MrlTableProps } from '../MrlTable';
 import { MrlSortDirection, MrlTableColumnId, MrlTableColumnSortDescriptor, MrlTableItemId, MrlTableSelectionMode } from '../constants';
 export interface MrlSmartColumnRendererProps {
@@ -58,6 +58,11 @@ export interface MrlTableItem extends Record<string, unknown> {
      * This makes the row item visually disabled.
      */
     isDisabled?: boolean;
+    /**
+     * A ref to the table row element
+     * The ref is an object where the key is the item id and the value is the table row element
+     */
+    rowRef?: React.MutableRefObject<Record<MrlTableItemId, HTMLTableRowElement>>;
 }
 export type MrlTableColumnSticky = 'left' | 'right';
 export interface MrlSmartTableColumn {

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

@@ -7,6 +7,10 @@ export interface MrlTableRowProps extends React.ComponentPropsWithoutRef<'tr'> {
      * @default `${id}-mrl-table-row`
      */
     id?: string;
+    /**
+     * Id of the MrlTableItem associated with the table row
+     */
+    itemId?: string;
     /**
      *
      * Custom click handler to be used for mouse and keyboard selection of table row
@@ -19,4 +23,4 @@ export interface MrlTableRowProps extends React.ComponentPropsWithoutRef<'tr'> {
  * @param {MrlTableRowProps} props - MrlTableRow component props
  * @returns a table row element
  */
-export declare function MrlTableRow({ className, onClick, ...rest }: MrlTableRowProps): JSX.Element;
+export declare const MrlTableRow: React.ForwardRefExoticComponent<MrlTableRowProps & React.RefAttributes<Record<string, HTMLTableRowElement>>>;