@sanity/ui 2.1.3-canary.0 → 2.1.3-canary.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.1.3-canary.0",
+  "version": "2.1.3-canary.1",
   "keywords": [
     "sanity",
     "ui",
@@ -93,7 +93,7 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@sanity/pkg-utils": "^6.4.1",
+    "@sanity/pkg-utils": "^6.6.1",
     "@sanity/semantic-release-preset": "^4.1.7",
     "@sanity/ui-workshop": "^2.0.12",
     "@storybook/addon-a11y": "^8.0.7",

package/src/core/components/menu/menuContext.ts

@@ -1,5 +1,4 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 
 export interface MenuContextValue {
   version: 0.0
@@ -26,6 +25,4 @@ export interface MenuContextValue {
 
 const key = Symbol.for('@sanity/ui/context/menu')
 
-globalScope[key] = globalScope[key] || createContext<MenuContextValue | null>(null)
-
-export const MenuContext: React.Context<MenuContextValue | null> = globalScope[key]
+export const MenuContext = createGlobalScopedContext<MenuContextValue | null>(key, null)

package/src/core/components/toast/toastContext.ts

@@ -1,9 +1,6 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {ToastContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/toast')
 
-globalScope[key] = globalScope[key] || createContext<ToastContextValue | null>(null)
-
-export const ToastContext: React.Context<ToastContextValue | null> = globalScope[key]
+export const ToastContext = createGlobalScopedContext<ToastContextValue | null>(key, null)

package/src/core/components/tree/treeContext.ts

@@ -1,12 +1,9 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {TreeContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/tree')
 
-globalScope[key] = globalScope[key] || createContext<TreeContextValue | null>(null)
-
 /**
  * @internal
  */
-export const TreeContext: React.Context<TreeContextValue | null> = globalScope[key]
+export const TreeContext = createGlobalScopedContext<TreeContextValue | null>(key, null)

package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupContext.tsx

@@ -1,13 +1,10 @@
-import {createContext} from 'react'
-import {globalScope} from '../../../lib/globalScope'
+import {createGlobalScopedContext} from '../../../lib/createGlobalScopedContext'
 import {TooltipDelayGroupContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/tooltipDelayGroup')
 
-globalScope[key] = globalScope[key] || createContext<TooltipDelayGroupContextValue | null>(null)
-
 /**
  * @beta
  */
-export const TooltipDelayGroupContext: React.Context<TooltipDelayGroupContextValue | null> =
-  globalScope[key]
+export const TooltipDelayGroupContext =
+  createGlobalScopedContext<TooltipDelayGroupContextValue | null>(key, null)

package/src/core/utils/boundaryElement/boundaryElementContext.ts

@@ -1,10 +1,9 @@
-import {createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {BoundaryElementContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/boundaryElement')
 
-globalScope[key] = globalScope[key] || createContext<BoundaryElementContextValue | null>(null)
-
-export const BoundaryElementContext: React.Context<BoundaryElementContextValue | null> =
-  globalScope[key]
+export const BoundaryElementContext = createGlobalScopedContext<BoundaryElementContextValue | null>(
+  key,
+  null,
+)

package/src/core/utils/layer/layerContext.ts

@@ -1,9 +1,6 @@
-import {Context, createContext} from 'react'
-import {globalScope} from '../../lib/globalScope'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {LayerContextValue} from './types'
 
 const key = Symbol.for('@sanity/ui/context/layer')
 
-globalScope[key] = globalScope[key] || createContext<LayerContextValue | null>(null)
-
-export const LayerContext: Context<LayerContextValue | null> = globalScope[key]
+export const LayerContext = createGlobalScopedContext<LayerContextValue | null>(key, null)

package/src/core/utils/portal/portalContext.ts

@@ -1,4 +1,4 @@
-import {createContext} from 'react'
+import {createGlobalScopedContext} from '../../lib/createGlobalScopedContext'
 import {globalScope} from '../../lib/globalScope'
 import {PortalContextValue} from './types'
 
@@ -28,6 +28,4 @@ export const defaultContextValue: PortalContextValue = {
   },
 }
 
-globalScope[key] = globalScope[key] || createContext<PortalContextValue>(defaultContextValue)
-
-export const PortalContext: React.Context<PortalContextValue> = globalScope[key]
+export const PortalContext = createGlobalScopedContext<PortalContextValue>(key, defaultContextValue)