@plasmicpkgs/react-aria 0.0.128 → 0.0.129
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/.tsbuildinfo +1 -1
- package/dist/react-aria.esm.js +49 -86
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +49 -86
- package/dist/react-aria.js.map +1 -1
- package/dist/registerPopover.d.ts +1 -4
- package/dist/registerTooltip.d.ts +1 -4
- package/package.json +2 -2
- package/skinny/registerPopover.cjs.js +1 -21
- package/skinny/registerPopover.cjs.js.map +1 -1
- package/skinny/registerPopover.d.ts +1 -4
- package/skinny/registerPopover.esm.js +1 -21
- package/skinny/registerPopover.esm.js.map +1 -1
- package/skinny/registerTooltip.cjs.js +1 -20
- package/skinny/registerTooltip.cjs.js.map +1 -1
- package/skinny/registerTooltip.d.ts +1 -4
- package/skinny/registerTooltip.esm.js +1 -20
- package/skinny/registerTooltip.esm.js.map +1 -1
package/dist/react-aria.esm.js
CHANGED
|
@@ -688,7 +688,7 @@ const BUTTON_VARIANTS = [
|
|
|
688
688
|
"focusVisible",
|
|
689
689
|
"disabled"
|
|
690
690
|
];
|
|
691
|
-
const { variants: variants$
|
|
691
|
+
const { variants: variants$f, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(BUTTON_VARIANTS);
|
|
692
692
|
const BaseButton = React.forwardRef(function BaseButtonInner(props, ref) {
|
|
693
693
|
const { href } = props;
|
|
694
694
|
if (href) {
|
|
@@ -707,7 +707,7 @@ const BaseButton = React.forwardRef(function BaseButtonInner(props, ref) {
|
|
|
707
707
|
style: COMMON_STYLES,
|
|
708
708
|
ref
|
|
709
709
|
});
|
|
710
|
-
return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$
|
|
710
|
+
return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, buttonProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$c(
|
|
711
711
|
children,
|
|
712
712
|
{
|
|
713
713
|
hovered: isHovered,
|
|
@@ -744,7 +744,7 @@ function LinkButton({
|
|
|
744
744
|
"data-focus-visible": isFocusVisible || void 0,
|
|
745
745
|
"data-disabled": props.isDisabled || void 0
|
|
746
746
|
}),
|
|
747
|
-
withObservedValues$
|
|
747
|
+
withObservedValues$c(
|
|
748
748
|
children,
|
|
749
749
|
{
|
|
750
750
|
hovered: isHovered,
|
|
@@ -767,7 +767,7 @@ function registerButton(loader, overrides) {
|
|
|
767
767
|
displayName: "Aria Button",
|
|
768
768
|
importPath: "@plasmicpkgs/react-aria/skinny/registerButton",
|
|
769
769
|
importName: "BaseButton",
|
|
770
|
-
variants: variants$
|
|
770
|
+
variants: variants$f,
|
|
771
771
|
defaultStyles: {
|
|
772
772
|
// Ensure consistent design across rendered elements (button, anchor tag).
|
|
773
773
|
backgroundColor: "#EFEFEF",
|
|
@@ -990,7 +990,7 @@ const CHECKBOX_VARIANTS = [
|
|
|
990
990
|
"selected",
|
|
991
991
|
"readonly"
|
|
992
992
|
];
|
|
993
|
-
const { variants: variants$
|
|
993
|
+
const { variants: variants$e, withObservedValues: withObservedValues$b } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
|
|
994
994
|
function BaseCheckbox(props) {
|
|
995
995
|
const _a = props, {
|
|
996
996
|
children,
|
|
@@ -1028,7 +1028,7 @@ function BaseCheckbox(props) {
|
|
|
1028
1028
|
isIndeterminate,
|
|
1029
1029
|
isSelected,
|
|
1030
1030
|
isReadOnly
|
|
1031
|
-
}) => withObservedValues$
|
|
1031
|
+
}) => withObservedValues$b(
|
|
1032
1032
|
children,
|
|
1033
1033
|
{
|
|
1034
1034
|
hovered: isHovered,
|
|
@@ -1100,7 +1100,7 @@ function registerCheckbox(loader, overrides) {
|
|
|
1100
1100
|
displayName: "Aria Checkbox",
|
|
1101
1101
|
importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
|
|
1102
1102
|
importName: "BaseCheckbox",
|
|
1103
|
-
variants: variants$
|
|
1103
|
+
variants: variants$e,
|
|
1104
1104
|
props: __spreadProps$l(__spreadValues$p({}, getCommonProps("checkbox", [
|
|
1105
1105
|
"name",
|
|
1106
1106
|
"isDisabled",
|
|
@@ -1388,7 +1388,7 @@ var __objRest$j = (source, exclude) => {
|
|
|
1388
1388
|
return target;
|
|
1389
1389
|
};
|
|
1390
1390
|
const CHECKBOX_GROUP_VARIANTS = ["disabled", "readonly"];
|
|
1391
|
-
const { variants: variants$
|
|
1391
|
+
const { variants: variants$d, withObservedValues: withObservedValues$a } = pickAriaComponentVariants(
|
|
1392
1392
|
CHECKBOX_GROUP_VARIANTS
|
|
1393
1393
|
);
|
|
1394
1394
|
function BaseCheckboxGroup(props) {
|
|
@@ -1404,7 +1404,7 @@ function BaseCheckboxGroup(props) {
|
|
|
1404
1404
|
const idManager = useIdManager(updateIds);
|
|
1405
1405
|
return (
|
|
1406
1406
|
// PlasmicCheckboxGroupContext is used by BaseCheckbox
|
|
1407
|
-
/* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$
|
|
1407
|
+
/* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$a(
|
|
1408
1408
|
children,
|
|
1409
1409
|
{
|
|
1410
1410
|
disabled: isDisabled,
|
|
@@ -1424,7 +1424,7 @@ function registerCheckboxGroup(loader, overrides) {
|
|
|
1424
1424
|
displayName: "Aria Checkbox Group",
|
|
1425
1425
|
importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
|
|
1426
1426
|
importName: "BaseCheckboxGroup",
|
|
1427
|
-
variants: variants$
|
|
1427
|
+
variants: variants$d,
|
|
1428
1428
|
props: __spreadProps$h(__spreadValues$l({}, getCommonProps("checkbox group", [
|
|
1429
1429
|
"name",
|
|
1430
1430
|
"isDisabled",
|
|
@@ -1577,7 +1577,7 @@ const INPUT_VARIANTS = [
|
|
|
1577
1577
|
"hovered",
|
|
1578
1578
|
"disabled"
|
|
1579
1579
|
];
|
|
1580
|
-
const { variants: variants$
|
|
1580
|
+
const { variants: variants$c } = pickAriaComponentVariants(INPUT_VARIANTS);
|
|
1581
1581
|
const inputHelpers$1 = {
|
|
1582
1582
|
states: {
|
|
1583
1583
|
value: {
|
|
@@ -1662,7 +1662,7 @@ function registerInput(loader, overrides) {
|
|
|
1662
1662
|
displayName: "Aria Input",
|
|
1663
1663
|
importPath: "@plasmicpkgs/react-aria/skinny/registerInput",
|
|
1664
1664
|
importName: "BaseInput",
|
|
1665
|
-
variants: variants$
|
|
1665
|
+
variants: variants$c,
|
|
1666
1666
|
defaultStyles: {
|
|
1667
1667
|
width: "300px",
|
|
1668
1668
|
borderWidth: "1px",
|
|
@@ -1757,7 +1757,7 @@ const LIST_BOX_ITEM_VARIANTS = [
|
|
|
1757
1757
|
"selected",
|
|
1758
1758
|
"disabled"
|
|
1759
1759
|
];
|
|
1760
|
-
const { variants: variants$
|
|
1760
|
+
const { variants: variants$b, withObservedValues: withObservedValues$9 } = pickAriaComponentVariants(
|
|
1761
1761
|
LIST_BOX_ITEM_VARIANTS
|
|
1762
1762
|
);
|
|
1763
1763
|
function BaseListBoxItem(props) {
|
|
@@ -1786,7 +1786,7 @@ function BaseListBoxItem(props) {
|
|
|
1786
1786
|
isFocusVisible,
|
|
1787
1787
|
isSelected,
|
|
1788
1788
|
isDisabled
|
|
1789
|
-
}) => withObservedValues$
|
|
1789
|
+
}) => withObservedValues$9(
|
|
1790
1790
|
children,
|
|
1791
1791
|
{
|
|
1792
1792
|
hovered: isHovered,
|
|
@@ -1850,7 +1850,7 @@ function registerListBoxItem(loader, overrides) {
|
|
|
1850
1850
|
displayName: "Aria ListBoxItem",
|
|
1851
1851
|
importPath: "@plasmicpkgs/react-aria/skinny/registerListBoxItem",
|
|
1852
1852
|
importName: "BaseListBoxItem",
|
|
1853
|
-
variants: variants$
|
|
1853
|
+
variants: variants$b,
|
|
1854
1854
|
props: {
|
|
1855
1855
|
id: {
|
|
1856
1856
|
type: "string",
|
|
@@ -1991,7 +1991,7 @@ var __objRest$f = (source, exclude) => {
|
|
|
1991
1991
|
return target;
|
|
1992
1992
|
};
|
|
1993
1993
|
const LISTBOX_VARIANTS = ["focused", "focusVisible"];
|
|
1994
|
-
const { variants: variants$
|
|
1994
|
+
const { variants: variants$a } = pickAriaComponentVariants(LISTBOX_VARIANTS);
|
|
1995
1995
|
const listboxHelpers = {
|
|
1996
1996
|
states: {
|
|
1997
1997
|
selectedValue: {
|
|
@@ -2128,7 +2128,7 @@ function registerListBox(loader, overrides) {
|
|
|
2128
2128
|
displayName: "Aria ListBox",
|
|
2129
2129
|
importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
|
|
2130
2130
|
importName: "BaseListBox",
|
|
2131
|
-
variants: variants$
|
|
2131
|
+
variants: variants$a,
|
|
2132
2132
|
defaultStyles: {
|
|
2133
2133
|
width: "250px",
|
|
2134
2134
|
borderWidth: "1px",
|
|
@@ -2260,22 +2260,13 @@ var __objRest$e = (source, exclude) => {
|
|
|
2260
2260
|
}
|
|
2261
2261
|
return target;
|
|
2262
2262
|
};
|
|
2263
|
-
const POPOVER_VARIANTS = [
|
|
2264
|
-
"placementTop",
|
|
2265
|
-
"placementBottom",
|
|
2266
|
-
"placementLeft",
|
|
2267
|
-
"placementRight"
|
|
2268
|
-
];
|
|
2269
|
-
const { variants: variants$b, withObservedValues: withObservedValues$a } = pickAriaComponentVariants(POPOVER_VARIANTS);
|
|
2270
2263
|
function BasePopover(props) {
|
|
2271
2264
|
const _a = props, {
|
|
2272
2265
|
resetClassName,
|
|
2273
|
-
plasmicUpdateVariant,
|
|
2274
2266
|
setControlContextData,
|
|
2275
2267
|
matchTriggerWidth
|
|
2276
2268
|
} = _a, restProps = __objRest$e(_a, [
|
|
2277
2269
|
"resetClassName",
|
|
2278
|
-
"plasmicUpdateVariant",
|
|
2279
2270
|
"setControlContextData",
|
|
2280
2271
|
"matchTriggerWidth"
|
|
2281
2272
|
]);
|
|
@@ -2311,16 +2302,7 @@ function BasePopover(props) {
|
|
|
2311
2302
|
__spreadValues$g({
|
|
2312
2303
|
style: __spreadValues$g(__spreadValues$g({}, matchTriggerWidthProp ? { width: `var(--trigger-width)` } : {}), COMMON_STYLES)
|
|
2313
2304
|
}, mergedProps),
|
|
2314
|
-
|
|
2315
|
-
children,
|
|
2316
|
-
{
|
|
2317
|
-
placementTop: placement === "top",
|
|
2318
|
-
placementBottom: placement === "bottom",
|
|
2319
|
-
placementLeft: placement === "left",
|
|
2320
|
-
placementRight: placement === "right"
|
|
2321
|
-
},
|
|
2322
|
-
plasmicUpdateVariant
|
|
2323
|
-
)
|
|
2305
|
+
children
|
|
2324
2306
|
));
|
|
2325
2307
|
}
|
|
2326
2308
|
const POPOVER_COMPONENT_NAME = makeComponentName("popover");
|
|
@@ -2333,7 +2315,6 @@ function registerPopover(loader, overrides) {
|
|
|
2333
2315
|
displayName: "Aria Popover",
|
|
2334
2316
|
importPath: "@plasmicpkgs/react-aria/skinny/registerPopover",
|
|
2335
2317
|
importName: "BasePopover",
|
|
2336
|
-
variants: variants$b,
|
|
2337
2318
|
defaultStyles: {
|
|
2338
2319
|
borderWidth: "1px",
|
|
2339
2320
|
borderStyle: "solid",
|
|
@@ -3088,7 +3069,7 @@ const OVERLAY_ARROW_VARIANTS = [
|
|
|
3088
3069
|
"placementLeft",
|
|
3089
3070
|
"placementRight"
|
|
3090
3071
|
];
|
|
3091
|
-
const { variants: variants$
|
|
3072
|
+
const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickAriaComponentVariants(
|
|
3092
3073
|
OVERLAY_ARROW_VARIANTS
|
|
3093
3074
|
);
|
|
3094
3075
|
function BaseOverlayArrow({
|
|
@@ -3105,7 +3086,7 @@ function BaseOverlayArrow({
|
|
|
3105
3086
|
className,
|
|
3106
3087
|
style: __spreadValues$b({ lineHeight: "0" }, COMMON_STYLES)
|
|
3107
3088
|
},
|
|
3108
|
-
({ placement }) => withObservedValues$
|
|
3089
|
+
({ placement }) => withObservedValues$8(
|
|
3109
3090
|
children,
|
|
3110
3091
|
{
|
|
3111
3092
|
placementTop: placement === "top",
|
|
@@ -3131,7 +3112,7 @@ function registerOverlayArrow(loader, overrides) {
|
|
|
3131
3112
|
importPath: "@plasmicpkgs/react-aria/skinny/registerOverlayArrow",
|
|
3132
3113
|
importName: "BaseOverlayArrow",
|
|
3133
3114
|
styleSections: false,
|
|
3134
|
-
variants: variants$
|
|
3115
|
+
variants: variants$9,
|
|
3135
3116
|
props: {
|
|
3136
3117
|
children: {
|
|
3137
3118
|
type: "slot",
|
|
@@ -3184,7 +3165,7 @@ const RADIO_VARIANTS = [
|
|
|
3184
3165
|
"readonly",
|
|
3185
3166
|
"selected"
|
|
3186
3167
|
];
|
|
3187
|
-
const { variants: variants$
|
|
3168
|
+
const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_VARIANTS);
|
|
3188
3169
|
function BaseRadio(props) {
|
|
3189
3170
|
const _a = props, {
|
|
3190
3171
|
children,
|
|
@@ -3222,7 +3203,7 @@ function BaseRadio(props) {
|
|
|
3222
3203
|
isSelected,
|
|
3223
3204
|
isDisabled,
|
|
3224
3205
|
isReadOnly
|
|
3225
|
-
}) => withObservedValues$
|
|
3206
|
+
}) => withObservedValues$7(
|
|
3226
3207
|
children,
|
|
3227
3208
|
{
|
|
3228
3209
|
hovered: isHovered,
|
|
@@ -3282,7 +3263,7 @@ function registerRadio(loader, overrides) {
|
|
|
3282
3263
|
displayName: "Aria Radio",
|
|
3283
3264
|
importPath: "@plasmicpkgs/react-aria/skinny/registerRadio",
|
|
3284
3265
|
importName: "BaseRadio",
|
|
3285
|
-
variants: variants$
|
|
3266
|
+
variants: variants$8,
|
|
3286
3267
|
props: __spreadProps$9(__spreadValues$a({}, getCommonProps("radio", [
|
|
3287
3268
|
"isDisabled",
|
|
3288
3269
|
"autoFocus",
|
|
@@ -3342,7 +3323,7 @@ var __objRest$8 = (source, exclude) => {
|
|
|
3342
3323
|
return target;
|
|
3343
3324
|
};
|
|
3344
3325
|
const RADIO_GROUP_VARIANTS = ["disabled", "readonly"];
|
|
3345
|
-
const { variants: variants$
|
|
3326
|
+
const { variants: variants$7, withObservedValues: withObservedValues$6 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
|
|
3346
3327
|
function BaseRadioGroup(props) {
|
|
3347
3328
|
const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$8(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
|
|
3348
3329
|
const updateIds = useCallback(
|
|
@@ -3356,7 +3337,7 @@ function BaseRadioGroup(props) {
|
|
|
3356
3337
|
const idManager = useIdManager(updateIds);
|
|
3357
3338
|
return (
|
|
3358
3339
|
// PlasmicRadioGroupContext is used by BaseRadio
|
|
3359
|
-
/* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$
|
|
3340
|
+
/* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$6(
|
|
3360
3341
|
children,
|
|
3361
3342
|
{
|
|
3362
3343
|
disabled: isDisabled,
|
|
@@ -3381,7 +3362,7 @@ function registerRadioGroup(loader, overrides) {
|
|
|
3381
3362
|
displayName: "Aria RadioGroup",
|
|
3382
3363
|
importPath: "@plasmicpkgs/react-aria/skinny/registerRadioGroup",
|
|
3383
3364
|
importName: "BaseRadioGroup",
|
|
3384
|
-
variants: variants$
|
|
3365
|
+
variants: variants$7,
|
|
3385
3366
|
props: __spreadProps$8(__spreadValues$9({}, getCommonProps("radio group", [
|
|
3386
3367
|
"name",
|
|
3387
3368
|
"isDisabled",
|
|
@@ -3803,12 +3784,12 @@ var __objRest$7 = (source, exclude) => {
|
|
|
3803
3784
|
return target;
|
|
3804
3785
|
};
|
|
3805
3786
|
const SLIDER_OUTPUT_VARIANTS = ["disabled"];
|
|
3806
|
-
const { variants: variants$
|
|
3787
|
+
const { variants: variants$6, withObservedValues: withObservedValues$5 } = pickAriaComponentVariants(
|
|
3807
3788
|
SLIDER_OUTPUT_VARIANTS
|
|
3808
3789
|
);
|
|
3809
3790
|
function BaseSliderOutput(props) {
|
|
3810
3791
|
const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$7(_a, ["plasmicUpdateVariant", "children"]);
|
|
3811
|
-
return /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$
|
|
3792
|
+
return /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
|
|
3812
3793
|
children,
|
|
3813
3794
|
{
|
|
3814
3795
|
disabled: isDisabled
|
|
@@ -3826,7 +3807,7 @@ function registerSliderOutput(loader, overrides) {
|
|
|
3826
3807
|
displayName: "Aria Slider Output",
|
|
3827
3808
|
importPath: "@plasmicpkgs/react-aria/skinny/registerSliderOutput",
|
|
3828
3809
|
importName: "BaseSliderOutput",
|
|
3829
|
-
variants: variants$
|
|
3810
|
+
variants: variants$6,
|
|
3830
3811
|
props: {
|
|
3831
3812
|
children: {
|
|
3832
3813
|
mergeWithParent: true,
|
|
@@ -3893,7 +3874,7 @@ const SLIDER_THUMB_VARIANTS = [
|
|
|
3893
3874
|
"focusVisible",
|
|
3894
3875
|
"disabled"
|
|
3895
3876
|
];
|
|
3896
|
-
const { variants: variants$
|
|
3877
|
+
const { variants: variants$5, withObservedValues: withObservedValues$4 } = pickAriaComponentVariants(
|
|
3897
3878
|
SLIDER_THUMB_VARIANTS
|
|
3898
3879
|
);
|
|
3899
3880
|
function BaseSliderThumb(_a) {
|
|
@@ -3906,7 +3887,7 @@ function BaseSliderThumb(_a) {
|
|
|
3906
3887
|
"advanced",
|
|
3907
3888
|
"plasmicUpdateVariant"
|
|
3908
3889
|
]);
|
|
3909
|
-
const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$
|
|
3890
|
+
const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$4(
|
|
3910
3891
|
/* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
|
|
3911
3892
|
{
|
|
3912
3893
|
dragging: isDragging,
|
|
@@ -3944,7 +3925,7 @@ function registerSliderThumb(loader, overrides) {
|
|
|
3944
3925
|
borderRadius: "100%",
|
|
3945
3926
|
cursor: "pointer"
|
|
3946
3927
|
},
|
|
3947
|
-
variants: variants$
|
|
3928
|
+
variants: variants$5,
|
|
3948
3929
|
props: __spreadProps$5(__spreadValues$6({}, getCommonProps("slider thumb", [
|
|
3949
3930
|
"name",
|
|
3950
3931
|
"isDisabled",
|
|
@@ -3996,7 +3977,7 @@ var __objRest$5 = (source, exclude) => {
|
|
|
3996
3977
|
return target;
|
|
3997
3978
|
};
|
|
3998
3979
|
const SLIDER_TRACK_VARIANTS = ["hovered"];
|
|
3999
|
-
const { variants: variants$
|
|
3980
|
+
const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(
|
|
4000
3981
|
SLIDER_TRACK_VARIANTS
|
|
4001
3982
|
);
|
|
4002
3983
|
function isMultiValueGuard(value) {
|
|
@@ -4040,7 +4021,7 @@ function BaseSliderTrack(props) {
|
|
|
4040
4021
|
});
|
|
4041
4022
|
});
|
|
4042
4023
|
}, [children, value]);
|
|
4043
|
-
const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$
|
|
4024
|
+
const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$3(
|
|
4044
4025
|
/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
4045
4026
|
"div",
|
|
4046
4027
|
{
|
|
@@ -4074,7 +4055,7 @@ function registerSliderTrack(sliderThumbMeta, loader, overrides) {
|
|
|
4074
4055
|
displayName: "Aria Slider Track",
|
|
4075
4056
|
importPath: "@plasmicpkgs/react-aria/skinny/registerSliderTrack",
|
|
4076
4057
|
importName: "BaseSliderTrack",
|
|
4077
|
-
variants: variants$
|
|
4058
|
+
variants: variants$4,
|
|
4078
4059
|
defaultStyles: {
|
|
4079
4060
|
width: "stretch",
|
|
4080
4061
|
backgroundColor: "#aaa",
|
|
@@ -4169,7 +4150,7 @@ var __objRest$4 = (source, exclude) => {
|
|
|
4169
4150
|
const SLIDER_COMPONENT_NAME = makeComponentName("slider");
|
|
4170
4151
|
const RANGE_SLIDER_COMPONENT_NAME = makeComponentName("range-slider");
|
|
4171
4152
|
const SLIDER_VARIANTS = ["disabled"];
|
|
4172
|
-
const { variants: variants$
|
|
4153
|
+
const { variants: variants$3, withObservedValues: withObservedValues$2 } = pickAriaComponentVariants(SLIDER_VARIANTS);
|
|
4173
4154
|
function BaseSlider(props) {
|
|
4174
4155
|
const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
|
|
4175
4156
|
return (
|
|
@@ -4183,7 +4164,7 @@ function BaseSlider(props) {
|
|
|
4183
4164
|
onChangeEnd: rest.onChangeEnd
|
|
4184
4165
|
})
|
|
4185
4166
|
},
|
|
4186
|
-
/* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$
|
|
4167
|
+
/* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$2(
|
|
4187
4168
|
children,
|
|
4188
4169
|
{
|
|
4189
4170
|
disabled: isDisabled
|
|
@@ -4236,7 +4217,7 @@ function registerSlider(loader, overrides) {
|
|
|
4236
4217
|
displayName: "Aria Range Slider",
|
|
4237
4218
|
importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
|
|
4238
4219
|
importName: "BaseSlider",
|
|
4239
|
-
variants: variants$
|
|
4220
|
+
variants: variants$3,
|
|
4240
4221
|
defaultStyles: {
|
|
4241
4222
|
width: "300px"
|
|
4242
4223
|
},
|
|
@@ -4348,7 +4329,7 @@ function registerSlider(loader, overrides) {
|
|
|
4348
4329
|
displayName: "Aria Slider",
|
|
4349
4330
|
importPath: "@plasmicpkgs/react-aria/skinny/registerSlider",
|
|
4350
4331
|
importName: "BaseSlider",
|
|
4351
|
-
variants: variants$
|
|
4332
|
+
variants: variants$3,
|
|
4352
4333
|
defaultStyles: {
|
|
4353
4334
|
width: "300px"
|
|
4354
4335
|
},
|
|
@@ -4467,7 +4448,7 @@ const SWITCH_VARIANTS = [
|
|
|
4467
4448
|
"disabled",
|
|
4468
4449
|
"readonly"
|
|
4469
4450
|
];
|
|
4470
|
-
const { variants: variants$
|
|
4451
|
+
const { variants: variants$2, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(SWITCH_VARIANTS);
|
|
4471
4452
|
function BaseSwitch(props) {
|
|
4472
4453
|
const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$3(_a, ["children", "plasmicUpdateVariant"]);
|
|
4473
4454
|
return /* @__PURE__ */ React.createElement(Switch, __spreadProps$3(__spreadValues$3({}, rest), { style: COMMON_STYLES }), ({
|
|
@@ -4478,7 +4459,7 @@ function BaseSwitch(props) {
|
|
|
4478
4459
|
isSelected,
|
|
4479
4460
|
isDisabled,
|
|
4480
4461
|
isReadOnly
|
|
4481
|
-
}) => withObservedValues$
|
|
4462
|
+
}) => withObservedValues$1(
|
|
4482
4463
|
children,
|
|
4483
4464
|
{
|
|
4484
4465
|
hovered: isHovered,
|
|
@@ -4501,7 +4482,7 @@ function registerSwitch(loader, overrides) {
|
|
|
4501
4482
|
displayName: "Aria Switch",
|
|
4502
4483
|
importPath: "@plasmicpkgs/react-aria/skinny/registerSwitch",
|
|
4503
4484
|
importName: "BaseSwitch",
|
|
4504
|
-
variants: variants$
|
|
4485
|
+
variants: variants$2,
|
|
4505
4486
|
defaultStyles: {
|
|
4506
4487
|
display: "flex",
|
|
4507
4488
|
flexDirection: "column",
|
|
@@ -4656,7 +4637,7 @@ const TEXTAREA_VARIANTS = [
|
|
|
4656
4637
|
"hovered",
|
|
4657
4638
|
"disabled"
|
|
4658
4639
|
];
|
|
4659
|
-
const { variants: variants$
|
|
4640
|
+
const { variants: variants$1 } = pickAriaComponentVariants(TEXTAREA_VARIANTS);
|
|
4660
4641
|
const inputHelpers = {
|
|
4661
4642
|
states: {
|
|
4662
4643
|
value: {
|
|
@@ -4736,7 +4717,7 @@ function registerTextArea(loader, overrides) {
|
|
|
4736
4717
|
displayName: "Aria TextArea",
|
|
4737
4718
|
importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
|
|
4738
4719
|
importName: "BaseTextArea",
|
|
4739
|
-
variants: variants$
|
|
4720
|
+
variants: variants$1,
|
|
4740
4721
|
props: __spreadValues$2({}, getCommonProps("Text Area", [
|
|
4741
4722
|
"name",
|
|
4742
4723
|
"disabled",
|
|
@@ -4814,7 +4795,7 @@ var __objRest$1 = (source, exclude) => {
|
|
|
4814
4795
|
return target;
|
|
4815
4796
|
};
|
|
4816
4797
|
const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
|
|
4817
|
-
const { variants
|
|
4798
|
+
const { variants, withObservedValues } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
|
|
4818
4799
|
function BaseTextField(props) {
|
|
4819
4800
|
const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
|
|
4820
4801
|
const contextValue = React.useMemo(() => {
|
|
@@ -4834,7 +4815,7 @@ function BaseTextField(props) {
|
|
|
4834
4815
|
}, rest), {
|
|
4835
4816
|
style: COMMON_STYLES
|
|
4836
4817
|
}),
|
|
4837
|
-
({ isDisabled, isReadOnly }) => withObservedValues
|
|
4818
|
+
({ isDisabled, isReadOnly }) => withObservedValues(
|
|
4838
4819
|
children,
|
|
4839
4820
|
{
|
|
4840
4821
|
disabled: isDisabled,
|
|
@@ -4855,7 +4836,7 @@ function registerTextField(loader, overrides) {
|
|
|
4855
4836
|
displayName: "Aria TextField",
|
|
4856
4837
|
importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
|
|
4857
4838
|
importName: "BaseTextField",
|
|
4858
|
-
variants
|
|
4839
|
+
variants,
|
|
4859
4840
|
// TODO: Support for validate prop
|
|
4860
4841
|
props: __spreadProps$1(__spreadValues$1({}, getCommonProps("Text Field", [
|
|
4861
4842
|
"name",
|
|
@@ -4989,13 +4970,6 @@ var __objRest = (source, exclude) => {
|
|
|
4989
4970
|
}
|
|
4990
4971
|
return target;
|
|
4991
4972
|
};
|
|
4992
|
-
const TOOLTIP_VARIANTS = [
|
|
4993
|
-
"placementTop",
|
|
4994
|
-
"placementBottom",
|
|
4995
|
-
"placementLeft",
|
|
4996
|
-
"placementRight"
|
|
4997
|
-
];
|
|
4998
|
-
const { variants, withObservedValues } = pickAriaComponentVariants(TOOLTIP_VARIANTS);
|
|
4999
4973
|
function BaseTooltip(props) {
|
|
5000
4974
|
if (props.isOpen !== void 0) {
|
|
5001
4975
|
return /* @__PURE__ */ React.createElement(ControlledBaseTooltip, __spreadValues({}, props));
|
|
@@ -5039,7 +5013,6 @@ function ControlledBaseTooltip(props) {
|
|
|
5039
5013
|
className,
|
|
5040
5014
|
onOpenChange = () => {
|
|
5041
5015
|
},
|
|
5042
|
-
plasmicUpdateVariant,
|
|
5043
5016
|
__plasmic_selection_prop__
|
|
5044
5017
|
} = props;
|
|
5045
5018
|
const isCanvasAwareOpen = useIsOpen({
|
|
@@ -5080,16 +5053,7 @@ function ControlledBaseTooltip(props) {
|
|
|
5080
5053
|
onOpenChange,
|
|
5081
5054
|
placement
|
|
5082
5055
|
},
|
|
5083
|
-
|
|
5084
|
-
/* @__PURE__ */ React.createElement(React.Fragment, null, tooltipContent),
|
|
5085
|
-
{
|
|
5086
|
-
placementTop: _placement === "top",
|
|
5087
|
-
placementBottom: _placement === "bottom",
|
|
5088
|
-
placementLeft: _placement === "left",
|
|
5089
|
-
placementRight: _placement === "right"
|
|
5090
|
-
},
|
|
5091
|
-
plasmicUpdateVariant
|
|
5092
|
-
)
|
|
5056
|
+
tooltipContent
|
|
5093
5057
|
))
|
|
5094
5058
|
);
|
|
5095
5059
|
}
|
|
@@ -5136,7 +5100,6 @@ function registerTooltip(loader, overrides) {
|
|
|
5136
5100
|
importPath: "@plasmicpkgs/react-aria/skinny/registerTooltip",
|
|
5137
5101
|
importName: "BaseTooltip",
|
|
5138
5102
|
isAttachment: true,
|
|
5139
|
-
variants,
|
|
5140
5103
|
props: __spreadProps(__spreadValues({
|
|
5141
5104
|
children: {
|
|
5142
5105
|
type: "slot",
|