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

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

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'DefaultCell', {
 });
 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 _reacttable = require('react-table');
-const _classnames = _interop_require_default._(require('classnames'));
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../../utils/index.js');
 const _utils = require('../utils.js');
 const DefaultCell = (props) => {
@@ -40,10 +42,12 @@ const DefaultCell = (props) => {
     clamp = 'string' == typeof cellProps.value && !isCustomCell,
     ...rest
   } = props;
+  let { key: cellElementKey, ...cellElementPropsRest } = cellElementProps;
   return _react.createElement(
     _index.Box,
     {
-      ...cellElementProps,
+      ...cellElementPropsRest,
+      key: cellElementKey,
       ...rest,
       className: (0, _classnames.default)(cellElementClassName, className),
       'aria-disabled': isDisabled?.(cellProps.row.original) || void 0,
@@ -55,22 +59,31 @@ const DefaultCell = (props) => {
     },
     _react.createElement(
       _index.ShadowRoot,
-      null,
+      {
+        key: `${cellElementKey}-shadow-root`,
+      },
       _react.createElement('slot', {
         name: 'start',
+        key: `${cellElementKey}-shadow-root-start`,
       }),
       clamp
         ? _react.createElement(
             _index.LineClamp,
-            null,
+            {
+              key: `${cellElementKey}-shadow-root-slot`,
+            },
             _react.createElement('slot', null),
           )
-        : _react.createElement('slot', null),
+        : _react.createElement('slot', {
+            key: `${cellElementKey}-shadow-root-slot`,
+          }),
       _react.createElement('slot', {
         name: 'end',
+        key: `${cellElementKey}-shadow-root-end`,
       }),
       _react.createElement('slot', {
         name: 'shadows',
+        key: `${cellElementKey}-shadow-root-shadows`,
       }),
     ),
     startIcon &&
@@ -79,6 +92,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-start-icon',
           slot: 'start',
+          key: `${cellElementKey}-start`,
         },
         startIcon,
       ),
@@ -89,6 +103,7 @@ const DefaultCell = (props) => {
         {
           className: 'iui-table-cell-end-icon',
           slot: 'end',
+          key: `${cellElementKey}-end`,
         },
         endIcon,
       ),

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

@@ -10,9 +10,11 @@ Object.defineProperty(exports, 'EditableCell', {
 });
 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 EditableCell = (props) => {
   let {
     cellElementProps: {

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'ActionColumn', {
   },
 });
 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 _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../../../utils/index.js');
 const _IconButton = require('../../Buttons/IconButton.js');

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

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 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 _index1 = require('../cells/index.js');

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

@@ -18,7 +18,7 @@ _export(exports, {
   },
 });
 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 _Checkbox = require('../../Checkbox/Checkbox.js');
 const _index = require('../cells/index.js');
 const _Table = require('../Table.js');

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'BaseFilter', {
 });
 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 BaseFilter = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_index.Box, {

package/DEV-cjs/core/Table/filters/DateRangeFilter/DatePickerInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DatePickerInput', {
   },
 });
 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 _DatePicker = require('../../../DatePicker/DatePicker.js');
 const _InputGrid = require('../../../InputGrid/InputGrid.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'DateRangeFilter', {
   },
 });
 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 _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterButtonBar', {
 });
 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 _Button = require('../../Buttons/Button.js');
 const defaultStrings = {

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'FilterToggle', {
 });
 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 _Popover = require('../../Popover/Popover.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'NumberRangeFilter', {
   },
 });
 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 _FilterButtonBar = require('../FilterButtonBar.js');
 const _BaseFilter = require('../BaseFilter.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'TextFilter', {
   },
 });
 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 _Input = require('../../../Input/Input.js');
 const _FilterButtonBar = require('../FilterButtonBar.js');

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

@@ -24,10 +24,9 @@ const exactText = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return (
-        void 0 === rowValue ||
-        String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
-      );
+      return void 0 !== rowValue
+        ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase()
+        : true;
     }),
   );
 exactText.autoRemove = (val) => !val;
@@ -35,7 +34,9 @@ const exactTextCase = (rows, ids, filterValue) =>
   rows.filter((row) =>
     ids.some((id) => {
       let rowValue = row.values[id];
-      return void 0 === rowValue || String(rowValue) === String(filterValue);
+      return void 0 !== rowValue
+        ? String(rowValue) === String(filterValue)
+        : true;
     }),
   );
 exactTextCase.autoRemove = (val) => !val;

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'tableFilters', {
   },
 });
 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 _DateRangeFilter = require('./DateRangeFilter/DateRangeFilter.js');
 const _NumberRangeFilter = require('./NumberRangeFilter/NumberRangeFilter.js');
 const _TextFilter = require('./TextFilter/TextFilter.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useExpanderCell', {
   },
 });
 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('../columns/index.js');
 const useExpanderCell =
   (subComponent, expanderCell, isRowDisabled) => (hooks) => {

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

@@ -87,9 +87,11 @@ const defaultGetResizerProps =
       let events = isTouchEvent(e)
         ? handlersAndEvents.touch
         : handlersAndEvents.mouse;
-      let passiveIfSupported = !!passiveEventSupported() && {
-        passive: false,
-      };
+      let passiveIfSupported = passiveEventSupported()
+        ? {
+            passive: false,
+          }
+        : false;
       ownerDocument.current?.addEventListener(
         events.moveEvent,
         events.moveHandler,
@@ -289,7 +291,7 @@ const useInstanceBeforeDimensions = (instance) => {
         ? getPreviousResizableHeader(header, instance)
         : getNextResizableHeader(header, instance);
     header.canResize =
-      null == header.disableResizing || !header.disableResizing;
+      null != header.disableResizing ? !header.disableResizing : true;
     if ('fit' === columnResizeMode)
       header.isResizerVisible =
         (header.canResize && !!nextResizableHeader) ||

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useScrollToRow', {
   },
 });
 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'));
 function useScrollToRow({
   data,
   enableVirtualization,

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowFiltering', {
   },
 });
 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 _defaultFilterFunctions = require('../filters/defaultFilterFunctions.js');
 const useSubRowFiltering = (hasAnySubRows) => (hooks) => {
   hooks.useInstance.push(useInstance.bind({}, hasAnySubRows));

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'useSubRowSelection', {
   },
 });
 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 useSubRowSelection = (hooks) => {
   hooks.useInstance.push(useInstance);
 };

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

@@ -24,7 +24,7 @@ _export(exports, {
   },
 });
 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 getCellStyle = (column, isTableResizing) => {
   let style = {};
   style.flex = '1 1 145px';

package/DEV-cjs/core/Tabs/Tabs.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 _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 _Icon = require('../Icon/Icon.js');
 const TabsWrapper = _react.forwardRef((props, ref) => {
@@ -137,7 +139,7 @@ const Tab = _react.forwardRef((props, forwardedRef) => {
     focusActivationMode,
   } = (0, _index.useSafeContext)(TabsContext);
   let { tabsWidth, tablistRef } = (0, _index.useSafeContext)(TabListContext);
-  let tabRef = _react.useRef();
+  let tabRef = _react.useRef(void 0);
   let isActive = activeValue === value;
   let isActiveRef = (0, _index.useLatestRef)(isActive);
   (0, _index.useLayoutEffect)(() => {
@@ -176,7 +178,15 @@ const Tab = _react.forwardRef((props, forwardedRef) => {
       });
     };
     if ('default' !== type && isActive) updateStripe();
-  }, [type, orientation, isActive, tabsWidth, setStripeProperties, tablistRef]);
+  }, [
+    type,
+    orientation,
+    isActive,
+    tabsWidth,
+    setStripeProperties,
+    tablistRef,
+    value,
+  ]);
   let onKeyDown = (event) => {
     if (event.altKey) return;
     let allTabs = Array.from(event.currentTarget.parentElement?.children ?? []);
@@ -306,7 +316,7 @@ const TabsPanel = _react.forwardRef((props, ref) => {
       className: (0, _classnames.default)('iui-tabs-content', className),
       'aria-labelledby': `${idPrefix}-tab-${value.replaceAll(' ', '-')}`,
       role: 'tabpanel',
-      hidden: activeValue !== value || void 0,
+      hidden: activeValue !== value ? true : void 0,
       ref: ref,
       ...rest,
       id: `${idPrefix}-panel-${value.replaceAll(' ', '-')}`,

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tag', {
 });
 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 _IconButton = require('../Buttons/IconButton.js');
 const _LinkAction = require('../LinkAction/LinkAction.js');

package/DEV-cjs/core/Tag/TagContainer.js

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TagContainer', {
 });
 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 TagContainer = _react.forwardRef((props, forwardedRef) => {
   let { className, children, overflow, background = 'none', ...rest } = props;

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, 'Textarea', {
   },
 });
 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 _Input = require('../Input/Input.js');
 const Textarea = _react.forwardRef((props, forwardedRef) =>
   _react.createElement(_Input.Input, {

package/DEV-cjs/core/ThemeProvider/ThemeContext.js

@@ -9,5 +9,5 @@ Object.defineProperty(exports, 'ThemeContext', {
   },
 });
 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 ThemeContext = _react.createContext(void 0);

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

@@ -10,9 +10,13 @@ Object.defineProperty(exports, 'ThemeProvider', {
 });
 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 _reactdom = _interop_require_wildcard._(require('react-dom'));
-const _classnames = _interop_require_default._(require('classnames'));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
+const _reactdom = /*#__PURE__*/ _interop_require_wildcard._(
+  require('react-dom'),
+);
+const _classnames = /*#__PURE__*/ _interop_require_default._(
+  require('classnames'),
+);
 const _index = require('../../utils/index.js');
 const _ThemeContext = require('./ThemeContext.js');
 const _Toaster = require('../Toast/Toaster.js');
@@ -41,8 +45,7 @@ const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
     (_themeOptions1.highContrast =
       'inherit' === themeProp ? parent.highContrast : void 0);
   (_future = future).themeBridge ??
-    (_future.themeBridge =
-      'inherit' === themeProp ? parent.context?.future?.themeBridge : void 0);
+    (_future.themeBridge = parent.context?.future?.themeBridge);
   let [portalContainerFromParent] = (0, _index.useScopedAtom)(
     _index.portalContainerAtom,
   );
@@ -141,7 +144,7 @@ const Root = _react.forwardRef((props, forwardedRef) => {
       ),
       'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
       'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
-      'data-iui-bridge': !!future?.themeBridge || void 0,
+      'data-iui-bridge': future?.themeBridge ? true : void 0,
       ref: forwardedRef,
       ...rest,
     },
@@ -253,7 +256,9 @@ const FallbackStyles = ({ root }) => {
     (async () => {
       try {
         await Promise.resolve().then(() =>
-          _interop_require_wildcard._(require('../../../styles.css')),
+          /*#__PURE__*/ _interop_require_wildcard._(
+            require('../../../styles.css'),
+          ),
         );
       } catch (error) {
         console.log('Error loading styles.css locally', error);

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'Tile', {
 });
 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 _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
 const _IconButton = require('../Buttons/IconButton.js');

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

@@ -10,8 +10,10 @@ Object.defineProperty(exports, 'TimePicker', {
 });
 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 isSameHour = (date1, date2, meridiem) => {
   let adjustedHours = meridiem