@preply/ds-web-lib 11.0.0 → 11.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion-B0hR-tcI.js +96 -0
- package/dist/AlertBannerProvider-Cf7w9AOq.js +76 -0
- package/dist/AlertDialog-BG-diKBi.js +475 -0
- package/dist/Avatar-B-JdqVyg.js +66 -0
- package/dist/AvatarWithStatus-CD9jEqEB.js +36 -0
- package/dist/Badge-Dd-CLBoW.js +50 -0
- package/dist/Box-BJBE9KNm.js +91 -0
- package/dist/BubbleCounter.module-BU2S0euA.js +16 -0
- package/dist/Button-C35BZJZT.js +91 -0
- package/dist/ButtonBase-8eUyTWxX.js +215 -0
- package/dist/Checkbox-CtolNbxI.js +108 -0
- package/dist/Chips-BRGw7Uup.js +99 -0
- package/dist/ChipsPrimitive-Bezq7ptE.js +1179 -0
- package/dist/CountryFlag-DVDKHmQH.js +43 -0
- package/dist/Dialog.module-Db2BJAn4.js +21 -0
- package/dist/DialogCloseButton-DjDd9Mid.js +98 -0
- package/dist/DialogDescription-8zw9t6pm.js +44 -0
- package/dist/DialogRoot-B67oJduC.js +335 -0
- package/dist/DialogRootContext-Bz8RW-Mq.js +12 -0
- package/dist/DialogTitle-C2Nn2ys-.js +43 -0
- package/dist/Divider-DvwDWB9_.js +17 -0
- package/dist/DropdownMenu.primitives-BrsTBvMk.js +4007 -0
- package/dist/FieldButton-B2slox8P.js +32 -0
- package/dist/FormControl-qnbQL1iF.js +128 -0
- package/dist/Heading-DA9gHfsx.js +71 -0
- package/dist/Icon-CixAeOSd.js +48 -0
- package/dist/IconButton-BPKpgfep.js +31 -0
- package/dist/InputContainer-CzzuOe_p.js +38 -0
- package/dist/LayoutFlex-e9auDvWD.js +86 -0
- package/dist/LayoutFlexItem-D9ziMmHe.js +48 -0
- package/dist/LayoutGridItem-Q8Lnvrri.js +34 -0
- package/dist/Link-CdoJVeER.js +66 -0
- package/dist/Loader-BMOxdJce.js +26 -0
- package/dist/OnboardingTooltip-B47_Yrsj.js +165 -0
- package/dist/OnboardingTour-DUUoI5WE.js +131 -0
- package/dist/PasswordField-Bx5YG62t.js +93 -0
- package/dist/PreplyLogo-abgOre30.js +112 -0
- package/dist/ProgressBar-CEU4GyHn.js +31 -0
- package/dist/ProgressSteps-BSqopxqv.js +45 -0
- package/dist/Select-Bo7PX_8V.js +124 -0
- package/dist/Slider-Crg4DEn_.js +64 -0
- package/dist/Spinner-Ck8KQA22.js +86 -0
- package/dist/Stars-D5QspUBE.js +72 -0
- package/dist/Steps-DbN5vFrP.js +173 -0
- package/dist/Switch-Ck_xB0ID.js +49 -0
- package/dist/Text-CaOF75Z-.js +121 -0
- package/dist/TextHighlighted-Dwq9Clgn.js +34 -0
- package/dist/TextInline-BcA4H2Tk.js +34 -0
- package/dist/Toast-wJAjSLfo.js +1019 -0
- package/dist/TokyoUIChevronDown-DGcVqR1z.js +14 -0
- package/dist/Tooltip-grvKQxTN.js +84 -0
- package/dist/VisuallyHidden-CtcHcZCK.js +29 -0
- package/dist/align-self-VrZUceie.js +42 -0
- package/dist/assets/Accordion.css +2 -2
- package/dist/assets/AlertBannerProvider.css +2 -2
- package/dist/assets/AlertDialog.css +2 -2
- package/dist/assets/Avatar.css +3 -3
- package/dist/assets/AvatarWithStatus.css +2 -2
- package/dist/assets/Badge.css +1 -1
- package/dist/assets/Box.css +3 -3
- package/dist/assets/BubbleCounter.css +1 -1
- package/dist/assets/Button.css +4 -4
- package/dist/assets/ButtonBase.css +40 -46
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Chips.css +2 -2
- package/dist/assets/ChipsPrimitive.css +2 -2
- package/dist/assets/CountryFlag.css +1 -1
- package/dist/assets/Dialog.css +13 -4
- package/dist/assets/Divider.css +1 -1
- package/dist/assets/DropdownMenu.css +2 -2
- package/dist/assets/FieldButton.css +3 -3
- package/dist/assets/FormControl.css +1 -1
- package/dist/assets/Heading.css +3 -3
- package/dist/assets/Icon.css +3 -3
- package/dist/assets/InputContainer.css +2 -2
- package/dist/assets/LayoutFlex.css +1 -1
- package/dist/assets/LayoutFlexItem.css +1 -1
- package/dist/assets/Link.css +3 -3
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/OnboardingTooltip.css +1 -1
- package/dist/assets/OnboardingTour.css +1 -1
- package/dist/assets/PreplyLogo.css +1 -1
- package/dist/assets/ProgressBar.css +1 -1
- package/dist/assets/ProgressSteps.css +1 -1
- package/dist/assets/Select.css +2 -2
- package/dist/assets/Slider.css +1 -1
- package/dist/assets/Spinner.css +3 -3
- package/dist/assets/Stars.css +3 -3
- package/dist/assets/Steps.css +2 -2
- package/dist/assets/Switch.css +1 -1
- package/dist/assets/Text.css +3 -3
- package/dist/assets/TextHighlighted.css +3 -3
- package/dist/assets/TextInline.css +3 -3
- package/dist/assets/Toast.css +2 -2
- package/dist/assets/Tooltip.css +1 -1
- package/dist/assets/align-self.css +1 -1
- package/dist/assets/{IconTile.css → components.css} +1 -1
- package/dist/assets/exp-color.css +2 -2
- package/dist/assets/index.css +1 -1
- package/dist/assets/layout-gap.css +3 -3
- package/dist/assets/layout-grid.css +3 -3
- package/dist/assets/layout-hide.css +1 -1
- package/dist/assets/layout-padding.css +3 -3
- package/dist/assets/layout-relative.css +1 -1
- package/dist/assets/text-accent.css +2 -2
- package/dist/assets/text-centered.css +1 -1
- package/dist/assets/text-weight.css +2 -2
- package/dist/chunk-BVTlhY3a.js +24 -0
- package/dist/components/Accordion/Accordion.js +4 -60
- package/dist/components/Accordion/hooks/useOnOpenChange.js +19 -28
- package/dist/components/AlertBanner/AlertBanner.js +11 -26
- package/dist/components/AlertBanner/AlertBannerProvider.js +3 -8
- package/dist/components/AlertBanner/primitives/AlertBannerAction.js +11 -69
- package/dist/components/AlertBanner/primitives/AlertBannerIcon.js +77 -39
- package/dist/components/AlertBanner/primitives/AlertBannerRoot.js +26 -22
- package/dist/components/AlertBanner/primitives/AlertBannerText.js +11 -70
- package/dist/components/AlertDialog/AlertDialog.js +5 -430
- package/dist/components/Avatar/Avatar.js +3 -71
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +3 -43
- package/dist/components/Badge/Badge.js +4 -62
- package/dist/components/Box/Box.js +3 -95
- package/dist/components/BubbleCounter/BubbleCounter.js +23 -28
- package/dist/components/Button/Button.js +4 -80
- package/dist/components/CalloutBanner/CalloutBanner.js +61 -12
- package/dist/components/CalloutBanner/primitives/CalloutBannerDismissButton.js +50 -22
- package/dist/components/CalloutBanner/primitives/CalloutBannerIcon.js +86 -45
- package/dist/components/CalloutBanner/primitives/CalloutBannerRoot.js +50 -24
- package/dist/components/CalloutBanner/primitives/CalloutBannerText.js +41 -11
- package/dist/components/Checkbox/Checkbox.js +4 -78
- package/dist/components/Checkbox/hooks/useIndeterminate.js +24 -30
- package/dist/components/Chips/Chips.types.js +0 -1
- package/dist/components/Chips/DismissibleChips.js +117 -86
- package/dist/components/Chips/MultiSelectChips.js +98 -64
- package/dist/components/Chips/SingleSelectChips.js +94 -57
- package/dist/components/Chips/private/ChipsPrimitive.js +4 -17
- package/dist/components/CountryFlag/CountryFlag.js +3 -44
- package/dist/components/Dialog/Dialog.js +56 -31
- package/dist/components/Dialog/DialogSteps.js +40 -29
- package/dist/components/Dialog/primitives/DialogActions.js +26 -19
- package/dist/components/Dialog/primitives/DialogButtonStack.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogButtonStack.js +22 -15
- package/dist/components/Dialog/primitives/DialogCloseButton.d.ts +1 -1
- package/dist/components/Dialog/primitives/DialogCloseButton.d.ts.map +1 -1
- package/dist/components/Dialog/primitives/DialogCloseButton.js +4 -67
- package/dist/components/Dialog/primitives/DialogDescription.js +3 -43
- package/dist/components/Dialog/primitives/DialogFooter.js +37 -34
- package/dist/components/Dialog/primitives/DialogRoot.js +4 -315
- package/dist/components/Dialog/primitives/DialogTitle.js +3 -42
- package/dist/components/Divider/Divider.js +3 -14
- package/dist/components/DropdownMenu/DropdownMenu.js +253 -188
- package/dist/components/DropdownMenu/primitives/DropdownMenu.primitives.js +5 -34
- package/dist/components/DropdownMenu/primitives/DropdownMenuSelectItem.primitives.js +121 -71
- package/dist/components/FieldButton/FieldButton.js +3 -37
- package/dist/components/FormControl/FormControl.js +3 -105
- package/dist/components/Heading/Heading.js +3 -78
- package/dist/components/Icon/Icon.js +4 -49
- package/dist/components/IconButton/IconButton.d.ts +5 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +4 -28
- package/dist/components/IconTile/IconTile.js +11 -69
- package/dist/components/IntlFormatted/IntlFormattedAggregatedDateTime.js +16 -32
- package/dist/components/IntlFormatted/IntlFormattedCurrency.js +20 -42
- package/dist/components/IntlFormatted/IntlFormattedDate.js +73 -195
- package/dist/components/IntlFormatted/IntlFormattedTime.js +14 -24
- package/dist/components/IntlFormatted/Wrapper.js +14 -8
- package/dist/components/LayoutFlex/LayoutFlex.js +3 -100
- package/dist/components/LayoutFlex/style/getStyleAttrs.js +71 -143
- package/dist/components/LayoutFlex/tests/AlignItems.js +67 -97
- package/dist/components/LayoutFlex/tests/ColumnReverse.js +63 -100
- package/dist/components/LayoutFlex/tests/DataOverride.js +1498 -1093
- package/dist/components/LayoutFlex/tests/Default.js +19 -20
- package/dist/components/LayoutFlex/tests/Direction.js +65 -88
- package/dist/components/LayoutFlex/tests/Gap.js +115 -197
- package/dist/components/LayoutFlex/tests/HideInline.js +95 -136
- package/dist/components/LayoutFlex/tests/JustifyContent.js +75 -108
- package/dist/components/LayoutFlex/tests/Nowrap.js +35 -42
- package/dist/components/LayoutFlex/tests/Padding.js +207 -263
- package/dist/components/LayoutFlex/tests/Relative.js +49 -64
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +3 -54
- package/dist/components/LayoutGrid/LayoutGrid.js +26 -34
- package/dist/components/LayoutGridItem/LayoutGridItem.js +3 -41
- package/dist/components/Link/Link.js +3 -72
- package/dist/components/Loader/Loader.js +3 -32
- package/dist/components/NumberField/NumberField.js +33 -35
- package/dist/components/ObserveIntersection/ObserveIntersection.js +41 -42
- package/dist/components/OnboardingTooltip/OnboardingTooltip.js +4 -115
- package/dist/components/OnboardingTour/OnboardingTour.js +4 -114
- package/dist/components/PasswordField/PasswordField.js +3 -78
- package/dist/components/PreplyLogo/PreplyLogo.js +3 -81
- package/dist/components/ProgressBar/ProgressBar.js +3 -27
- package/dist/components/ProgressSteps/ProgressSteps.js +3 -48
- package/dist/components/Rating/Rating.js +29 -20
- package/dist/components/Rating/RatingInput.js +57 -59
- package/dist/components/Rating/Stars.js +4 -8
- package/dist/components/Rating/hooks/useHasError.js +11 -15
- package/dist/components/Rating/hooks/useHoverPercentage.js +37 -45
- package/dist/components/Rating/hooks/useInputState.js +18 -24
- package/dist/components/Rating/hooks/useLocalizations.js +12 -24
- package/dist/components/Rating/utils/roundToHalfDecimal.js +4 -4
- package/dist/components/SelectField/Select.js +5 -112
- package/dist/components/SelectField/SelectField.js +29 -24
- package/dist/components/SelectField/hooks/useBreakpointMatch.js +18 -19
- package/dist/components/ShowOnIntersection/ShowOnIntersection.js +32 -21
- package/dist/components/Slider/RangeSlider.js +62 -52
- package/dist/components/Slider/Slider.js +3 -10
- package/dist/components/Steps/Steps.js +4 -210
- package/dist/components/Switch/Switch.js +3 -51
- package/dist/components/Text/Text.js +3 -128
- package/dist/components/TextField/TextField.js +27 -29
- package/dist/components/TextHighlighted/TextHighlighted.js +3 -41
- package/dist/components/TextInline/TextInline.js +3 -40
- package/dist/components/TextareaField/TextareaField.js +26 -28
- package/dist/components/Toast/Toast.js +4 -1168
- package/dist/components/Tooltip/Tooltip.js +3 -66
- package/dist/components/deprecated/Chips/Chips.js +4 -76
- package/dist/components/deprecated/NativeSelectField/NativeSelect.js +40 -32
- package/dist/components/deprecated/NativeSelectField/NativeSelectField.js +34 -33
- package/dist/components/deprecated/index.js +5 -6
- package/dist/components/index.js +50 -150
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +7 -11
- package/dist/components/private/ButtonBase/ButtonBase.d.ts.map +1 -1
- package/dist/components/private/ButtonBase/ButtonBase.js +3 -247
- package/dist/components/private/Input/Input.js +27 -19
- package/dist/components/private/Input/InputContainer.js +3 -5
- package/dist/components/private/Input/Textarea.js +24 -20
- package/dist/components/private/Input/index.js +2 -4
- package/dist/components/private/Spinner/Spinner.js +3 -52
- package/dist/components/private/VisuallyHidden/VisuallyHidden.js +3 -15
- package/dist/components-BIYP8wHJ.js +200 -0
- package/dist/exp-color-C5mKAN91.js +74 -0
- package/dist/floating-ui.utils.dom-CoeTbDZx.js +215 -0
- package/dist/index.js +50 -150
- package/dist/index.module-1c7ENvxc.js +7 -0
- package/dist/jsx-runtime-i4KUlhDu.js +743 -0
- package/dist/layout-gap.module-DLD8bcR4.js +95 -0
- package/dist/layout-grid.module-CZfhrKrB.js +101 -0
- package/dist/layout-hide.module-B1P0N4i3.js +53 -0
- package/dist/layout-padding-ugY-yd2q.js +389 -0
- package/dist/layout-relative.module-B5xrFD9j.js +6 -0
- package/dist/render-icon-Ch3b2dE0.js +290 -0
- package/dist/shared-styles/align-self/align-self.js +2 -36
- package/dist/shared-styles/exp-color/exp-color.js +2 -68
- package/dist/shared-styles/layout-gap/layout-gap.js +13 -7
- package/dist/shared-styles/layout-grid/layout-grid.js +28 -28
- package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +29 -43
- package/dist/shared-styles/layout-hide/layout-hide.js +8 -8
- package/dist/shared-styles/layout-padding/layout-padding.js +2 -5
- package/dist/shared-styles/layout-relative/layout-relative.js +14 -8
- package/dist/shared-styles/text-accent/text-accent.js +2 -25
- package/dist/shared-styles/text-centered/text-centered.js +2 -24
- package/dist/shared-styles/text-weight/text-weight.js +2 -15
- package/dist/store-sN_eYeZT.js +1064 -0
- package/dist/storybook-utils/consts.js +6 -8
- package/dist/storybook-utils/index.js +1 -5
- package/dist/text-accent-CfUFx-1K.js +30 -0
- package/dist/text-centered-Dwp2_-Yp.js +30 -0
- package/dist/text-weight-CwoqmM4o.js +21 -0
- package/dist/useBaseUiId-CWAD_PSs.js +13 -0
- package/dist/useBreakpointMatch-D9a3CTNK.js +338 -0
- package/dist/useButton-DHTh3Hm7.js +148 -0
- package/dist/useDialogClose-BzFIyWco.js +22 -0
- package/dist/useId-CJsH-2wV.js +34 -0
- package/dist/useOpenInteractionType-D8vA_ZKI.js +4104 -0
- package/dist/useRenderElement-ZBds6eRN.js +341 -0
- package/dist/utils/Orientation/OrientationProvider.js +54 -23
- package/dist/utils/Orientation/index.js +2 -4
- package/dist/utils/RovingTabIndex/RovingTabIndexProvider.js +70 -44
- package/dist/utils/RovingTabIndex/index.js +2 -4
- package/dist/utils/createRequiredContext.js +23 -13
- package/dist/utils/filterAttributesPassedByRadixUIAtRuntime.js +28 -25
- package/dist/utils/render-icon.js +3 -320
- package/dist/utils/shared-strings.js +24 -32
- package/dist/utils/useBreakpointMatch.d.ts.map +1 -1
- package/dist/utils/useBreakpointMatch.js +2 -183
- package/dist/utils/useControllableState/useControllableState.js +31 -25
- package/dist/utils/useMergeRefs.js +29 -14
- package/dist/utils/useStableCallback/useStableCallback.js +28 -13
- package/package.json +17 -22
- package/dist/AlertBannerProvider-DTx2Xp3V.js +0 -50
- package/dist/BubbleCounter.module-QMwXWFIS.js +0 -16
- package/dist/ChipsPrimitive-DzsaOWgY.js +0 -1244
- package/dist/Dialog.module-Ba1X7b3N.js +0 -29
- package/dist/DialogRootContext-BCXmmJAw.js +0 -15
- package/dist/DropdownMenu.primitives-B3WK71bR.js +0 -5871
- package/dist/IconTile-D1G7MljH.js +0 -172
- package/dist/InputContainer-oHJlLWIi.js +0 -30
- package/dist/Slider-DB4Maswa.js +0 -55
- package/dist/Stars-C_mHop2H.js +0 -67
- package/dist/TokyoUIChevronDown-D_tD1yU8.js +0 -11
- package/dist/floating-ui.utils.dom-3OgjGonN.js +0 -234
- package/dist/index.module-Q9TzIR6B.js +0 -11
- package/dist/layout-gap.module-MKn_un_k.js +0 -97
- package/dist/layout-grid.module-P4B4WVUy.js +0 -103
- package/dist/layout-hide.module-Bpl3Pl-a.js +0 -55
- package/dist/layout-padding-D5I6rRlL.js +0 -373
- package/dist/layout-relative.module-1z75aSwo.js +0 -8
- package/dist/store-BUKWfVf3.js +0 -1155
- package/dist/useBaseUiId-DavsGYu9.js +0 -8
- package/dist/useButton-CFPpP0o5.js +0 -193
- package/dist/useDialogClose-C9x1leGd.js +0 -34
- package/dist/useId-BhIOp2JG.js +0 -28
- package/dist/useOpenInteractionType-Cj41-8Yk.js +0 -2880
- package/dist/useRenderElement-DtYPTE_y.js +0 -350
|
@@ -1,200 +1,265 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
|
|
3
|
+
import "../../render-icon-Ch3b2dE0.js";
|
|
4
|
+
import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
|
|
5
|
+
import { C as Trigger, S as SubmenuTrigger, _ as RadioGroup, a as GroupLabel, b as Root, c as ItemDescription, d as ItemSubmenuIcon, f as ItemTrailingElements, g as Positioner, h as Portal, i as Group, l as ItemLabel, m as Popup, n as CheckboxItem, o as Item, r as CheckboxItemIndicator, s as ItemContainer, t as Backdrop, u as ItemLeadingElements, v as RadioItem, x as SubmenuRoot, y as RadioItemIndicator } from "../../DropdownMenu.primitives-BrsTBvMk.js";
|
|
6
|
+
import "../../useBreakpointMatch-D9a3CTNK.js";
|
|
7
|
+
import { SelectOptionItem, SelectOptionLabelText, SelectRadioGroup, SelectRoot, SelectTrigger, SelectValue } from "./primitives/DropdownMenuSelectItem.primitives.js";
|
|
3
8
|
import { forwardRef } from "react";
|
|
4
9
|
import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}, ref) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
//#region src/components/DropdownMenu/DropdownMenu.tsx
|
|
11
|
+
var import_jsx_runtime = require_jsx_runtime();
|
|
12
|
+
/**
|
|
13
|
+
* Dropdown menu that can be opened by clicking on the trigger element
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <DropdownMenu
|
|
17
|
+
* trigger={<Button>Open menu</Button>}
|
|
18
|
+
* >
|
|
19
|
+
* <DropdownMenuItem label="Item 1" />
|
|
20
|
+
* <DropdownMenuItem label="Item 2" />
|
|
21
|
+
* <DropdownMenuItem label="Item 3" />
|
|
22
|
+
* </DropdownMenu>
|
|
23
|
+
*/
|
|
24
|
+
var DropdownMenu = forwardRef(function DropdownMenu({ children, trigger, defaultOpen, dataset, keepMounted, open, onOpenChange, side, align, ...props }, ref) {
|
|
25
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Root, {
|
|
26
|
+
defaultOpen,
|
|
27
|
+
open,
|
|
28
|
+
onOpenChange,
|
|
29
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
|
|
30
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
31
|
+
ref,
|
|
32
|
+
children: trigger
|
|
33
|
+
}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Portal, {
|
|
34
|
+
keepMounted,
|
|
35
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backdrop, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Positioner, {
|
|
36
|
+
sideOffset: 4,
|
|
37
|
+
side,
|
|
38
|
+
align,
|
|
39
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popup, {
|
|
40
|
+
dataset,
|
|
41
|
+
preplyDsComponent: webComponentNames.DropdownMenu,
|
|
42
|
+
children
|
|
43
|
+
})
|
|
44
|
+
})]
|
|
45
|
+
})]
|
|
46
|
+
});
|
|
27
47
|
});
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
48
|
+
/**
|
|
49
|
+
* Dropdown menu item
|
|
50
|
+
*
|
|
51
|
+
* @example
|
|
52
|
+
* <DropdownMenuItem label="Item 1" />
|
|
53
|
+
*/
|
|
54
|
+
var DropdownMenuItem = forwardRef(function DropdownMenuItem({ label, description, leadingElement, disabled, dataset, onClick, as, ...props }, ref) {
|
|
55
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Item, {
|
|
56
|
+
disabled,
|
|
57
|
+
onClick,
|
|
58
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
59
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
60
|
+
dataset,
|
|
61
|
+
ref,
|
|
62
|
+
render: as,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: label }),
|
|
66
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description })
|
|
67
|
+
]
|
|
68
|
+
})
|
|
69
|
+
});
|
|
43
70
|
});
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
71
|
+
/**
|
|
72
|
+
* Dropdown sub-menu
|
|
73
|
+
*
|
|
74
|
+
* @example
|
|
75
|
+
* <DropdownSubmenu
|
|
76
|
+
* label="Submenu"
|
|
77
|
+
* >
|
|
78
|
+
* <DropdownMenuItem label="Item 1" />
|
|
79
|
+
* <DropdownMenuItem label="Item 2" />
|
|
80
|
+
* <DropdownMenuItem label="Item 3" />
|
|
81
|
+
* </DropdownSubmenu>
|
|
82
|
+
*/
|
|
83
|
+
var DropdownSubmenu = forwardRef(function DropdownSubmenu({ children, label, description, leadingElement, dataset, triggerDataset, keepMounted, disabled, defaultOpen, open, onOpenChange, side, align, ...props }, ref) {
|
|
84
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SubmenuRoot, {
|
|
85
|
+
disabled,
|
|
86
|
+
defaultOpen,
|
|
87
|
+
open,
|
|
88
|
+
onOpenChange,
|
|
89
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubmenuTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
90
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
91
|
+
dataset: triggerDataset,
|
|
92
|
+
ref,
|
|
93
|
+
children: [
|
|
94
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
95
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: label }),
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description }),
|
|
97
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTrailingElements, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemSubmenuIcon, {}) })
|
|
98
|
+
]
|
|
99
|
+
}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Portal, {
|
|
100
|
+
keepMounted,
|
|
101
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backdrop, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Positioner, {
|
|
102
|
+
side,
|
|
103
|
+
align,
|
|
104
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popup, {
|
|
105
|
+
dataset,
|
|
106
|
+
preplyDsComponent: webComponentNames.DropdownMenu,
|
|
107
|
+
children
|
|
108
|
+
})
|
|
109
|
+
})]
|
|
110
|
+
})]
|
|
111
|
+
});
|
|
72
112
|
});
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
113
|
+
/**
|
|
114
|
+
* Dropdown menu group
|
|
115
|
+
*
|
|
116
|
+
* @example
|
|
117
|
+
* <DropdownMenuGroup label="Group">
|
|
118
|
+
* <DropdownMenuItem label="Item 1" />
|
|
119
|
+
* <DropdownMenuItem label="Item 2" />
|
|
120
|
+
* <DropdownMenuItem label="Item 3" />
|
|
121
|
+
* </DropdownMenuGroup>
|
|
122
|
+
*/
|
|
123
|
+
var DropdownMenuGroup = forwardRef(function DropdownMenuGroup({ label, children, dataset, ...props }, ref) {
|
|
124
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Group, {
|
|
125
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
126
|
+
dataset,
|
|
127
|
+
ref,
|
|
128
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupLabel, { children: label }), children]
|
|
129
|
+
});
|
|
83
130
|
});
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
131
|
+
/**
|
|
132
|
+
* Dropdown menu radio group
|
|
133
|
+
*
|
|
134
|
+
* @example
|
|
135
|
+
* <DropdownMenuRadioGroup defaultValue="1">
|
|
136
|
+
* <DropdownMenuRadioItem label="Item 1" value="1" />
|
|
137
|
+
* <DropdownMenuRadioItem label="Item 2" value="2" />
|
|
138
|
+
* <DropdownMenuRadioItem label="Item 3" value="3" />
|
|
139
|
+
* </DropdownMenuRadioGroup>
|
|
140
|
+
*/
|
|
141
|
+
var DropdownMenuRadioGroup = forwardRef(function DropdownMenuRadioGroup({ defaultValue, value, onValueChange, disabled, children, items, ...props }, ref) {
|
|
142
|
+
const content = items ? items.map(({ value, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuRadioItem, {
|
|
143
|
+
value,
|
|
144
|
+
...props
|
|
145
|
+
}, value)) : children;
|
|
146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroup, {
|
|
147
|
+
defaultValue,
|
|
148
|
+
value,
|
|
149
|
+
onValueChange: (value) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value),
|
|
150
|
+
disabled,
|
|
151
|
+
ref,
|
|
152
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
153
|
+
children: content
|
|
154
|
+
});
|
|
98
155
|
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
156
|
+
/**
|
|
157
|
+
* Dropdown menu radio item
|
|
158
|
+
*
|
|
159
|
+
* @example
|
|
160
|
+
* <DropdownMenuRadioItem label="Item 1" value="1" />
|
|
161
|
+
*/
|
|
162
|
+
var DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({ value, disabled, onClick, dataset, leadingElement, label, description, ...props }, ref) {
|
|
163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioItem, {
|
|
164
|
+
value,
|
|
165
|
+
disabled,
|
|
166
|
+
onClick,
|
|
167
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
168
|
+
dataset,
|
|
169
|
+
ref,
|
|
170
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
171
|
+
children: [
|
|
172
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
173
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: label }),
|
|
174
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description }),
|
|
175
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTrailingElements, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioItemIndicator, {}) })
|
|
176
|
+
]
|
|
177
|
+
})
|
|
178
|
+
});
|
|
115
179
|
});
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
180
|
+
/**
|
|
181
|
+
* Dropdown menu checkbox item
|
|
182
|
+
*
|
|
183
|
+
* @example
|
|
184
|
+
* <DropdownMenuCheckboxItem label="Item 1" checked />
|
|
185
|
+
*/
|
|
186
|
+
var DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem({ label, description, leadingElement, dataset, disabled, defaultChecked, checked, onCheckedChange, ...props }, ref) {
|
|
187
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxItem, {
|
|
188
|
+
defaultChecked,
|
|
189
|
+
checked,
|
|
190
|
+
onCheckedChange,
|
|
191
|
+
disabled,
|
|
192
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
193
|
+
dataset,
|
|
194
|
+
ref,
|
|
195
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
196
|
+
children: [
|
|
197
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
198
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: label }),
|
|
199
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description }),
|
|
200
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTrailingElements, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxItemIndicator, {}) })
|
|
201
|
+
]
|
|
202
|
+
})
|
|
203
|
+
});
|
|
133
204
|
});
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
205
|
+
var DropdownMenuSelectOption = forwardRef(function DropdownMenuSelectOption({ label, description, leadingElement, dataset, disabled, value, onClick, ...props }, ref) {
|
|
206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectOptionItem, {
|
|
207
|
+
value,
|
|
208
|
+
disabled,
|
|
209
|
+
onClick,
|
|
210
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
211
|
+
dataset,
|
|
212
|
+
ref,
|
|
213
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
214
|
+
children: [
|
|
215
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
216
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectOptionLabelText, { children: label }) }),
|
|
217
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description }),
|
|
218
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemTrailingElements, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioItemIndicator, {}) })
|
|
219
|
+
]
|
|
220
|
+
})
|
|
221
|
+
});
|
|
150
222
|
});
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
},
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
223
|
+
var DropdownMenuSelect = forwardRef(function DropdownMenuSelect({ label, description, leadingElement, dataset, triggerDataset, value, defaultValue, onValueChange, disabled, children, items, open, defaultOpen, onOpenChange, side, align, ...props }, ref) {
|
|
224
|
+
const content = items ? items.map(({ value, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuSelectOption, {
|
|
225
|
+
value,
|
|
226
|
+
...props
|
|
227
|
+
}, value)) : children;
|
|
228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectRoot, {
|
|
229
|
+
disabled,
|
|
230
|
+
open,
|
|
231
|
+
defaultOpen,
|
|
232
|
+
onOpenChange,
|
|
233
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemContainer, {
|
|
234
|
+
dataset: triggerDataset,
|
|
235
|
+
ref,
|
|
236
|
+
...filterAttributesPassedByRadixUIAtRuntime(props),
|
|
237
|
+
children: [
|
|
238
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLeadingElements, { children: leadingElement }),
|
|
239
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemLabel, { children: label }),
|
|
240
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemDescription, { children: description }),
|
|
241
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ItemTrailingElements, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemSubmenuIcon, {})] })
|
|
242
|
+
]
|
|
243
|
+
}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Portal, {
|
|
244
|
+
keepMounted: true,
|
|
245
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backdrop, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Positioner, {
|
|
246
|
+
sideOffset: 12,
|
|
247
|
+
side,
|
|
248
|
+
align,
|
|
249
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popup, {
|
|
250
|
+
dataset,
|
|
251
|
+
preplyDsComponent: webComponentNames.DropdownMenu,
|
|
252
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectRadioGroup, {
|
|
253
|
+
value,
|
|
254
|
+
defaultValue,
|
|
255
|
+
onValueChange,
|
|
256
|
+
disabled,
|
|
257
|
+
children: content
|
|
258
|
+
})
|
|
259
|
+
})
|
|
260
|
+
})]
|
|
261
|
+
})]
|
|
262
|
+
});
|
|
189
263
|
});
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
DropdownMenuCheckboxItem,
|
|
193
|
-
DropdownMenuGroup,
|
|
194
|
-
DropdownMenuItem,
|
|
195
|
-
DropdownMenuRadioGroup,
|
|
196
|
-
DropdownMenuRadioItem,
|
|
197
|
-
DropdownMenuSelect,
|
|
198
|
-
DropdownMenuSelectOption,
|
|
199
|
-
DropdownSubmenu
|
|
200
|
-
};
|
|
264
|
+
//#endregion
|
|
265
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSelect, DropdownMenuSelectOption, DropdownSubmenu };
|
|
@@ -1,34 +1,5 @@
|
|
|
1
|
-
import "
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import "
|
|
5
|
-
|
|
6
|
-
import "../../Icon/Icon.js";
|
|
7
|
-
import "@preply/ds-web-root";
|
|
8
|
-
import "@preply/ds-web-core";
|
|
9
|
-
import "../../../utils/useBreakpointMatch.js";
|
|
10
|
-
export {
|
|
11
|
-
B as Backdrop,
|
|
12
|
-
C as CheckboxItem,
|
|
13
|
-
n as CheckboxItemIndicator,
|
|
14
|
-
G as Group,
|
|
15
|
-
j as GroupLabel,
|
|
16
|
-
I as Item,
|
|
17
|
-
c as ItemContainer,
|
|
18
|
-
f as ItemDescription,
|
|
19
|
-
e as ItemLabel,
|
|
20
|
-
d as ItemLeadingElements,
|
|
21
|
-
i as ItemSubmenuIcon,
|
|
22
|
-
h as ItemTrailingElements,
|
|
23
|
-
o as ItemValue,
|
|
24
|
-
b as Popup,
|
|
25
|
-
P as Portal,
|
|
26
|
-
a as Positioner,
|
|
27
|
-
k as RadioGroup,
|
|
28
|
-
l as RadioItem,
|
|
29
|
-
m as RadioItemIndicator,
|
|
30
|
-
R as Root,
|
|
31
|
-
S as SubmenuRoot,
|
|
32
|
-
g as SubmenuTrigger,
|
|
33
|
-
T as Trigger
|
|
34
|
-
};
|
|
1
|
+
import "../../../render-icon-Ch3b2dE0.js";
|
|
2
|
+
import "../../../jsx-runtime-i4KUlhDu.js";
|
|
3
|
+
import { C as Trigger, S as SubmenuTrigger, _ as RadioGroup, a as GroupLabel, b as Root, c as ItemDescription, d as ItemSubmenuIcon, f as ItemTrailingElements, g as Positioner, h as Portal, i as Group, l as ItemLabel, m as Popup, n as CheckboxItem, o as Item, p as ItemValue, r as CheckboxItemIndicator, s as ItemContainer, t as Backdrop, u as ItemLeadingElements, v as RadioItem, x as SubmenuRoot, y as RadioItemIndicator } from "../../../DropdownMenu.primitives-BrsTBvMk.js";
|
|
4
|
+
import "../../../useBreakpointMatch-D9a3CTNK.js";
|
|
5
|
+
export { Backdrop, CheckboxItem, CheckboxItemIndicator, Group, GroupLabel, Item, ItemContainer, ItemDescription, ItemLabel, ItemLeadingElements, ItemSubmenuIcon, ItemTrailingElements, ItemValue, Popup, Portal, Positioner, RadioGroup, RadioItem, RadioItemIndicator, Root, SubmenuRoot, SubmenuTrigger, Trigger };
|