@itwin/itwinui-react 3.14.0 → 3.14.2

package/esm/core/Table/Table.js

@@ -18,7 +18,7 @@ import {
   useResizeObserver,
   useLayoutEffect,
   Box,
-  createWarningLogger,
+  useWarningLogger,
   ShadowRoot,
   useMergedRefs,
   useLatestRef,
@@ -52,7 +52,6 @@ let singleRowSelectedAction = 'singleRowSelected';
 let shiftRowSelectedAction = 'shiftRowSelected';
 export const tableResizeStartAction = 'tableResizeStart';
 let tableResizeEndAction = 'tableResizeEnd';
-let logWarning = createWarningLogger();
 let flattenColumns = (columns) => {
   let flatColumns = [];
   columns.forEach((column) => {
@@ -292,6 +291,7 @@ export const Table = (props) => {
     setGlobalFilter,
   } = instance;
   let headerGroups = _headerGroups;
+  let logWarning = useWarningLogger();
   if (1 === columns.length && 'columns' in columns[0])
     headerGroups = _headerGroups.slice(1);
   let ariaDataAttributes = Object.entries(rest).reduce(
@@ -520,7 +520,7 @@ export const Table = (props) => {
   return React.createElement(
     TableColumnsContext.Provider,
     {
-      value: columns,
+      value: instance.columns,
     },
     React.createElement(
       Box,
@@ -578,7 +578,7 @@ export const Table = (props) => {
                 let dragAndDropProps = column.getDragAndDropProps();
                 return React.createElement(ColumnHeader, {
                   ...dragAndDropProps,
-                  key: dragAndDropProps.key,
+                  key: dragAndDropProps.key || column.id || index,
                   columnRefs: columnRefs,
                   column: column,
                   index: index,

package/esm/core/Table/cells/DefaultCell.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
+import { defaultColumn } from 'react-table';
 import cx from 'classnames';
 import { Box, LineClamp, ShadowRoot } from '../../../utils/index.js';
 import { TableColumnsContext } from '../utils.js';
 export const DefaultCell = (props) => {
-  let columnsProp = React.useContext(TableColumnsContext);
+  let instanceColumns = React.useContext(TableColumnsContext);
   let isCustomCell = React.useMemo(
     () =>
-      columnsProp
-        .find(({ id }) => props.cellProps.column.id === id)
-        ?.hasOwnProperty('Cell'),
-    [props.cellProps.column.id, columnsProp],
+      instanceColumns.find(({ id }) => props.cellProps.column.id === id)
+        ?.Cell !== defaultColumn.Cell,
+    [instanceColumns, props.cellProps.column.id],
   );
   let {
     cellElementProps: {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ColumnInstance, Column } from '../../react-table/react-table.js';
+import type { ColumnInstance } from '../../react-table/react-table.js';
 export declare const getCellStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, isTableResizing: boolean) => React.CSSProperties | undefined;
 export declare const getStickyStyle: <T extends Record<string, unknown>>(column: ColumnInstance<T>, columnList: ColumnInstance<T>[]) => React.CSSProperties;
 export declare const getSubRowStyle: ({ density, depth }: {
@@ -8,4 +8,4 @@ export declare const getSubRowStyle: ({ density, depth }: {
 }) => {
     paddingInlineStart: number;
 };
-export declare const TableColumnsContext: React.Context<Column<Record<string, unknown>>[]>;
+export declare const TableColumnsContext: React.Context<ColumnInstance<{}>[]>;

package/esm/core/ThemeProvider/ThemeProvider.js

@@ -233,7 +233,7 @@ let FallbackStyles = ({ root }) => {
       } catch (error) {
         console.log('Error loading styles.css locally', error);
         let css = await importCss(
-          'https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@3/styles.css',
+          `https://cdn.jsdelivr.net/npm/@itwin/itwinui-react@${meta.version}/styles.css`,
         );
         document.adoptedStyleSheets = [
           ...document.adoptedStyleSheets,

package/esm/styles.js

@@ -1,4 +1,4 @@
-const t = '3.14.0';
+const t = '3.14.2';
 const u = new Proxy(
   {},
   {

package/esm/utils/functions/dev.d.ts

@@ -1,17 +1,2 @@
 declare const isUnitTest: boolean;
-/**
- * Returns a function that can be used to log one-time warnings in dev environments.
- *
- * **Note**: The actual log call should be wrapped in a check against `process.env.NODE_ENV === 'development'`
- * to ensure that it is removed from the production build output (by SWC).
- * Read more about the [`NODE_ENV` convention](https://nodejs.org/en/learn/getting-started/nodejs-the-difference-between-development-and-production).
- *
- * @example
- * const logWarning = createWarningLogger();
- *
- * if (process.env.NODE_ENV === 'development') {
- *   logWarning("please don't use this")
- * }
- */
-declare const createWarningLogger: () => (message: string) => void;
-export { isUnitTest, createWarningLogger };
+export { isUnitTest };

package/esm/utils/functions/dev.js

@@ -5,5 +5,4 @@ let isMocha =
     `${globalThis.beforeEach}`.replace(/\s/g, '');
 let isVitest = void 0 !== globalThis.__vitest_index__;
 let isUnitTest = isJest || isVitest || isMocha;
-let createWarningLogger = () => () => {};
-export { isUnitTest, createWarningLogger };
+export { isUnitTest };

package/esm/utils/hooks/index.d.ts

@@ -14,3 +14,4 @@ export * from './useId.js';
 export * from './useControlledState.js';
 export * from './useSyncExternalStore.js';
 export * from './useVirtualScroll.js';
+export * from './useWarningLogger.js';

package/esm/utils/hooks/index.js

@@ -14,3 +14,4 @@ export * from './useId.js';
 export * from './useControlledState.js';
 export * from './useSyncExternalStore.js';
 export * from './useVirtualScroll.js';
+export * from './useWarningLogger.js';

package/esm/utils/hooks/useWarningLogger.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Returns a function that can be used to log one-time warnings in dev environments.
+ *
+ * **Note**: The actual log call should be wrapped in a check against `process.env.NODE_ENV === 'development'`
+ * to ensure that it is removed from the production build output (by SWC).
+ * Read more about the [`NODE_ENV` convention](https://nodejs.org/en/learn/getting-started/nodejs-the-difference-between-development-and-production).
+ *
+ * @example
+ * const logWarning = useWarningLogger();
+ *
+ * if (process.env.NODE_ENV === 'development') {
+ *   logWarning("please don't use this")
+ * }
+ */
+export declare const useWarningLogger: () => (message: string) => void;

package/esm/utils/hooks/useWarningLogger.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { isUnitTest } from '../functions/dev.js';
+let _React = React;
+let ReactInternals = _React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+export const useWarningLogger = () => () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.14.0",
+  "version": "3.14.2",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",