@preply/ds-web-lib 10.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 +6 -4
- package/dist/assets/OnboardingTour.css +3 -2
- 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} +9 -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.d.ts +3 -3
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/AlertDialog/AlertDialog.js +5 -94
- 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 -93
- 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 -1459
- 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-CqJE9k4D.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-BvMNldxo.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/useBaseUiId-DavsGYu9.js +0 -8
- package/dist/useButton-fjQ0ak8m.js +0 -193
- package/dist/useId-BhIOp2JG.js +0 -28
- package/dist/useOpenInteractionType-DNYFqf-a.js +0 -2880
- package/dist/useRenderElement-BSthtPOr.js +0 -350
|
@@ -1,162 +1,121 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LayoutFlex } from "
|
|
1
|
+
import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
|
|
2
|
+
import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
|
|
3
|
+
import "react";
|
|
4
|
+
//#region src/components/LayoutFlex/tests/HideInline.tsx
|
|
5
|
+
var import_jsx_runtime = require_jsx_runtime();
|
|
3
6
|
function Div1(props) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
8
|
+
style: {
|
|
9
|
+
background: "yellow",
|
|
10
|
+
width: "20%"
|
|
11
|
+
},
|
|
12
|
+
children: props.children
|
|
13
|
+
});
|
|
8
14
|
}
|
|
9
15
|
function Div2(props) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
17
|
+
style: {
|
|
18
|
+
background: "orange",
|
|
19
|
+
width: "20%"
|
|
20
|
+
},
|
|
21
|
+
children: props.children
|
|
22
|
+
});
|
|
14
23
|
}
|
|
15
24
|
function HideInlineTrueUndefined() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
22
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
23
|
-
] })
|
|
24
|
-
] });
|
|
25
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
26
|
+
dataset: { testid: "HideInlineTrueUndefined" },
|
|
27
|
+
hide: true,
|
|
28
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
29
|
+
})] });
|
|
25
30
|
}
|
|
26
31
|
function HideInlineTrueFalse() {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
34
|
-
] })
|
|
35
|
-
] });
|
|
32
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
33
|
+
dataset: { testid: "HideInlineTrueFalse" },
|
|
34
|
+
hide: true,
|
|
35
|
+
inline: false,
|
|
36
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
37
|
+
})] });
|
|
36
38
|
}
|
|
37
39
|
function HideInlineTrueTrue() {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
45
|
-
] })
|
|
46
|
-
] });
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineTrueTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
41
|
+
dataset: { testid: "HideInlineTrueTrue" },
|
|
42
|
+
hide: true,
|
|
43
|
+
inline: true,
|
|
44
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
45
|
+
})] });
|
|
47
46
|
}
|
|
48
47
|
function HideInlineFalseUndefined() {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
55
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
56
|
-
] })
|
|
57
|
-
] });
|
|
48
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
49
|
+
dataset: { testid: "HideInlineFalseUndefined" },
|
|
50
|
+
hide: false,
|
|
51
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
52
|
+
})] });
|
|
58
53
|
}
|
|
59
54
|
function HideInlineFalseFalse() {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
67
|
-
] })
|
|
68
|
-
] });
|
|
55
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
56
|
+
dataset: { testid: "HideInlineFalseFalse" },
|
|
57
|
+
hide: false,
|
|
58
|
+
inline: false,
|
|
59
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
60
|
+
})] });
|
|
69
61
|
}
|
|
70
62
|
function HideInlineFalseTrue() {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
78
|
-
] })
|
|
79
|
-
] });
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineFalseTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
64
|
+
dataset: { testid: "HideInlineFalseTrue" },
|
|
65
|
+
hide: false,
|
|
66
|
+
inline: true,
|
|
67
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
68
|
+
})] });
|
|
80
69
|
}
|
|
81
70
|
function HideInlineUndefinedUndefined() {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}, children: [
|
|
87
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
88
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
89
|
-
] })
|
|
90
|
-
] });
|
|
71
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
72
|
+
dataset: { testid: "HideInlineUndefinedUndefined" },
|
|
73
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
74
|
+
})] });
|
|
91
75
|
}
|
|
92
76
|
function HideInlineUndefinedFalse() {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
99
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
100
|
-
] })
|
|
101
|
-
] });
|
|
77
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
78
|
+
dataset: { testid: "HideInlineUndefinedFalse" },
|
|
79
|
+
inline: false,
|
|
80
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
81
|
+
})] });
|
|
102
82
|
}
|
|
103
83
|
function HideInlineUndefinedTrue() {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
110
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
111
|
-
] })
|
|
112
|
-
] });
|
|
84
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineUndefinedTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
85
|
+
dataset: { testid: "HideInlineUndefinedTrue" },
|
|
86
|
+
inline: true,
|
|
87
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
88
|
+
})] });
|
|
113
89
|
}
|
|
114
90
|
function HideInlineResponsive() {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
/* @__PURE__ */ jsx(Div2, { children: "B responsive" })
|
|
129
|
-
] })
|
|
130
|
-
] });
|
|
91
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
92
|
+
dataset: { testid: "HideInlineResponsive" },
|
|
93
|
+
hide: {
|
|
94
|
+
_: true,
|
|
95
|
+
"narrow-l": false,
|
|
96
|
+
"medium-s": true,
|
|
97
|
+
"medium-l": false,
|
|
98
|
+
"wide-s": true,
|
|
99
|
+
"wide-l": false
|
|
100
|
+
},
|
|
101
|
+
inline: true,
|
|
102
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "A responsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "B responsive" })]
|
|
103
|
+
})] });
|
|
131
104
|
}
|
|
132
105
|
function HideInlineResponsiveInvertedOrder() {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
147
|
-
] })
|
|
148
|
-
] });
|
|
106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "HideInlineResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
107
|
+
dataset: { testid: "HideInlineResponsiveInvertedOrder" },
|
|
108
|
+
hide: {
|
|
109
|
+
"wide-l": false,
|
|
110
|
+
"wide-s": true,
|
|
111
|
+
"medium-l": false,
|
|
112
|
+
"medium-s": true,
|
|
113
|
+
"narrow-l": false,
|
|
114
|
+
_: true
|
|
115
|
+
},
|
|
116
|
+
inline: true,
|
|
117
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
118
|
+
})] });
|
|
149
119
|
}
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
HideInlineFalseTrue,
|
|
153
|
-
HideInlineFalseUndefined,
|
|
154
|
-
HideInlineResponsive,
|
|
155
|
-
HideInlineResponsiveInvertedOrder,
|
|
156
|
-
HideInlineTrueFalse,
|
|
157
|
-
HideInlineTrueTrue,
|
|
158
|
-
HideInlineTrueUndefined,
|
|
159
|
-
HideInlineUndefinedFalse,
|
|
160
|
-
HideInlineUndefinedTrue,
|
|
161
|
-
HideInlineUndefinedUndefined
|
|
162
|
-
};
|
|
120
|
+
//#endregion
|
|
121
|
+
export { HideInlineFalseFalse, HideInlineFalseTrue, HideInlineFalseUndefined, HideInlineResponsive, HideInlineResponsiveInvertedOrder, HideInlineTrueFalse, HideInlineTrueTrue, HideInlineTrueUndefined, HideInlineUndefinedFalse, HideInlineUndefinedTrue, HideInlineUndefinedUndefined };
|
|
@@ -1,128 +1,95 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LayoutFlex } from "
|
|
1
|
+
import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
|
|
2
|
+
import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
|
|
3
|
+
import "react";
|
|
4
|
+
//#region src/components/LayoutFlex/tests/JustifyContent.tsx
|
|
5
|
+
var import_jsx_runtime = require_jsx_runtime();
|
|
3
6
|
function Div1(props) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
8
|
+
style: {
|
|
9
|
+
background: "yellow",
|
|
10
|
+
width: "20%"
|
|
11
|
+
},
|
|
12
|
+
children: props.children
|
|
13
|
+
});
|
|
8
14
|
}
|
|
9
15
|
function Div2(props) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
17
|
+
style: {
|
|
18
|
+
background: "orange",
|
|
19
|
+
width: "20%"
|
|
20
|
+
},
|
|
21
|
+
children: props.children
|
|
22
|
+
});
|
|
14
23
|
}
|
|
15
24
|
function JustifyContentCenter() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
22
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
23
|
-
] })
|
|
24
|
-
] });
|
|
25
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentCenter" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
26
|
+
dataset: { testid: "JustifyContentCenter" },
|
|
27
|
+
justifyContent: "center",
|
|
28
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
29
|
+
})] });
|
|
25
30
|
}
|
|
26
31
|
function JustifyContentStart() {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
33
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
34
|
-
] })
|
|
35
|
-
] });
|
|
32
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentStart" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
33
|
+
dataset: { testid: "JustifyContentStart" },
|
|
34
|
+
justifyContent: "start",
|
|
35
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
36
|
+
})] });
|
|
36
37
|
}
|
|
37
38
|
function JustifyContentEnd() {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
44
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
45
|
-
] })
|
|
46
|
-
] });
|
|
39
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentEnd" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
40
|
+
dataset: { testid: "JustifyContentEnd" },
|
|
41
|
+
justifyContent: "end",
|
|
42
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
43
|
+
})] });
|
|
47
44
|
}
|
|
48
45
|
function JustifyContentSpaceBetween() {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
55
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
56
|
-
] })
|
|
57
|
-
] });
|
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceBetween" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
47
|
+
dataset: { testid: "JustifyContentSpaceBetween" },
|
|
48
|
+
justifyContent: "space-between",
|
|
49
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
50
|
+
})] });
|
|
58
51
|
}
|
|
59
52
|
function JustifyContentSpaceAround() {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
66
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
67
|
-
] })
|
|
68
|
-
] });
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceAround" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
54
|
+
dataset: { testid: "JustifyContentSpaceAround" },
|
|
55
|
+
justifyContent: "space-around",
|
|
56
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
57
|
+
})] });
|
|
69
58
|
}
|
|
70
59
|
function JustifyContentSpaceEvenly() {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
77
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
78
|
-
] })
|
|
79
|
-
] });
|
|
60
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentSpaceEvenly" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
61
|
+
dataset: { testid: "JustifyContentSpaceEvenly" },
|
|
62
|
+
justifyContent: "space-evenly",
|
|
63
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
64
|
+
})] });
|
|
80
65
|
}
|
|
81
66
|
function JustifyContentResponsive() {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}, children: [
|
|
95
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
96
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
97
|
-
] })
|
|
98
|
-
] });
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
68
|
+
dataset: { testid: "JustifyContentResponsive" },
|
|
69
|
+
justifyContent: {
|
|
70
|
+
_: "center",
|
|
71
|
+
"narrow-l": "end",
|
|
72
|
+
"medium-s": "space-around",
|
|
73
|
+
"medium-l": "space-around",
|
|
74
|
+
"wide-s": "space-evenly",
|
|
75
|
+
"wide-l": "end"
|
|
76
|
+
},
|
|
77
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
78
|
+
})] });
|
|
99
79
|
}
|
|
100
80
|
function JustifyContentResponsiveInvertedOrder() {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}, children: [
|
|
114
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
115
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
116
|
-
] })
|
|
117
|
-
] });
|
|
81
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "JustifyContentResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
82
|
+
dataset: { testid: "JustifyContentResponsiveInvertedOrder" },
|
|
83
|
+
justifyContent: {
|
|
84
|
+
"wide-l": "end",
|
|
85
|
+
"wide-s": "space-evenly",
|
|
86
|
+
"medium-l": "space-around",
|
|
87
|
+
"medium-s": "space-around",
|
|
88
|
+
"narrow-l": "end",
|
|
89
|
+
_: "center"
|
|
90
|
+
},
|
|
91
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
92
|
+
})] });
|
|
118
93
|
}
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
JustifyContentEnd,
|
|
122
|
-
JustifyContentResponsive,
|
|
123
|
-
JustifyContentResponsiveInvertedOrder,
|
|
124
|
-
JustifyContentSpaceAround,
|
|
125
|
-
JustifyContentSpaceBetween,
|
|
126
|
-
JustifyContentSpaceEvenly,
|
|
127
|
-
JustifyContentStart
|
|
128
|
-
};
|
|
94
|
+
//#endregion
|
|
95
|
+
export { JustifyContentCenter, JustifyContentEnd, JustifyContentResponsive, JustifyContentResponsiveInvertedOrder, JustifyContentSpaceAround, JustifyContentSpaceBetween, JustifyContentSpaceEvenly, JustifyContentStart };
|
|
@@ -1,52 +1,45 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LayoutFlex } from "
|
|
1
|
+
import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
|
|
2
|
+
import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
|
|
3
|
+
import "react";
|
|
4
|
+
//#region src/components/LayoutFlex/tests/Nowrap.tsx
|
|
5
|
+
var import_jsx_runtime = require_jsx_runtime();
|
|
3
6
|
function Div1(props) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
7
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
8
|
+
style: {
|
|
9
|
+
background: "yellow",
|
|
10
|
+
width: "100%"
|
|
11
|
+
},
|
|
12
|
+
children: props.children
|
|
13
|
+
});
|
|
8
14
|
}
|
|
9
15
|
function Div2(props) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
17
|
+
style: {
|
|
18
|
+
background: "orange",
|
|
19
|
+
width: "100%"
|
|
20
|
+
},
|
|
21
|
+
children: props.children
|
|
22
|
+
});
|
|
14
23
|
}
|
|
15
24
|
function NowrapUndefined() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}, children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
22
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
23
|
-
] })
|
|
24
|
-
] });
|
|
25
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
26
|
+
dataset: { testid: "NowrapUndefined" },
|
|
27
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
28
|
+
})] });
|
|
25
29
|
}
|
|
26
30
|
function NowrapTrue() {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
33
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
34
|
-
] })
|
|
35
|
-
] });
|
|
31
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
32
|
+
dataset: { testid: "NowrapTrue" },
|
|
33
|
+
nowrap: true,
|
|
34
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
35
|
+
})] });
|
|
36
36
|
}
|
|
37
37
|
function NowrapFalse() {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ jsx(Div1, { children: "a" }),
|
|
44
|
-
/* @__PURE__ */ jsx(Div2, { children: "b" })
|
|
45
|
-
] })
|
|
46
|
-
] });
|
|
38
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "NowrapFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
|
|
39
|
+
dataset: { testid: "NowrapFalse" },
|
|
40
|
+
nowrap: false,
|
|
41
|
+
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
|
|
42
|
+
})] });
|
|
47
43
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
NowrapTrue,
|
|
51
|
-
NowrapUndefined
|
|
52
|
-
};
|
|
44
|
+
//#endregion
|
|
45
|
+
export { NowrapFalse, NowrapTrue, NowrapUndefined };
|