@plasmicpkgs/react-aria 0.0.109 → 0.0.110
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 +13 -9
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +13 -9
- package/dist/react-aria.js.map +1 -1
- package/package.json +2 -2
- package/skinny/registerDialogTrigger.cjs.js +2 -2
- package/skinny/registerDialogTrigger.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.esm.js +2 -2
- package/skinny/registerDialogTrigger.esm.js.map +1 -1
- package/skinny/registerDialogTrigger.stories.cjs.js +2 -19
- package/skinny/registerDialogTrigger.stories.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.stories.esm.js +2 -19
- package/skinny/registerDialogTrigger.stories.esm.js.map +1 -1
- package/skinny/registerModal.cjs.js +1 -1
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.esm.js +1 -1
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerSelect.cjs.js +2 -0
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.esm.js +2 -0
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerSelect.stories.cjs.js +39 -0
- package/skinny/registerSelect.stories.cjs.js.map +1 -1
- package/skinny/registerSelect.stories.esm.js +38 -1
- package/skinny/registerSelect.stories.esm.js.map +1 -1
- package/skinny/registerSlider.stories.cjs.js +16 -35
- package/skinny/registerSlider.stories.cjs.js.map +1 -1
- package/skinny/registerSlider.stories.esm.js +17 -37
- package/skinny/registerSlider.stories.esm.js.map +1 -1
- package/skinny/registerSliderTrack.cjs.js +6 -4
- package/skinny/registerSliderTrack.cjs.js.map +1 -1
- package/skinny/registerSliderTrack.esm.js +7 -5
- package/skinny/registerSliderTrack.esm.js.map +1 -1
- package/skinny/registerTooltip.cjs.js +2 -2
- package/skinny/registerTooltip.cjs.js.map +1 -1
- package/skinny/registerTooltip.esm.js +2 -2
- package/skinny/registerTooltip.esm.js.map +1 -1
- package/skinny/registerTooltip.stories.cjs.js +2 -18
- package/skinny/registerTooltip.stories.cjs.js.map +1 -1
- package/skinny/registerTooltip.stories.esm.js +2 -18
- package/skinny/registerTooltip.stories.esm.js.map +1 -1
package/dist/react-aria.js
CHANGED
|
@@ -2660,7 +2660,7 @@ const BaseModal = React.forwardRef(
|
|
|
2660
2660
|
const isSelected = (_d = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
|
|
2661
2661
|
const contextProps = React__default.default.useContext(PlasmicDialogTriggerContext);
|
|
2662
2662
|
const isStandalone = !contextProps;
|
|
2663
|
-
const mergedProps = reactAria.mergeProps(
|
|
2663
|
+
const mergedProps = reactAria.mergeProps(rest, {
|
|
2664
2664
|
isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,
|
|
2665
2665
|
/*
|
|
2666
2666
|
isDismissable on canvas (non-interactive mode) causes the following two issues:
|
|
@@ -2841,12 +2841,12 @@ var __objRest$a = (source, exclude) => {
|
|
|
2841
2841
|
return target;
|
|
2842
2842
|
};
|
|
2843
2843
|
function BaseDialogTrigger(props) {
|
|
2844
|
-
var _b, _c
|
|
2844
|
+
var _b, _c;
|
|
2845
2845
|
const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
|
|
2846
2846
|
const { isSelected, selectedSlotName } = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
|
|
2847
2847
|
const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
|
|
2848
2848
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2849
|
-
isOpen:
|
|
2849
|
+
isOpen: isAutoOpen || isOpen
|
|
2850
2850
|
});
|
|
2851
2851
|
return /* @__PURE__ */ React__default.default.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
|
|
2852
2852
|
}
|
|
@@ -3485,6 +3485,7 @@ function BaseSelect(props) {
|
|
|
3485
3485
|
name,
|
|
3486
3486
|
setControlContextData,
|
|
3487
3487
|
plasmicUpdateVariant,
|
|
3488
|
+
defaultSelectedKey,
|
|
3488
3489
|
"aria-label": ariaLabel
|
|
3489
3490
|
} = props;
|
|
3490
3491
|
const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
|
|
@@ -3513,6 +3514,7 @@ function BaseSelect(props) {
|
|
|
3513
3514
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
3514
3515
|
reactAriaComponents.Select,
|
|
3515
3516
|
__spreadValues$8({
|
|
3517
|
+
defaultSelectedKey,
|
|
3516
3518
|
selectedKey,
|
|
3517
3519
|
onSelectionChange,
|
|
3518
3520
|
onOpenChange,
|
|
@@ -3938,10 +3940,12 @@ function isMultiValueGuard(value) {
|
|
|
3938
3940
|
return Array.isArray(value) && value.length > 1;
|
|
3939
3941
|
}
|
|
3940
3942
|
function BaseSliderTrack(props) {
|
|
3943
|
+
var _b;
|
|
3941
3944
|
const context = React__default.default.useContext(PlasmicSliderContext);
|
|
3942
3945
|
const isStandalone = !context;
|
|
3943
3946
|
const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
|
|
3944
|
-
const
|
|
3947
|
+
const value = (_b = context == null ? void 0 : context.value) != null ? _b : context == null ? void 0 : context.defaultValue;
|
|
3948
|
+
const thumbsLength = isMultiValueGuard(value) ? value.length : 1;
|
|
3945
3949
|
const isMultiValue = thumbsLength > 1;
|
|
3946
3950
|
const { minIndex, maxIndex } = React.useMemo(() => {
|
|
3947
3951
|
if (thumbsLength <= 1) {
|
|
@@ -3951,10 +3955,10 @@ function BaseSliderTrack(props) {
|
|
|
3951
3955
|
}, [thumbsLength]);
|
|
3952
3956
|
const thumbs = React.useMemo(() => {
|
|
3953
3957
|
const thumbNodes = flattenChildren__default.default(children);
|
|
3954
|
-
if (!thumbNodes || thumbNodes.length === 0
|
|
3958
|
+
if (!thumbNodes || thumbNodes.length === 0) {
|
|
3955
3959
|
return [];
|
|
3956
3960
|
}
|
|
3957
|
-
const values = isDefined(context) ? Array.isArray(
|
|
3961
|
+
const values = isDefined(context) ? Array.isArray(value) ? value : [value] : [];
|
|
3958
3962
|
const lastThumb = thumbNodes[thumbNodes.length - 1];
|
|
3959
3963
|
return values.map((v, i) => {
|
|
3960
3964
|
const currentThumb = thumbNodes[i];
|
|
@@ -3972,7 +3976,7 @@ function BaseSliderTrack(props) {
|
|
|
3972
3976
|
index: i
|
|
3973
3977
|
});
|
|
3974
3978
|
});
|
|
3975
|
-
}, [children,
|
|
3979
|
+
}, [children, value]);
|
|
3976
3980
|
const track = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, withObservedValues$4(
|
|
3977
3981
|
/* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
|
|
3978
3982
|
"div",
|
|
@@ -4885,7 +4889,7 @@ function TriggerWrapper({ children, className }) {
|
|
|
4885
4889
|
);
|
|
4886
4890
|
}
|
|
4887
4891
|
function BaseTooltip(props) {
|
|
4888
|
-
var _a, _b
|
|
4892
|
+
var _a, _b;
|
|
4889
4893
|
const {
|
|
4890
4894
|
children,
|
|
4891
4895
|
isDisabled,
|
|
@@ -4905,7 +4909,7 @@ function BaseTooltip(props) {
|
|
|
4905
4909
|
} = props;
|
|
4906
4910
|
const { isSelected, selectedSlotName } = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
|
|
4907
4911
|
const isAutoOpen = selectedSlotName !== "children" && isSelected;
|
|
4908
|
-
const _isOpen =
|
|
4912
|
+
const _isOpen = isAutoOpen || isOpen;
|
|
4909
4913
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
4910
4914
|
reactAriaComponents.TooltipTrigger,
|
|
4911
4915
|
{
|