@itwin/itwinui-react 3.11.3 → 3.12.1

package/esm/utils/providers/HydrationProvider.js

@@ -1,47 +1,42 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { useSyncExternalStore, useIsClient } from '../hooks/index.js';
 const HydrationContext = React.createContext(false);
-const noopSubscribe = () => () => { };
+const noopSubscribe = () => () => {};
 const isServer = typeof window === 'undefined';
-/**
- * Hook that returns the hydration status of the app.
- *
- * @returns one of the following values:
- * - `"hydrated"` after hydration is *definitely* complete (or is a pure client render)
- * - `"hydrating"` if we know for sure that hydration is happening (in React 18)
- * - `undefined` if the hydration status is unknown
- *
- * @private
- */
 export const useHydration = () => {
-    // Returns true only if getServerSnapshot is called on the client.
-    // In React 18, this is true during hydration.
-    const hydrating = useSyncExternalStore(noopSubscribe, () => false, () => !isServer);
-    // Returns true after hydration is complete (in all React versions).
-    const hydrated = React.useContext(HydrationContext);
-    const hydratedFallback = useIsClient();
-    if (hydrated || hydratedFallback) {
-        return 'hydrated';
-    }
-    else if (hydrating) {
-        return 'hydrating';
-    }
-    return undefined;
+  const hydrating = useSyncExternalStore(
+    noopSubscribe,
+    () => false,
+    () => !isServer,
+  );
+  const hydrated = React.useContext(HydrationContext);
+  const hydratedFallback = useIsClient();
+  if (hydrated || hydratedFallback) {
+    return 'hydrated';
+  } else if (hydrating) {
+    return 'hydrating';
+  }
+  return undefined;
 };
-/** @private */
-export const HydrationProvider = ({ children, }) => {
-    const [isHydrated, setIsHydrated] = React.useState(React.useContext(HydrationContext));
-    const onHydrate = React.useCallback(() => setIsHydrated(true), []);
-    return (React.createElement(HydrationContext.Provider, { value: isHydrated },
-        !isHydrated ? React.createElement(HydrationCheck, { onHydrate: onHydrate }) : null,
-        children));
+export const HydrationProvider = ({ children }) => {
+  const [isHydrated, setIsHydrated] = React.useState(
+    React.useContext(HydrationContext),
+  );
+  const onHydrate = React.useCallback(() => setIsHydrated(true), []);
+  return React.createElement(
+    HydrationContext.Provider,
+    {
+      value: isHydrated,
+    },
+    !isHydrated
+      ? React.createElement(HydrationCheck, {
+          onHydrate: onHydrate,
+        })
+      : null,
+    children,
+  );
 };
-/** This is extracted into a child component to ensure it runs first. */
 const HydrationCheck = ({ onHydrate }) => {
-    React.useEffect(() => void onHydrate(), [onHydrate]);
-    return null;
+  React.useEffect(() => void onHydrate(), [onHydrate]);
+  return null;
 };

package/esm/utils/providers/ScopeProvider.js

@@ -1,50 +1,45 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { createStore, useAtomValue, useSetAtom } from 'jotai';
 const ScopeContext = React.createContext({
-    store: createStore(),
-    parentStore: null,
+  store: createStore(),
+  parentStore: null,
 });
-/**
- * Provider that creates a fresh, isolated jotai store for its children.
- *
- * Should be used with `useScopedAtom` and/or `useScopedSetAtom`.
- *
- * @private
- */
 export const ScopeProvider = ({ children }) => {
-    const store = React.useMemo(() => createStore(), []);
-    const parentStore = React.useContext(ScopeContext).store;
-    return (React.createElement(ScopeContext.Provider, { value: React.useMemo(() => ({ store, parentStore }), [store, parentStore]) }, children));
+  const store = React.useMemo(() => createStore(), []);
+  const parentStore = React.useContext(ScopeContext).store;
+  return React.createElement(
+    ScopeContext.Provider,
+    {
+      value: React.useMemo(
+        () => ({
+          store,
+          parentStore,
+        }),
+        [store, parentStore],
+      ),
+    },
+    children,
+  );
 };
-/**
- * Wrapper over `useAtom` that uses the store from the nearest `ScopeProvider`.
- *
- * If the atom is not set in the current store, it will recursively look in the parent store(s).
- * This is only useful for initial values. Future updates to the parent will not be reflected.
- *
- * @private
- */
 export const useScopedAtom = (atom) => {
-    const { store, parentStore } = React.useContext(ScopeContext);
-    const setAtom = useScopedSetAtom(atom);
-    const value = useAtomValue(atom, { store });
-    const inheritedValue = useAtomValue(atom, { store: parentStore || store });
-    React.useEffect(() => {
-        if (value == undefined && inheritedValue != undefined) {
-            setAtom(inheritedValue);
-        }
-    });
-    return [value, setAtom];
+  const { store, parentStore } = React.useContext(ScopeContext);
+  const setAtom = useScopedSetAtom(atom);
+  const value = useAtomValue(atom, {
+    store,
+  });
+  const inheritedValue = useAtomValue(atom, {
+    store: parentStore || store,
+  });
+  React.useEffect(() => {
+    if (value == undefined && inheritedValue != undefined) {
+      setAtom(inheritedValue);
+    }
+  });
+  return [value, setAtom];
 };
-/**
- * Wrapper over `useSetAtom` that uses the store from the nearest `ScopeProvider`.
- * @private
- */
 export const useScopedSetAtom = (atom) => {
-    const { store } = React.useContext(ScopeContext);
-    return useSetAtom(atom, { store });
+  const { store } = React.useContext(ScopeContext);
+  return useSetAtom(atom, {
+    store,
+  });
 };

package/esm/utils/providers/index.js

@@ -1,6 +1,2 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 export * from './HydrationProvider.js';
 export * from './ScopeProvider.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "3.11.3",
+  "version": "3.12.1",
   "author": "Bentley Systems",
   "license": "MIT",
   "type": "module",
@@ -24,21 +24,26 @@
       },
       "require": {
         "types": "./cjs/react-table/react-table.d.ts"
-      },
-      "types": "./react-table.d.ts"
+      }
     },
     "./styles.css": "./styles.css",
     "./cjs": "./cjs/index.js",
     "./esm": "./esm/index.js",
     "./package.json": "./package.json"
   },
+  "typesVersions": {
+    "*": {
+      "react-table": [
+        "./esm/react-table/react-table.d.ts"
+      ]
+    }
+  },
   "files": [
     "cjs",
     "esm",
     "styles.css",
     "CHANGELOG.md",
-    "LICENSE.md",
-    "react-table.d.ts"
+    "LICENSE.md"
   ],
   "description": "A react component library for iTwinUI",
   "homepage": "https://github.com/iTwin/iTwinUI",
@@ -62,17 +67,17 @@
     "ux"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.10",
+    "@floating-ui/react": "^0.26.18",
     "@itwin/itwinui-illustrations-react": "^2.1.0",
+    "@swc/helpers": "^0.5.11",
     "classnames": "^2.3.2",
     "jotai": "^2.8.0",
     "react-table": "^7.8.0",
-    "react-transition-group": "^4.4.5",
-    "tslib": "^2.6.0"
+    "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@swc/cli": "^0.1.62",
-    "@swc/core": "^1.3.68",
+    "@swc/cli": "^0.3.12",
+    "@swc/core": "^1.5.28",
     "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/react": "^13.2.0",
     "@testing-library/user-event": "^14.5.1",
@@ -87,7 +92,7 @@
     "jsdom": "^24.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "typescript": "~5.1.6",
+    "typescript": "5",
     "vite": "^5.1.7",
     "vitest": "^1.2.1"
   },
@@ -109,9 +114,10 @@
     "styles.css"
   ],
   "scripts": {
-    "build": "pnpm clean:build && tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json && tsc -p tsconfig.react-table.json && pnpm build:styles && pnpm build:post",
+    "build": "pnpm clean:build && pnpm build:js && pnpm build:styles && pnpm build:types && pnpm build:post",
+    "build:js": "node ./scripts/build.mjs",
+    "build:types": "tsc -p tsconfig.build.json --outDir esm && tsc -p tsconfig.build.json --outDir cjs",
     "build:styles": "vite build src/styles.js",
-    "build:watch": "concurrently \"tsc -p tsconfig.cjs.json --watch\" \"tsc -p tsconfig.esm.json --watch\"",
     "build:post": "node ./scripts/postBuild.mjs",
     "clean:build": "rimraf esm && rimraf cjs && rimraf react-table.d.ts",
     "clean:coverage": "rimraf coverage",
@@ -124,9 +130,9 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\" --max-warnings=0",
     "lint:fix": "pnpm lint --fix && node ../../scripts/copyrightLinter.js --fix \"*/**/*.{js,ts,tsx}\"",
     "dev": "pnpm clean:build && concurrently \"pnpm dev:esm\" \"pnpm dev:cjs\" \"pnpm build:styles --watch\" \"pnpm dev:types\"",
-    "dev:esm": "swc src -d esm --watch",
-    "dev:cjs": "swc src -d cjs --watch -C module.type=commonjs",
-    "dev:types": "concurrently \"tsc -p tsconfig.cjs.json --emitDeclarationOnly --watch --preserveWatchOutput\" \"tsc -p tsconfig.esm.json --emitDeclarationOnly --watch --preserveWatchOutput\" \"tsc -p tsconfig.react-table.json --watch --preserveWatchOutput\"",
+    "dev:esm": "swc src -d esm --watch --strip-leading-paths",
+    "dev:cjs": "swc src -d cjs --watch --strip-leading-paths -C module.type=commonjs",
+    "dev:types": "concurrently \"tsc -p tsconfig.build.json --outDir esm --watch --preserveWatchOutput\" \"tsc -p tsconfig.build.json --outDir cjs --watch --preserveWatchOutput\"",
     "dev:styles": "pnpm build:styles --watch"
   }
 }