@plasmicpkgs/react-aria 0.0.117 → 0.0.118
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 +116 -84
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +115 -83
- package/dist/react-aria.js.map +1 -1
- package/package.json +2 -2
- package/skinny/registerCheckboxGroup.cjs.js +11 -8
- package/skinny/registerCheckboxGroup.cjs.js.map +1 -1
- package/skinny/registerCheckboxGroup.esm.js +11 -8
- package/skinny/registerCheckboxGroup.esm.js.map +1 -1
- package/skinny/registerComboBox.cjs.js.map +1 -1
- package/skinny/registerComboBox.esm.js.map +1 -1
- package/skinny/registerDialogTrigger.cjs.js +17 -2
- package/skinny/registerDialogTrigger.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.esm.js +17 -2
- package/skinny/registerDialogTrigger.esm.js.map +1 -1
- package/skinny/registerOverlayArrow.cjs.js +1 -1
- package/skinny/registerOverlayArrow.cjs.js.map +1 -1
- package/skinny/registerOverlayArrow.esm.js +2 -2
- package/skinny/registerOverlayArrow.esm.js.map +1 -1
- package/skinny/registerPopover.cjs.js.map +1 -1
- package/skinny/registerPopover.esm.js.map +1 -1
- package/skinny/registerRadioGroup.cjs.js +11 -8
- package/skinny/registerRadioGroup.cjs.js.map +1 -1
- package/skinny/registerRadioGroup.esm.js +11 -8
- package/skinny/registerRadioGroup.esm.js.map +1 -1
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerSlider.cjs.js +17 -14
- package/skinny/registerSlider.cjs.js.map +1 -1
- package/skinny/registerSlider.esm.js +17 -14
- package/skinny/registerSlider.esm.js.map +1 -1
- package/skinny/registerTextField.cjs.js +21 -16
- package/skinny/registerTextField.cjs.js.map +1 -1
- package/skinny/registerTextField.esm.js +21 -16
- package/skinny/registerTextField.esm.js.map +1 -1
- package/skinny/registerTooltip.cjs.js +37 -34
- package/skinny/registerTooltip.cjs.js.map +1 -1
- package/skinny/registerTooltip.esm.js +37 -34
- package/skinny/registerTooltip.esm.js.map +1 -1
package/dist/react-aria.js
CHANGED
|
@@ -1386,14 +1386,17 @@ function BaseCheckboxGroup(props) {
|
|
|
1386
1386
|
setIds(_ids);
|
|
1387
1387
|
});
|
|
1388
1388
|
}, [idManager]);
|
|
1389
|
-
return
|
|
1390
|
-
|
|
1391
|
-
{
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1389
|
+
return (
|
|
1390
|
+
// PlasmicCheckboxGroupContext is used by BaseCheckbox
|
|
1391
|
+
/* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$c(
|
|
1392
|
+
children,
|
|
1393
|
+
{
|
|
1394
|
+
disabled: isDisabled,
|
|
1395
|
+
readonly: isReadOnly
|
|
1396
|
+
},
|
|
1397
|
+
plasmicUpdateVariant
|
|
1398
|
+
)))
|
|
1399
|
+
);
|
|
1397
1400
|
}
|
|
1398
1401
|
const componentName = makeComponentName("checkboxGroup");
|
|
1399
1402
|
function registerCheckboxGroup(loader, overrides) {
|
|
@@ -2914,7 +2917,19 @@ function TriggerWrapper$1({ children, className }) {
|
|
|
2914
2917
|
return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues$d({}, mergedProps), children);
|
|
2915
2918
|
}
|
|
2916
2919
|
function BaseDialogTrigger(props) {
|
|
2917
|
-
const _a = props, {
|
|
2920
|
+
const _a = props, {
|
|
2921
|
+
trigger,
|
|
2922
|
+
dialog,
|
|
2923
|
+
isOpen,
|
|
2924
|
+
className,
|
|
2925
|
+
__plasmic_selection_prop__
|
|
2926
|
+
} = _a, rest = __objRest$b(_a, [
|
|
2927
|
+
"trigger",
|
|
2928
|
+
"dialog",
|
|
2929
|
+
"isOpen",
|
|
2930
|
+
"className",
|
|
2931
|
+
"__plasmic_selection_prop__"
|
|
2932
|
+
]);
|
|
2918
2933
|
const isOpen2 = useIsOpen({
|
|
2919
2934
|
triggerSlotName: "trigger",
|
|
2920
2935
|
isOpen,
|
|
@@ -2923,7 +2938,10 @@ function BaseDialogTrigger(props) {
|
|
|
2923
2938
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2924
2939
|
isOpen: isOpen2
|
|
2925
2940
|
});
|
|
2926
|
-
return
|
|
2941
|
+
return (
|
|
2942
|
+
// PlasmicDialogTriggerContext is used by BaseModal
|
|
2943
|
+
/* @__PURE__ */ React__default.default.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues$d({}, mergedProps), trigger && /* @__PURE__ */ React__default.default.createElement(TriggerWrapper$1, { className }, trigger), dialog))
|
|
2944
|
+
);
|
|
2927
2945
|
}
|
|
2928
2946
|
function registerDialogTrigger(loader, overrides) {
|
|
2929
2947
|
registerComponentHelper(
|
|
@@ -3095,7 +3113,7 @@ function BaseOverlayArrow({
|
|
|
3095
3113
|
className
|
|
3096
3114
|
}) {
|
|
3097
3115
|
const popoverContext = React__default.default.useContext(reactAriaComponents.PopoverContext);
|
|
3098
|
-
const tooltipContext = React__default.default.useContext(reactAriaComponents.
|
|
3116
|
+
const tooltipContext = React__default.default.useContext(reactAriaComponents.TooltipTriggerStateContext);
|
|
3099
3117
|
const isStandalone = !popoverContext && !tooltipContext;
|
|
3100
3118
|
const overlayArrow = /* @__PURE__ */ React__default.default.createElement(
|
|
3101
3119
|
reactAriaComponents.OverlayArrow,
|
|
@@ -3377,14 +3395,17 @@ function BaseRadioGroup(props) {
|
|
|
3377
3395
|
setIds(_ids);
|
|
3378
3396
|
});
|
|
3379
3397
|
}, [idManager]);
|
|
3380
|
-
return
|
|
3381
|
-
|
|
3382
|
-
{
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3386
|
-
|
|
3387
|
-
|
|
3398
|
+
return (
|
|
3399
|
+
// PlasmicRadioGroupContext is used by BaseRadio
|
|
3400
|
+
/* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$7(
|
|
3401
|
+
children,
|
|
3402
|
+
{
|
|
3403
|
+
disabled: isDisabled,
|
|
3404
|
+
readonly: isReadOnly
|
|
3405
|
+
},
|
|
3406
|
+
plasmicUpdateVariant
|
|
3407
|
+
)))
|
|
3408
|
+
);
|
|
3388
3409
|
}
|
|
3389
3410
|
const RADIO_GROUP_COMPONENT_NAME = makeComponentName("radioGroup");
|
|
3390
3411
|
function registerRadioGroup(loader, overrides) {
|
|
@@ -4191,22 +4212,25 @@ const SLIDER_VARIANTS = ["disabled"];
|
|
|
4191
4212
|
const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(SLIDER_VARIANTS);
|
|
4192
4213
|
function BaseSlider(props) {
|
|
4193
4214
|
const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
|
|
4194
|
-
return
|
|
4195
|
-
PlasmicSliderContext
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
// Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
|
|
4199
|
-
onChange: rest.onChange,
|
|
4200
|
-
onChangeEnd: rest.onChangeEnd
|
|
4201
|
-
})
|
|
4202
|
-
},
|
|
4203
|
-
/* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
|
|
4204
|
-
children,
|
|
4215
|
+
return (
|
|
4216
|
+
// PlasmicSliderContext is used by BaseSliderTrack
|
|
4217
|
+
/* @__PURE__ */ React__default.default.createElement(
|
|
4218
|
+
PlasmicSliderContext.Provider,
|
|
4205
4219
|
{
|
|
4206
|
-
|
|
4220
|
+
value: __spreadProps$4(__spreadValues$4({}, rest), {
|
|
4221
|
+
// Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
|
|
4222
|
+
onChange: rest.onChange,
|
|
4223
|
+
onChangeEnd: rest.onChangeEnd
|
|
4224
|
+
})
|
|
4207
4225
|
},
|
|
4208
|
-
|
|
4209
|
-
|
|
4226
|
+
/* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
|
|
4227
|
+
children,
|
|
4228
|
+
{
|
|
4229
|
+
disabled: isDisabled
|
|
4230
|
+
},
|
|
4231
|
+
plasmicUpdateVariant
|
|
4232
|
+
))
|
|
4233
|
+
)
|
|
4210
4234
|
);
|
|
4211
4235
|
}
|
|
4212
4236
|
function getCommonSliderProps() {
|
|
@@ -4830,22 +4854,27 @@ const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
|
|
|
4830
4854
|
const { variants: variants$1, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
|
|
4831
4855
|
function BaseTextField(props) {
|
|
4832
4856
|
const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
|
|
4833
|
-
return
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4848
|
-
|
|
4857
|
+
return (
|
|
4858
|
+
// PlasmicTextFieldContext is used by
|
|
4859
|
+
// - BaseInput
|
|
4860
|
+
// - BaseTextArea
|
|
4861
|
+
/* @__PURE__ */ React__default.default.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(
|
|
4862
|
+
reactAriaComponents.TextField,
|
|
4863
|
+
__spreadProps$1(__spreadValues$1({
|
|
4864
|
+
autoComplete: resolveAutoComplete(autoComplete)
|
|
4865
|
+
}, rest), {
|
|
4866
|
+
style: COMMON_STYLES
|
|
4867
|
+
}),
|
|
4868
|
+
({ isDisabled, isReadOnly }) => withObservedValues$1(
|
|
4869
|
+
children,
|
|
4870
|
+
{
|
|
4871
|
+
disabled: isDisabled,
|
|
4872
|
+
readonly: isReadOnly
|
|
4873
|
+
},
|
|
4874
|
+
plasmicUpdateVariant
|
|
4875
|
+
)
|
|
4876
|
+
))
|
|
4877
|
+
);
|
|
4849
4878
|
}
|
|
4850
4879
|
const TEXT_FIELD_COMPONENT_NAME = makeComponentName("textField");
|
|
4851
4880
|
function registerTextField(loader, overrides) {
|
|
@@ -5055,42 +5084,45 @@ function ControlledBaseTooltip(props) {
|
|
|
5055
5084
|
isOpen: isCanvasAwareOpen,
|
|
5056
5085
|
trigger: trigger === "focus" ? trigger : void 0
|
|
5057
5086
|
}));
|
|
5058
|
-
return
|
|
5059
|
-
|
|
5060
|
-
{
|
|
5061
|
-
|
|
5062
|
-
className,
|
|
5063
|
-
tooltipId: state.isOpen ? tooltipId : void 0,
|
|
5064
|
-
isDisabled,
|
|
5065
|
-
onOpenChange,
|
|
5066
|
-
triggerOnFocusOnly: trigger === "focus"
|
|
5067
|
-
},
|
|
5068
|
-
children
|
|
5069
|
-
), /* @__PURE__ */ React__default.default.createElement(
|
|
5070
|
-
reactAriaComponents.Tooltip,
|
|
5071
|
-
{
|
|
5072
|
-
triggerRef: ref,
|
|
5073
|
-
id: tooltipId,
|
|
5074
|
-
offset,
|
|
5075
|
-
delay,
|
|
5076
|
-
closeDelay,
|
|
5077
|
-
crossOffset,
|
|
5078
|
-
shouldFlip,
|
|
5079
|
-
className: resetClassName,
|
|
5080
|
-
onOpenChange,
|
|
5081
|
-
placement
|
|
5082
|
-
},
|
|
5083
|
-
({ placement: _placement }) => withObservedValues(
|
|
5084
|
-
/* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tooltipContent),
|
|
5087
|
+
return (
|
|
5088
|
+
// TooltipTriggerStateContext used by BaseOverlayArrow
|
|
5089
|
+
/* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Provider, { values: [[reactAriaComponents.TooltipTriggerStateContext, state]] }, /* @__PURE__ */ React__default.default.createElement(
|
|
5090
|
+
TriggerWrapper,
|
|
5085
5091
|
{
|
|
5086
|
-
|
|
5087
|
-
|
|
5088
|
-
|
|
5089
|
-
|
|
5092
|
+
ref,
|
|
5093
|
+
className,
|
|
5094
|
+
tooltipId: state.isOpen ? tooltipId : void 0,
|
|
5095
|
+
isDisabled,
|
|
5096
|
+
onOpenChange,
|
|
5097
|
+
triggerOnFocusOnly: trigger === "focus"
|
|
5090
5098
|
},
|
|
5091
|
-
|
|
5092
|
-
)
|
|
5093
|
-
|
|
5099
|
+
children
|
|
5100
|
+
), /* @__PURE__ */ React__default.default.createElement(
|
|
5101
|
+
reactAriaComponents.Tooltip,
|
|
5102
|
+
{
|
|
5103
|
+
triggerRef: ref,
|
|
5104
|
+
id: tooltipId,
|
|
5105
|
+
offset,
|
|
5106
|
+
delay,
|
|
5107
|
+
closeDelay,
|
|
5108
|
+
crossOffset,
|
|
5109
|
+
shouldFlip,
|
|
5110
|
+
className: resetClassName,
|
|
5111
|
+
onOpenChange,
|
|
5112
|
+
placement
|
|
5113
|
+
},
|
|
5114
|
+
({ placement: _placement }) => withObservedValues(
|
|
5115
|
+
/* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tooltipContent),
|
|
5116
|
+
{
|
|
5117
|
+
placementTop: _placement === "top",
|
|
5118
|
+
placementBottom: _placement === "bottom",
|
|
5119
|
+
placementLeft: _placement === "left",
|
|
5120
|
+
placementRight: _placement === "right"
|
|
5121
|
+
},
|
|
5122
|
+
plasmicUpdateVariant
|
|
5123
|
+
)
|
|
5124
|
+
))
|
|
5125
|
+
);
|
|
5094
5126
|
}
|
|
5095
5127
|
const TriggerWrapper = React__default.default.forwardRef(
|
|
5096
5128
|
function TriggerWrapper_({
|