@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.esm.js
CHANGED
|
@@ -2652,7 +2652,7 @@ const BaseModal = forwardRef(
|
|
|
2652
2652
|
const isSelected = (_d = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
|
|
2653
2653
|
const contextProps = React.useContext(PlasmicDialogTriggerContext);
|
|
2654
2654
|
const isStandalone = !contextProps;
|
|
2655
|
-
const mergedProps = mergeProps(
|
|
2655
|
+
const mergedProps = mergeProps(rest, {
|
|
2656
2656
|
isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,
|
|
2657
2657
|
/*
|
|
2658
2658
|
isDismissable on canvas (non-interactive mode) causes the following two issues:
|
|
@@ -2833,12 +2833,12 @@ var __objRest$a = (source, exclude) => {
|
|
|
2833
2833
|
return target;
|
|
2834
2834
|
};
|
|
2835
2835
|
function BaseDialogTrigger(props) {
|
|
2836
|
-
var _b, _c
|
|
2836
|
+
var _b, _c;
|
|
2837
2837
|
const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
|
|
2838
2838
|
const { isSelected, selectedSlotName } = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
|
|
2839
2839
|
const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
|
|
2840
2840
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2841
|
-
isOpen:
|
|
2841
|
+
isOpen: isAutoOpen || isOpen
|
|
2842
2842
|
});
|
|
2843
2843
|
return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
|
|
2844
2844
|
}
|
|
@@ -3477,6 +3477,7 @@ function BaseSelect(props) {
|
|
|
3477
3477
|
name,
|
|
3478
3478
|
setControlContextData,
|
|
3479
3479
|
plasmicUpdateVariant,
|
|
3480
|
+
defaultSelectedKey,
|
|
3480
3481
|
"aria-label": ariaLabel
|
|
3481
3482
|
} = props;
|
|
3482
3483
|
const idManager = useMemo(() => new OptionsItemIdManager(), []);
|
|
@@ -3505,6 +3506,7 @@ function BaseSelect(props) {
|
|
|
3505
3506
|
return /* @__PURE__ */ React.createElement(
|
|
3506
3507
|
Select,
|
|
3507
3508
|
__spreadValues$8({
|
|
3509
|
+
defaultSelectedKey,
|
|
3508
3510
|
selectedKey,
|
|
3509
3511
|
onSelectionChange,
|
|
3510
3512
|
onOpenChange,
|
|
@@ -3930,10 +3932,12 @@ function isMultiValueGuard(value) {
|
|
|
3930
3932
|
return Array.isArray(value) && value.length > 1;
|
|
3931
3933
|
}
|
|
3932
3934
|
function BaseSliderTrack(props) {
|
|
3935
|
+
var _b;
|
|
3933
3936
|
const context = React.useContext(PlasmicSliderContext);
|
|
3934
3937
|
const isStandalone = !context;
|
|
3935
3938
|
const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
|
|
3936
|
-
const
|
|
3939
|
+
const value = (_b = context == null ? void 0 : context.value) != null ? _b : context == null ? void 0 : context.defaultValue;
|
|
3940
|
+
const thumbsLength = isMultiValueGuard(value) ? value.length : 1;
|
|
3937
3941
|
const isMultiValue = thumbsLength > 1;
|
|
3938
3942
|
const { minIndex, maxIndex } = useMemo(() => {
|
|
3939
3943
|
if (thumbsLength <= 1) {
|
|
@@ -3943,10 +3947,10 @@ function BaseSliderTrack(props) {
|
|
|
3943
3947
|
}, [thumbsLength]);
|
|
3944
3948
|
const thumbs = useMemo(() => {
|
|
3945
3949
|
const thumbNodes = flattenChildren(children);
|
|
3946
|
-
if (!thumbNodes || thumbNodes.length === 0
|
|
3950
|
+
if (!thumbNodes || thumbNodes.length === 0) {
|
|
3947
3951
|
return [];
|
|
3948
3952
|
}
|
|
3949
|
-
const values = isDefined(context) ? Array.isArray(
|
|
3953
|
+
const values = isDefined(context) ? Array.isArray(value) ? value : [value] : [];
|
|
3950
3954
|
const lastThumb = thumbNodes[thumbNodes.length - 1];
|
|
3951
3955
|
return values.map((v, i) => {
|
|
3952
3956
|
const currentThumb = thumbNodes[i];
|
|
@@ -3964,7 +3968,7 @@ function BaseSliderTrack(props) {
|
|
|
3964
3968
|
index: i
|
|
3965
3969
|
});
|
|
3966
3970
|
});
|
|
3967
|
-
}, [children,
|
|
3971
|
+
}, [children, value]);
|
|
3968
3972
|
const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$4(
|
|
3969
3973
|
/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
3970
3974
|
"div",
|
|
@@ -4877,7 +4881,7 @@ function TriggerWrapper({ children, className }) {
|
|
|
4877
4881
|
);
|
|
4878
4882
|
}
|
|
4879
4883
|
function BaseTooltip(props) {
|
|
4880
|
-
var _a, _b
|
|
4884
|
+
var _a, _b;
|
|
4881
4885
|
const {
|
|
4882
4886
|
children,
|
|
4883
4887
|
isDisabled,
|
|
@@ -4897,7 +4901,7 @@ function BaseTooltip(props) {
|
|
|
4897
4901
|
} = props;
|
|
4898
4902
|
const { isSelected, selectedSlotName } = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
|
|
4899
4903
|
const isAutoOpen = selectedSlotName !== "children" && isSelected;
|
|
4900
|
-
const _isOpen =
|
|
4904
|
+
const _isOpen = isAutoOpen || isOpen;
|
|
4901
4905
|
return /* @__PURE__ */ React.createElement(
|
|
4902
4906
|
TooltipTrigger,
|
|
4903
4907
|
{
|