@ringcentral/spring-ui 1.12.0 → 1.13.0

package/TableRow.js

@@ -1,35 +1,74 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useClasses, useButton } from '@ringcentral/spring-base';
-import { useThemeProps } from '@ringcentral/spring-theme';
-import { u as useTablelvl2Context } from './chunks/Tablelvl2Context.js';
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { useButton, useClasses } from "@ringcentral/spring-base";
+import { useThemeProps } from "@ringcentral/spring-theme";
+import { useTableContext } from "./chunks/7279.js";
+import { useTablelvl2Context } from "./chunks/8011.js";
+import { TableRowContext } from "./chunks/987.js";
+
+
+
+
+
+// extracted by css-extract-rspack-plugin
+/* export default */ var TableRow = ({"sui-table-row-root":"sui-table-row-root","sui-table-row-clickable":"sui-table-row-clickable","sui-table-row-hoverable":"sui-table-row-hoverable","sui-focus-visible":"sui-focus-visible","sui-active":"sui-active","sui-table-row-body":"sui-table-row-body","sui-selected":"sui-selected","sui-table-cell":"sui-table-cell"});
+
+
+
+
+
+
 
-var TableRow$1 = {"sui-table-row-root":"sui-table-row-root","sui-table-row-clickable":"sui-table-row-clickable","sui-table-row-hoverable":"sui-table-row-hoverable","sui-focus-visible":"sui-focus-visible","sui-active":"sui-active","sui-table-row-body":"sui-table-row-body","sui-selected":"sui-selected","sui-table-cell":"sui-table-cell"};
 
 const defaultComponent = 'tr';
-const TableRow = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'TableRow' });
-    const { component: TableRowRoot = defaultComponent, classes, className, children, hoverable = false, clickable: clickableProp, selected, role: roleProp, ...rest } = props;
+const TableRow_TableRow = /*#__PURE__*/ forwardRef((inProps, ref)=>{
+    const props = useThemeProps({
+        props: inProps,
+        name: 'TableRow'
+    });
+    const { component: TableRowRoot = defaultComponent, classes, className, children, hoverable = false, clickable: clickableProp, selected, size: sizeProp, role: roleProp, ...rest } = props;
     const cls = useClasses('table-row', classes, className);
+    const table = useTableContext();
     const tablelvl2 = useTablelvl2Context();
-    const variant = (tablelvl2 && tablelvl2.variant) || 'body';
-    const clickable = clickableProp !== false && rest.onClick ? true : (clickableProp ?? false);
+    const variant = tablelvl2 && tablelvl2.variant || 'body';
+    const size = sizeProp ?? table.size;
+    const clickable = clickableProp !== false && rest.onClick ? true : clickableProp ?? false;
     const { getRootProps, focusVisible, active } = useButton({
         ...props,
         disabled: !clickable,
         rootElementName: TableRowRoot,
-        rootRef: ref,
+        rootRef: ref
     });
     const rootProps = getRootProps(rest);
     const role = roleProp ?? (TableRowRoot !== defaultComponent ? 'row' : undefined);
-    return (jsx(TableRowRoot, { className: cls('root', variant, {
-            hoverable,
-            clickable,
-            selected,
-            focusVisible: clickable && focusVisible,
-            active: clickable && active,
-        }), ...rest, ...(clickable && rootProps), role: role, ref: ref, children: children }));
+    const rowContext = useMemo(()=>({
+            size
+        }), [
+        size
+    ]);
+    return /*#__PURE__*/ jsx(TableRowContext.Provider, {
+        value: rowContext,
+        children: /*#__PURE__*/ jsx(TableRowRoot, {
+            className: cls('root', variant, {
+                hoverable,
+                clickable,
+                selected,
+                focusVisible: clickable && focusVisible,
+                active: clickable && active
+            }),
+            ...rest,
+            ...clickable && rootProps,
+            role: role,
+            ref: ref,
+            children: children
+        })
+    });
 });
-TableRow.displayName = 'SuiTableRow';
+TableRow_TableRow.displayName = 'SuiTableRow';
+
+
+
+
+
 
-export { TableRow, TableRow$1 as tableRowStyle };
+export { TableRow as tableRowStyle, TableRow_TableRow as TableRow };