@sanity/ui 0.36.10 → 0.36.13-next.13
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/lib/cjs/components/autocomplete/autocomplete.js +0 -3
- package/lib/cjs/components/autocomplete/autocomplete.js.map +1 -1
- package/lib/cjs/components/autocomplete/autocomplete.styles.d.ts +1 -1
- package/lib/cjs/components/autocomplete/autocomplete.styles.d.ts.map +1 -1
- package/lib/cjs/components/autocomplete/autocomplete.styles.js +0 -3
- package/lib/cjs/components/autocomplete/autocomplete.styles.js.map +1 -1
- package/lib/cjs/components/autocomplete/autocompleteOption.js +0 -3
- package/lib/cjs/components/autocomplete/autocompleteOption.js.map +1 -1
- package/lib/cjs/components/autocomplete/autocompleteReducer.js +0 -3
- package/lib/cjs/components/autocomplete/autocompleteReducer.js.map +1 -1
- package/lib/cjs/components/autocomplete/constants.js +0 -3
- package/lib/cjs/components/autocomplete/constants.js.map +1 -1
- package/lib/cjs/components/autocomplete/index.js +0 -3
- package/lib/cjs/components/autocomplete/index.js.map +1 -1
- package/lib/cjs/components/autocomplete/types.js +0 -3
- package/lib/cjs/components/autocomplete/types.js.map +1 -1
- package/lib/cjs/components/breadcrumbs/breadcrumbs.js +0 -3
- package/lib/cjs/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/lib/cjs/components/breadcrumbs/breadcrumbs.styles.js +0 -3
- package/lib/cjs/components/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/lib/cjs/components/breadcrumbs/index.js +0 -3
- package/lib/cjs/components/breadcrumbs/index.js.map +1 -1
- package/lib/cjs/components/dialog/dialog.d.ts +1 -0
- package/lib/cjs/components/dialog/dialog.d.ts.map +1 -1
- package/lib/cjs/components/dialog/dialog.js +11 -12
- package/lib/cjs/components/dialog/dialog.js.map +2 -2
- package/lib/cjs/components/dialog/dialogContext.js +0 -3
- package/lib/cjs/components/dialog/dialogContext.js.map +1 -1
- package/lib/cjs/components/dialog/dialogProvider.js +0 -3
- package/lib/cjs/components/dialog/dialogProvider.js.map +1 -1
- package/lib/cjs/components/dialog/index.js +0 -3
- package/lib/cjs/components/dialog/index.js.map +1 -1
- package/lib/cjs/components/dialog/styles.js +0 -3
- package/lib/cjs/components/dialog/styles.js.map +1 -1
- package/lib/cjs/components/dialog/useDialog.js +0 -3
- package/lib/cjs/components/dialog/useDialog.js.map +1 -1
- package/lib/cjs/components/hotkeys/hotkeys.js +0 -3
- package/lib/cjs/components/hotkeys/hotkeys.js.map +1 -1
- package/lib/cjs/components/hotkeys/index.js +0 -3
- package/lib/cjs/components/hotkeys/index.js.map +1 -1
- package/lib/cjs/components/index.js +0 -3
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/menu/helpers.js +0 -3
- package/lib/cjs/components/menu/helpers.js.map +1 -1
- package/lib/cjs/components/menu/index.js +0 -3
- package/lib/cjs/components/menu/index.js.map +1 -1
- package/lib/cjs/components/menu/menu.js +0 -3
- package/lib/cjs/components/menu/menu.js.map +1 -1
- package/lib/cjs/components/menu/menuButton.d.ts +6 -6
- package/lib/cjs/components/menu/menuButton.js +0 -3
- package/lib/cjs/components/menu/menuButton.js.map +2 -2
- package/lib/cjs/components/menu/menuContext.js +0 -3
- package/lib/cjs/components/menu/menuContext.js.map +1 -1
- package/lib/cjs/components/menu/menuDivider.js +0 -3
- package/lib/cjs/components/menu/menuDivider.js.map +1 -1
- package/lib/cjs/components/menu/menuGroup.js +0 -3
- package/lib/cjs/components/menu/menuGroup.js.map +1 -1
- package/lib/cjs/components/menu/menuItem.js +0 -3
- package/lib/cjs/components/menu/menuItem.js.map +1 -1
- package/lib/cjs/components/menu/useMenu.js +0 -3
- package/lib/cjs/components/menu/useMenu.js.map +1 -1
- package/lib/cjs/components/skeleton/index.js +0 -3
- package/lib/cjs/components/skeleton/index.js.map +1 -1
- package/lib/cjs/components/skeleton/skeleton.js +0 -3
- package/lib/cjs/components/skeleton/skeleton.js.map +1 -1
- package/lib/cjs/components/skeleton/styles.js +0 -3
- package/lib/cjs/components/skeleton/styles.js.map +1 -1
- package/lib/cjs/components/skeleton/textSkeleton.js +0 -3
- package/lib/cjs/components/skeleton/textSkeleton.js.map +1 -1
- package/lib/cjs/components/tab/index.js +0 -3
- package/lib/cjs/components/tab/index.js.map +1 -1
- package/lib/cjs/components/tab/tab.js +0 -3
- package/lib/cjs/components/tab/tab.js.map +1 -1
- package/lib/cjs/components/tab/tabList.js +0 -3
- package/lib/cjs/components/tab/tabList.js.map +1 -1
- package/lib/cjs/components/tab/tabPanel.js +0 -3
- package/lib/cjs/components/tab/tabPanel.js.map +1 -1
- package/lib/cjs/components/toast/index.js +0 -3
- package/lib/cjs/components/toast/index.js.map +1 -1
- package/lib/cjs/components/toast/toast.js +0 -3
- package/lib/cjs/components/toast/toast.js.map +1 -1
- package/lib/cjs/components/toast/toastContext.js +0 -3
- package/lib/cjs/components/toast/toastContext.js.map +1 -1
- package/lib/cjs/components/toast/toastProvider.js +0 -3
- package/lib/cjs/components/toast/toastProvider.js.map +1 -1
- package/lib/cjs/components/toast/types.js +0 -3
- package/lib/cjs/components/toast/types.js.map +1 -1
- package/lib/cjs/components/toast/useToast.js +0 -3
- package/lib/cjs/components/toast/useToast.js.map +1 -1
- package/lib/cjs/components/tree/helpers.js +0 -3
- package/lib/cjs/components/tree/helpers.js.map +1 -1
- package/lib/cjs/components/tree/index.js +0 -3
- package/lib/cjs/components/tree/index.js.map +1 -1
- package/lib/cjs/components/tree/style.js +0 -3
- package/lib/cjs/components/tree/style.js.map +1 -1
- package/lib/cjs/components/tree/tree.js +0 -3
- package/lib/cjs/components/tree/tree.js.map +1 -1
- package/lib/cjs/components/tree/treeContext.js +0 -3
- package/lib/cjs/components/tree/treeContext.js.map +1 -1
- package/lib/cjs/components/tree/treeGroup.js +0 -3
- package/lib/cjs/components/tree/treeGroup.js.map +1 -1
- package/lib/cjs/components/tree/treeItem.js +0 -3
- package/lib/cjs/components/tree/treeItem.js.map +1 -1
- package/lib/cjs/components/tree/types.js +0 -3
- package/lib/cjs/components/tree/types.js.map +1 -1
- package/lib/cjs/components/tree/useTree.js +0 -3
- package/lib/cjs/components/tree/useTree.js.map +1 -1
- package/lib/cjs/constants.js +0 -3
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/helpers/animation.js +0 -3
- package/lib/cjs/helpers/animation.js.map +1 -1
- package/lib/cjs/helpers/element.js +0 -3
- package/lib/cjs/helpers/element.js.map +1 -1
- package/lib/cjs/helpers/focus.js +0 -3
- package/lib/cjs/helpers/focus.js.map +1 -1
- package/lib/cjs/helpers/index.js +0 -3
- package/lib/cjs/helpers/index.js.map +1 -1
- package/lib/cjs/helpers/scroll.js +0 -3
- package/lib/cjs/helpers/scroll.js.map +1 -1
- package/lib/cjs/hooks/_internal/index.d.ts +2 -0
- package/lib/cjs/hooks/_internal/index.d.ts.map +1 -0
- package/lib/cjs/hooks/_internal/index.js +20 -0
- package/lib/cjs/hooks/_internal/index.js.map +7 -0
- package/lib/cjs/hooks/_internal/useUnique.d.ts +8 -0
- package/lib/cjs/hooks/_internal/useUnique.d.ts.map +1 -0
- package/lib/cjs/hooks/_internal/useUnique.js +35 -0
- package/lib/cjs/hooks/_internal/useUnique.js.map +7 -0
- package/lib/cjs/hooks/index.js +0 -3
- package/lib/cjs/hooks/index.js.map +1 -1
- package/lib/cjs/hooks/useClickOutside.js +0 -3
- package/lib/cjs/hooks/useClickOutside.js.map +1 -1
- package/lib/cjs/hooks/useCustomValidity.js +0 -3
- package/lib/cjs/hooks/useCustomValidity.js.map +1 -1
- package/lib/cjs/hooks/useElementRect/index.js +0 -3
- package/lib/cjs/hooks/useElementRect/index.js.map +1 -1
- package/lib/cjs/hooks/useElementRect/useElementRect.js +0 -3
- package/lib/cjs/hooks/useElementRect/useElementRect.js.map +1 -1
- package/lib/cjs/hooks/useForwardedRef.js +0 -3
- package/lib/cjs/hooks/useForwardedRef.js.map +1 -1
- package/lib/cjs/hooks/useGlobalKeyDown.js +0 -3
- package/lib/cjs/hooks/useGlobalKeyDown.js.map +1 -1
- package/lib/cjs/hooks/useIsomorphicEffect.js +0 -3
- package/lib/cjs/hooks/useIsomorphicEffect.js.map +1 -1
- package/lib/cjs/hooks/useMediaIndex/index.js +0 -3
- package/lib/cjs/hooks/useMediaIndex/index.js.map +1 -1
- package/lib/cjs/hooks/useMediaIndex/lib/media.js +0 -3
- package/lib/cjs/hooks/useMediaIndex/lib/media.js.map +1 -1
- package/lib/cjs/hooks/useMediaIndex/useMediaIndex.js +0 -3
- package/lib/cjs/hooks/useMediaIndex/useMediaIndex.js.map +1 -1
- package/lib/cjs/hooks/usePrefersDark.js +0 -3
- package/lib/cjs/hooks/usePrefersDark.js.map +1 -1
- package/lib/cjs/hooks/useResponsiveProp.js +0 -3
- package/lib/cjs/hooks/useResponsiveProp.js.map +1 -1
- package/lib/cjs/index.js +0 -3
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/lib/globalScope.js +0 -3
- package/lib/cjs/lib/globalScope.js.map +1 -1
- package/lib/cjs/lib/isRecord.js +0 -3
- package/lib/cjs/lib/isRecord.js.map +1 -1
- package/lib/cjs/primitives/_selectable/index.js +0 -3
- package/lib/cjs/primitives/_selectable/index.js.map +1 -1
- package/lib/cjs/primitives/_selectable/selectable.js +0 -3
- package/lib/cjs/primitives/_selectable/selectable.js.map +1 -1
- package/lib/cjs/primitives/_selectable/style.js +0 -3
- package/lib/cjs/primitives/_selectable/style.js.map +1 -1
- package/lib/cjs/primitives/avatar/avatar.js +0 -3
- package/lib/cjs/primitives/avatar/avatar.js.map +1 -1
- package/lib/cjs/primitives/avatar/avatarCounter.js +0 -3
- package/lib/cjs/primitives/avatar/avatarCounter.js.map +1 -1
- package/lib/cjs/primitives/avatar/avatarStack.js +0 -3
- package/lib/cjs/primitives/avatar/avatarStack.js.map +1 -1
- package/lib/cjs/primitives/avatar/index.js +0 -3
- package/lib/cjs/primitives/avatar/index.js.map +1 -1
- package/lib/cjs/primitives/avatar/styles.js +0 -3
- package/lib/cjs/primitives/avatar/styles.js.map +1 -1
- package/lib/cjs/primitives/avatar/types.js +0 -3
- package/lib/cjs/primitives/avatar/types.js.map +1 -1
- package/lib/cjs/primitives/badge/badge.js +0 -3
- package/lib/cjs/primitives/badge/badge.js.map +1 -1
- package/lib/cjs/primitives/badge/index.js +0 -3
- package/lib/cjs/primitives/badge/index.js.map +1 -1
- package/lib/cjs/primitives/badge/styles.js +0 -3
- package/lib/cjs/primitives/badge/styles.js.map +1 -1
- package/lib/cjs/primitives/badge/types.js +0 -3
- package/lib/cjs/primitives/badge/types.js.map +1 -1
- package/lib/cjs/primitives/box/box.js +0 -3
- package/lib/cjs/primitives/box/box.js.map +1 -1
- package/lib/cjs/primitives/box/index.js +0 -3
- package/lib/cjs/primitives/box/index.js.map +1 -1
- package/lib/cjs/primitives/button/button.js +0 -3
- package/lib/cjs/primitives/button/button.js.map +1 -1
- package/lib/cjs/primitives/button/index.js +0 -3
- package/lib/cjs/primitives/button/index.js.map +1 -1
- package/lib/cjs/primitives/button/styles.js +0 -3
- package/lib/cjs/primitives/button/styles.js.map +1 -1
- package/lib/cjs/primitives/card/card.js +0 -3
- package/lib/cjs/primitives/card/card.js.map +1 -1
- package/lib/cjs/primitives/card/index.js +0 -3
- package/lib/cjs/primitives/card/index.js.map +1 -1
- package/lib/cjs/primitives/card/styles.js +0 -3
- package/lib/cjs/primitives/card/styles.js.map +1 -1
- package/lib/cjs/primitives/card/types.js +0 -3
- package/lib/cjs/primitives/card/types.js.map +1 -1
- package/lib/cjs/primitives/checkbox/checkbox.js +0 -3
- package/lib/cjs/primitives/checkbox/checkbox.js.map +1 -1
- package/lib/cjs/primitives/checkbox/index.js +0 -3
- package/lib/cjs/primitives/checkbox/index.js.map +1 -1
- package/lib/cjs/primitives/checkbox/styles.js +0 -3
- package/lib/cjs/primitives/checkbox/styles.js.map +1 -1
- package/lib/cjs/primitives/code/code.js +0 -3
- package/lib/cjs/primitives/code/code.js.map +1 -1
- package/lib/cjs/primitives/code/index.js +0 -3
- package/lib/cjs/primitives/code/index.js.map +1 -1
- package/lib/cjs/primitives/code/styles.js +0 -3
- package/lib/cjs/primitives/code/styles.js.map +1 -1
- package/lib/cjs/primitives/container/container.js +0 -3
- package/lib/cjs/primitives/container/container.js.map +1 -1
- package/lib/cjs/primitives/container/index.js +0 -3
- package/lib/cjs/primitives/container/index.js.map +1 -1
- package/lib/cjs/primitives/container/styles.js +0 -3
- package/lib/cjs/primitives/container/styles.js.map +1 -1
- package/lib/cjs/primitives/container/types.js +0 -3
- package/lib/cjs/primitives/container/types.js.map +1 -1
- package/lib/cjs/primitives/flex/flex.js +0 -3
- package/lib/cjs/primitives/flex/flex.js.map +1 -1
- package/lib/cjs/primitives/flex/index.js +0 -3
- package/lib/cjs/primitives/flex/index.js.map +1 -1
- package/lib/cjs/primitives/grid/grid.js +0 -3
- package/lib/cjs/primitives/grid/grid.js.map +1 -1
- package/lib/cjs/primitives/grid/index.js +0 -3
- package/lib/cjs/primitives/grid/index.js.map +1 -1
- package/lib/cjs/primitives/heading/heading.js +0 -3
- package/lib/cjs/primitives/heading/heading.js.map +1 -1
- package/lib/cjs/primitives/heading/index.js +0 -3
- package/lib/cjs/primitives/heading/index.js.map +1 -1
- package/lib/cjs/primitives/heading/styles.js +0 -3
- package/lib/cjs/primitives/heading/styles.js.map +1 -1
- package/lib/cjs/primitives/heading/types.js +0 -3
- package/lib/cjs/primitives/heading/types.js.map +1 -1
- package/lib/cjs/primitives/helpers.js +0 -3
- package/lib/cjs/primitives/helpers.js.map +1 -1
- package/lib/cjs/primitives/index.js +0 -3
- package/lib/cjs/primitives/index.js.map +1 -1
- package/lib/cjs/primitives/inline/index.js +0 -3
- package/lib/cjs/primitives/inline/index.js.map +1 -1
- package/lib/cjs/primitives/inline/inline.js +0 -3
- package/lib/cjs/primitives/inline/inline.js.map +1 -1
- package/lib/cjs/primitives/inline/styles.js +0 -3
- package/lib/cjs/primitives/inline/styles.js.map +1 -1
- package/lib/cjs/primitives/inline/types.js +0 -3
- package/lib/cjs/primitives/inline/types.js.map +1 -1
- package/lib/cjs/primitives/kbd/index.js +0 -3
- package/lib/cjs/primitives/kbd/index.js.map +1 -1
- package/lib/cjs/primitives/kbd/kbd.js +0 -3
- package/lib/cjs/primitives/kbd/kbd.js.map +1 -1
- package/lib/cjs/primitives/label/index.js +0 -3
- package/lib/cjs/primitives/label/index.js.map +1 -1
- package/lib/cjs/primitives/label/label.js +0 -3
- package/lib/cjs/primitives/label/label.js.map +1 -1
- package/lib/cjs/primitives/label/styles.js +0 -3
- package/lib/cjs/primitives/label/styles.js.map +1 -1
- package/lib/cjs/primitives/popover/arrow.js +0 -3
- package/lib/cjs/primitives/popover/arrow.js.map +1 -1
- package/lib/cjs/primitives/popover/index.js +0 -3
- package/lib/cjs/primitives/popover/index.js.map +1 -1
- package/lib/cjs/primitives/popover/modifiers/getPopoverModifiers.js +0 -3
- package/lib/cjs/primitives/popover/modifiers/getPopoverModifiers.js.map +1 -1
- package/lib/cjs/primitives/popover/modifiers/index.js +0 -3
- package/lib/cjs/primitives/popover/modifiers/index.js.map +1 -1
- package/lib/cjs/primitives/popover/modifiers/types.js +0 -3
- package/lib/cjs/primitives/popover/modifiers/types.js.map +1 -1
- package/lib/cjs/primitives/popover/modifiers/usePopoverModifiers.js +0 -3
- package/lib/cjs/primitives/popover/modifiers/usePopoverModifiers.js.map +1 -1
- package/lib/cjs/primitives/popover/popover.d.ts +1 -1
- package/lib/cjs/primitives/popover/popover.d.ts.map +1 -1
- package/lib/cjs/primitives/popover/popover.js +3 -4
- package/lib/cjs/primitives/popover/popover.js.map +2 -2
- package/lib/cjs/primitives/radio/index.js +0 -3
- package/lib/cjs/primitives/radio/index.js.map +1 -1
- package/lib/cjs/primitives/radio/radio.js +0 -3
- package/lib/cjs/primitives/radio/radio.js.map +1 -1
- package/lib/cjs/primitives/radio/styles.js +0 -3
- package/lib/cjs/primitives/radio/styles.js.map +1 -1
- package/lib/cjs/primitives/select/index.js +0 -3
- package/lib/cjs/primitives/select/index.js.map +1 -1
- package/lib/cjs/primitives/select/select.js +0 -3
- package/lib/cjs/primitives/select/select.js.map +1 -1
- package/lib/cjs/primitives/select/styles.js +0 -3
- package/lib/cjs/primitives/select/styles.js.map +1 -1
- package/lib/cjs/primitives/spinner/index.js +0 -3
- package/lib/cjs/primitives/spinner/index.js.map +1 -1
- package/lib/cjs/primitives/spinner/spinner.js +0 -3
- package/lib/cjs/primitives/spinner/spinner.js.map +1 -1
- package/lib/cjs/primitives/stack/index.js +0 -3
- package/lib/cjs/primitives/stack/index.js.map +1 -1
- package/lib/cjs/primitives/stack/stack.js +0 -3
- package/lib/cjs/primitives/stack/stack.js.map +1 -1
- package/lib/cjs/primitives/stack/styles.js +0 -3
- package/lib/cjs/primitives/stack/styles.js.map +1 -1
- package/lib/cjs/primitives/switch/index.js +0 -3
- package/lib/cjs/primitives/switch/index.js.map +1 -1
- package/lib/cjs/primitives/switch/styles.js +0 -3
- package/lib/cjs/primitives/switch/styles.js.map +1 -1
- package/lib/cjs/primitives/switch/switch.js +0 -3
- package/lib/cjs/primitives/switch/switch.js.map +1 -1
- package/lib/cjs/primitives/text/index.js +0 -3
- package/lib/cjs/primitives/text/index.js.map +1 -1
- package/lib/cjs/primitives/text/styles.js +0 -3
- package/lib/cjs/primitives/text/styles.js.map +1 -1
- package/lib/cjs/primitives/text/text.js +0 -3
- package/lib/cjs/primitives/text/text.js.map +1 -1
- package/lib/cjs/primitives/textArea/index.js +0 -3
- package/lib/cjs/primitives/textArea/index.js.map +1 -1
- package/lib/cjs/primitives/textArea/textArea.js +0 -3
- package/lib/cjs/primitives/textArea/textArea.js.map +1 -1
- package/lib/cjs/primitives/textInput/index.js +0 -3
- package/lib/cjs/primitives/textInput/index.js.map +1 -1
- package/lib/cjs/primitives/textInput/textInput.js +0 -3
- package/lib/cjs/primitives/textInput/textInput.js.map +1 -1
- package/lib/cjs/primitives/tooltip/index.js +0 -3
- package/lib/cjs/primitives/tooltip/index.js.map +1 -1
- package/lib/cjs/primitives/tooltip/tooltip.d.ts +1 -1
- package/lib/cjs/primitives/tooltip/tooltip.d.ts.map +1 -1
- package/lib/cjs/primitives/tooltip/tooltip.js +20 -4
- package/lib/cjs/primitives/tooltip/tooltip.js.map +2 -2
- package/lib/cjs/primitives/tooltip/tooltipArrow.js +0 -3
- package/lib/cjs/primitives/tooltip/tooltipArrow.js.map +1 -1
- package/lib/cjs/primitives/types.js +0 -3
- package/lib/cjs/primitives/types.js.map +1 -1
- package/lib/cjs/styles/border/borderStyle.js +0 -3
- package/lib/cjs/styles/border/borderStyle.js.map +1 -1
- package/lib/cjs/styles/border/index.js +0 -3
- package/lib/cjs/styles/border/index.js.map +1 -1
- package/lib/cjs/styles/border/types.js +0 -3
- package/lib/cjs/styles/border/types.js.map +1 -1
- package/lib/cjs/styles/box/boxStyle.js +0 -3
- package/lib/cjs/styles/box/boxStyle.js.map +1 -1
- package/lib/cjs/styles/box/index.js +0 -3
- package/lib/cjs/styles/box/index.js.map +1 -1
- package/lib/cjs/styles/box/types.js +0 -3
- package/lib/cjs/styles/box/types.js.map +1 -1
- package/lib/cjs/styles/colorVars/colorVarsStyle.js +0 -3
- package/lib/cjs/styles/colorVars/colorVarsStyle.js.map +1 -1
- package/lib/cjs/styles/colorVars/index.js +0 -3
- package/lib/cjs/styles/colorVars/index.js.map +1 -1
- package/lib/cjs/styles/flex/flexItemStyle.js +0 -3
- package/lib/cjs/styles/flex/flexItemStyle.js.map +1 -1
- package/lib/cjs/styles/flex/flexStyle.js +0 -3
- package/lib/cjs/styles/flex/flexStyle.js.map +1 -1
- package/lib/cjs/styles/flex/index.js +0 -3
- package/lib/cjs/styles/flex/index.js.map +1 -1
- package/lib/cjs/styles/flex/types.js +0 -3
- package/lib/cjs/styles/flex/types.js.map +1 -1
- package/lib/cjs/styles/focusRing/index.js +0 -3
- package/lib/cjs/styles/focusRing/index.js.map +1 -1
- package/lib/cjs/styles/font/codeFontStyle.js +0 -3
- package/lib/cjs/styles/font/codeFontStyle.js.map +1 -1
- package/lib/cjs/styles/font/headingFontStyle.js +0 -3
- package/lib/cjs/styles/font/headingFontStyle.js.map +1 -1
- package/lib/cjs/styles/font/index.js +0 -3
- package/lib/cjs/styles/font/index.js.map +1 -1
- package/lib/cjs/styles/font/labelFontStyle.js +0 -3
- package/lib/cjs/styles/font/labelFontStyle.js.map +1 -1
- package/lib/cjs/styles/font/responsiveFont.js +0 -3
- package/lib/cjs/styles/font/responsiveFont.js.map +1 -1
- package/lib/cjs/styles/font/textAlignStyle.js +0 -3
- package/lib/cjs/styles/font/textAlignStyle.js.map +1 -1
- package/lib/cjs/styles/font/textFontStyle.js +0 -3
- package/lib/cjs/styles/font/textFontStyle.js.map +1 -1
- package/lib/cjs/styles/font/types.js +0 -3
- package/lib/cjs/styles/font/types.js.map +1 -1
- package/lib/cjs/styles/grid/gridItemStyle.js +0 -3
- package/lib/cjs/styles/grid/gridItemStyle.js.map +1 -1
- package/lib/cjs/styles/grid/gridStyle.js +0 -3
- package/lib/cjs/styles/grid/gridStyle.js.map +1 -1
- package/lib/cjs/styles/grid/index.js +0 -3
- package/lib/cjs/styles/grid/index.js.map +1 -1
- package/lib/cjs/styles/grid/types.js +0 -3
- package/lib/cjs/styles/grid/types.js.map +1 -1
- package/lib/cjs/styles/helpers.js +0 -3
- package/lib/cjs/styles/helpers.js.map +1 -1
- package/lib/cjs/styles/index.js +0 -3
- package/lib/cjs/styles/index.js.map +1 -1
- package/lib/cjs/styles/input/index.js +0 -3
- package/lib/cjs/styles/input/index.js.map +1 -1
- package/lib/cjs/styles/input/responsiveInputPaddingStyle.js +0 -3
- package/lib/cjs/styles/input/responsiveInputPaddingStyle.js.map +1 -1
- package/lib/cjs/styles/input/textInputStyle.js +0 -3
- package/lib/cjs/styles/input/textInputStyle.js.map +1 -1
- package/lib/cjs/styles/internal.js +0 -3
- package/lib/cjs/styles/internal.js.map +1 -1
- package/lib/cjs/styles/margin/index.js +0 -3
- package/lib/cjs/styles/margin/index.js.map +1 -1
- package/lib/cjs/styles/margin/marginStyle.js +0 -3
- package/lib/cjs/styles/margin/marginStyle.js.map +1 -1
- package/lib/cjs/styles/margin/types.js +0 -3
- package/lib/cjs/styles/margin/types.js.map +1 -1
- package/lib/cjs/styles/padding/index.js +0 -3
- package/lib/cjs/styles/padding/index.js.map +1 -1
- package/lib/cjs/styles/padding/paddingStyle.js +0 -3
- package/lib/cjs/styles/padding/paddingStyle.js.map +1 -1
- package/lib/cjs/styles/padding/types.js +0 -3
- package/lib/cjs/styles/padding/types.js.map +1 -1
- package/lib/cjs/styles/radius/index.js +0 -3
- package/lib/cjs/styles/radius/index.js.map +1 -1
- package/lib/cjs/styles/radius/radiusStyle.js +0 -3
- package/lib/cjs/styles/radius/radiusStyle.js.map +1 -1
- package/lib/cjs/styles/radius/types.js +0 -3
- package/lib/cjs/styles/radius/types.js.map +1 -1
- package/lib/cjs/styles/shadow/index.js +0 -3
- package/lib/cjs/styles/shadow/index.js.map +1 -1
- package/lib/cjs/styles/shadow/shadowStyle.js +0 -3
- package/lib/cjs/styles/shadow/shadowStyle.js.map +1 -1
- package/lib/cjs/styles/shadow/types.js +0 -3
- package/lib/cjs/styles/shadow/types.js.map +1 -1
- package/lib/cjs/styles/types.js +0 -3
- package/lib/cjs/styles/types.js.map +1 -1
- package/lib/cjs/theme/defaults.js +0 -3
- package/lib/cjs/theme/defaults.js.map +1 -1
- package/lib/cjs/theme/index.js +0 -3
- package/lib/cjs/theme/index.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/blend/index.js +0 -3
- package/lib/cjs/theme/lib/color-fns/blend/index.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/blend/multiply.js +0 -3
- package/lib/cjs/theme/lib/color-fns/blend/multiply.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/blend/screen.js +0 -3
- package/lib/cjs/theme/lib/color-fns/blend/screen.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/convert.js +0 -3
- package/lib/cjs/theme/lib/color-fns/convert.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/helpers/index.js +0 -3
- package/lib/cjs/theme/lib/color-fns/helpers/index.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/helpers/rgba.js +0 -3
- package/lib/cjs/theme/lib/color-fns/helpers/rgba.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/index.js +0 -3
- package/lib/cjs/theme/lib/color-fns/index.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/parse.js +0 -3
- package/lib/cjs/theme/lib/color-fns/parse.js.map +1 -1
- package/lib/cjs/theme/lib/color-fns/types.js +0 -3
- package/lib/cjs/theme/lib/color-fns/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/avatar.js +0 -3
- package/lib/cjs/theme/lib/theme/avatar.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/_generic/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/_generic/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/_generic/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/_generic/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/base/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/base/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/base/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/base/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/button/createButtonModes.js +0 -3
- package/lib/cjs/theme/lib/theme/color/button/createButtonModes.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/button/createButtonTones.js +0 -3
- package/lib/cjs/theme/lib/theme/color/button/createButtonTones.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/button/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/button/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/button/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/button/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/card/createCardStates.js +0 -3
- package/lib/cjs/theme/lib/theme/color/card/createCardStates.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/card/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/card/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/card/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/card/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/defaults.js +0 -3
- package/lib/cjs/theme/lib/theme/color/defaults.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/factory.js +0 -3
- package/lib/cjs/theme/lib/theme/color/factory.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/input/createInputModes.js +0 -3
- package/lib/cjs/theme/lib/theme/color/input/createInputModes.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/input/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/input/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/input/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/input/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/muted/createMuted.js +0 -3
- package/lib/cjs/theme/lib/theme/color/muted/createMuted.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/muted/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/muted/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/muted/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/muted/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/selectable/createSelectableTones.js +0 -3
- package/lib/cjs/theme/lib/theme/color/selectable/createSelectableTones.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/selectable/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/selectable/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/selectable/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/selectable/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/solid/createSolidTones.js +0 -3
- package/lib/cjs/theme/lib/theme/color/solid/createSolidTones.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/solid/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/solid/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/solid/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/solid/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/spot/createSpot.js +0 -3
- package/lib/cjs/theme/lib/theme/color/spot/createSpot.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/spot/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/spot/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/spot/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/spot/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/syntax/index.js +0 -3
- package/lib/cjs/theme/lib/theme/color/syntax/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/syntax/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/syntax/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/color/types.js +0 -3
- package/lib/cjs/theme/lib/theme/color/types.js.map +1 -1
- package/lib/cjs/theme/lib/theme/fonts.js +0 -3
- package/lib/cjs/theme/lib/theme/fonts.js.map +1 -1
- package/lib/cjs/theme/lib/theme/index.js +0 -3
- package/lib/cjs/theme/lib/theme/index.js.map +1 -1
- package/lib/cjs/theme/lib/theme/input.js +0 -3
- package/lib/cjs/theme/lib/theme/input.js.map +1 -1
- package/lib/cjs/theme/lib/theme/layer.js +0 -3
- package/lib/cjs/theme/lib/theme/layer.js.map +1 -1
- package/lib/cjs/theme/lib/theme/shadow.js +0 -3
- package/lib/cjs/theme/lib/theme/shadow.js.map +1 -1
- package/lib/cjs/theme/lib/theme/theme.js +0 -3
- package/lib/cjs/theme/lib/theme/theme.js.map +1 -1
- package/lib/cjs/theme/studioTheme/color.js +0 -3
- package/lib/cjs/theme/studioTheme/color.js.map +1 -1
- package/lib/cjs/theme/studioTheme/fonts.js +0 -3
- package/lib/cjs/theme/studioTheme/fonts.js.map +1 -1
- package/lib/cjs/theme/studioTheme/helpers.js +0 -3
- package/lib/cjs/theme/studioTheme/helpers.js.map +1 -1
- package/lib/cjs/theme/studioTheme/index.js +0 -3
- package/lib/cjs/theme/studioTheme/index.js.map +1 -1
- package/lib/cjs/theme/studioTheme/theme.js +0 -3
- package/lib/cjs/theme/studioTheme/theme.js.map +1 -1
- package/lib/cjs/theme/themeColorProvider.js +0 -3
- package/lib/cjs/theme/themeColorProvider.js.map +1 -1
- package/lib/cjs/theme/themeContext.js +0 -3
- package/lib/cjs/theme/themeContext.js.map +1 -1
- package/lib/cjs/theme/themeProvider.js +0 -3
- package/lib/cjs/theme/themeProvider.js.map +1 -1
- package/lib/cjs/theme/types.js +0 -3
- package/lib/cjs/theme/types.js.map +1 -1
- package/lib/cjs/theme/useRootTheme.js +0 -3
- package/lib/cjs/theme/useRootTheme.js.map +1 -1
- package/lib/cjs/theme/useTheme.js +0 -3
- package/lib/cjs/theme/useTheme.js.map +1 -1
- package/lib/cjs/types/avatar.js +0 -3
- package/lib/cjs/types/avatar.js.map +1 -1
- package/lib/cjs/types/badge.js +0 -3
- package/lib/cjs/types/badge.js.map +1 -1
- package/lib/cjs/types/box.js +0 -3
- package/lib/cjs/types/box.js.map +1 -1
- package/lib/cjs/types/button.js +0 -3
- package/lib/cjs/types/button.js.map +1 -1
- package/lib/cjs/types/card.js +0 -3
- package/lib/cjs/types/card.js.map +1 -1
- package/lib/cjs/types/common.js +0 -3
- package/lib/cjs/types/common.js.map +1 -1
- package/lib/cjs/types/dialog.js +0 -3
- package/lib/cjs/types/dialog.js.map +1 -1
- package/lib/cjs/types/flex.js +0 -3
- package/lib/cjs/types/flex.js.map +1 -1
- package/lib/cjs/types/grid.js +0 -3
- package/lib/cjs/types/grid.js.map +1 -1
- package/lib/cjs/types/gridItem.js +0 -3
- package/lib/cjs/types/gridItem.js.map +1 -1
- package/lib/cjs/types/index.js +0 -3
- package/lib/cjs/types/index.js.map +1 -1
- package/lib/cjs/types/popover.js +0 -3
- package/lib/cjs/types/popover.js.map +1 -1
- package/lib/cjs/types/selectable.js +0 -3
- package/lib/cjs/types/selectable.js.map +1 -1
- package/lib/cjs/utils/boundaryElement/boundaryElementContext.js +0 -3
- package/lib/cjs/utils/boundaryElement/boundaryElementContext.js.map +1 -1
- package/lib/cjs/utils/boundaryElement/boundaryElementProvider.js +0 -3
- package/lib/cjs/utils/boundaryElement/boundaryElementProvider.js.map +1 -1
- package/lib/cjs/utils/boundaryElement/index.js +0 -3
- package/lib/cjs/utils/boundaryElement/index.js.map +1 -1
- package/lib/cjs/utils/boundaryElement/types.js +0 -3
- package/lib/cjs/utils/boundaryElement/types.js.map +1 -1
- package/lib/cjs/utils/boundaryElement/useBoundaryElement.js +0 -3
- package/lib/cjs/utils/boundaryElement/useBoundaryElement.js.map +1 -1
- package/lib/cjs/utils/elementQuery/elementQuery.js +0 -3
- package/lib/cjs/utils/elementQuery/elementQuery.js.map +1 -1
- package/lib/cjs/utils/elementQuery/helpers.js +0 -3
- package/lib/cjs/utils/elementQuery/helpers.js.map +1 -1
- package/lib/cjs/utils/elementQuery/index.js +0 -3
- package/lib/cjs/utils/elementQuery/index.js.map +1 -1
- package/lib/cjs/utils/errorBoundary.js +0 -3
- package/lib/cjs/utils/errorBoundary.js.map +1 -1
- package/lib/cjs/utils/index.js +0 -3
- package/lib/cjs/utils/index.js.map +1 -1
- package/lib/cjs/utils/layer/index.js +0 -3
- package/lib/cjs/utils/layer/index.js.map +1 -1
- package/lib/cjs/utils/layer/layer.js +0 -3
- package/lib/cjs/utils/layer/layer.js.map +1 -1
- package/lib/cjs/utils/layer/layerContext.js +0 -3
- package/lib/cjs/utils/layer/layerContext.js.map +1 -1
- package/lib/cjs/utils/layer/layerProvider.js +0 -3
- package/lib/cjs/utils/layer/layerProvider.js.map +1 -1
- package/lib/cjs/utils/layer/types.js +0 -3
- package/lib/cjs/utils/layer/types.js.map +1 -1
- package/lib/cjs/utils/layer/useLayer.js +0 -3
- package/lib/cjs/utils/layer/useLayer.js.map +1 -1
- package/lib/cjs/utils/portal/index.js +0 -3
- package/lib/cjs/utils/portal/index.js.map +1 -1
- package/lib/cjs/utils/portal/portal.d.ts +4 -0
- package/lib/cjs/utils/portal/portal.d.ts.map +1 -1
- package/lib/cjs/utils/portal/portal.js +4 -5
- package/lib/cjs/utils/portal/portal.js.map +2 -2
- package/lib/cjs/utils/portal/portalContext.js +0 -3
- package/lib/cjs/utils/portal/portalContext.js.map +1 -1
- package/lib/cjs/utils/portal/portalProvider.d.ts +5 -1
- package/lib/cjs/utils/portal/portalProvider.d.ts.map +1 -1
- package/lib/cjs/utils/portal/portalProvider.js +6 -6
- package/lib/cjs/utils/portal/portalProvider.js.map +2 -2
- package/lib/cjs/utils/portal/types.d.ts +1 -0
- package/lib/cjs/utils/portal/types.d.ts.map +1 -1
- package/lib/cjs/utils/portal/types.js +0 -3
- package/lib/cjs/utils/portal/types.js.map +2 -2
- package/lib/cjs/utils/portal/usePortal.js +0 -3
- package/lib/cjs/utils/portal/usePortal.js.map +1 -1
- package/lib/cjs/utils/resizeObserver.js +0 -3
- package/lib/cjs/utils/resizeObserver.js.map +1 -1
- package/lib/cjs/utils/srOnly/index.js +0 -3
- package/lib/cjs/utils/srOnly/index.js.map +1 -1
- package/lib/cjs/utils/srOnly/srOnly.js +0 -3
- package/lib/cjs/utils/srOnly/srOnly.js.map +1 -1
- package/lib/cjs/utils/virtualList/index.js +0 -3
- package/lib/cjs/utils/virtualList/index.js.map +1 -1
- package/lib/cjs/utils/virtualList/virtualList.js +0 -3
- package/lib/cjs/utils/virtualList/virtualList.js.map +1 -1
- package/lib/esm/components/autocomplete/autocomplete.js +0 -3
- package/lib/esm/components/autocomplete/autocomplete.js.map +1 -1
- package/lib/esm/components/autocomplete/autocomplete.styles.d.ts +1 -1
- package/lib/esm/components/autocomplete/autocomplete.styles.d.ts.map +1 -1
- package/lib/esm/components/autocomplete/autocompleteReducer.js +0 -3
- package/lib/esm/components/autocomplete/autocompleteReducer.js.map +1 -1
- package/lib/esm/components/breadcrumbs/breadcrumbs.js +0 -3
- package/lib/esm/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/lib/esm/components/dialog/dialog.d.ts +1 -0
- package/lib/esm/components/dialog/dialog.d.ts.map +1 -1
- package/lib/esm/components/dialog/dialog.js +12 -13
- package/lib/esm/components/dialog/dialog.js.map +2 -2
- package/lib/esm/components/hotkeys/hotkeys.js +0 -3
- package/lib/esm/components/hotkeys/hotkeys.js.map +1 -1
- package/lib/esm/components/menu/menu.js +0 -3
- package/lib/esm/components/menu/menu.js.map +1 -1
- package/lib/esm/components/menu/menuButton.d.ts +6 -6
- package/lib/esm/components/menu/menuButton.js +0 -3
- package/lib/esm/components/menu/menuButton.js.map +2 -2
- package/lib/esm/components/menu/menuGroup.js +0 -3
- package/lib/esm/components/menu/menuGroup.js.map +1 -1
- package/lib/esm/components/menu/menuItem.js +0 -3
- package/lib/esm/components/menu/menuItem.js.map +1 -1
- package/lib/esm/components/skeleton/skeleton.js +0 -3
- package/lib/esm/components/skeleton/skeleton.js.map +1 -1
- package/lib/esm/components/skeleton/textSkeleton.js +0 -3
- package/lib/esm/components/skeleton/textSkeleton.js.map +1 -1
- package/lib/esm/components/tab/tab.js +0 -3
- package/lib/esm/components/tab/tab.js.map +1 -1
- package/lib/esm/components/tab/tabList.js +0 -3
- package/lib/esm/components/tab/tabList.js.map +1 -1
- package/lib/esm/components/tab/tabPanel.js +0 -3
- package/lib/esm/components/tab/tabPanel.js.map +1 -1
- package/lib/esm/components/toast/toast.js +0 -3
- package/lib/esm/components/toast/toast.js.map +1 -1
- package/lib/esm/components/toast/toastProvider.js +0 -3
- package/lib/esm/components/toast/toastProvider.js.map +1 -1
- package/lib/esm/components/tree/tree.js +0 -3
- package/lib/esm/components/tree/tree.js.map +1 -1
- package/lib/esm/components/tree/treeGroup.js +0 -3
- package/lib/esm/components/tree/treeGroup.js.map +1 -1
- package/lib/esm/components/tree/treeItem.js +0 -3
- package/lib/esm/components/tree/treeItem.js.map +1 -1
- package/lib/esm/hooks/_internal/index.d.ts +2 -0
- package/lib/esm/hooks/_internal/index.d.ts.map +1 -0
- package/lib/esm/hooks/_internal/index.js +1 -0
- package/lib/esm/hooks/_internal/index.js.map +7 -0
- package/lib/esm/hooks/_internal/useUnique.d.ts +8 -0
- package/lib/esm/hooks/_internal/useUnique.d.ts.map +1 -0
- package/lib/esm/hooks/_internal/useUnique.js +12 -0
- package/lib/esm/hooks/_internal/useUnique.js.map +7 -0
- package/lib/esm/primitives/avatar/avatar.js +0 -3
- package/lib/esm/primitives/avatar/avatar.js.map +1 -1
- package/lib/esm/primitives/avatar/avatarStack.js +0 -3
- package/lib/esm/primitives/avatar/avatarStack.js.map +1 -1
- package/lib/esm/primitives/badge/badge.js +0 -3
- package/lib/esm/primitives/badge/badge.js.map +1 -1
- package/lib/esm/primitives/box/box.js +0 -3
- package/lib/esm/primitives/box/box.js.map +1 -1
- package/lib/esm/primitives/button/button.js +0 -3
- package/lib/esm/primitives/button/button.js.map +1 -1
- package/lib/esm/primitives/card/card.js +0 -3
- package/lib/esm/primitives/card/card.js.map +1 -1
- package/lib/esm/primitives/checkbox/checkbox.js +0 -3
- package/lib/esm/primitives/checkbox/checkbox.js.map +1 -1
- package/lib/esm/primitives/code/code.js +0 -3
- package/lib/esm/primitives/code/code.js.map +1 -1
- package/lib/esm/primitives/container/container.js +0 -3
- package/lib/esm/primitives/container/container.js.map +1 -1
- package/lib/esm/primitives/flex/flex.js +0 -3
- package/lib/esm/primitives/flex/flex.js.map +1 -1
- package/lib/esm/primitives/grid/grid.js +0 -3
- package/lib/esm/primitives/grid/grid.js.map +1 -1
- package/lib/esm/primitives/heading/heading.js +0 -3
- package/lib/esm/primitives/heading/heading.js.map +1 -1
- package/lib/esm/primitives/inline/inline.js +0 -3
- package/lib/esm/primitives/inline/inline.js.map +1 -1
- package/lib/esm/primitives/kbd/kbd.js +0 -3
- package/lib/esm/primitives/kbd/kbd.js.map +1 -1
- package/lib/esm/primitives/label/label.js +0 -3
- package/lib/esm/primitives/label/label.js.map +1 -1
- package/lib/esm/primitives/popover/arrow.js +0 -3
- package/lib/esm/primitives/popover/arrow.js.map +1 -1
- package/lib/esm/primitives/popover/modifiers/getPopoverModifiers.js +0 -3
- package/lib/esm/primitives/popover/modifiers/getPopoverModifiers.js.map +1 -1
- package/lib/esm/primitives/popover/popover.d.ts +1 -1
- package/lib/esm/primitives/popover/popover.d.ts.map +1 -1
- package/lib/esm/primitives/popover/popover.js +3 -4
- package/lib/esm/primitives/popover/popover.js.map +2 -2
- package/lib/esm/primitives/radio/radio.js +0 -3
- package/lib/esm/primitives/radio/radio.js.map +1 -1
- package/lib/esm/primitives/select/select.js +0 -3
- package/lib/esm/primitives/select/select.js.map +1 -1
- package/lib/esm/primitives/spinner/spinner.js +0 -3
- package/lib/esm/primitives/spinner/spinner.js.map +1 -1
- package/lib/esm/primitives/stack/stack.js +0 -3
- package/lib/esm/primitives/stack/stack.js.map +1 -1
- package/lib/esm/primitives/switch/switch.js +0 -3
- package/lib/esm/primitives/switch/switch.js.map +1 -1
- package/lib/esm/primitives/text/text.js +0 -3
- package/lib/esm/primitives/text/text.js.map +1 -1
- package/lib/esm/primitives/textArea/textArea.js +0 -3
- package/lib/esm/primitives/textArea/textArea.js.map +1 -1
- package/lib/esm/primitives/textInput/textInput.js +0 -3
- package/lib/esm/primitives/textInput/textInput.js.map +1 -1
- package/lib/esm/primitives/tooltip/tooltip.d.ts +1 -1
- package/lib/esm/primitives/tooltip/tooltip.d.ts.map +1 -1
- package/lib/esm/primitives/tooltip/tooltip.js +20 -4
- package/lib/esm/primitives/tooltip/tooltip.js.map +2 -2
- package/lib/esm/primitives/tooltip/tooltipArrow.js +0 -3
- package/lib/esm/primitives/tooltip/tooltipArrow.js.map +1 -1
- package/lib/esm/styles/input/responsiveInputPaddingStyle.js +0 -3
- package/lib/esm/styles/input/responsiveInputPaddingStyle.js.map +1 -1
- package/lib/esm/theme/lib/theme/color/defaults.js +0 -3
- package/lib/esm/theme/lib/theme/color/defaults.js.map +1 -1
- package/lib/esm/theme/lib/theme/color/factory.js +0 -3
- package/lib/esm/theme/lib/theme/color/factory.js.map +1 -1
- package/lib/esm/theme/studioTheme/color.js +0 -3
- package/lib/esm/theme/studioTheme/color.js.map +1 -1
- package/lib/esm/theme/themeProvider.js +0 -3
- package/lib/esm/theme/themeProvider.js.map +1 -1
- package/lib/esm/utils/elementQuery/elementQuery.js +0 -3
- package/lib/esm/utils/elementQuery/elementQuery.js.map +1 -1
- package/lib/esm/utils/layer/layer.js +0 -3
- package/lib/esm/utils/layer/layer.js.map +1 -1
- package/lib/esm/utils/portal/portal.d.ts +4 -0
- package/lib/esm/utils/portal/portal.d.ts.map +1 -1
- package/lib/esm/utils/portal/portal.js +4 -2
- package/lib/esm/utils/portal/portal.js.map +2 -2
- package/lib/esm/utils/portal/portalProvider.d.ts +5 -1
- package/lib/esm/utils/portal/portalProvider.d.ts.map +1 -1
- package/lib/esm/utils/portal/portalProvider.js +6 -3
- package/lib/esm/utils/portal/portalProvider.js.map +2 -2
- package/lib/esm/utils/portal/types.d.ts +1 -0
- package/lib/esm/utils/portal/types.d.ts.map +1 -1
- package/lib/esm/utils/virtualList/virtualList.js +0 -3
- package/lib/esm/utils/virtualList/virtualList.js.map +1 -1
- package/lib/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +11 -10
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/hotkeys/hotkeys.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {Inline, KBD} from '../../primitives'\n\n/**\n * @public\n */\nexport interface HotkeysProps {\n fontSize?: number | number[]\n padding?: number | number[]\n radius?: number | number[]\n space?: number | number[]\n keys?: string[]\n}\n\nconst Root = styled.kbd`\n &:not([hidden]) {\n display: block;\n }\n font: inherit;\n`\n\nconst Key = styled(KBD)`\n &:not([hidden]) {\n display: block;\n }\n`\n\n/**\n * @public\n */\nexport const Hotkeys = forwardRef(function Hotkeys(\n props: HotkeysProps & Omit<React.HTMLProps<HTMLElement>, 'as' | 'ref' | 'size'>,\n ref: React.Ref<HTMLElement>\n) {\n const {fontSize, keys, padding, radius, space = 1, ...restProps} = props\n\n if (!keys || keys.length === 0) {\n return <></>\n }\n\n return (\n <Root data-ui=\"Hotkeys\" {...restProps} ref={ref}>\n <Inline as=\"span\" space={space}>\n {keys.map((key, i) => (\n <Key fontSize={fontSize} key={i} padding={padding} radius={radius}>\n {key}\n </Key>\n ))}\n </Inline>\n </Root>\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAaA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AASZ,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QAAmE,YAA5D,YAAU,MAAM,SAAS,QAAQ,QAAQ,MAAmB,IAAb,sBAAa,IAAb,CAA/C,YAAU,QAAM,WAAS,UAAQ;AAExC,MAAI,CAAC,QAAQ,KAAK,WAAW,GAAG;AAC9B,WAAO;AAAA;AAGT,SACE,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,KAAc,YAA5B;AAAA,IAAuC;AAAA,MACrC,oCAAC,QAAD;AAAA,IAAQ,IAAG;AAAA,IAAO;AAAA,KACf,KAAK,IAAI,CAAC,KAAK,MACd,oCAAC,KAAD;AAAA,IAAK;AAAA,IAAoB,KAAK;AAAA,IAAG;AAAA,IAAkB;AAAA,KAChD;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/menu/menu.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {useClickOutside, useGlobalKeyDown} from '../../hooks'\nimport {Box, Stack} from '../../primitives'\nimport {ResponsivePaddingProps} from '../../primitives/types'\nimport {useLayer} from '../../utils'\nimport {_getFocusableElements, _sortElements} from './helpers'\nimport {MenuContext, MenuContextValue} from './menuContext'\n\n/**\n * @public\n */\nexport interface MenuProps extends ResponsivePaddingProps {\n /**\n * @deprecated Use `shouldFocus=\"first\"` instead.\n */\n focusFirst?: boolean\n /**\n * @deprecated Use `shouldFocus=\"last\"` instead.\n */\n focusLast?: boolean\n onClickOutside?: (event: MouseEvent) => void\n onEscape?: () => void\n onItemClick?: () => void\n onItemSelect?: (index: number) => void\n originElement?: HTMLElement | null\n registerElement?: (el: HTMLElement) => () => void\n shouldFocus?: 'first' | 'last' | null\n space?: number | number[]\n}\n\nconst Root = styled(Box)`\n outline: none;\n overflow: auto;\n`\n\n/**\n * @public\n */\nexport const Menu = forwardRef(function Menu(\n props: MenuProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'role' | 'tabIndex'>,\n ref\n) {\n const {\n children,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n focusFirst,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n focusLast,\n onClickOutside,\n onEscape,\n onItemClick,\n onItemSelect,\n onKeyDown,\n originElement,\n padding = 1,\n registerElement,\n shouldFocus = (props.focusFirst && 'first') || (props.focusLast && 'last') || null,\n space = 1,\n ...restProps\n } = props\n\n const {isTopLayer} = useLayer()\n const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n const elementsRef = useRef<HTMLElement[]>([])\n const [activeIndex, setActiveIndex] = useState(-1)\n const activeIndexRef = useRef(activeIndex)\n const activeElement = elementsRef.current[activeIndex] || null\n const activeElementRef = useRef<HTMLElement | null>(activeElement)\n const mounted = Boolean(rootElement)\n\n const setRef = useCallback(\n (el: HTMLDivElement | null) => {\n setRootElement(el)\n if (typeof ref === 'function') ref(el)\n else if (ref) ref.current = el\n },\n [ref]\n )\n\n const mount = useCallback(\n (element: HTMLElement | null, selected?: boolean): (() => void) => {\n if (!element) return () => undefined\n\n if (elementsRef.current.indexOf(element) === -1) {\n elementsRef.current.push(element)\n _sortElements(rootElement, elementsRef.current)\n }\n\n if (selected) {\n const selectedIndex = elementsRef.current.indexOf(element)\n\n setActiveIndex(selectedIndex)\n activeIndexRef.current = selectedIndex\n }\n\n return () => {\n const idx = elementsRef.current.indexOf(element)\n\n if (idx > -1) {\n elementsRef.current.splice(idx, 1)\n }\n }\n },\n [rootElement]\n )\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n // Move focus to the element that opened the menu before handling the `Tab` press\n if (event.key === 'Tab') {\n if (originElement) {\n originElement.focus()\n }\n\n return\n }\n\n // Move focus to the first focusable menuitem\n if (event.key === 'Home') {\n event.preventDefault()\n event.stopPropagation()\n\n const focusableElements = _getFocusableElements(elementsRef.current)\n const el = focusableElements[0]\n\n if (!el) return\n\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n\n return\n }\n\n // Move focus to the last focusable menuitem\n if (event.key === 'End') {\n event.preventDefault()\n event.stopPropagation()\n\n const focusableElements = _getFocusableElements(elementsRef.current)\n const el = focusableElements[focusableElements.length - 1]\n\n if (!el) return\n\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n\n return\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault()\n event.stopPropagation()\n\n const focusableElements = _getFocusableElements(elementsRef.current)\n const focusableLen = focusableElements.length\n\n if (focusableLen === 0) return\n\n const focusedElement = elementsRef.current[activeIndex]\n\n let focusedIndex = focusableElements.indexOf(focusedElement)\n\n focusedIndex = (focusedIndex - 1 + focusableLen) % focusableLen\n\n const el = focusableElements[focusedIndex]\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n\n return\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n event.stopPropagation()\n\n const focusableElements = _getFocusableElements(elementsRef.current)\n const focusableLen = focusableElements.length\n\n if (focusableLen === 0) return\n\n const focusedElement = elementsRef.current[activeIndex]\n\n let focusedIndex = focusableElements.indexOf(focusedElement)\n\n focusedIndex = (focusedIndex + 1) % focusableLen\n\n const el = focusableElements[focusedIndex]\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n\n return\n }\n\n if (onKeyDown) {\n onKeyDown(event)\n }\n },\n [activeIndex, onKeyDown, originElement]\n )\n\n const handleItemMouseEnter = useCallback((event: React.MouseEvent<HTMLElement>) => {\n const element = event.currentTarget\n const currentIndex = elementsRef.current.indexOf(element)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n }, [])\n\n const handleItemMouseLeave = useCallback(() => {\n rootElement?.focus()\n setActiveIndex(-1)\n activeIndexRef.current = -1\n }, [rootElement])\n\n // Trigger `onItemSelect` when active index changes\n useEffect(() => {\n if (onItemSelect) onItemSelect(activeIndex)\n }, [activeIndex, onItemSelect])\n\n useEffect(() => {\n activeElementRef.current = activeElement\n }, [activeElement])\n\n // Set focus on the currently active element\n useEffect(() => {\n if (!mounted) return\n\n const rafId = window.requestAnimationFrame(() => {\n const _activeIndex = activeIndexRef.current\n\n if (_activeIndex === -1) {\n if (shouldFocus === 'first') {\n const focusableElements = _getFocusableElements(elementsRef.current)\n const el = focusableElements[0]\n\n if (el) {\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n }\n }\n\n if (shouldFocus === 'last') {\n const focusableElements = _getFocusableElements(elementsRef.current)\n const el = focusableElements[focusableElements.length - 1]\n\n if (el) {\n const currentIndex = elementsRef.current.indexOf(el)\n\n setActiveIndex(currentIndex)\n activeIndexRef.current = currentIndex\n }\n }\n\n return\n }\n\n const element = elementsRef.current[_activeIndex] || null\n\n element?.focus()\n })\n\n return () => {\n window.cancelAnimationFrame(rafId)\n }\n }, [activeIndex, mounted, shouldFocus])\n\n useClickOutside(\n useCallback(\n (event) => isTopLayer && onClickOutside && onClickOutside(event),\n [isTopLayer, onClickOutside]\n ),\n [rootElement]\n )\n\n useGlobalKeyDown(\n useCallback(\n (event) => {\n if (!isTopLayer) return\n\n if (event.key === 'Escape') {\n event.stopPropagation()\n if (onEscape) onEscape()\n }\n },\n [isTopLayer, onEscape]\n )\n )\n\n useEffect(() => {\n if (!rootElement || !registerElement) return\n\n return registerElement(rootElement)\n }, [registerElement, rootElement])\n\n const value: MenuContextValue = useMemo(\n () => ({\n version: 0.0,\n activeElement,\n activeIndex,\n mount,\n onClickOutside,\n onEscape,\n onMouseEnter: handleItemMouseEnter,\n onMouseLeave: handleItemMouseLeave,\n onItemClick,\n registerElement,\n }),\n [\n activeElement,\n activeIndex,\n mount,\n handleItemMouseEnter,\n handleItemMouseLeave,\n onClickOutside,\n onEscape,\n onItemClick,\n registerElement,\n ]\n )\n\n return (\n <MenuContext.Provider value={value}>\n <Root\n data-ui=\"Menu\"\n {...restProps}\n onKeyDown={handleKeyDown}\n padding={padding}\n ref={setRef}\n role=\"menu\"\n tabIndex={-1}\n >\n <Stack space={space}>{children}</Stack>\n </Root>\n </MenuContext.Provider>\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -7,34 +7,34 @@ import { Placement } from '../../types';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface MenuButtonProps {
|
|
9
9
|
/**
|
|
10
|
-
* @deprecated Use `popover={{boundaryElement:
|
|
10
|
+
* @deprecated Use `popover={{boundaryElement: element}}` instead.
|
|
11
11
|
*/
|
|
12
12
|
boundaryElement?: HTMLElement;
|
|
13
13
|
button: React.ReactElement;
|
|
14
14
|
id: string;
|
|
15
15
|
menu?: React.ReactElement;
|
|
16
16
|
/**
|
|
17
|
-
* @deprecated Use `popover={{placement:
|
|
17
|
+
* @deprecated Use `popover={{placement: 'top'}}` instead.
|
|
18
18
|
*/
|
|
19
19
|
placement?: Placement;
|
|
20
20
|
popover?: Omit<PopoverProps, 'content' | 'open'>;
|
|
21
21
|
/**
|
|
22
|
-
* @deprecated Use `popover={{scheme:
|
|
22
|
+
* @deprecated Use `popover={{scheme: 'dark'}}` instead.
|
|
23
23
|
*/
|
|
24
24
|
popoverScheme?: ThemeColorSchemeKey;
|
|
25
25
|
/**
|
|
26
|
-
* @deprecated Use `popover={{radius:
|
|
26
|
+
* @deprecated Use `popover={{radius: 2}}` instead.
|
|
27
27
|
*/
|
|
28
28
|
popoverRadius?: number | number[];
|
|
29
29
|
/**
|
|
30
30
|
* Do not use in production.
|
|
31
31
|
* @beta
|
|
32
32
|
*
|
|
33
|
-
* @deprecated Use `popover={{portal:
|
|
33
|
+
* @deprecated Use `popover={{portal: true}}` instead.
|
|
34
34
|
*/
|
|
35
35
|
portal?: boolean;
|
|
36
36
|
/**
|
|
37
|
-
* @deprecated Use `popover={{preventOverflow:
|
|
37
|
+
* @deprecated Use `popover={{preventOverflow: true}}` instead.
|
|
38
38
|
*/
|
|
39
39
|
preventOverflow?: boolean;
|
|
40
40
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
import React, { cloneElement, forwardRef, useCallback, useMemo, useState } from "react";
|
|
24
21
|
import { isElement } from "react-is";
|
|
25
22
|
import { Popover } from "../../primitives";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/menu/menuButton.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {isElement} from 'react-is'\nimport {Popover, PopoverProps} from '../../primitives'\nimport {ThemeColorSchemeKey} from '../../theme'\nimport {Placement} from '../../types'\nimport {MenuProps} from './menu'\n\n/**\n * @public\n */\nexport interface MenuButtonProps {\n /**\n * @deprecated Use `popover={{boundaryElement:
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {isElement} from 'react-is'\nimport {Popover, PopoverProps} from '../../primitives'\nimport {ThemeColorSchemeKey} from '../../theme'\nimport {Placement} from '../../types'\nimport {MenuProps} from './menu'\n\n/**\n * @public\n */\nexport interface MenuButtonProps {\n /**\n * @deprecated Use `popover={{boundaryElement: element}}` instead.\n */\n boundaryElement?: HTMLElement\n button: React.ReactElement\n id: string\n menu?: React.ReactElement\n /**\n * @deprecated Use `popover={{placement: 'top'}}` instead.\n */\n placement?: Placement\n popover?: Omit<PopoverProps, 'content' | 'open'>\n /**\n * @deprecated Use `popover={{scheme: 'dark'}}` instead.\n */\n popoverScheme?: ThemeColorSchemeKey\n /**\n * @deprecated Use `popover={{radius: 2}}` instead.\n */\n popoverRadius?: number | number[]\n /**\n * Do not use in production.\n * @beta\n *\n * @deprecated Use `popover={{portal: true}}` instead.\n */\n portal?: boolean\n /**\n * @deprecated Use `popover={{preventOverflow: true}}` instead.\n */\n preventOverflow?: boolean\n}\n\n/**\n * @public\n */\nexport const MenuButton = forwardRef(function MenuButton(\n props: MenuButtonProps,\n ref: React.ForwardedRef<HTMLButtonElement | null>\n) {\n const {\n boundaryElement,\n button: buttonProp,\n id,\n menu: menuProp,\n placement,\n popoverScheme,\n portal,\n popover,\n popoverRadius,\n preventOverflow,\n } = props\n const [open, setOpen] = useState(false)\n const [shouldFocus, setShouldFocus] = useState<'first' | 'last' | null>(null)\n const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null)\n const [menuElements, setChildMenuElements] = useState<HTMLElement[]>([])\n\n const handleButtonClick = useCallback(() => {\n setOpen((v) => !v)\n setShouldFocus(null)\n }, [])\n\n const handleButtonKeyDown = useCallback((event: React.KeyboardEvent<HTMLButtonElement>) => {\n // On `ArrowDown`, `Enter` and `Space`\n // - Opens menu and moves focus to first menuitem\n if (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n setOpen(true)\n setShouldFocus('first')\n\n return\n }\n\n // On `ArrowUp`\n // - \tOpens menu and moves focus to last menuitem\n if (event.key === 'ArrowUp') {\n event.preventDefault()\n setOpen(true)\n setShouldFocus('last')\n\n return\n }\n }, [])\n\n const handleMenuClickOutside = useCallback(\n (event: MouseEvent) => {\n const target = event.target\n\n if (!(target instanceof Node)) {\n return\n }\n\n if (buttonElement && (target === buttonElement || buttonElement.contains(target))) {\n return\n }\n\n for (const el of menuElements) {\n if (target === el || el.contains(target)) {\n return\n }\n }\n\n setOpen(false)\n },\n [buttonElement, menuElements]\n )\n\n const handleMenuEscape = useCallback(() => {\n setOpen(false)\n if (buttonElement) buttonElement.focus()\n }, [buttonElement])\n\n const handleBlur = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n const target = event.relatedTarget\n\n if (!(target instanceof Node)) {\n return\n }\n\n for (const el of menuElements) {\n if (el === target || el.contains(target)) {\n return\n }\n }\n\n setOpen(false)\n },\n [menuElements]\n )\n\n const handleItemClick = useCallback(() => {\n setOpen(false)\n if (buttonElement) buttonElement.focus()\n }, [buttonElement])\n\n const registerElement = useCallback((el: HTMLElement) => {\n setChildMenuElements((els) => els.concat([el]))\n\n return () => {\n setChildMenuElements((els) => {\n return els.filter((_el) => _el !== el)\n })\n }\n }, [])\n\n const menuProps: MenuProps = useMemo(\n () => ({\n 'aria-labelledby': id,\n onBlurCapture: handleBlur,\n onClickOutside: handleMenuClickOutside,\n onEscape: handleMenuEscape,\n onItemClick: handleItemClick,\n originElement: buttonElement,\n registerElement,\n shouldFocus,\n }),\n [\n buttonElement,\n handleMenuClickOutside,\n handleMenuEscape,\n handleItemClick,\n id,\n handleBlur,\n registerElement,\n shouldFocus,\n ]\n )\n\n const menu = isElement(menuProp) ? cloneElement(menuProp, menuProps) : null\n\n const setButtonRef = useCallback(\n (el: HTMLButtonElement | null) => {\n if (typeof ref === 'function') {\n ref(el)\n } else if (ref) {\n ref.current = el\n }\n\n setButtonElement(el)\n },\n [ref]\n )\n\n const button = useMemo(\n () =>\n isElement(buttonProp)\n ? cloneElement(buttonProp, {\n 'data-ui': 'MenuButton',\n id,\n onClick: handleButtonClick,\n onKeyDown: handleButtonKeyDown,\n 'aria-haspopup': true,\n 'aria-expanded': open,\n ref: setButtonRef,\n selected: open,\n })\n : null,\n [buttonProp, handleButtonClick, handleButtonKeyDown, id, open, setButtonRef]\n )\n\n const popoverProps: PopoverProps = useMemo(() => {\n return {\n boundaryElement,\n placement,\n portal,\n radius: popoverRadius,\n overflow: preventOverflow,\n scheme: popoverScheme,\n ...(popover || {}),\n }\n }, [boundaryElement, placement, popover, popoverRadius, portal, preventOverflow, popoverScheme])\n\n return (\n <Popover {...popoverProps} content={menu} data-ui=\"MenuButton__popover\" open={open}>\n {button || <></>}\n </Popover>\n )\n})\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/menu/menuGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import {ChevronRightIcon} from '@sanity/icons'\nimport React, {useCallback, useEffect, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box, Popover, PopoverProps, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {SelectableTone} from '../../types/selectable'\nimport {Menu} from './menu'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuGroupProps {\n as?: React.ElementType | keyof JSX.IntrinsicElements\n fontSize?: number | number[]\n padding?: number | number[]\n popover?: Omit<PopoverProps, 'content' | 'open'>\n radius?: number | number[]\n text: React.ReactNode\n tone?: SelectableTone\n}\n\nconst MOUSE_LEAVE_TIMEOUT = 1000\n\nconst TextContainer = styled.span`\n &:not([hidden]) {\n display: flex;\n }\n\n & > div:first-child {\n flex: 1;\n min-width: 0;\n }\n`\n\n/**\n * @public\n */\nexport function MenuGroup(\n props: MenuGroupProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'tabIndex'>\n): React.ReactElement {\n const {\n as = 'button',\n children,\n fontSize,\n onClick,\n padding = 3,\n popover = {},\n radius = 2,\n text,\n tone = 'default',\n ...restProps\n } = props\n const [open, setOpen] = useState(false)\n const {\n activeElement,\n mount,\n onClickOutside,\n onEscape,\n onItemClick,\n onMouseEnter,\n onMouseLeave,\n registerElement,\n } = useMenu()\n const [rootElement, setRootElement] = useState<HTMLButtonElement | null>(null)\n const mouseLeaveTimeoutRef = useRef<NodeJS.Timeout | null>(null)\n const shouldFocusRef = useRef<'first' | 'last' | null>(null)\n const active = Boolean(activeElement) && activeElement === rootElement\n // const selected = active || open\n\n // Register the element\n useEffect(() => mount(rootElement), [mount, rootElement])\n\n const handleMouseEnter = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n if (mouseLeaveTimeoutRef.current) {\n clearTimeout(mouseLeaveTimeoutRef.current)\n mouseLeaveTimeoutRef.current = null\n }\n\n onMouseEnter(event)\n setOpen(true)\n },\n [onMouseEnter]\n )\n\n const handleMouseLeave = useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n onMouseLeave(event)\n\n mouseLeaveTimeoutRef.current = setTimeout(() => {\n setOpen(false)\n }, MOUSE_LEAVE_TIMEOUT)\n },\n [onMouseLeave]\n )\n\n const handleMenuKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n event.stopPropagation()\n\n setOpen(false)\n\n requestAnimationFrame(() => {\n rootElement?.focus()\n })\n }\n },\n [rootElement]\n )\n\n const handleMenuMouseEnter = useCallback(() => {\n if (mouseLeaveTimeoutRef.current) {\n clearTimeout(mouseLeaveTimeoutRef.current)\n mouseLeaveTimeoutRef.current = null\n }\n }, [])\n\n const handleMenuMouseLeave = useCallback(() => {\n mouseLeaveTimeoutRef.current = setTimeout(() => {\n setOpen(false)\n }, MOUSE_LEAVE_TIMEOUT)\n }, [])\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClick) onClick(event)\n\n shouldFocusRef.current = 'first'\n\n setOpen(true)\n\n requestAnimationFrame(() => {\n shouldFocusRef.current = null\n })\n },\n [onClick]\n )\n\n const handleItemClick = useCallback(() => {\n setOpen(false)\n if (onItemClick) onItemClick()\n }, [onItemClick])\n\n useEffect(() => {\n return () => {\n if (mouseLeaveTimeoutRef.current !== null) {\n clearTimeout(mouseLeaveTimeoutRef.current)\n mouseLeaveTimeoutRef.current = null\n }\n }\n }, [])\n\n const content = (\n <Menu\n onClickOutside={onClickOutside}\n onEscape={onEscape}\n onItemClick={handleItemClick}\n onKeyDown={handleMenuKeyDown}\n onMouseEnter={handleMenuMouseEnter}\n onMouseLeave={handleMenuMouseLeave}\n registerElement={registerElement}\n shouldFocus={shouldFocusRef.current}\n >\n {children}\n </Menu>\n )\n\n const handleKeyDown = useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n const target = event.currentTarget\n\n if (document.activeElement !== target) {\n return\n }\n\n if (event.key === 'ArrowRight') {\n shouldFocusRef.current = 'first'\n\n setOpen(true)\n\n requestAnimationFrame(() => {\n shouldFocusRef.current = null\n })\n\n return\n }\n }, [])\n\n return (\n <Popover {...popover} content={content} data-ui=\"MenuGroup__popover\" open={open}>\n <Selectable\n data-as={as}\n data-ui=\"MenuGroup\"\n forwardedAs={as}\n {...restProps}\n aria-pressed={as === 'button' ? !active && open : undefined}\n data-pressed={as !== 'button' ? !active && open : undefined}\n data-selected={active ? '' : undefined}\n $radius={radius}\n $tone={tone}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={setRootElement}\n tabIndex={-1}\n type={as === 'button' ? 'button' : undefined}\n >\n <Box padding={padding}>\n <TextContainer>\n <Text size={fontSize}>{text}</Text>\n <Text size={fontSize}>\n <ChevronRightIcon />\n </Text>\n </TextContainer>\n </Box>\n </Selectable>\n </Popover>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/menu/menuItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {\n createElement,\n forwardRef,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from 'react'\nimport {isValidElementType} from 'react-is'\nimport {useForwardedRef} from '../../hooks'\nimport {Box, Flex, Text} from '../../primitives'\nimport {Selectable} from '../../primitives/_selectable'\nimport {ResponsivePaddingProps, ResponsiveRadiusProps} from '../../primitives/types'\nimport {SelectableTone} from '../../types/selectable'\nimport {Hotkeys} from '../hotkeys'\nimport {useMenu} from './useMenu'\n\n/**\n * @public\n */\nexport interface MenuItemProps extends ResponsivePaddingProps, ResponsiveRadiusProps {\n as?: React.ElementType | keyof JSX.IntrinsicElements\n fontSize?: number | number[]\n hotkeys?: string[]\n icon?: React.ComponentType | React.ReactNode\n iconRight?: React.ComponentType | React.ReactNode\n pressed?: boolean\n selected?: boolean\n space?: number | number[]\n text?: React.ReactNode\n tone?: SelectableTone\n}\n\n/**\n * @public\n */\nexport const MenuItem = forwardRef(function MenuItem(\n props: MenuItemProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'selected' | 'tabIndex'>,\n forwardedRef: React.ForwardedRef<HTMLDivElement>\n) {\n const {\n as = 'button',\n children,\n disabled,\n fontSize = 2,\n hotkeys,\n icon,\n iconRight,\n onClick,\n padding = 3,\n paddingX,\n paddingY,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n pressed,\n radius = 2,\n selected: selectedProp,\n space = 3,\n text,\n tone = 'default',\n ...restProps\n } = props\n const {activeElement, mount, onItemClick, onMouseEnter, onMouseLeave} = useMenu()\n const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null)\n const selected = Boolean(activeElement) && rootElement === activeElement\n\n useEffect(() => mount(rootElement, selectedProp), [mount, rootElement, selectedProp])\n\n const ref = useForwardedRef(forwardedRef)\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) return\n if (onClick) onClick(event)\n if (onItemClick) onItemClick()\n },\n [disabled, onClick, onItemClick]\n )\n\n const paddingProps = useMemo(\n () => ({\n padding,\n paddingX,\n paddingY,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n }),\n [padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft]\n )\n\n const setRef = useCallback(\n (el: HTMLDivElement | null) => {\n ref.current = el\n setRootElement(el)\n },\n [ref]\n )\n\n return (\n <Selectable\n data-as={as}\n data-ui=\"MenuItem\"\n forwardedAs={as}\n {...restProps}\n aria-pressed={as === 'button' && pressed}\n data-pressed={as !== 'button' && pressed ? '' : undefined}\n data-selected={selected ? '' : undefined}\n $radius={radius}\n $tone={tone}\n disabled={disabled}\n onClick={handleClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n padding={0}\n ref={setRef}\n role=\"menuitem\"\n tabIndex={-1}\n type={as === 'button' ? 'button' : undefined}\n >\n {(icon || text || iconRight) && (\n <Box as=\"span\" {...paddingProps}>\n <Flex as=\"span\">\n {icon && (\n <Text size={fontSize}>\n {isValidElement(icon) && icon}\n {isValidElementType(icon) && createElement(icon)}\n </Text>\n )}\n\n {text && (\n <Box\n flex={1}\n marginLeft={icon ? space : undefined}\n marginRight={iconRight ? space : undefined}\n >\n <Text size={fontSize} textOverflow=\"ellipsis\">\n {text}\n </Text>\n </Box>\n )}\n\n {hotkeys && (\n <Box marginLeft={space} style={{marginTop: -4, marginBottom: -4}}>\n <Hotkeys fontSize={fontSize} keys={hotkeys} />\n </Box>\n )}\n\n {iconRight && (\n <Text size={fontSize}>\n {isValidElement(iconRight) && iconRight}\n {isValidElementType(iconRight) && createElement(iconRight)}\n </Text>\n )}\n </Flex>\n </Box>\n )}\n\n {children && (\n <Box as=\"span\" {...paddingProps}>\n {children}\n </Box>\n )}\n </Selectable>\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/skeleton/skeleton.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef, useEffect, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box} from '../../primitives'\nimport {BoxProps, ResponsiveRadiusProps} from '../../primitives'\nimport {responsiveRadiusStyle, ResponsiveRadiusStyleProps} from '../../styles/internal'\nimport {skeletonStyle} from './styles'\n\nconst Root = styled(Box)<{$animated: boolean; $visible: boolean} & ResponsiveRadiusStyleProps>(\n responsiveRadiusStyle,\n skeletonStyle\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface SkeletonProps extends ResponsiveRadiusProps, Omit<BoxProps, 'children'> {\n animated?: boolean\n delay?: number\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const Skeleton = forwardRef(function Skeleton(\n props: SkeletonProps & React.HTMLProps<HTMLDivElement>,\n ref: React.Ref<HTMLDivElement>\n) {\n const {animated = false, delay, radius, ...restProps} = props\n const [visible, setVisible] = useState<boolean>(delay ? false : true)\n\n useEffect(() => {\n if (!delay) {\n return setVisible(true)\n }\n\n const timeout = setTimeout(() => {\n setVisible(true)\n }, delay)\n\n return () => {\n clearTimeout(timeout)\n }\n }, [delay])\n\n return <Root {...restProps} $animated={animated} $radius={radius} $visible={visible} ref={ref} />\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA,MAAM,OAAO,OAAO,KAClB,uBACA;AAgBK,MAAM,WAAW,WAAW,mBACjC,OACA,KACA;AACA,QAAwD,YAAjD,aAAW,OAAO,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAApC,YAAkB,SAAO;AAChC,QAAM,CAAC,SAAS,cAAc,SAAkB,QAAQ,QAAQ;AAEhE,YAAU,MAAM;AACd,QAAI,CAAC,OAAO;AACV,aAAO,WAAW;AAAA;AAGpB,UAAM,UAAU,WAAW,MAAM;AAC/B,iBAAW;AAAA,OACV;AAEH,WAAO,MAAM;AACX,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB,WAAW;AAAA,IAAU,SAAS;AAAA,IAAQ,UAAU;AAAA,IAAS;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/skeleton/textSkeleton.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef} from 'react'\nimport styled from 'styled-components'\nimport {useResponsiveProp} from '../../hooks'\nimport {responsive} from '../../styles'\nimport {Theme, ThemeFontKey} from '../../theme'\nimport {Skeleton, SkeletonProps} from './skeleton'\n\nconst Root = styled(Skeleton)<{$size: number[]; $style: ThemeFontKey}>(\n ({$size, $style, theme}: {$size: number[]; $style: ThemeFontKey; theme: Theme}) => {\n const {media} = theme.sanity\n const font = theme.sanity.fonts[$style]\n\n const styles = responsive(media, $size, (sizeIndex) => {\n const fontSize = font.sizes[sizeIndex]\n const capHeight = fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight\n\n return {height: capHeight}\n })\n\n return styles\n }\n)\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface TextSkeletonProps extends SkeletonProps {\n size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface LabelSkeletonProps extends SkeletonProps {\n size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface HeadingSkeletonProps extends SkeletonProps {\n size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface CodeSkeletonProps extends SkeletonProps {\n size?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const TextSkeleton = forwardRef(function TextSkeleton(\n props: TextSkeletonProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n ref: React.Ref<HTMLDivElement>\n) {\n const {size = 2, ...restProps} = props\n const $size = useResponsiveProp(size)\n\n return <Root {...restProps} $size={$size} ref={ref} $style=\"text\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const LabelSkeleton = forwardRef(function TextSkeleton(\n props: LabelSkeletonProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n ref: React.Ref<HTMLDivElement>\n) {\n const {size = 2, ...restProps} = props\n const $size = useResponsiveProp(size)\n\n return <Root {...restProps} $size={$size} ref={ref} $style=\"label\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const HeadingSkeleton = forwardRef(function TextSkeleton(\n props: HeadingSkeletonProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n ref: React.Ref<HTMLDivElement>\n) {\n const {size = 2, ...restProps} = props\n const $size = useResponsiveProp(size)\n\n return <Root {...restProps} $size={$size} ref={ref} $style=\"heading\" />\n})\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport const CodeSkeleton = forwardRef(function TextSkeleton(\n props: CodeSkeletonProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'height' | 'size'>,\n ref: React.Ref<HTMLDivElement>\n) {\n const {size = 2, ...restProps} = props\n const $size = useResponsiveProp(size)\n\n return <Root {...restProps} $size={$size} ref={ref} $style=\"code\" />\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEA,MAAM,OAAO,OAAO,UAClB,CAAC,EAAC,OAAO,QAAQ,YAAkE;AACjF,QAAM,EAAC,UAAS,MAAM;AACtB,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,SAAS,WAAW,OAAO,OAAO,CAAC,cAAc;AACrD,UAAM,WAAW,KAAK,MAAM;AAC5B,UAAM,YAAY,SAAS,aAAa,SAAS,iBAAiB,SAAS;AAE3E,WAAO,EAAC,QAAQ;AAAA;AAGlB,SAAO;AAAA;AAwCJ,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,gBAAgB,WAAW,uBACtC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,kBAAkB,WAAW,uBACxC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;AAOtD,MAAM,eAAe,WAAW,uBACrC,OAEA,KACA;AACA,QAAiC,YAA1B,SAAO,MAAmB,IAAb,sBAAa,IAAb,CAAb;AACP,QAAM,QAAQ,kBAAkB;AAEhC,SAAO,oCAAC,MAAD,iCAAU,YAAV;AAAA,IAAqB;AAAA,IAAc;AAAA,IAAU,QAAO;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tab/tab.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef, useCallback, useEffect, useRef} from 'react'\nimport {useForwardedRef} from '../../hooks'\nimport {Button} from '../../primitives'\nimport {ButtonTone} from '../../types'\n\n/**\n * @public\n */\nexport interface TabProps {\n /**\n * The `id` of the correlating `TabPanel` component.\n */\n 'aria-controls': string\n id: string\n icon?: React.ComponentType | React.ReactNode\n focused?: boolean\n fontSize?: number | number[]\n label?: React.ReactNode\n padding?: number | number[]\n selected?: boolean\n tone?: ButtonTone\n}\n\n/**\n * @public\n */\nexport const Tab = forwardRef(function Tab(\n props: TabProps &\n Omit<React.HTMLProps<HTMLButtonElement>, 'aria-controls' | 'as' | 'id' | 'type'>,\n forwardedRef: React.ForwardedRef<HTMLButtonElement>\n) {\n const {\n icon,\n id,\n focused,\n fontSize,\n label,\n onClick,\n onFocus,\n padding = 2,\n selected,\n ...restProps\n } = props\n const elementRef = useRef<HTMLButtonElement | null>(null)\n const focusedRef = useRef(false)\n\n const handleBlur = useCallback(() => {\n focusedRef.current = false\n }, [])\n\n const handleFocus = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n focusedRef.current = true\n if (onFocus) onFocus(event)\n },\n [onFocus]\n )\n\n const ref = useForwardedRef(forwardedRef)\n\n useEffect(() => {\n if (focused && !focusedRef.current) {\n if (elementRef.current) elementRef.current.focus()\n focusedRef.current = true\n }\n }, [focused])\n\n const setRef = (el: HTMLButtonElement | null) => {\n elementRef.current = el\n ref.current = el\n }\n\n return (\n <Button\n data-ui=\"Tab\"\n {...restProps}\n aria-selected={selected ? 'true' : 'false'}\n fontSize={fontSize}\n icon={icon}\n id={id}\n mode=\"bleed\"\n onClick={onClick}\n onBlur={handleBlur}\n onFocus={handleFocus}\n padding={padding}\n ref={setRef}\n role=\"tab\"\n selected={selected}\n tabIndex={selected ? 0 : -1}\n text={label}\n type=\"button\"\n />\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAwBO,MAAM,MAAM,WAAW,cAC5B,OAEA,cACA;AACA,QAWI,YAVF;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,MAEE,IADC,sBACD,IADC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,aAAa,OAAiC;AACpD,QAAM,aAAa,OAAO;AAE1B,QAAM,aAAa,YAAY,MAAM;AACnC,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,YAClB,CAAC,UAA+C;AAC9C,eAAW,UAAU;AACrB,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC;AAGH,QAAM,MAAM,gBAAgB;AAE5B,YAAU,MAAM;AACd,QAAI,WAAW,CAAC,WAAW,SAAS;AAClC,UAAI,WAAW;AAAS,mBAAW,QAAQ;AAC3C,iBAAW,UAAU;AAAA;AAAA,KAEtB,CAAC;AAEJ,QAAM,SAAS,CAAC,OAAiC;AAC/C,eAAW,UAAU;AACrB,QAAI,UAAU;AAAA;AAGhB,SACE,oCAAC,QAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE,iBAAe,WAAW,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT;AAAA,IACA,KAAK;AAAA,IACL,MAAK;AAAA,IACL;AAAA,IACA,UAAU,WAAW,IAAI;AAAA,IACzB,MAAM;AAAA,IACN,MAAK;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tab/tabList.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {cloneElement, forwardRef, useCallback, useMemo, useState} from 'react'\nimport {Inline, InlineProps} from '../../primitives'\n\n/**\n * @public\n */\nexport interface TabListProps extends Omit<InlineProps, 'as' | 'height'> {\n children: Array<React.ReactElement | null | undefined | false>\n}\n\nfunction _isReactElement(node: unknown): node is React.ReactElement {\n return Boolean(node)\n}\n\n/**\n * @public\n */\nexport const TabList = forwardRef(function TabList(\n props: TabListProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height'>,\n ref\n) {\n const {children: childrenProp, ...restProps} = props\n const [focusedIndex, setFocusedIndex] = useState(-1)\n\n const children = useMemo(() => childrenProp.filter(_isReactElement), [childrenProp])\n\n const tabs = children.map((child, childIndex) =>\n cloneElement(child, {\n focused: focusedIndex === childIndex,\n key: childIndex,\n onFocus: () => handleTabFocus(childIndex),\n })\n )\n\n const numTabs = tabs.length\n\n const handleTabFocus = useCallback((tabIdx: number) => {\n setFocusedIndex(tabIdx)\n }, [])\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'ArrowLeft') {\n setFocusedIndex((prevIndex) => (prevIndex + numTabs - 1) % numTabs)\n }\n\n if (event.key === 'ArrowRight') {\n setFocusedIndex((prevIndex) => (prevIndex + 1) % numTabs)\n }\n },\n [numTabs]\n )\n\n return (\n <Inline data-ui=\"TabList\" {...restProps} onKeyDown={handleKeyDown} ref={ref} role=\"tablist\">\n {tabs}\n </Inline>\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AASA,yBAAyB,MAA2C;AAClE,SAAO,QAAQ;AAAA;AAMV,MAAM,UAAU,WAAW,kBAChC,OACA,KACA;AACA,QAA+C,YAAxC,YAAU,iBAA8B,IAAb,sBAAa,IAAb,CAA3B;AACP,QAAM,CAAC,cAAc,mBAAmB,SAAS;AAEjD,QAAM,WAAW,QAAQ,MAAM,aAAa,OAAO,kBAAkB,CAAC;AAEtE,QAAM,OAAO,SAAS,IAAI,CAAC,OAAO,eAChC,aAAa,OAAO;AAAA,IAClB,SAAS,iBAAiB;AAAA,IAC1B,KAAK;AAAA,IACL,SAAS,MAAM,eAAe;AAAA;AAIlC,QAAM,UAAU,KAAK;AAErB,QAAM,iBAAiB,YAAY,CAAC,WAAmB;AACrD,oBAAgB;AAAA,KACf;AAEH,QAAM,gBAAgB,YACpB,CAAC,UAA+C;AAC9C,QAAI,MAAM,QAAQ,aAAa;AAC7B,sBAAgB,CAAC,cAAe,aAAY,UAAU,KAAK;AAAA;AAG7D,QAAI,MAAM,QAAQ,cAAc;AAC9B,sBAAgB,CAAC,cAAe,aAAY,KAAK;AAAA;AAAA,KAGrD,CAAC;AAGH,SACE,oCAAC,QAAD;AAAA,IAAQ,WAAQ;AAAA,KAAc,YAA9B;AAAA,IAAyC,WAAW;AAAA,IAAe;AAAA,IAAU,MAAK;AAAA,MAC/E;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tab/tabPanel.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {forwardRef} from 'react'\nimport {Box, BoxProps} from '../../primitives'\n\n/**\n * @public\n */\nexport interface TabPanelProps extends BoxProps {\n /**\n * The `id` of the correlating `Tab` component.\n */\n 'aria-labelledby': string\n id: string\n}\n\n/**\n * @public\n */\nexport const TabPanel = forwardRef(function TabPanel(\n props: TabPanelProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'aria-labelledby' | 'id' | 'role'>,\n ref: React.ForwardedRef<HTMLDivElement>\n) {\n const {flex, ...restProps} = props\n\n return (\n <Box\n data-ui=\"TabPanel\"\n {...restProps}\n flex={flex}\n ref={ref}\n role=\"tabpanel\"\n tabIndex={props.tabIndex === undefined ? 0 : props.tabIndex}\n >\n {props.children}\n </Box>\n )\n})\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAgBO,MAAM,WAAW,WAAW,mBACjC,OAEA,KACA;AACA,QAA6B,YAAtB,WAAsB,IAAb,sBAAa,IAAb,CAAT;AAEP,SACE,oCAAC,KAAD;AAAA,IACE,WAAQ;AAAA,KACJ,YAFN;AAAA,IAGE;AAAA,IACA;AAAA,IACA,MAAK;AAAA,IACL,UAAU,MAAM,aAAa,SAAY,IAAI,MAAM;AAAA,MAElD,MAAM;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/toast/toast.tsx"],
|
|
4
4
|
"sourcesContent": ["import {CloseIcon} from '@sanity/icons'\nimport React from 'react'\nimport styled from 'styled-components'\nimport {Box, Button, Card, Flex, Stack, Text} from '../../primitives'\nimport {ThemeColorToneKey} from '../../theme'\n\n/**\n * @public\n */\nexport interface ToastProps {\n closable?: boolean\n description?: React.ReactNode\n onClose?: () => void\n title?: React.ReactNode\n status?: 'error' | 'warning' | 'success' | 'info'\n}\n\nconst STATUS_CARD_TONE: {[key: string]: ThemeColorToneKey} = {\n error: 'critical',\n warning: 'caution',\n success: 'positive',\n info: 'primary',\n}\n\nconst ROLES = {\n error: 'alert',\n warning: 'alert',\n success: 'alert',\n info: 'alert',\n}\n\nconst Root = styled(Card)`\n pointer-events: all;\n`\n\nconst TextBox = styled(Flex)`\n overflow-x: auto;\n`\n\n/**\n * @public\n */\nexport function Toast(\n props: ToastProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'title'>\n): React.ReactElement {\n const {closable, description, onClose, title, status, ...restProps} = props\n const cardTone = status ? STATUS_CARD_TONE[status] : 'default'\n const role = status ? ROLES[status] : 'status'\n\n return (\n <Root\n data-ui=\"Toast\"\n role={role}\n {...restProps}\n marginTop={3}\n radius={2}\n shadow={2}\n tone={cardTone}\n >\n <Flex align=\"flex-start\">\n <TextBox flex={1} padding={3}>\n <Stack space={3}>\n {title && <Text weight=\"semibold\">{title}</Text>}\n {description && (\n <Text muted size={1}>\n {description}\n </Text>\n )}\n </Stack>\n </TextBox>\n\n {closable && (\n <Box padding={1}>\n <Button\n as=\"button\"\n icon={CloseIcon}\n mode=\"bleed\"\n padding={2}\n onClick={onClose}\n style={{verticalAlign: 'top'}}\n />\n </Box>\n )}\n </Flex>\n </Root>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAcA,MAAM,mBAAuD;AAAA,EAC3D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA;AAGR,MAAM,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,UAAU,OAAO;AAAA;AAAA;AAOhB,eACL,OACoB;AACpB,QAAsE,YAA/D,YAAU,aAAa,SAAS,OAAO,WAAwB,IAAb,sBAAa,IAAb,CAAlD,YAAU,eAAa,WAAS,SAAO;AAC9C,QAAM,WAAW,SAAS,iBAAiB,UAAU;AACrD,QAAM,OAAO,SAAS,MAAM,UAAU;AAEtC,SACE,oCAAC,MAAD;AAAA,IACE,WAAQ;AAAA,IACR;AAAA,KACI,YAHN;AAAA,IAIE,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MAEN,oCAAC,MAAD;AAAA,IAAM,OAAM;AAAA,KACV,oCAAC,SAAD;AAAA,IAAS,MAAM;AAAA,IAAG,SAAS;AAAA,KACzB,oCAAC,OAAD;AAAA,IAAO,OAAO;AAAA,KACX,SAAS,oCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,KAAY,QAClC,eACC,oCAAC,MAAD;AAAA,IAAM,OAAK;AAAA,IAAC,MAAM;AAAA,KACf,gBAMR,YACC,oCAAC,KAAD;AAAA,IAAK,SAAS;AAAA,KACZ,oCAAC,QAAD;AAAA,IACE,IAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO,EAAC,eAAe;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
import { AnimatePresence, motion } from "framer-motion";
|
|
24
21
|
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
25
22
|
import styled from "styled-components";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/toast/toastProvider.tsx"],
|
|
4
4
|
"sourcesContent": ["import {AnimatePresence, motion} from 'framer-motion'\nimport React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport styled from 'styled-components'\nimport {Box} from '../../primitives'\nimport {Layer} from '../../utils'\nimport {Toast} from './toast'\nimport {ToastContext} from './toastContext'\nimport {ToastContextValue, ToastParams} from './types'\n\ninterface ToastState {\n toasts: {\n dismiss: () => void\n id: string\n params: ToastParams\n }[]\n}\n\n/**\n * @public\n */\nexport interface ToastProviderProps {\n children?: React.ReactNode\n padding?: number | number[]\n paddingX?: number | number[]\n paddingY?: number | number[]\n zOffset?: number | number[]\n}\n\nconst Root = styled(Layer)`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n`\n\nconst ToastContainer = styled.div`\n box-sizing: border-box;\n position: absolute;\n right: 0;\n bottom: 0;\n max-width: 420px;\n width: 100%;\n`\n\nlet toastId = 0\n\n/**\n * @public\n */\nexport function ToastProvider(props: ToastProviderProps): React.ReactElement {\n const {children, padding = 4, paddingX, paddingY, zOffset} = props\n const [state, setState] = useState<ToastState>({toasts: []})\n const toastsRef = useRef<{[key: string]: {timeoutId: NodeJS.Timeout}}>({})\n\n const push = useCallback((params: ToastParams) => {\n const id = params.id || String(toastId++)\n const duration = params.duration || 5000\n\n const dismiss = () => {\n const timeoutId = toastsRef.current[id]?.timeoutId\n\n setState((prevState) => {\n const idx = prevState.toasts.findIndex((t) => t.id === id)\n\n if (idx > -1) {\n const toasts = prevState.toasts.slice(0)\n\n toasts.splice(idx, 1)\n\n return {...prevState, toasts}\n }\n\n return prevState\n })\n\n if (timeoutId !== undefined) {\n clearTimeout(timeoutId)\n delete toastsRef.current[id]\n }\n }\n\n setState((prevState) => {\n return {\n ...prevState,\n toasts: prevState.toasts\n .filter((t) => t.id !== id)\n .concat([\n {\n dismiss,\n id,\n params: {...params, duration},\n },\n ]),\n }\n })\n\n if (toastsRef.current[id]) {\n clearTimeout(toastsRef.current[id].timeoutId)\n delete toastsRef.current[id]\n }\n\n toastsRef.current[id] = {timeoutId: setTimeout(dismiss, duration)}\n\n return id\n }, [])\n\n // clear timeouts on unmount\n useEffect(\n () => () => {\n for (const {timeoutId} of Object.values(toastsRef.current)) {\n clearTimeout(timeoutId)\n }\n\n toastsRef.current = {}\n },\n []\n )\n\n const value: ToastContextValue = useMemo(() => ({version: 0.0, push}), [push])\n\n return (\n <ToastContext.Provider value={value}>\n {children}\n\n <Root data-ui=\"ToastProvider\" zOffset={zOffset}>\n <ToastContainer>\n <Box padding={padding} paddingX={paddingX} paddingY={paddingY}>\n <AnimatePresence initial={false}>\n {state.toasts.map(({dismiss, id, params}) => (\n <motion.div\n animate={{opacity: 1, y: 0, scale: 1}}\n exit={{opacity: 0, scale: 0.5, transition: {duration: 0.2}}}\n initial={{opacity: 0, y: 32, scale: 0.25}}\n key={id}\n layout=\"position\"\n transition={{type: 'spring', damping: 30, stiffness: 400}}\n >\n <Toast\n closable={params.closable}\n description={params.description}\n onClose={dismiss}\n status={params.status}\n title={params.title}\n />\n </motion.div>\n ))}\n </AnimatePresence>\n </Box>\n </ToastContainer>\n </Root>\n </ToastContext.Provider>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAsBA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9B,IAAI,UAAU;AAKP,uBAAuB,OAA+C;AAC3E,QAAM,EAAC,UAAU,UAAU,GAAG,UAAU,UAAU,YAAW;AAC7D,QAAM,CAAC,OAAO,YAAY,SAAqB,EAAC,QAAQ;AACxD,QAAM,YAAY,OAAqD;AAEvE,QAAM,OAAO,YAAY,CAAC,WAAwB;AAChD,UAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,UAAM,WAAW,OAAO,YAAY;AAEpC,UAAM,UAAU,MAAM;AA5D1B;AA6DM,YAAM,YAAY,gBAAU,QAAQ,QAAlB,mBAAuB;AAEzC,eAAS,CAAC,cAAc;AACtB,cAAM,MAAM,UAAU,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO;AAEvD,YAAI,MAAM,IAAI;AACZ,gBAAM,SAAS,UAAU,OAAO,MAAM;AAEtC,iBAAO,OAAO,KAAK;AAEnB,iBAAO,iCAAI,YAAJ,EAAe;AAAA;AAGxB,eAAO;AAAA;AAGT,UAAI,cAAc,QAAW;AAC3B,qBAAa;AACb,eAAO,UAAU,QAAQ;AAAA;AAAA;AAI7B,aAAS,CAAC,cAAc;AACtB,aAAO,iCACF,YADE;AAAA,QAEL,QAAQ,UAAU,OACf,OAAO,CAAC,MAAM,EAAE,OAAO,IACvB,OAAO;AAAA,UACN;AAAA,YACE;AAAA,YACA;AAAA,YACA,QAAQ,iCAAI,SAAJ,EAAY;AAAA;AAAA;AAAA;AAAA;AAM9B,QAAI,UAAU,QAAQ,KAAK;AACzB,mBAAa,UAAU,QAAQ,IAAI;AACnC,aAAO,UAAU,QAAQ;AAAA;AAG3B,cAAU,QAAQ,MAAM,EAAC,WAAW,WAAW,SAAS;AAExD,WAAO;AAAA,KACN;AAGH,YACE,MAAM,MAAM;AACV,eAAW,EAAC,eAAc,OAAO,OAAO,UAAU,UAAU;AAC1D,mBAAa;AAAA;AAGf,cAAU,UAAU;AAAA,KAEtB;AAGF,QAAM,QAA2B,QAAQ,MAAO,GAAC,SAAS,GAAK,SAAQ,CAAC;AAExE,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB;AAAA,KACpB,UAED,oCAAC,MAAD;AAAA,IAAM,WAAQ;AAAA,IAAgB;AAAA,KAC5B,oCAAC,gBAAD,MACE,oCAAC,KAAD;AAAA,IAAK;AAAA,IAAkB;AAAA,IAAoB;AAAA,KACzC,oCAAC,iBAAD;AAAA,IAAiB,SAAS;AAAA,KACvB,MAAM,OAAO,IAAI,CAAC,EAAC,SAAS,IAAI,aAC/B,oCAAC,OAAO,KAAR;AAAA,IACE,SAAS,EAAC,SAAS,GAAG,GAAG,GAAG,OAAO;AAAA,IACnC,MAAM,EAAC,SAAS,GAAG,OAAO,KAAK,YAAY,EAAC,UAAU;AAAA,IACtD,SAAS,EAAC,SAAS,GAAG,GAAG,IAAI,OAAO;AAAA,IACpC,KAAK;AAAA,IACL,QAAO;AAAA,IACP,YAAY,EAAC,MAAM,UAAU,SAAS,IAAI,WAAW;AAAA,KAErD,oCAAC,OAAD;AAAA,IACE,UAAU,OAAO;AAAA,IACjB,aAAa,OAAO;AAAA,IACpB,SAAS;AAAA,IACT,QAAQ,OAAO;AAAA,IACf,OAAO,OAAO;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tree/tree.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport {Stack} from '../../primitives'\nimport {_findNextItemElement, _findPrevItemElement, _focusItemElement} from './helpers'\nimport {TreeContext} from './treeContext'\nimport {TreeContextValue, TreeState} from './types'\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport interface TreeProps {\n space?: number | number[]\n}\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function Tree(\n props: TreeProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'align' | 'as' | 'height' | 'ref' | 'role' | 'wrap'>\n): React.ReactElement {\n const {children, space = 1, ...restProps} = props\n const [focusedElement, setFocusedElement] = useState<HTMLElement | null>(null)\n const path: string[] = useMemo(() => [], [])\n const rootRef = useRef<HTMLDivElement | null>(null)\n const [itemElements, setItemElements] = useState<HTMLElement[]>([])\n const [state, setState] = useState<TreeState>({})\n\n const registerItem = useCallback(\n (element: HTMLElement, path: string, expanded: boolean, selected: boolean) => {\n setState((s) => ({...s, [path]: {element, expanded}}))\n\n if (selected) {\n setFocusedElement(element)\n }\n\n return () => {\n setState((s) => {\n const newState = {...s}\n\n delete newState[path]\n\n return newState\n })\n }\n },\n []\n )\n\n const setExpanded = useCallback((path: string, expanded: boolean) => {\n setState((s) => {\n const itemState = s[path]\n\n if (!itemState) return s\n\n return {...s, [path]: {...itemState, expanded}}\n })\n }, [])\n\n const contextValue: TreeContextValue = useMemo(\n () => ({\n version: 0.0,\n focusedElement: focusedElement || itemElements[0] || null,\n level: 0,\n path,\n registerItem,\n setExpanded,\n setFocusedElement,\n space,\n state,\n }),\n [focusedElement, itemElements, path, registerItem, setExpanded, space, state]\n )\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!focusedElement) return\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n\n const nextEl = _findNextItemElement(state, itemElements, focusedElement)\n\n if (nextEl) {\n _focusItemElement(nextEl)\n setFocusedElement(nextEl)\n }\n\n return\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault()\n\n const prevEl = _findPrevItemElement(state, itemElements, focusedElement)\n\n if (prevEl) {\n _focusItemElement(prevEl)\n setFocusedElement(prevEl)\n }\n\n return\n }\n\n if (event.key === 'ArrowLeft') {\n event.preventDefault()\n\n const itemKey = focusedElement.getAttribute('data-tree-key')\n\n if (!itemKey) return\n\n const itemState = state[itemKey]\n\n if (!itemState) return\n\n if (itemState.expanded) {\n setState((s) => {\n const itemState = s[itemKey]\n\n if (!itemState) return s\n\n return {...s, [itemKey]: {...itemState, expanded: false}}\n })\n } else {\n const itemPath = itemKey.split('/')\n\n itemPath.pop()\n\n const parentKey = itemPath.join('/')\n const parentState = parentKey && state[parentKey]\n\n if (parentState) {\n parentState.element.focus()\n setFocusedElement(parentState.element)\n }\n }\n\n return\n }\n\n if (event.key === 'ArrowRight') {\n event.preventDefault()\n\n const focusedKey = focusedElement.getAttribute('data-tree-key')\n\n if (!focusedKey) return\n\n if (!state[focusedKey]?.expanded) {\n setState((s) => {\n const itemState = s[focusedKey]\n\n if (!itemState) return s\n\n return {...s, [focusedKey]: {...itemState, expanded: true}}\n })\n }\n\n return\n }\n },\n [focusedElement, itemElements, state]\n )\n\n useEffect(() => {\n if (!rootRef.current) return\n const _itemElements = Array.from(\n rootRef.current.querySelectorAll('[data-ui=\"TreeItem\"]')\n ) as HTMLElement[]\n\n setItemElements(_itemElements)\n }, [children])\n\n return (\n <TreeContext.Provider value={contextValue}>\n <Stack\n as=\"ul\"\n data-ui=\"Tree\"\n {...restProps}\n onKeyDown={handleKeyDown}\n ref={rootRef}\n role=\"tree\"\n space={space}\n >\n {children}\n </Stack>\n </TreeContext.Provider>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tree/treeGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport {Stack} from '../../primitives'\nimport {useTree} from './useTree'\n\nexport interface TreeGroupProps {\n expanded?: boolean\n}\n\nexport function TreeGroup(\n props: TreeGroupProps &\n Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'height' | 'ref' | 'role' | 'wrap'>\n): React.ReactElement {\n const {children, expanded = false, ...restProps} = props\n const tree = useTree()\n\n return (\n <Stack\n as=\"ul\"\n data-ui=\"TreeGroup\"\n {...restProps}\n hidden={!expanded}\n marginTop={tree.space}\n role=\"group\"\n space={tree.space}\n >\n {children}\n </Stack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAMO,mBACL,OAEoB;AACpB,QAAmD,YAA5C,YAAU,WAAW,UAAuB,IAAb,sBAAa,IAAb,CAA/B,YAAU;AACjB,QAAM,OAAO;AAEb,SACE,oCAAC,OAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAQ;AAAA,KACJ,YAHN;AAAA,IAIE,QAAQ,CAAC;AAAA,IACT,WAAW,KAAK;AAAA,IAChB,MAAK;AAAA,IACL,OAAO,KAAK;AAAA,MAEX;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,9 +17,6 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
var __objRest = (source, exclude) => {
|
|
24
21
|
var target = {};
|
|
25
22
|
for (var prop in source)
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/tree/treeItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import {useId} from '@reach/auto-id'\nimport {ToggleArrowRightIcon} from '@sanity/icons'\nimport React, {createElement, useCallback, useEffect, useMemo, useRef} from 'react'\nimport styled from 'styled-components'\nimport {Box, Flex, Text} from '../../primitives'\nimport {ThemeFontWeightKey} from '../../theme'\nimport {\n treeItemRootStyle,\n treeItemRootColorStyle,\n treeItemBoxStyle,\n TreeItemBoxStyleProps,\n} from './style'\nimport {TreeContext} from './treeContext'\nimport {TreeGroup} from './treeGroup'\nimport {useTree} from './useTree'\n\n/**\n * @beta\n */\nexport interface TreeItemProps {\n expanded?: boolean\n fontSize?: number | number[]\n icon?: React.ComponentType\n padding?: number | number[]\n space?: number | number[]\n text?: React.ReactNode\n weight?: ThemeFontWeightKey\n}\n\nconst Root = styled.li(treeItemRootStyle, treeItemRootColorStyle)\n\nconst TreeItemBox = styled(Box).attrs({forwardedAs: 'a'})<TreeItemBoxStyleProps>(treeItemBoxStyle)\n\nconst ToggleArrowText = styled(Text)`\n & > svg {\n transition: transform 100ms;\n }\n`\n\n/**\n * This API might change. DO NOT USE IN PRODUCTION.\n * @beta\n */\nexport function TreeItem(\n props: TreeItemProps & Omit<React.HTMLProps<HTMLLIElement>, 'as' | 'ref' | 'role'>\n): React.ReactElement {\n const {\n children,\n expanded: expandedProp = false,\n fontSize,\n href,\n icon,\n id: idProp,\n muted,\n onClick,\n padding = 3,\n selected = false,\n space = 2,\n text,\n weight,\n ...restProps\n } = props\n const rootRef = useRef<HTMLLIElement | null>(null)\n const treeitemRef = useRef<HTMLDivElement | null>(null)\n const tree = useTree()\n const {path, registerItem, setExpanded, setFocusedElement} = tree\n const id = useId(idProp) || idProp\n const itemPath = useMemo(() => path.concat([id || '']), [id, path])\n const itemKey = itemPath.join('/')\n const itemState = tree.state[itemKey]\n const focused = tree.focusedElement === rootRef.current\n const expanded = itemState?.expanded === undefined ? expandedProp : itemState?.expanded || false\n const tabIndex = tree.focusedElement && tree.focusedElement === rootRef.current ? 0 : -1\n const contextValue = useMemo(\n () => ({...tree, level: tree.level + 1, path: itemPath}),\n [itemPath, tree]\n )\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLLIElement>) => {\n if (onClick) onClick(event)\n\n const target = event.target\n\n if (\n target instanceof HTMLElement &&\n (target.getAttribute('data-ui') === 'TreeItem__box' ||\n target.closest('[data-ui=\"TreeItem__box\"]'))\n ) {\n event.stopPropagation()\n setExpanded(itemKey, !expanded)\n setFocusedElement(rootRef.current)\n }\n },\n [expanded, itemKey, onClick, setExpanded, setFocusedElement]\n )\n\n const handleKeyDown = useCallback(\n (event: React.KeyboardEvent<HTMLElement>) => {\n if (focused && event.key === 'Enter') {\n const el = treeitemRef.current || rootRef.current\n\n el?.click()\n }\n },\n [focused]\n )\n\n useEffect(() => {\n if (!rootRef.current) return\n\n return registerItem(rootRef.current, itemPath.join('/'), expanded, selected)\n }, [expanded, itemPath, registerItem, selected])\n\n const content = (\n <Flex padding={padding}>\n <Box\n marginRight={space}\n style={{visibility: icon || children ? 'visible' : 'hidden', pointerEvents: 'none'}}\n >\n {icon && (\n <Text muted={muted} size={fontSize} weight={weight}>\n {createElement(icon)}\n </Text>\n )}\n {!icon && (\n <ToggleArrowText muted={muted} size={fontSize} weight={weight}>\n <ToggleArrowRightIcon style={{transform: expanded ? 'rotate(90deg)' : undefined}} />\n </ToggleArrowText>\n )}\n </Box>\n <Box flex={1}>\n <Text muted={muted} size={fontSize} textOverflow=\"ellipsis\" weight={weight}>\n {text}\n </Text>\n </Box>\n </Flex>\n )\n\n if (href) {\n return (\n <Root\n data-selected={selected ? '' : undefined}\n data-tree-id={id}\n data-tree-key={itemKey}\n data-ui=\"TreeItem\"\n {...restProps}\n onClick={handleClick}\n ref={rootRef}\n role=\"none\"\n >\n <TreeItemBox\n $level={tree.level}\n aria-expanded={expanded}\n data-ui=\"TreeItem__box\"\n href={href}\n ref={treeitemRef}\n role=\"treeitem\"\n tabIndex={tabIndex}\n >\n {content}\n </TreeItemBox>\n\n <TreeContext.Provider value={contextValue}>\n {children && <TreeGroup hidden={!expanded}>{children}</TreeGroup>}\n </TreeContext.Provider>\n </Root>\n )\n }\n\n return (\n <Root\n data-selected={selected ? '' : undefined}\n data-ui=\"TreeItem\"\n data-tree-id={id}\n data-tree-key={itemKey}\n {...restProps}\n aria-expanded={expanded}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n ref={rootRef}\n role=\"treeitem\"\n tabIndex={tabIndex}\n >\n <TreeItemBox $level={tree.level} as=\"div\" data-ui=\"TreeItem__box\">\n {content}\n </TreeItemBox>\n\n <TreeContext.Provider value={contextValue}>\n {children && <TreeGroup expanded={expanded}>{children}</TreeGroup>}\n </TreeContext.Provider>\n </Root>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/_internal/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./useUnique";
|