@itwin/itwinui-react 3.12.2 → 3.13.0

package/esm/core/Stepper/StepperStep.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Box } from '../../utils/index.js';
 export const StepperStep = React.forwardRef((props, forwardedRef) => {
-  const {
+  let {
     title,
     index,
     currentStepNumber,
@@ -19,26 +19,19 @@ export const StepperStep = React.forwardRef((props, forwardedRef) => {
     nameProps,
     ...rest
   } = props;
-  const isPast = currentStepNumber > index;
-  const isActive = currentStepNumber === index;
-  const isClickable = isPast && !!onClick;
-  const onCompletedClick = () => {
-    if (isClickable) {
-      onClick?.(index);
-    }
+  let isPast = currentStepNumber > index;
+  let isActive = currentStepNumber === index;
+  let isClickable = isPast && !!onClick;
+  let onCompletedClick = () => {
+    if (isClickable) onClick?.(index);
   };
-  const onKeyDown = (e) => {
-    if (e.altKey) {
-      return;
-    }
-    if (!isClickable) {
-      return;
-    }
-    if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
+  let onKeyDown = (e) => {
+    if (e.altKey) return;
+    if (!isClickable) return;
+    if ('Enter' === e.key || 'Space' === e.key || ' ' === e.key)
       onCompletedClick();
-    }
   };
-  const stepShape = React.createElement(
+  let stepShape = React.createElement(
     Box,
     {
       as: 'li',
@@ -53,14 +46,14 @@ export const StepperStep = React.forwardRef((props, forwardedRef) => {
         stepProps?.className,
       ),
       style: {
-        inlineSize: type === 'default' ? `${100 / totalSteps}%` : undefined,
+        inlineSize: 'default' === type ? `${100 / totalSteps}%` : void 0,
         ...style,
         ...stepProps?.style,
       },
       onClick: onCompletedClick,
       onKeyDown: onKeyDown,
-      'aria-current': isActive ? 'step' : undefined,
-      tabIndex: isClickable ? 0 : undefined,
+      'aria-current': isActive ? 'step' : void 0,
+      tabIndex: isClickable ? 0 : void 0,
       ref: forwardedRef,
       ...rest,
     },
@@ -84,7 +77,7 @@ export const StepperStep = React.forwardRef((props, forwardedRef) => {
         index + 1,
       ),
     ),
-    type === 'default' &&
+    'default' === type &&
       React.createElement(
         Box,
         {

package/esm/core/Stepper/WorkflowDiagram.js

@@ -3,7 +3,7 @@ import cx from 'classnames';
 import { Box } from '../../utils/index.js';
 import { WorkflowDiagramStep } from './WorkflowDiagramStep.js';
 export const WorkflowDiagram = React.forwardRef((props, ref) => {
-  const { steps, className, contentProps, wrapperProps, ...rest } = props;
+  let { steps, className, contentProps, wrapperProps, ...rest } = props;
   return React.createElement(
     Box,
     {
@@ -19,7 +19,7 @@ export const WorkflowDiagram = React.forwardRef((props, ref) => {
         ...rest,
       },
       steps.map((s, index) => {
-        const thisContentProps = contentProps?.(index);
+        let thisContentProps = contentProps?.(index);
         return React.createElement(WorkflowDiagramStep, {
           contentProps: thisContentProps,
           key: index,

package/esm/core/Stepper/WorkflowDiagramStep.js

@@ -3,8 +3,8 @@ 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(
+  let { title, description, className, style, contentProps, ...rest } = props;
+  let stepShape = React.createElement(
     Box,
     {
       as: 'li',

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

@@ -3,6 +3,7 @@ import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
 type SurfaceBodyOwnProps = {
     /**
      * Gives padding to the surface body
+     * @default false
      */
     isPadded?: boolean;
 };

package/esm/core/Surface/Surface.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import cx from 'classnames';
 import { useSafeContext, supportsHas, Box } from '../../utils/index.js';
-const getSurfaceElevationValue = (elevation) => {
+let getSurfaceElevationValue = (elevation) => {
   switch (elevation) {
     case 0:
       return 'none';
@@ -16,25 +16,18 @@ const getSurfaceElevationValue = (elevation) => {
     case 5:
       return 'var(--iui-shadow-5)';
     default:
-      return undefined;
+      return;
   }
 };
-const getBorderValue = (border) => {
-  if (typeof border === 'string') {
-    return border;
-  }
-  if (border === false) {
-    return 'none';
-  }
-  return undefined;
+let getBorderValue = (border) => {
+  if ('string' == typeof border) return border;
+  if (false === border) return 'none';
 };
-const SurfaceHeader = React.forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const { setHasLayout } = useSafeContext(SurfaceContext);
+let SurfaceHeader = React.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  let { setHasLayout } = useSafeContext(SurfaceContext);
   React.useEffect(() => {
-    if (!supportsHas()) {
-      setHasLayout(true);
-    }
+    if (!supportsHas()) setHasLayout(true);
   }, [setHasLayout]);
   return React.createElement(
     Box,
@@ -46,20 +39,18 @@ const SurfaceHeader = React.forwardRef((props, ref) => {
     children,
   );
 });
-const SurfaceBody = React.forwardRef((props, ref) => {
-  const { children, className, isPadded, ...rest } = props;
-  const { setHasLayout } = useSafeContext(SurfaceContext);
+let SurfaceBody = React.forwardRef((props, ref) => {
+  let { children, className, isPadded = false, ...rest } = props;
+  let { setHasLayout } = useSafeContext(SurfaceContext);
   React.useEffect(() => {
-    if (!supportsHas()) {
-      setHasLayout(true);
-    }
+    if (!supportsHas()) setHasLayout(true);
   }, [setHasLayout]);
   return React.createElement(
     Box,
     {
       className: cx('iui-surface-body', className),
       ref: ref,
-      'data-iui-padded': isPadded ? 'true' : undefined,
+      'data-iui-padded': isPadded ? 'true' : void 0,
       ...rest,
     },
     children,
@@ -67,7 +58,7 @@ const SurfaceBody = React.forwardRef((props, ref) => {
 });
 export const Surface = Object.assign(
   React.forwardRef((props, ref) => {
-    const {
+    let {
       elevation,
       border = true,
       className,
@@ -75,8 +66,8 @@ export const Surface = Object.assign(
       children,
       ...rest
     } = props;
-    const [hasLayout, setHasLayout] = React.useState(false);
-    const _style = {
+    let [hasLayout, setHasLayout] = React.useState(false);
+    let _style = {
       '--iui-surface-elevation': getSurfaceElevationValue(elevation),
       '--iui-surface-border': getBorderValue(border),
       ...style,
@@ -87,7 +78,7 @@ export const Surface = Object.assign(
         className: cx('iui-surface', className),
         style: _style,
         ref: ref,
-        'data-iui-layout': hasLayout ? 'true' : undefined,
+        'data-iui-layout': hasLayout ? 'true' : void 0,
         ...rest,
       },
       React.createElement(
@@ -106,4 +97,4 @@ export const Surface = Object.assign(
     Body: SurfaceBody,
   },
 );
-const SurfaceContext = React.createContext(undefined);
+let SurfaceContext = React.createContext(void 0);

package/esm/core/Table/SubRowExpander.js

@@ -2,7 +2,7 @@ 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;
+  let { cell, isDisabled, cellProps, expanderCell, density, ...rest } = props;
   return React.createElement(
     React.Fragment,
     null,
@@ -15,7 +15,7 @@ export const SubRowExpander = (props) => {
             'aria-expanded': cell.row.isExpanded ? 'true' : 'false',
             style: {
               marginInlineEnd:
-                density === 'default' || density === undefined ? 8 : 4,
+                'default' === density || void 0 === density ? 8 : 4,
             },
             className: 'iui-table-row-expander',
             styleType: 'borderless',
@@ -29,7 +29,7 @@ export const SubRowExpander = (props) => {
           },
           React.createElement(SvgChevronRight, {
             style: {
-              transform: cell.row.isExpanded ? 'rotate(90deg)' : undefined,
+              transform: cell.row.isExpanded ? 'rotate(90deg)' : void 0,
             },
           }),
         ),

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

@@ -268,4 +268,7 @@ export type TableProps<T extends Record<string, unknown> = Record<string, unknow
  *   isSortable={true}
  * />
  */
-export declare const Table: <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>) => JSX.Element;
+export declare const Table: {
+    <T extends Record<string, unknown> = Record<string, unknown>>(props: TableProps<T>): JSX.Element;
+    displayName: string;
+};