@sanity/ui 2.3.6 → 2.3.7-canary.0
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/dist/index.compiled.mjs +7488 -0
- package/dist/index.compiled.mjs.map +1 -0
- package/dist/index.d.mts +13 -1
- package/dist/index.d.ts +13 -1
- package/dist/index.esm.js +1047 -1072
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1054 -1079
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1047 -1072
- package/dist/index.mjs.map +1 -1
- package/package.json +31 -35
- package/src/core/components/autocomplete/autocomplete.tsx +31 -34
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +3 -2
- package/src/core/components/dialog/dialog.tsx +23 -12
- package/src/core/components/hotkeys/hotkeys.tsx +3 -3
- package/src/core/components/menu/menu.tsx +5 -1
- package/src/core/components/menu/menuButton.tsx +17 -32
- package/src/core/components/menu/menuGroup.tsx +7 -5
- package/src/core/components/menu/menuItem.tsx +10 -6
- package/src/core/components/skeleton/skeleton.tsx +5 -11
- package/src/core/components/skeleton/textSkeleton.tsx +6 -7
- package/src/core/components/toast/toastProvider.tsx +26 -24
- package/src/core/components/tree/treeItem.styles.ts +21 -0
- package/src/core/components/tree/treeItem.tsx +31 -44
- package/src/core/hooks/useArrayProp.ts +11 -10
- package/src/core/primitives/avatar/avatar.tsx +11 -15
- package/src/core/primitives/avatar/avatarCounter.tsx +11 -17
- package/src/core/primitives/avatar/avatarStack.tsx +3 -7
- package/src/core/primitives/badge/badge.tsx +7 -4
- package/src/core/primitives/box/box.tsx +53 -27
- package/src/core/primitives/button/button.tsx +11 -12
- package/src/core/primitives/card/card.tsx +17 -9
- package/src/core/primitives/code/code.tsx +4 -3
- package/src/core/primitives/container/container.tsx +4 -11
- package/src/core/primitives/flex/flex.tsx +13 -7
- package/src/core/primitives/grid/grid.tsx +19 -10
- package/src/core/primitives/heading/heading.tsx +7 -4
- package/src/core/primitives/inline/inline.tsx +3 -2
- package/src/core/primitives/kbd/kbd.tsx +4 -3
- package/src/core/primitives/label/label.tsx +7 -4
- package/src/core/primitives/popover/popover.tsx +49 -49
- package/src/core/primitives/select/select.tsx +12 -6
- package/src/core/primitives/stack/stack.tsx +4 -3
- package/src/core/primitives/text/text.tsx +7 -4
- package/src/core/primitives/textArea/textArea.tsx +12 -6
- package/src/core/primitives/textInput/textInput.tsx +6 -5
- package/src/core/primitives/tooltip/tooltip.tsx +14 -7
- package/src/core/theme/themeProvider.tsx +4 -6
- package/src/core/utils/elementQuery/elementQuery.tsx +4 -3
- package/src/core/utils/layer/getLayerContext.test.ts +0 -4
- package/src/core/utils/layer/layer.test.tsx +0 -2
- package/src/core/utils/layer/layerProvider.tsx +35 -43
- package/src/core/utils/layer/types.ts +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1258,7 +1258,6 @@ export declare interface LayerContextValue {
|
|
|
1258
1258
|
version: 0.0
|
|
1259
1259
|
isTopLayer: boolean
|
|
1260
1260
|
level?: number
|
|
1261
|
-
registerChild: (childLevel?: number) => () => void
|
|
1262
1261
|
size: number
|
|
1263
1262
|
zIndex: number
|
|
1264
1263
|
}
|
|
@@ -1424,6 +1423,7 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
|
|
|
1424
1423
|
* @public
|
|
1425
1424
|
*/
|
|
1426
1425
|
export declare interface MenuProps extends ResponsivePaddingProps {
|
|
1426
|
+
'aria-labelledby'?: string
|
|
1427
1427
|
/**
|
|
1428
1428
|
* @deprecated Use `shouldFocus="first"` instead.
|
|
1429
1429
|
*/
|
|
@@ -1433,6 +1433,7 @@ export declare interface MenuProps extends ResponsivePaddingProps {
|
|
|
1433
1433
|
*/
|
|
1434
1434
|
focusLast?: boolean
|
|
1435
1435
|
onClickOutside?: (event: MouseEvent) => void
|
|
1436
|
+
onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement>) => void
|
|
1436
1437
|
onEscape?: () => void
|
|
1437
1438
|
onItemClick?: () => void
|
|
1438
1439
|
onItemSelect?: (index: number) => void
|
|
@@ -1512,6 +1513,7 @@ export declare interface PopoverProps
|
|
|
1512
1513
|
arrow?: boolean
|
|
1513
1514
|
/** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
|
|
1514
1515
|
boundaryElement?: HTMLElement | null
|
|
1516
|
+
/** @deprecated Use `referenceElement` instead */
|
|
1515
1517
|
children?: React.ReactElement
|
|
1516
1518
|
/**
|
|
1517
1519
|
* When `true`, prevent overflow within the current boundary:
|
|
@@ -2632,6 +2634,16 @@ export declare interface TreeState {
|
|
|
2632
2634
|
/**
|
|
2633
2635
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
2634
2636
|
* @beta
|
|
2637
|
+
* @deprecated use `_getArrayProp` and `useMemo` directly instead
|
|
2638
|
+
* @example
|
|
2639
|
+
* ```diff
|
|
2640
|
+
* -import {useArrayProp} from '@sanity/ui'
|
|
2641
|
+
* +import {_getArrayProp} from '@sanity/ui'
|
|
2642
|
+
* +import {useMemo} from 'react'
|
|
2643
|
+
*
|
|
2644
|
+
* -const width = useArrayProp(props.width)
|
|
2645
|
+
* +const width = useMemo(() => _getArrayProp(props.width), [props.width])
|
|
2646
|
+
* ```
|
|
2635
2647
|
*/
|
|
2636
2648
|
export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
|
|
2637
2649
|
val: T | T[] | undefined,
|
package/dist/index.d.ts
CHANGED
|
@@ -1258,7 +1258,6 @@ export declare interface LayerContextValue {
|
|
|
1258
1258
|
version: 0.0
|
|
1259
1259
|
isTopLayer: boolean
|
|
1260
1260
|
level?: number
|
|
1261
|
-
registerChild: (childLevel?: number) => () => void
|
|
1262
1261
|
size: number
|
|
1263
1262
|
zIndex: number
|
|
1264
1263
|
}
|
|
@@ -1424,6 +1423,7 @@ export declare interface MenuItemProps extends ResponsivePaddingProps, Responsiv
|
|
|
1424
1423
|
* @public
|
|
1425
1424
|
*/
|
|
1426
1425
|
export declare interface MenuProps extends ResponsivePaddingProps {
|
|
1426
|
+
'aria-labelledby'?: string
|
|
1427
1427
|
/**
|
|
1428
1428
|
* @deprecated Use `shouldFocus="first"` instead.
|
|
1429
1429
|
*/
|
|
@@ -1433,6 +1433,7 @@ export declare interface MenuProps extends ResponsivePaddingProps {
|
|
|
1433
1433
|
*/
|
|
1434
1434
|
focusLast?: boolean
|
|
1435
1435
|
onClickOutside?: (event: MouseEvent) => void
|
|
1436
|
+
onBlurCapture?: (event: React.FocusEvent<HTMLButtonElement>) => void
|
|
1436
1437
|
onEscape?: () => void
|
|
1437
1438
|
onItemClick?: () => void
|
|
1438
1439
|
onItemSelect?: (index: number) => void
|
|
@@ -1512,6 +1513,7 @@ export declare interface PopoverProps
|
|
|
1512
1513
|
arrow?: boolean
|
|
1513
1514
|
/** @deprecated Use `floatingBoundary` and/or `referenceBoundary` instead */
|
|
1514
1515
|
boundaryElement?: HTMLElement | null
|
|
1516
|
+
/** @deprecated Use `referenceElement` instead */
|
|
1515
1517
|
children?: React.ReactElement
|
|
1516
1518
|
/**
|
|
1517
1519
|
* When `true`, prevent overflow within the current boundary:
|
|
@@ -2632,6 +2634,16 @@ export declare interface TreeState {
|
|
|
2632
2634
|
/**
|
|
2633
2635
|
* This API might change. DO NOT USE IN PRODUCTION.
|
|
2634
2636
|
* @beta
|
|
2637
|
+
* @deprecated use `_getArrayProp` and `useMemo` directly instead
|
|
2638
|
+
* @example
|
|
2639
|
+
* ```diff
|
|
2640
|
+
* -import {useArrayProp} from '@sanity/ui'
|
|
2641
|
+
* +import {_getArrayProp} from '@sanity/ui'
|
|
2642
|
+
* +import {useMemo} from 'react'
|
|
2643
|
+
*
|
|
2644
|
+
* -const width = useArrayProp(props.width)
|
|
2645
|
+
* +const width = useMemo(() => _getArrayProp(props.width), [props.width])
|
|
2646
|
+
* ```
|
|
2635
2647
|
*/
|
|
2636
2648
|
export declare function useArrayProp<T extends ArrayPropPrimitive = ArrayPropPrimitive>(
|
|
2637
2649
|
val: T | T[] | undefined,
|