@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.
Files changed (40) hide show
  1. package/dist/.tsbuildinfo +1 -1
  2. package/dist/react-aria.esm.js +116 -84
  3. package/dist/react-aria.esm.js.map +1 -1
  4. package/dist/react-aria.js +115 -83
  5. package/dist/react-aria.js.map +1 -1
  6. package/package.json +2 -2
  7. package/skinny/registerCheckboxGroup.cjs.js +11 -8
  8. package/skinny/registerCheckboxGroup.cjs.js.map +1 -1
  9. package/skinny/registerCheckboxGroup.esm.js +11 -8
  10. package/skinny/registerCheckboxGroup.esm.js.map +1 -1
  11. package/skinny/registerComboBox.cjs.js.map +1 -1
  12. package/skinny/registerComboBox.esm.js.map +1 -1
  13. package/skinny/registerDialogTrigger.cjs.js +17 -2
  14. package/skinny/registerDialogTrigger.cjs.js.map +1 -1
  15. package/skinny/registerDialogTrigger.esm.js +17 -2
  16. package/skinny/registerDialogTrigger.esm.js.map +1 -1
  17. package/skinny/registerOverlayArrow.cjs.js +1 -1
  18. package/skinny/registerOverlayArrow.cjs.js.map +1 -1
  19. package/skinny/registerOverlayArrow.esm.js +2 -2
  20. package/skinny/registerOverlayArrow.esm.js.map +1 -1
  21. package/skinny/registerPopover.cjs.js.map +1 -1
  22. package/skinny/registerPopover.esm.js.map +1 -1
  23. package/skinny/registerRadioGroup.cjs.js +11 -8
  24. package/skinny/registerRadioGroup.cjs.js.map +1 -1
  25. package/skinny/registerRadioGroup.esm.js +11 -8
  26. package/skinny/registerRadioGroup.esm.js.map +1 -1
  27. package/skinny/registerSelect.cjs.js.map +1 -1
  28. package/skinny/registerSelect.esm.js.map +1 -1
  29. package/skinny/registerSlider.cjs.js +17 -14
  30. package/skinny/registerSlider.cjs.js.map +1 -1
  31. package/skinny/registerSlider.esm.js +17 -14
  32. package/skinny/registerSlider.esm.js.map +1 -1
  33. package/skinny/registerTextField.cjs.js +21 -16
  34. package/skinny/registerTextField.cjs.js.map +1 -1
  35. package/skinny/registerTextField.esm.js +21 -16
  36. package/skinny/registerTextField.esm.js.map +1 -1
  37. package/skinny/registerTooltip.cjs.js +37 -34
  38. package/skinny/registerTooltip.cjs.js.map +1 -1
  39. package/skinny/registerTooltip.esm.js +37 -34
  40. package/skinny/registerTooltip.esm.js.map +1 -1
@@ -1386,14 +1386,17 @@ function BaseCheckboxGroup(props) {
1386
1386
  setIds(_ids);
1387
1387
  });
1388
1388
  }, [idManager]);
1389
- return /* @__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(
1390
- children,
1391
- {
1392
- disabled: isDisabled,
1393
- readonly: isReadOnly
1394
- },
1395
- plasmicUpdateVariant
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, { trigger, dialog, isOpen, className, __plasmic_selection_prop__ } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className", "__plasmic_selection_prop__"]);
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 /* @__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));
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.TooltipContext);
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 /* @__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(
3381
- children,
3382
- {
3383
- disabled: isDisabled,
3384
- readonly: isReadOnly
3385
- },
3386
- plasmicUpdateVariant
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 /* @__PURE__ */ React__default.default.createElement(
4195
- PlasmicSliderContext.Provider,
4196
- {
4197
- value: __spreadProps$4(__spreadValues$4({}, rest), {
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
- disabled: isDisabled
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
- plasmicUpdateVariant
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 /* @__PURE__ */ React__default.default.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(
4834
- reactAriaComponents.TextField,
4835
- __spreadProps$1(__spreadValues$1({
4836
- autoComplete: resolveAutoComplete(autoComplete)
4837
- }, rest), {
4838
- style: COMMON_STYLES
4839
- }),
4840
- ({ isDisabled, isReadOnly }) => withObservedValues$1(
4841
- children,
4842
- {
4843
- disabled: isDisabled,
4844
- readonly: isReadOnly
4845
- },
4846
- plasmicUpdateVariant
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 /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Provider, { values: [[reactAriaComponents.TooltipTriggerStateContext, state]] }, /* @__PURE__ */ React__default.default.createElement(
5059
- TriggerWrapper,
5060
- {
5061
- ref,
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
- placementTop: _placement === "top",
5087
- placementBottom: _placement === "bottom",
5088
- placementLeft: _placement === "left",
5089
- placementRight: _placement === "right"
5092
+ ref,
5093
+ className,
5094
+ tooltipId: state.isOpen ? tooltipId : void 0,
5095
+ isDisabled,
5096
+ onOpenChange,
5097
+ triggerOnFocusOnly: trigger === "focus"
5090
5098
  },
5091
- plasmicUpdateVariant
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_({