@sanity/ui 4.0.0-static.4 → 4.0.0-static.40

package/src/core/primitives/button/__workshop__/styled2.tsx

@@ -1,19 +0,0 @@
-import {Button, Flex} from '@sanity/ui'
-import {styled} from 'styled-components'
-
-const StyledButton2 = styled(Button)<{$color?: boolean}>`
-  &:hover {
-    background-color: red;
-    box-shadow: none;
-  }
-`
-
-export default function StyledButton2Story(): React.JSX.Element {
-  const props = {href: '#', text: 'Test'}
-
-  return (
-    <Flex align="center" height="fill" justify="center">
-      <StyledButton2 $color forwardedAs="a" {...props} />
-    </Flex>
-  )
-}

package/src/core/primitives/popover/helpers.ts

@@ -1,32 +0,0 @@
-import type {ContainerWidth} from '@sanity/ui/theme'
-
-import {DEFAULT_POPOVER_PADDING} from './constants'
-
-export function calcCurrentWidth(params: {
-  mediaIndex: number
-  container: number[]
-  width: (ContainerWidth | 'fill' | null | undefined)[]
-}): number | undefined {
-  const {container, mediaIndex, width} = params
-
-  const w = width[mediaIndex]
-  const currentWidth = w === undefined ? width[width.length - 1] : w
-
-  return typeof currentWidth === 'number' ? container[currentWidth] : undefined
-}
-
-export function calcMaxWidth(params: {
-  boundaryWidth: number | undefined
-  currentWidth: number | undefined
-}): number | undefined {
-  const {boundaryWidth, currentWidth} = params
-
-  if (currentWidth === undefined && boundaryWidth === undefined) {
-    return undefined
-  }
-
-  return Math.min(
-    currentWidth ?? Infinity,
-    (boundaryWidth || Infinity) - DEFAULT_POPOVER_PADDING * 2,
-  )
-}

package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts

@@ -1,4 +0,0 @@
-export * from './tooltipDelayGroupContext'
-export * from './tooltipDelayGroupProvider'
-export * from './types'
-export * from './useTooltipDelayGroup'

package/src/core/utils/boundaryElement/boundaryElement.test.tsx

@@ -1,102 +0,0 @@
-import {describe, expect, it, vi} from 'vitest'
-
-import {render} from '$test/utils'
-
-import {BoundaryElementContext} from './boundaryElementContext'
-import type {BoundaryElementContextValue} from './types'
-import {useBoundaryElement} from './useBoundaryElement'
-
-describe('utils/boundaryElement', () => {
-  describe('useBoundaryElement', () => {
-    it('should get context value', async () => {
-      const log = vi.fn()
-
-      function Debug() {
-        const rootBoundaryElement = useBoundaryElement()
-
-        log(rootBoundaryElement)
-
-        return <>debug</>
-      }
-
-      function Root() {
-        const value: BoundaryElementContextValue = {
-          version: 0.0,
-          element: null,
-        }
-
-        return (
-          <BoundaryElementContext.Provider value={value}>
-            <Debug />
-          </BoundaryElementContext.Provider>
-        )
-      }
-
-      render(<Root />)
-
-      expect(log.mock.calls[0][0].version).toBe(0.0)
-      expect(log.mock.calls[0][0].element).toBe(null)
-    })
-
-    it('should provide default value when no context value is provided', async () => {
-      const log = vi.fn()
-
-      function Debug() {
-        const rootBoundaryElement = useBoundaryElement()
-
-        log(rootBoundaryElement)
-
-        return null
-      }
-
-      function Root() {
-        return (
-          <BoundaryElementContext.Provider
-            // @ts-expect-error - we want to test the error case
-            value={undefined}
-          >
-            <Debug />
-          </BoundaryElementContext.Provider>
-        )
-      }
-
-      render(<Root />)
-
-      expect(log.mock.calls[0][0].version).toBe(0.0)
-      expect(log.mock.calls[0][0].element).toBe(null)
-    })
-
-    it('should fail when context value is not compatible', async () => {
-      const log = vi.fn()
-
-      function Debug() {
-        try {
-          useBoundaryElement()
-        } catch (err) {
-          log(err)
-        }
-
-        return null
-      }
-
-      function Root() {
-        // NOTE: we’re testing this because the context value may be a function in the future
-
-        return (
-          <BoundaryElementContext.Provider
-            // @ts-expect-error - we want to test the error case
-            value={() => ({version: 1})}
-          >
-            <Debug />
-          </BoundaryElementContext.Provider>
-        )
-      }
-
-      render(<Root />)
-
-      expect(log.mock.calls[0][0].message).toEqual(
-        'useBoundaryElement(): the context value is not compatible',
-      )
-    })
-  })
-})

package/src/core/utils/boundaryElement/boundaryElementProvider.tsx

@@ -1,18 +0,0 @@
-import {type ReactNode, useMemo} from 'react'
-
-import {BoundaryElementContext} from './boundaryElementContext'
-import type {BoundaryElementContextValue} from './types'
-
-/** @public */
-export interface BoundaryElementProviderProps {
-  children: ReactNode
-  element: HTMLElement | null
-}
-
-/** @public */
-export function BoundaryElementProvider(props: BoundaryElementProviderProps): React.JSX.Element {
-  const {children, element} = props
-  const value: BoundaryElementContextValue = useMemo(() => ({version: 0.0, element}), [element])
-
-  return <BoundaryElementContext.Provider value={value}>{children}</BoundaryElementContext.Provider>
-}

package/src/core/utils/elementQuery/__workshop__/customMedia.tsx

@@ -1,41 +0,0 @@
-import {Box, Card, ElementQuery, Text} from '@sanity/ui'
-import {vars} from '@sanity/ui/css'
-import {styled} from 'styled-components'
-
-const TestCard = styled(Card)`
-  [data-eq-min~='0'] > & {
-    ${vars.color.fg.slice(4, -1)}: light-dark(${vars.color.palette.orange[600]}, ${vars.color
-      .palette.orange[400]});
-  }
-
-  [data-eq-min~='1'] > & {
-    ${vars.color.fg.slice(4, -1)}: light-dark(${vars.color.palette.red[600]}, ${vars.color.palette
-      .red[400]});
-  }
-
-  [data-eq-min~='2'] > & {
-    ${vars.color.fg.slice(4, -1)}: light-dark(${vars.color.palette.magenta[600]}, ${vars.color
-      .palette.magenta[400]});
-  }
-
-  [data-eq-min~='3'] > & {
-    ${vars.color.fg.slice(4, -1)}: light-dark(${vars.color.palette.purple[600]}, ${vars.color
-      .palette.purple[400]});
-  }
-`
-
-export default function CustomMediaQuery(): React.JSX.Element {
-  return (
-    <Box padding={4}>
-      <Box marginBottom={4}>
-        <Text>Resize this frame to see the text color change:</Text>
-      </Box>
-
-      <ElementQuery media={[0, 100, 200, 300]}>
-        <TestCard padding={3} shadow={1}>
-          <Text>This card sits inside an element query.</Text>
-        </TestCard>
-      </ElementQuery>
-    </Box>
-  )
-}

package/src/core/utils/portal/portalProvider.tsx

@@ -1,70 +0,0 @@
-import {type ReactNode, useContext, useMemo, useRef, useSyncExternalStore} from 'react'
-
-import {PortalContext} from './portalContext'
-import type {PortalContextValue} from './types'
-
-/** @public */
-export interface PortalProviderProps {
-  children: ReactNode
-  element?: HTMLElement | null
-  /**
-   * @beta
-   */
-  __unstable_elements?: Record<string, HTMLElement | null | undefined>
-}
-
-/** @public */
-export function PortalProvider(props: PortalProviderProps): React.JSX.Element {
-  const {children, element, __unstable_elements: elementsProp} = props
-  const elements = useUnique(elementsProp)
-  const parentPortal = useContext(PortalContext)
-  const fallbackElement = useSyncExternalStore(
-    emptySubscribe,
-    () => elements?.['default'] ?? (parentPortal.element || document.body),
-    () => null,
-  )
-
-  const value: PortalContextValue = useMemo(() => {
-    return {
-      version: 0.0,
-      boundaryElement: null,
-      element: element || fallbackElement,
-      elements,
-    }
-  }, [element, elements, fallbackElement])
-
-  return <PortalContext.Provider value={value}>{children}</PortalContext.Provider>
-}
-
-const emptySubscribe = () => () => {}
-
-/**
- * This is a React hook to make sure that a record identity is the same on every render. Uses strict
- * equality comparison (eg by identity), and only goes one level deep.
- */
-function useUnique<ValueType extends Comparable = Comparable>(value: ValueType): ValueType {
-  const valueRef = useRef<ValueType>(value)
-
-  if (!_isEqual(valueRef.current, value)) {
-    valueRef.current = value
-  }
-
-  return valueRef.current
-}
-
-function _isEqual(objA: Comparable, objB: Comparable): boolean {
-  if (!objA || !objB) {
-    return objA === objB
-  }
-
-  const keysA = Object.keys(objA)
-  const keysB = Object.keys(objB)
-
-  if (keysA.length !== keysB.length) {
-    return false
-  }
-
-  return keysA.every((key) => objA[key] === objB[key])
-}
-
-type Comparable = Record<string | number | symbol, unknown> | undefined | null