@sanity/ui 1.7.2 → 1.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.d.ts +19 -19
- package/dist/index.esm.js +340 -103
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +340 -103
- package/dist/index.js.map +1 -1
- package/package.json +33 -33
- package/src/__workshop__/constants.ts +2 -2
- package/src/components/autocomplete/__mocks__/apiStore.ts +2 -2
- package/src/components/autocomplete/__workshop__/async.tsx +2 -2
- package/src/components/autocomplete/__workshop__/constrainedHeight.tsx +2 -2
- package/src/components/autocomplete/__workshop__/custom.tsx +1 -1
- package/src/components/autocomplete/__workshop__/fullscreen.tsx +6 -6
- package/src/components/autocomplete/autocomplete.tsx +20 -20
- package/src/components/autocomplete/autocompleteOption.tsx +1 -1
- package/src/components/autocomplete/autocompleteReducer.ts +1 -1
- package/src/components/breadcrumbs/breadcrumbs.tsx +2 -2
- package/src/components/dialog/dialog.tsx +11 -11
- package/src/components/dialog/dialogProvider.tsx +1 -1
- package/src/components/dialog/styles.ts +1 -1
- package/src/components/hotkeys/hotkeys.tsx +1 -1
- package/src/components/menu/__workshop__/asComponent.tsx +1 -1
- package/src/components/menu/__workshop__/index.ts +5 -0
- package/src/components/menu/__workshop__/menuButton.tsx +1 -1
- package/src/components/menu/__workshop__/shouldFocus.tsx +46 -0
- package/src/components/menu/menu.test.tsx +3 -3
- package/src/components/menu/menu.tsx +7 -7
- package/src/components/menu/menuButton.tsx +7 -7
- package/src/components/menu/menuGroup.tsx +4 -4
- package/src/components/menu/menuItem.tsx +4 -4
- package/src/components/menu/useMenuController.ts +10 -5
- package/src/components/skeleton/skeleton.tsx +2 -2
- package/src/components/skeleton/textSkeleton.tsx +25 -19
- package/src/components/tab/tab.tsx +2 -2
- package/src/components/tab/tabList.tsx +3 -3
- package/src/components/tab/tabPanel.tsx +1 -1
- package/src/components/toast/toast.test.tsx +2 -1
- package/src/components/toast/toast.tsx +1 -1
- package/src/components/toast/toastProvider.tsx +1 -1
- package/src/components/tree/__workshop__/basic.perf.ts +1 -1
- package/src/components/tree/helpers.ts +2 -2
- package/src/components/tree/style.ts +1 -1
- package/src/components/tree/tree.tsx +9 -9
- package/src/components/tree/treeGroup.tsx +1 -1
- package/src/components/tree/treeItem.tsx +4 -4
- package/src/hooks/useArrayProp.ts +2 -2
- package/src/hooks/useClickOutside.ts +2 -2
- package/src/hooks/useCustomValidity.ts +1 -1
- package/src/hooks/useMediaIndex/useMediaIndex.test.tsx +4 -4
- package/src/hooks/usePrefersDark.hydration.test.tsx +2 -1
- package/src/hooks/usePrefersReducedMotion.hydration.test.tsx +2 -1
- package/src/lib/globalScope.ts +1 -0
- package/src/primitives/_selectable/selectable.tsx +1 -1
- package/src/primitives/_selectable/style.ts +1 -1
- package/src/primitives/avatar/avatar.tsx +3 -3
- package/src/primitives/avatar/avatarCounter.tsx +5 -3
- package/src/primitives/avatar/avatarStack.tsx +2 -2
- package/src/primitives/avatar/styles.ts +1 -1
- package/src/primitives/badge/badge.tsx +2 -2
- package/src/primitives/box/box.tsx +2 -2
- package/src/primitives/button/button.tsx +2 -2
- package/src/primitives/button/styles.ts +1 -1
- package/src/primitives/card/__workshop__/asComponent.tsx +1 -1
- package/src/primitives/card/__workshop__/selected.tsx +19 -15
- package/src/primitives/card/card.tsx +1 -1
- package/src/primitives/card/styles.ts +1 -1
- package/src/primitives/checkbox/checkbox.tsx +1 -1
- package/src/primitives/code/code.tsx +2 -1
- package/src/primitives/container/container.tsx +2 -2
- package/src/primitives/container/styles.ts +1 -1
- package/src/primitives/flex/flex.tsx +2 -2
- package/src/primitives/grid/grid.tsx +1 -1
- package/src/primitives/heading/heading.tsx +1 -1
- package/src/primitives/heading/styles.ts +4 -2
- package/src/primitives/helpers.ts +2 -2
- package/src/primitives/inline/inline.tsx +2 -2
- package/src/primitives/kbd/kbd.tsx +1 -1
- package/src/primitives/label/label.tsx +1 -1
- package/src/primitives/label/styles.ts +1 -1
- package/src/primitives/popover/__workshop__/RecursiveStory.tsx +1 -1
- package/src/primitives/popover/__workshop__/TestStory.tsx +1 -1
- package/src/primitives/popover/helpers.ts +1 -1
- package/src/primitives/popover/popover.tsx +11 -11
- package/src/primitives/popover/popoverArrow.tsx +1 -1
- package/src/primitives/popover/popoverCard.tsx +4 -4
- package/src/primitives/radio/radio.tsx +1 -1
- package/src/primitives/select/select.tsx +1 -1
- package/src/primitives/select/styles.ts +2 -2
- package/src/primitives/spinner/spinner.tsx +1 -1
- package/src/primitives/stack/stack.tsx +1 -1
- package/src/primitives/stack/styles.ts +1 -1
- package/src/primitives/switch/__workshop__/props.tsx +1 -1
- package/src/primitives/switch/styles.ts +1 -1
- package/src/primitives/switch/switch.tsx +1 -1
- package/src/primitives/text/__workshop__/colored.tsx +9 -8
- package/src/primitives/text/styles.ts +4 -2
- package/src/primitives/text/text.tsx +2 -2
- package/src/primitives/textArea/textArea.tsx +3 -3
- package/src/primitives/textInput/__workshop__/plain.tsx +2 -2
- package/src/primitives/textInput/textInput.tsx +11 -11
- package/src/primitives/tooltip/tooltip.tsx +8 -7
- package/src/primitives/tooltip/tooltipArrow.tsx +1 -1
- package/src/styles/border/borderStyle.ts +5 -5
- package/src/styles/colorVars/colorVarsStyle.ts +1 -1
- package/src/styles/flex/flexItemStyle.ts +1 -1
- package/src/styles/flex/flexStyle.ts +3 -3
- package/src/styles/font/responsiveFont.ts +1 -1
- package/src/styles/font/textAlignStyle.ts +1 -1
- package/src/styles/helpers.ts +3 -3
- package/src/styles/input/responsiveInputPaddingStyle.ts +4 -4
- package/src/styles/input/textInputStyle.ts +2 -2
- package/src/styles/margin/marginStyle.ts +1 -1
- package/src/styles/padding/paddingStyle.ts +1 -1
- package/src/theme/__workshop__/color.tsx +1 -0
- package/src/theme/lib/theme/color/button/createButtonModes.ts +1 -1
- package/src/theme/lib/theme/color/button/createButtonTones.ts +1 -1
- package/src/theme/lib/theme/color/card/createCardStates.ts +1 -1
- package/src/theme/lib/theme/color/factory.ts +2 -2
- package/src/theme/lib/theme/color/input/createInputModes.ts +1 -1
- package/src/theme/lib/theme/color/muted/createMuted.ts +1 -1
- package/src/theme/lib/theme/color/selectable/createSelectableTones.ts +2 -2
- package/src/theme/lib/theme/color/solid/createSolidTones.ts +1 -1
- package/src/theme/lib/theme/color/spot/createSpot.ts +1 -1
- package/src/theme/lib/theme/shadow.ts +1 -1
- package/src/theme/lib/theme/theme.ts +1 -1
- package/src/theme/theme.test.tsx +2 -1
- package/src/theme/themeProvider.tsx +1 -1
- package/src/theme/useRootTheme.ts +1 -0
- package/src/utils/boundaryElement/boundaryElement.test.tsx +2 -1
- package/src/utils/elementQuery/elementQuery.tsx +2 -2
- package/src/utils/layer/layer.test.tsx +2 -1
- package/src/utils/layer/layer.tsx +3 -3
- package/src/utils/layer/layerProvider.tsx +2 -2
- package/src/utils/portal/portal.test.tsx +2 -1
- package/src/utils/srOnly/srOnly.tsx +1 -1
- package/src/utils/virtualList/__workshop__/changingProps.tsx +1 -1
- package/src/utils/virtualList/virtualList.tsx +2 -1
package/src/theme/theme.test.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jest-environment jsdom */
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
3
|
|
|
3
4
|
import {render} from '../../test'
|
|
4
5
|
import {studioTheme} from './studioTheme'
|
|
@@ -98,7 +99,7 @@ describe('theme', () => {
|
|
|
98
99
|
render(<Root />)
|
|
99
100
|
|
|
100
101
|
expect(log.mock.calls[0][0].message).toEqual(
|
|
101
|
-
'useRootTheme(): the context value is not compatible'
|
|
102
|
+
'useRootTheme(): the context value is not compatible',
|
|
102
103
|
)
|
|
103
104
|
})
|
|
104
105
|
})
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jest-environment jsdom */
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
3
|
|
|
3
4
|
import {render} from '../../../test'
|
|
4
5
|
import {BoundaryElementContext} from './boundaryElementContext'
|
|
@@ -93,7 +94,7 @@ describe('utils/boundaryElement', () => {
|
|
|
93
94
|
render(<Root />)
|
|
94
95
|
|
|
95
96
|
expect(log.mock.calls[0][0].message).toEqual(
|
|
96
|
-
'useBoundaryElement(): the context value is not compatible'
|
|
97
|
+
'useBoundaryElement(): the context value is not compatible',
|
|
97
98
|
)
|
|
98
99
|
})
|
|
99
100
|
})
|
|
@@ -18,7 +18,7 @@ export interface MediaQueryProps {
|
|
|
18
18
|
*/
|
|
19
19
|
export const ElementQuery = forwardRef(function ElementQuery(
|
|
20
20
|
props: MediaQueryProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'media'>,
|
|
21
|
-
ref: React.ForwardedRef<HTMLDivElement
|
|
21
|
+
ref: React.ForwardedRef<HTMLDivElement>,
|
|
22
22
|
) {
|
|
23
23
|
const theme = useTheme()
|
|
24
24
|
const {children, media = theme.sanity.media, ...restProps} = props
|
|
@@ -36,7 +36,7 @@ export const ElementQuery = forwardRef(function ElementQuery(
|
|
|
36
36
|
forwardedRef.current = el
|
|
37
37
|
setElement(el)
|
|
38
38
|
},
|
|
39
|
-
[forwardedRef]
|
|
39
|
+
[forwardedRef],
|
|
40
40
|
)
|
|
41
41
|
|
|
42
42
|
return (
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jest-environment jsdom */
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
3
|
|
|
3
4
|
import {render} from '../../../test'
|
|
4
5
|
import {LayerContext} from './layerContext'
|
|
@@ -101,7 +102,7 @@ describe('utils/layer', () => {
|
|
|
101
102
|
render(<Root />)
|
|
102
103
|
|
|
103
104
|
expect(log.mock.calls[0][0].message).toEqual(
|
|
104
|
-
'useLayer(): the context value is not compatible'
|
|
105
|
+
'useLayer(): the context value is not compatible',
|
|
105
106
|
)
|
|
106
107
|
})
|
|
107
108
|
})
|
|
@@ -25,7 +25,7 @@ const Root = styled.div({position: 'relative'})
|
|
|
25
25
|
|
|
26
26
|
const LayerChildren = forwardRef(function LayerChildren(
|
|
27
27
|
props: LayerChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,
|
|
28
|
-
ref: React.Ref<HTMLDivElement
|
|
28
|
+
ref: React.Ref<HTMLDivElement>,
|
|
29
29
|
) {
|
|
30
30
|
const {children, onActivate, onFocus, style = EMPTY_RECORD, ...restProps} = props
|
|
31
31
|
const {zIndex, isTopLayer} = useLayer()
|
|
@@ -60,7 +60,7 @@ const LayerChildren = forwardRef(function LayerChildren(
|
|
|
60
60
|
lastFocusedRef.current = target
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
|
-
[forwardedRef, isTopLayer, onFocus]
|
|
63
|
+
[forwardedRef, isTopLayer, onFocus],
|
|
64
64
|
)
|
|
65
65
|
|
|
66
66
|
return (
|
|
@@ -81,7 +81,7 @@ const LayerChildren = forwardRef(function LayerChildren(
|
|
|
81
81
|
*/
|
|
82
82
|
export const Layer = forwardRef(function Layer(
|
|
83
83
|
props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,
|
|
84
|
-
ref: React.Ref<HTMLDivElement
|
|
84
|
+
ref: React.Ref<HTMLDivElement>,
|
|
85
85
|
) {
|
|
86
86
|
const {children, zOffset = 1, ...restProps} = props
|
|
87
87
|
|
|
@@ -85,7 +85,7 @@ export function LayerProvider(props: LayerProviderProps): React.ReactElement {
|
|
|
85
85
|
parentDispose?.()
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
|
-
[parentRegisterChild]
|
|
88
|
+
[parentRegisterChild],
|
|
89
89
|
)
|
|
90
90
|
|
|
91
91
|
// Register this layer on mount
|
|
@@ -100,7 +100,7 @@ export function LayerProvider(props: LayerProviderProps): React.ReactElement {
|
|
|
100
100
|
size,
|
|
101
101
|
zIndex,
|
|
102
102
|
}),
|
|
103
|
-
[isTopLayer, level, registerChild, size, zIndex]
|
|
103
|
+
[isTopLayer, level, registerChild, size, zIndex],
|
|
104
104
|
)
|
|
105
105
|
|
|
106
106
|
return <LayerContext.Provider value={value}>{children}</LayerContext.Provider>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @jest-environment jsdom */
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
3
|
|
|
3
4
|
import {render} from '../../../test'
|
|
4
5
|
import {PortalContext} from './portalContext'
|
|
@@ -96,7 +97,7 @@ describe('utils/portal', () => {
|
|
|
96
97
|
render(<Root />)
|
|
97
98
|
|
|
98
99
|
expect(log.mock.calls[0][0].message).toEqual(
|
|
99
|
-
'usePortal(): the context value is not compatible'
|
|
100
|
+
'usePortal(): the context value is not compatible',
|
|
100
101
|
)
|
|
101
102
|
})
|
|
102
103
|
})
|
|
@@ -23,7 +23,7 @@ const Root = styled.div`
|
|
|
23
23
|
*/
|
|
24
24
|
export const SrOnly = forwardRef(function SrOnly(
|
|
25
25
|
props: SrOnlyProps & Omit<React.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,
|
|
26
|
-
ref: React.Ref<HTMLDivElement
|
|
26
|
+
ref: React.Ref<HTMLDivElement>,
|
|
27
27
|
) {
|
|
28
28
|
const {as, children} = props
|
|
29
29
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
1
2
|
import {forwardRef, useEffect, useMemo, useRef, useState} from 'react'
|
|
2
3
|
import styled from 'styled-components'
|
|
3
4
|
import {_isScrollable} from '../../helpers'
|
|
@@ -47,7 +48,7 @@ export const VirtualList = forwardRef(function VirtualList(
|
|
|
47
48
|
props: VirtualListProps &
|
|
48
49
|
StackProps &
|
|
49
50
|
Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'onChange' | 'ref'>,
|
|
50
|
-
ref: React.ForwardedRef<HTMLDivElement
|
|
51
|
+
ref: React.ForwardedRef<HTMLDivElement>,
|
|
51
52
|
): React.ReactElement {
|
|
52
53
|
const {as = 'div', gap = 0, getItemKey, items = [], onChange, renderItem, ...restProps} = props
|
|
53
54
|
const {space} = useTheme().sanity
|