@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/DEV-cjs/core/SideNavigation/SideNavigation.js

@@ -19,10 +19,14 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
+const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const SidenavExpandedContext = _react.createContext(void 0);
 const SideNavigation = _react.forwardRef((props, forwardedRef) => {
   let {
@@ -74,68 +78,64 @@ const SideNavigation = _react.forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
       },
       _react.createElement(
-        _index.Box,
+        _react1.FloatingDelayGroup,
         {
-          as: 'div',
-          className: (0, _classnames.default)(
-            'iui-side-navigation',
-            {
-              'iui-expanded': isExpanded,
-              'iui-collapsed': !isExpanded,
-            },
-            className,
-          ),
-          ...rest,
+          delay: _Tooltip.defaultTooltipDelay,
         },
-        'top' === expanderPlacement && ExpandButton,
         _react.createElement(
           _index.Box,
           {
             as: 'div',
-            ...contentProps,
             className: (0, _classnames.default)(
-              'iui-sidenav-content',
-              contentProps?.className,
+              'iui-side-navigation',
+              {
+                'iui-expanded': isExpanded,
+                'iui-collapsed': !isExpanded,
+              },
+              className,
             ),
+            ...rest,
           },
+          'top' === expanderPlacement && ExpandButton,
           _react.createElement(
             _index.Box,
             {
               as: 'div',
-              ...topProps,
+              ...contentProps,
               className: (0, _classnames.default)(
-                'iui-top',
-                topProps?.className,
+                'iui-sidenav-content',
+                contentProps?.className,
               ),
             },
-            items,
-          ),
-          _react.createElement(
-            _index.Box,
-            {
-              as: 'div',
-              ...bottomProps,
-              className: (0, _classnames.default)(
-                'iui-bottom',
-                bottomProps?.className,
-              ),
-            },
-            secondaryItems,
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'div',
+                ...topProps,
+                className: (0, _classnames.default)(
+                  'iui-top',
+                  topProps?.className,
+                ),
+              },
+              items,
+            ),
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'div',
+                ...bottomProps,
+                className: (0, _classnames.default)(
+                  'iui-bottom',
+                  bottomProps?.className,
+                ),
+              },
+              secondaryItems,
+            ),
           ),
+          'bottom' === expanderPlacement && ExpandButton,
         ),
-        'bottom' === expanderPlacement && ExpandButton,
       ),
-      submenu &&
-        _react.createElement(
-          _index.WithCSSTransition,
-          {
-            in: isSubmenuOpen,
-            dimension: 'width',
-            timeout: 200,
-            classNames: 'iui',
-          },
-          submenu,
-        ),
+      submenu && isSubmenuOpen ? submenu : null,
     ),
   );
 });

package/DEV-cjs/core/SideNavigation/SidenavButton.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavButton', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Button = require('../Buttons/Button.js');
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _SideNavigation = require('./SideNavigation.js');

package/DEV-cjs/core/SideNavigation/SidenavSubmenu.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavSubmenu', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const SidenavSubmenu = _react.forwardRef((props, ref) => {
   let { children, className, ...rest } = props;

package/DEV-cjs/core/SideNavigation/SidenavSubmenuHeader.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SidenavSubmenuHeader', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const SidenavSubmenuHeader = _react.forwardRef((props, forwardedRef) => {
   let { children, actions, className, ...rest } = props;

package/DEV-cjs/core/SkipToContentLink/SkipToContentLink.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'SkipToContentLink', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const SkipToContentLink = _react.forwardRef((props, ref) => {
   let { children = 'Skip to main content', className, ...rest } = props;

package/DEV-cjs/core/Slider/Slider.js

@@ -10,11 +10,15 @@ Object.defineProperty(exports, 'Slider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _Track = require('./Track.js');
 const _Thumb = require('./Thumb.js');
+const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const getPercentageOfRectangle = (rect, pointerX, pointerY, orientation) => {
   if ('horizontal' === orientation) {
     let position = (0, _index.getBoundedValue)(pointerX, rect.left, rect.right);
@@ -313,47 +317,53 @@ const Slider = _react.forwardRef((props, ref) => {
         minValueLabel,
       ),
     _react.createElement(
-      _index.Box,
+      _react1.FloatingDelayGroup,
       {
-        ref: containerRef,
-        ...trackContainerProps,
-        className: (0, _classnames.default)(
-          'iui-slider',
-          {
-            'iui-grabbing': void 0 !== activeThumbIndex,
-          },
-          trackContainerProps?.className,
-        ),
-        onPointerDown: handlePointerDownOnSlider,
+        delay: _Tooltip.defaultTooltipDelay,
       },
-      currentValues.map((thumbValue, index) => {
-        let [minVal, maxVal] = getAllowableThumbRange(index);
-        let thisThumbProps = thumbProps?.(index);
-        return _react.createElement(_Thumb.Thumb, {
-          key: thisThumbProps?.id ?? index,
-          index: index,
-          disabled: disabled,
-          isActive: activeThumbIndex === index,
-          onThumbActivated: onThumbActivated,
-          onThumbValueChanged: onThumbValueChanged,
-          minVal: minVal,
-          maxVal: maxVal,
-          value: thumbValue,
-          tooltipProps: generateTooltipProps(index, thumbValue),
-          thumbProps: thisThumbProps,
-          step: step,
+      _react.createElement(
+        _index.Box,
+        {
+          ref: containerRef,
+          ...trackContainerProps,
+          className: (0, _classnames.default)(
+            'iui-slider',
+            {
+              'iui-grabbing': void 0 !== activeThumbIndex,
+            },
+            trackContainerProps?.className,
+          ),
+          onPointerDown: handlePointerDownOnSlider,
+        },
+        currentValues.map((thumbValue, index) => {
+          let [minVal, maxVal] = getAllowableThumbRange(index);
+          let thisThumbProps = thumbProps?.(index);
+          return _react.createElement(_Thumb.Thumb, {
+            key: thisThumbProps?.id ?? index,
+            index: index,
+            disabled: disabled,
+            isActive: activeThumbIndex === index,
+            onThumbActivated: onThumbActivated,
+            onThumbValueChanged: onThumbValueChanged,
+            minVal: minVal,
+            maxVal: maxVal,
+            value: thumbValue,
+            tooltipProps: generateTooltipProps(index, thumbValue),
+            thumbProps: thisThumbProps,
+            step: step,
+            sliderMin: min,
+            sliderMax: max,
+          });
+        }),
+        _react.createElement(_Track.Track, {
+          trackDisplayMode: trackDisplay,
           sliderMin: min,
           sliderMax: max,
-        });
-      }),
-      _react.createElement(_Track.Track, {
-        trackDisplayMode: trackDisplay,
-        sliderMin: min,
-        sliderMax: max,
-        values: currentValues,
-        orientation: orientation,
-        ...trackProps,
-      }),
+          values: currentValues,
+          orientation: orientation,
+          ...trackProps,
+        }),
+      ),
     ),
     tickMarkArea,
     maxValueLabel &&

package/DEV-cjs/core/Slider/Thumb.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Thumb', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _index = require('../../utils/index.js');
 const Thumb = (props) => {

package/DEV-cjs/core/Slider/Track.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Track', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 function shouldDisplaySegment(segmentIndex, mode) {
   if ('odd-segments' === mode && 0 === (segmentIndex + 1) % 2) return true;

package/DEV-cjs/core/StatusMessage/StatusMessage.js

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'StatusMessage', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _Icon = require('../Icon/Icon.js');
 const StatusMessage = _react.forwardRef((props, ref) => {
   let {

package/DEV-cjs/core/Stepper/Stepper.js

@@ -10,10 +10,14 @@ Object.defineProperty(exports, 'Stepper', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _StepperStep = require('./StepperStep.js');
+const _react1 = require('@floating-ui/react');
+const _Tooltip = require('../Tooltip/Tooltip.js');
 const defaultStepperLocalization = {
   stepsCountLabel: (currentStep, totalSteps) =>
     `Step ${currentStep} of ${totalSteps}:`,
@@ -45,29 +49,35 @@ const Stepper = _react.forwardRef((props, ref) => {
       ...rest,
     },
     _react.createElement(
-      'ol',
-      null,
-      steps.map((s, index) => {
-        let thisStepProps = stepProps?.(index);
-        let thisTrackContentProps = trackContentProps?.(index);
-        let thisCircleProps = circleProps?.(index);
-        let thisNameProps = nameProps?.(index);
-        return _react.createElement(_StepperStep.StepperStep, {
-          stepProps: thisStepProps,
-          trackContentProps: thisTrackContentProps,
-          circleProps: thisCircleProps,
-          nameProps: thisNameProps,
-          key: index,
-          index: index,
-          title: 'long' === type ? '' : s.name,
-          currentStepNumber: boundedCurrentStep,
-          totalSteps: steps.length,
-          type: type,
-          onClick: onStepClick,
-          description: s.description,
-          stepContent: s.stepContent,
-        });
-      }),
+      _react1.FloatingDelayGroup,
+      {
+        delay: _Tooltip.defaultTooltipDelay,
+      },
+      _react.createElement(
+        'ol',
+        null,
+        steps.map((s, index) => {
+          let thisStepProps = stepProps?.(index);
+          let thisTrackContentProps = trackContentProps?.(index);
+          let thisCircleProps = circleProps?.(index);
+          let thisNameProps = nameProps?.(index);
+          return _react.createElement(_StepperStep.StepperStep, {
+            stepProps: thisStepProps,
+            trackContentProps: thisTrackContentProps,
+            circleProps: thisCircleProps,
+            nameProps: thisNameProps,
+            key: index,
+            index: index,
+            title: 'long' === type ? '' : s.name,
+            currentStepNumber: boundedCurrentStep,
+            totalSteps: steps.length,
+            type: type,
+            onClick: onStepClick,
+            description: s.description,
+            stepContent: s.stepContent,
+          });
+        }),
+      ),
     ),
     'long' === type &&
       _react.createElement(

package/DEV-cjs/core/Stepper/StepperStep.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'StepperStep', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _index = require('../../utils/index.js');
 const StepperStep = _react.forwardRef((props, forwardedRef) => {

package/DEV-cjs/core/Stepper/WorkflowDiagram.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'WorkflowDiagram', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _WorkflowDiagramStep = require('./WorkflowDiagramStep.js');
 const WorkflowDiagram = _react.forwardRef((props, ref) => {

package/DEV-cjs/core/Stepper/WorkflowDiagramStep.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'WorkflowDiagramStep', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _Tooltip = require('../Tooltip/Tooltip.js');
 const _index = require('../../utils/index.js');
 const WorkflowDiagramStep = (props) => {

package/DEV-cjs/core/Surface/Surface.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Surface', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const getSurfaceElevationValue = (elevation) => {
   switch (elevation) {

package/DEV-cjs/core/Table/ColumnHeader.js

@@ -10,11 +10,13 @@ Object.defineProperty(exports, 'ColumnHeader', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _FilterToggle = require('./filters/FilterToggle.js');
 const _utils = require('./utils.js');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const ColumnHeader = _react.forwardRef((props, forwardedRef) => {
   let {
     column,

package/DEV-cjs/core/Table/SubRowExpander.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'SubRowExpander', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const _IconButton = require('../Buttons/IconButton.js');
 const SubRowExpander = (props) => {

package/DEV-cjs/core/Table/Table.js

@@ -22,8 +22,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _reacttable = require('react-table');
 const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
 const _index = require('../../utils/index.js');
@@ -96,7 +98,7 @@ const Table = (props) => {
     ...rest
   } = props;
   (0, _index.useGlobals)();
-  let ownerDocument = _react.useRef();
+  let ownerDocument = _react.useRef(void 0);
   let defaultColumn = _react.useMemo(
     () => ({
       maxWidth: 0,
@@ -619,7 +621,10 @@ const Table = (props) => {
             },
             _react.createElement(
               _index.Box,
-              headerGroupProps,
+              {
+                ...headerGroupProps,
+                key: headerGroupProps.key,
+              },
               headerGroup.headers.map((column, index) => {
                 let dragAndDropProps = column.getDragAndDropProps();
                 return _react.createElement(_ColumnHeader.ColumnHeader, {

package/DEV-cjs/core/Table/TableCell.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TableCell', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _utils = require('./utils.js');
 const _SubRowExpander = require('./SubRowExpander.js');
 const _index = require('./columns/index.js');

package/DEV-cjs/core/Table/TableExpandableContentMemoized.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TableExpandableContentMemoized', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
 const TableExpandableContent = _react.forwardRef((props, ref) => {
   let { children, className, style, isDisabled, virtualItem, ...rest } = props;

package/DEV-cjs/core/Table/TablePaginator.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TablePaginator', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _IconButton = require('../Buttons/IconButton.js');
 const _Button = require('../Buttons/Button.js');
 const _DropdownButton = require('../Buttons/DropdownButton.js');

package/DEV-cjs/core/Table/TableRowMemoized.js

@@ -19,8 +19,10 @@ _export(exports, {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _TableCell = require('./TableCell.js');
 const TableRow = (props) => {
@@ -103,6 +105,7 @@ const TableRow = (props) => {
       _index.Box,
       {
         ...mergedProps,
+        key: mergedProps.key,
         ref: refs,
         onClick: (event) => {
           mergedProps?.onClick?.(event);

package/DEV-cjs/core/Table/actionHandlers/selectHandler.js

@@ -29,19 +29,18 @@ const onSelectHandler = (newState, instance, onSelect, isRowDisabled) => {
   let newSelectedRowIds = {};
   let handleRow = (row) => {
     if (isRowDisabled?.(row.original)) return false;
+    let hasSubComponents = !!row.initialSubRows[0]?.original[_Table.iuiId];
+    let hasSubRows = row.subRows.length > 0 && !hasSubComponents;
     let isAllSubSelected = true;
-    if (row.initialSubRows[0]?.original[_Table.iuiId] === void 0)
+    if (hasSubRows)
       row.initialSubRows.forEach((subRow) => {
         let result = handleRow(subRow);
         if (!result) isAllSubSelected = false;
       });
-    if (
-      newState.selectedRowIds[row.id] &&
-      (!instance.selectSubRows ||
-        !row.initialSubRows.length ||
-        isAllSubSelected)
-    )
-      newSelectedRowIds[row.id] = true;
+    let isRowSelected = newState.selectedRowIds[row.id];
+    let case1 = isRowSelected && (!instance.selectSubRows || !hasSubRows);
+    let case2 = hasSubRows && isAllSubSelected;
+    if (case1 || case2) newSelectedRowIds[row.id] = true;
     return !!newSelectedRowIds[row.id];
   };
   instance.initialRows.forEach((row) => handleRow(row));