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

package/cjs/core/Stepper/StepperStep.js

@@ -1,70 +1,91 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.StepperStep = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../Tooltip/index.js");
-const index_js_2 = require("../utils/index.js");
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../Tooltip/index.js');
+const index_js_2 = require('../utils/index.js');
 exports.StepperStep = React.forwardRef((props, forwardedRef) => {
-    const { title, index, currentStepNumber, totalSteps, type, onClick, description, className, style, ...rest } = props;
-    const isPast = currentStepNumber > index;
-    const isActive = currentStepNumber === index;
-    const isClickable = isPast && !!onClick;
-    const onCompletedClick = () => {
-        if (isClickable) {
-            onClick?.(index);
-        }
-    };
-    const onKeyDown = (e) => {
-        if (e.altKey) {
-            return;
-        }
-        if (!isClickable) {
-            return;
-        }
-        if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
-            onCompletedClick();
-        }
-    };
-    const stepShape = (React.createElement(index_js_2.Box, { as: 'li', className: (0, classnames_1.default)('iui-stepper-step', {
-            'iui-current': isActive,
-            'iui-clickable': isClickable,
-        }, className), style: {
-            width: type === 'default' ? `${100 / totalSteps}%` : undefined,
-            ...style,
-        }, onClick: onCompletedClick, onKeyDown: onKeyDown, "aria-current": isActive ? 'step' : undefined, tabIndex: isClickable ? 0 : undefined, ref: forwardedRef, ...rest },
-        React.createElement(index_js_2.Box, { className: 'iui-stepper-track-content' },
-            React.createElement(index_js_2.Box, { as: 'span', className: 'iui-stepper-circle' }, index + 1)),
-        type === 'default' && (React.createElement(index_js_2.Box, { as: 'span', className: 'iui-stepper-step-name' }, title))));
-    return description ? (React.createElement(index_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+  const {
+    title,
+    index,
+    currentStepNumber,
+    totalSteps,
+    type,
+    onClick,
+    description,
+    className,
+    style,
+    ...rest
+  } = props;
+  const isPast = currentStepNumber > index;
+  const isActive = currentStepNumber === index;
+  const isClickable = isPast && !!onClick;
+  const onCompletedClick = () => {
+    if (isClickable) {
+      onClick?.(index);
+    }
+  };
+  const onKeyDown = (e) => {
+    if (e.altKey) {
+      return;
+    }
+    if (!isClickable) {
+      return;
+    }
+    if (e.key === 'Enter' || e.key === 'Space' || e.key === ' ') {
+      onCompletedClick();
+    }
+  };
+  const stepShape = React.createElement(
+    index_js_2.Box,
+    {
+      as: 'li',
+      className: (0, classnames_1.default)(
+        'iui-stepper-step',
+        {
+          'iui-current': isActive,
+          'iui-clickable': isClickable,
+        },
+        className,
+      ),
+      style: {
+        width: type === 'default' ? `${100 / totalSteps}%` : undefined,
+        ...style,
+      },
+      onClick: onCompletedClick,
+      onKeyDown: onKeyDown,
+      'aria-current': isActive ? 'step' : undefined,
+      tabIndex: isClickable ? 0 : undefined,
+      ref: forwardedRef,
+      ...rest,
+    },
+    React.createElement(
+      index_js_2.Box,
+      { className: 'iui-stepper-track-content' },
+      React.createElement(
+        index_js_2.Box,
+        { as: 'span', className: 'iui-stepper-circle' },
+        index + 1,
+      ),
+    ),
+    type === 'default' &&
+      React.createElement(
+        index_js_2.Box,
+        { as: 'span', className: 'iui-stepper-step-name' },
+        title,
+      ),
+  );
+  return description
+    ? React.createElement(
+        index_js_1.Tooltip,
+        { content: description },
+        stepShape,
+      )
+    : stepShape;
 });

package/cjs/core/Stepper/WorkflowDiagram.d.ts

@@ -1,5 +1,5 @@
 import type { PolymorphicForwardRefComponent } from '../utils/index.js';
 import type { StepperProps } from './Stepper.js';
-declare type WorkflowDiagramProps = Pick<StepperProps, 'steps'>;
+type WorkflowDiagramProps = Pick<StepperProps, 'steps'>;
 export declare const WorkflowDiagram: PolymorphicForwardRefComponent<"ol", WorkflowDiagramProps>;
 export default WorkflowDiagram;

package/cjs/core/Stepper/WorkflowDiagram.js

@@ -1,41 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.WorkflowDiagram = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const index_js_1 = require("../utils/index.js");
-const WorkflowDiagramStep_js_1 = require("./WorkflowDiagramStep.js");
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../utils/index.js');
+const WorkflowDiagramStep_js_1 = require('./WorkflowDiagramStep.js');
 exports.WorkflowDiagram = React.forwardRef(
-// TODO: Remove this ref cast. ref and rest props should be applied on the same element
-(props, ref) => {
+  // TODO: Remove this ref cast. ref and rest props should be applied on the same element
+  (props, ref) => {
     const { steps, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { ref: ref },
-        React.createElement(index_js_1.Box, { as: 'ol', className: 'iui-workflow-diagram', ...rest }, steps.map((s, index) => (React.createElement(WorkflowDiagramStep_js_1.WorkflowDiagramStep, { key: index, title: s.name, description: s.description }))))));
-});
+    return React.createElement(
+      index_js_1.Box,
+      { ref: ref },
+      React.createElement(
+        index_js_1.Box,
+        { as: 'ol', className: 'iui-workflow-diagram', ...rest },
+        steps.map((s, index) =>
+          React.createElement(WorkflowDiagramStep_js_1.WorkflowDiagramStep, {
+            key: index,
+            title: s.name,
+            description: s.description,
+          }),
+        ),
+      ),
+    );
+  },
+);
 exports.default = exports.WorkflowDiagram;

package/cjs/core/Stepper/WorkflowDiagramStep.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { type CommonProps } from '../utils/index.js';
 import type { StepperStepProps } from './StepperStep.js';
-export declare type WorkflowDiagramStepProps = Pick<StepperStepProps, 'title' | 'description'> & Omit<CommonProps, 'title'>;
-export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => JSX.Element;
+export type WorkflowDiagramStepProps = Pick<StepperStepProps, 'title' | 'description'> & Omit<CommonProps, 'title'>;
+export declare const WorkflowDiagramStep: (props: WorkflowDiagramStepProps) => React.JSX.Element;

package/cjs/core/Stepper/WorkflowDiagramStep.js

@@ -1,44 +1,40 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.WorkflowDiagramStep = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../Tooltip/index.js");
-const index_js_2 = require("../utils/index.js");
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const React = tslib_1.__importStar(require('react'));
+const index_js_1 = require('../Tooltip/index.js');
+const index_js_2 = require('../utils/index.js');
 const WorkflowDiagramStep = (props) => {
-    const { title, description, className, style, ...rest } = props;
-    const stepShape = (React.createElement(index_js_2.Box, { as: 'li', className: (0, classnames_1.default)('iui-workflow-diagram-step', className), style: style, ...rest },
-        React.createElement(index_js_2.Box, { as: 'span', className: 'iui-workflow-diagram-content' }, title)));
-    return description ? (React.createElement(index_js_1.Tooltip, { content: description }, stepShape)) : (stepShape);
+  const { title, description, className, style, ...rest } = props;
+  const stepShape = React.createElement(
+    index_js_2.Box,
+    {
+      as: 'li',
+      className: (0, classnames_1.default)(
+        'iui-workflow-diagram-step',
+        className,
+      ),
+      style: style,
+      ...rest,
+    },
+    React.createElement(
+      index_js_2.Box,
+      { as: 'span', className: 'iui-workflow-diagram-content' },
+      title,
+    ),
+  );
+  return description
+    ? React.createElement(
+        index_js_1.Tooltip,
+        { content: description },
+        stepShape,
+      )
+    : stepShape;
 };
 exports.WorkflowDiagramStep = WorkflowDiagramStep;

package/cjs/core/Stepper/index.d.ts

@@ -1,7 +1,3 @@
-export { Wizard } from './Wizard.js';
 export { Stepper } from './Stepper.js';
 export { WorkflowDiagram } from './WorkflowDiagram.js';
-export type { WizardType, WizardLocalization } from './Wizard.js';
 export type { StepProperties, StepperLocalization } from './Stepper.js';
-declare const _default: "./Wizard";
-export default _default;

package/cjs/core/Stepper/index.js

@@ -1,14 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WorkflowDiagram = exports.Stepper = exports.Wizard = void 0;
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.WorkflowDiagram = exports.Stepper = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Wizard_js_1 = require("./Wizard.js");
-Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return Wizard_js_1.Wizard; } });
-var Stepper_js_1 = require("./Stepper.js");
-Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return Stepper_js_1.Stepper; } });
-var WorkflowDiagram_js_1 = require("./WorkflowDiagram.js");
-Object.defineProperty(exports, "WorkflowDiagram", { enumerable: true, get: function () { return WorkflowDiagram_js_1.WorkflowDiagram; } });
-exports.default = './Wizard';
+var Stepper_js_1 = require('./Stepper.js');
+Object.defineProperty(exports, 'Stepper', {
+  enumerable: true,
+  get: function () {
+    return Stepper_js_1.Stepper;
+  },
+});
+var WorkflowDiagram_js_1 = require('./WorkflowDiagram.js');
+Object.defineProperty(exports, 'WorkflowDiagram', {
+  enumerable: true,
+  get: function () {
+    return WorkflowDiagram_js_1.WorkflowDiagram;
+  },
+});

package/cjs/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/cjs/core/Surface/Surface.js

@@ -1,81 +1,73 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Surface = void 0;
+const tslib_1 = require('tslib');
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../utils/index.js");
+const React = tslib_1.__importStar(require('react'));
+const classnames_1 = tslib_1.__importDefault(require('classnames'));
+const index_js_1 = require('../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 } = (0, index_js_1.useSafeContext)(SurfaceContext);
-    React.useEffect(() => {
-        if (!(0, index_js_1.supportsHas)()) {
-            setHasLayout(true);
-        }
-    }, [setHasLayout]);
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-surface-header', className), ref: ref, ...rest }, children));
+  const { children, className, ...rest } = props;
+  const { setHasLayout } = (0, index_js_1.useSafeContext)(SurfaceContext);
+  React.useEffect(() => {
+    if (!(0, index_js_1.supportsHas)()) {
+      setHasLayout(true);
+    }
+  }, [setHasLayout]);
+  return React.createElement(
+    index_js_1.Box,
+    {
+      className: (0, classnames_1.default)('iui-surface-header', className),
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 const SurfaceBody = React.forwardRef((props, ref) => {
-    const { children, className, isPadded, ...rest } = props;
-    const { setHasLayout } = (0, index_js_1.useSafeContext)(SurfaceContext);
-    React.useEffect(() => {
-        if (!(0, index_js_1.supportsHas)()) {
-            setHasLayout(true);
-        }
-    }, [setHasLayout]);
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-surface-body', className), ref: ref, "data-iui-padded": isPadded ? 'true' : undefined, ...rest }, children));
+  const { children, className, isPadded, ...rest } = props;
+  const { setHasLayout } = (0, index_js_1.useSafeContext)(SurfaceContext);
+  React.useEffect(() => {
+    if (!(0, index_js_1.supportsHas)()) {
+      setHasLayout(true);
+    }
+  }, [setHasLayout]);
+  return React.createElement(
+    index_js_1.Box,
+    {
+      className: (0, classnames_1.default)('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
@@ -87,16 +79,31 @@ const SurfaceBody = React.forwardRef((props, ref) => {
  *   <Surface.Body isPadded={true}>Surface Body Content</Surface.Body>
  * </Surface>
  */
-exports.Surface = Object.assign(React.forwardRef((props, ref) => {
+exports.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(index_js_1.Box, { className: (0, classnames_1.default)('iui-surface', className), style: _style, ref: ref, "data-iui-layout": hasLayout ? 'true' : undefined, ...rest },
-        React.createElement(SurfaceContext.Provider, { value: { setHasLayout } }, children)));
-}), {
+    return React.createElement(
+      index_js_1.Box,
+      {
+        className: (0, classnames_1.default)('iui-surface', className),
+        style: _style,
+        ref: ref,
+        'data-iui-layout': hasLayout ? 'true' : undefined,
+        ...rest,
+      },
+      React.createElement(
+        SurfaceContext.Provider,
+        { value: { setHasLayout } },
+        children,
+      ),
+    );
+  }),
+  {
     /**
      * 	Surface header subcomponent
      */
@@ -105,6 +112,7 @@ exports.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);
 exports.default = exports.Surface;

package/cjs/core/Surface/index.js

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Surface = void 0;
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var Surface_js_1 = require("./Surface.js");
-Object.defineProperty(exports, "Surface", { enumerable: true, get: function () { return Surface_js_1.Surface; } });
+var Surface_js_1 = require('./Surface.js');
+Object.defineProperty(exports, 'Surface', {
+  enumerable: true,
+  get: function () {
+    return Surface_js_1.Surface;
+  },
+});
 exports.default = './Surface';

package/cjs/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;