@itwin/itwinui-react 3.0.3 → 3.0.5

package/esm/core/Surface/Surface.js

@@ -9,67 +9,54 @@ 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 '';
+    }
 };
 /** Returns correct border value based on prop */
 const getBorderValue = (border) => {
-  if (typeof border === 'string') {
-    return border;
-  }
-  if (border === false) {
-    return 'none';
-  }
-  return '';
+    if (typeof border === 'string') {
+        return border;
+    }
+    if (border === false) {
+        return 'none';
+    }
+    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
@@ -81,39 +68,17 @@ 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) => {
-    const {
-      elevation,
-      border = true,
-      className,
-      style,
-      children,
-      ...rest
-    } = props;
+export const Surface = Object.assign(React.forwardRef((props, ref) => {
+    const { elevation, border = true, className, style, children, ...rest } = props;
     const [hasLayout, setHasLayout] = React.useState(false);
     const _style = {
-      '--iui-surface-elevation': getSurfaceElevationValue(elevation),
-      '--iui-surface-border': getBorderValue(border),
-      ...style,
+        '--iui-surface-elevation': getSurfaceElevationValue(elevation),
+        '--iui-surface-border': getBorderValue(border),
+        ...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
      */
@@ -122,7 +87,6 @@ export const Surface = Object.assign(
      * 	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.js

@@ -6,36 +6,14 @@ import * as React from 'react';
 import { SvgChevronRight } from '../utils/index.js';
 import { IconButton } from '../Buttons/IconButton.js';
 export const SubRowExpander = (props) => {
-  const { cell, isDisabled, cellProps, expanderCell, density } = props;
-  return React.createElement(
-    React.Fragment,
-    null,
-    expanderCell
-      ? expanderCell(cellProps)
-      : React.createElement(
-          IconButton,
-          {
-            'aria-label': 'Toggle sub row',
-            'aria-expanded': cell.row.isExpanded ? 'true' : 'false',
-            style: {
-              marginInlineEnd:
-                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, { "aria-label": 'Toggle sub row', "aria-expanded": cell.row.isExpanded ? 'true' : 'false', style: {
+            marginInlineEnd: 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;