@itwin/itwinui-react 3.0.0-dev.3 → 3.0.0-dev.5

package/esm/core/Surface/Surface.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
-declare type SurfaceBodyOwnProps = {
+type SurfaceBodyOwnProps = {
     /**
      * Gives padding to the surface body
      */
     isPadded?: boolean;
 };
-declare type SurfaceProps = {
+type SurfaceProps = {
     /**
      * Sets the elevation of the surface
      */

package/esm/core/Surface/Surface.js

@@ -9,44 +9,57 @@ import { useSafeContext, supportsHas, Box } from '../utils/index.js';
  * Helper function that returns one of the preset surface elevation values.
  */
 const getSurfaceElevationValue = (elevation) => {
-    switch (elevation) {
-        case 0:
-            return 'none';
-        case 1:
-            return 'var(--iui-shadow-1)';
-        case 2:
-            return 'var(--iui-shadow-2)';
-        case 3:
-            return 'var(--iui-shadow-3)';
-        case 4:
-            return 'var(--iui-shadow-4)';
-        case 5:
-            return 'var(--iui-shadow-5)';
-        default:
-            return '';
-    }
+  switch (elevation) {
+    case 0:
+      return 'none';
+    case 1:
+      return 'var(--iui-shadow-1)';
+    case 2:
+      return 'var(--iui-shadow-2)';
+    case 3:
+      return 'var(--iui-shadow-3)';
+    case 4:
+      return 'var(--iui-shadow-4)';
+    case 5:
+      return 'var(--iui-shadow-5)';
+    default:
+      return '';
+  }
 };
 // ----------------------------------------------------------------------------
 // Surface.Header component
 const SurfaceHeader = React.forwardRef((props, ref) => {
-    const { children, className, ...rest } = props;
-    const { setHasLayout } = useSafeContext(SurfaceContext);
-    React.useEffect(() => {
-        if (!supportsHas()) {
-            setHasLayout(true);
-        }
-    }, [setHasLayout]);
-    return (React.createElement(Box, { className: cx('iui-surface-header', className), ref: ref, ...rest }, children));
+  const { children, className, ...rest } = props;
+  const { setHasLayout } = useSafeContext(SurfaceContext);
+  React.useEffect(() => {
+    if (!supportsHas()) {
+      setHasLayout(true);
+    }
+  }, [setHasLayout]);
+  return React.createElement(
+    Box,
+    { className: cx('iui-surface-header', className), ref: ref, ...rest },
+    children,
+  );
 });
 const SurfaceBody = React.forwardRef((props, ref) => {
-    const { children, className, isPadded, ...rest } = props;
-    const { setHasLayout } = useSafeContext(SurfaceContext);
-    React.useEffect(() => {
-        if (!supportsHas()) {
-            setHasLayout(true);
-        }
-    }, [setHasLayout]);
-    return (React.createElement(Box, { className: cx('iui-surface-body', className), ref: ref, "data-iui-padded": isPadded ? 'true' : undefined, ...rest }, children));
+  const { children, className, isPadded, ...rest } = props;
+  const { setHasLayout } = useSafeContext(SurfaceContext);
+  React.useEffect(() => {
+    if (!supportsHas()) {
+      setHasLayout(true);
+    }
+  }, [setHasLayout]);
+  return React.createElement(
+    Box,
+    {
+      className: cx('iui-surface-body', className),
+      ref: ref,
+      'data-iui-padded': isPadded ? 'true' : undefined,
+      ...rest,
+    },
+    children,
+  );
 });
 /**
  * The Surface container allows content to appear elevated through the use of a drop shadow
@@ -58,16 +71,31 @@ const SurfaceBody = React.forwardRef((props, ref) => {
  *   <Surface.Body isPadded={true}>Surface Body Content</Surface.Body>
  * </Surface>
  */
-export const Surface = Object.assign(React.forwardRef((props, ref) => {
+export const Surface = Object.assign(
+  React.forwardRef((props, ref) => {
     const { elevation, className, style, children, ...rest } = props;
     const [hasLayout, setHasLayout] = React.useState(false);
     const _style = {
-        '--iui-surface-elevation': getSurfaceElevationValue(elevation),
-        ...style,
+      '--iui-surface-elevation': getSurfaceElevationValue(elevation),
+      ...style,
     };
-    return (React.createElement(Box, { className: cx('iui-surface', className), style: _style, ref: ref, "data-iui-layout": hasLayout ? 'true' : undefined, ...rest },
-        React.createElement(SurfaceContext.Provider, { value: { setHasLayout } }, children)));
-}), {
+    return React.createElement(
+      Box,
+      {
+        className: cx('iui-surface', className),
+        style: _style,
+        ref: ref,
+        'data-iui-layout': hasLayout ? 'true' : undefined,
+        ...rest,
+      },
+      React.createElement(
+        SurfaceContext.Provider,
+        { value: { setHasLayout } },
+        children,
+      ),
+    );
+  }),
+  {
     /**
      * 	Surface header subcomponent
      */
@@ -76,6 +104,7 @@ export const Surface = Object.assign(React.forwardRef((props, ref) => {
      * 	Surface body subcomponent. Additional padding can be added to the body through the 'isPadded' prop
      */
     Body: SurfaceBody,
-});
+  },
+);
 const SurfaceContext = React.createContext(undefined);
 export default Surface;

package/esm/core/Table/SubRowExpander.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { Cell, CellProps } from 'react-table';
-export declare type SubRowExpanderProps<T extends Record<string, unknown>> = {
+export type SubRowExpanderProps<T extends Record<string, unknown>> = {
     cell: Cell<T>;
     expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;
     isDisabled: boolean;
     cellProps: CellProps<T>;
     density?: 'default' | 'condensed' | 'extra-condensed';
 };
-export declare const SubRowExpander: <T extends Record<string, unknown>>(props: SubRowExpanderProps<T>) => JSX.Element;
+export declare const SubRowExpander: <T extends Record<string, unknown>>(props: SubRowExpanderProps<T>) => React.JSX.Element;
 export default SubRowExpander;

package/esm/core/Table/SubRowExpander.js

@@ -6,14 +6,34 @@ import * as React from 'react';
 import { SvgChevronRight } from '../utils/index.js';
 import { IconButton } from '../Buttons/index.js';
 export const SubRowExpander = (props) => {
-    const { cell, isDisabled, cellProps, expanderCell, density } = props;
-    return (React.createElement(React.Fragment, null, expanderCell ? (expanderCell(cellProps)) : (React.createElement(IconButton, { style: {
-            marginRight: density === 'default' || density === undefined ? 8 : 4,
-        }, className: 'iui-table-row-expander', styleType: 'borderless', size: 'small', onClick: (e) => {
-            e.stopPropagation();
-            cell.row.toggleRowExpanded();
-        }, disabled: isDisabled }, React.createElement(SvgChevronRight, { style: {
-            transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
-        } })))));
+  const { cell, isDisabled, cellProps, expanderCell, density } = props;
+  return React.createElement(
+    React.Fragment,
+    null,
+    expanderCell
+      ? expanderCell(cellProps)
+      : React.createElement(
+          IconButton,
+          {
+            style: {
+              marginRight:
+                density === 'default' || density === undefined ? 8 : 4,
+            },
+            className: 'iui-table-row-expander',
+            styleType: 'borderless',
+            size: 'small',
+            onClick: (e) => {
+              e.stopPropagation();
+              cell.row.toggleRowExpanded();
+            },
+            disabled: isDisabled,
+          },
+          React.createElement(SvgChevronRight, {
+            style: {
+              transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
+            },
+          }),
+        ),
+  );
 };
 export default SubRowExpander;

package/esm/core/Table/Table.d.ts

@@ -3,7 +3,7 @@ import type { CellProps, TableOptions, Row, TableState } from 'react-table';
 import type { CommonProps } from '../utils/index.js';
 import type { TableFilterValue } from './filters/index.js';
 export declare const tableResizeStartAction = "tableResizeStart";
-export declare type TablePaginatorRendererProps = {
+export type TablePaginatorRendererProps = {
     /**
      * The zero-based index of the current page.
      */
@@ -43,7 +43,7 @@ export declare type TablePaginatorRendererProps = {
  * Table props.
  * columns and data must be memoized.
  */
-export declare type TableProps<T extends Record<string, unknown> = Record<string, unknown>> = Omit<TableOptions<T>, 'disableSortBy'> & {
+export type TableProps<T extends Record<string, unknown> = Record<string, unknown>> = Omit<TableOptions<T>, 'disableSortBy'> & {
     /**
      * Flag whether data is loading.
      * @default false