@itwin/itwinui-react 3.11.3 → 3.12.1

package/esm/core/Stepper/WorkflowDiagramStep.js

@@ -1,14 +1,34 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import cx from 'classnames';
 import * as React from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Box } from '../../utils/index.js';
 export const WorkflowDiagramStep = (props) => {
-    const { title, description, className, style, contentProps, ...rest } = props;
-    const stepShape = (React.createElement(Box, { as: 'li', className: cx('iui-workflow-diagram-step', className), style: style, ...rest },
-        React.createElement(Box, { as: 'span', ...contentProps, className: cx('iui-workflow-diagram-content', contentProps?.className) }, title)));
-    return description ? (React.createElement(Tooltip, { content: description }, stepShape)) : (stepShape);
+  const { title, description, className, style, contentProps, ...rest } = props;
+  const stepShape = React.createElement(
+    Box,
+    {
+      as: 'li',
+      className: cx('iui-workflow-diagram-step', className),
+      style: style,
+      ...rest,
+    },
+    React.createElement(
+      Box,
+      {
+        as: 'span',
+        ...contentProps,
+        className: cx('iui-workflow-diagram-content', contentProps?.className),
+      },
+      title,
+    ),
+  );
+  return description
+    ? React.createElement(
+        Tooltip,
+        {
+          content: description,
+        },
+        stepShape,
+      )
+    : stepShape;
 };

package/esm/core/Surface/Surface.js

@@ -1,91 +1,109 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import cx from 'classnames';
 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 undefined;
-    }
+  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 undefined;
+  }
 };
-/** Returns correct border value based on prop */
 const getBorderValue = (border) => {
-    if (typeof border === 'string') {
-        return border;
-    }
-    if (border === false) {
-        return 'none';
-    }
-    return undefined;
+  if (typeof border === 'string') {
+    return border;
+  }
+  if (border === false) {
+    return 'none';
+  }
+  return undefined;
 };
-// ----------------------------------------------------------------------------
-// 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
- * @example
- * <Surface>Surface Content</Surface>
- * <Surface elevation={2}>Surface Content</Surface>
- * <Surface>
- *   <Surface.Header>Surface Header Content</Surface.Header>
- *   <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)));
-}), {
-    /**
-     * 	Surface header subcomponent
-     */
+    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,
+      ),
+    );
+  }),
+  {
     Header: SurfaceHeader,
-    /**
-     * 	Surface body subcomponent. Additional padding can be added to the body through the 'isPadded' prop
-     */
     Body: SurfaceBody,
-});
+  },
+);
 const SurfaceContext = React.createContext(undefined);

package/esm/core/Table/SubRowExpander.js

@@ -1,18 +1,37 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 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, ...rest } = 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, ...rest }, React.createElement(SvgChevronRight, { style: {
-            transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
-        } })))));
+  const { cell, isDisabled, cellProps, expanderCell, density, ...rest } = 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,
+            ...rest,
+          },
+          React.createElement(SvgChevronRight, {
+            style: {
+              transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
+            },
+          }),
+        ),
+  );
 };