@plasmicpkgs/react-aria 0.0.108 → 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 -12
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +13 -12
- package/dist/react-aria.js.map +1 -1
- package/package.json +2 -2
- package/skinny/registerButton.cjs.js +0 -3
- package/skinny/registerButton.cjs.js.map +1 -1
- package/skinny/registerButton.esm.js +0 -3
- package/skinny/registerButton.esm.js.map +1 -1
- 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
|
@@ -651,9 +651,6 @@ const BUTTON_VARIANTS = [
|
|
|
651
651
|
"disabled"
|
|
652
652
|
];
|
|
653
653
|
const { variants: variants$h, withObservedValues: withObservedValues$e } = pickAriaComponentVariants(BUTTON_VARIANTS);
|
|
654
|
-
console.log(
|
|
655
|
-
"TODO: This comment was added just to trigger changes in the react-aria package so lerna builds the react-aria package during storybook_tests CI step."
|
|
656
|
-
);
|
|
657
654
|
const BaseButton = React.forwardRef(function BaseButtonInner(props, ref) {
|
|
658
655
|
const { href } = props;
|
|
659
656
|
if (href) {
|
|
@@ -2655,7 +2652,7 @@ const BaseModal = forwardRef(
|
|
|
2655
2652
|
const isSelected = (_d = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
|
|
2656
2653
|
const contextProps = React.useContext(PlasmicDialogTriggerContext);
|
|
2657
2654
|
const isStandalone = !contextProps;
|
|
2658
|
-
const mergedProps = mergeProps(
|
|
2655
|
+
const mergedProps = mergeProps(rest, {
|
|
2659
2656
|
isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,
|
|
2660
2657
|
/*
|
|
2661
2658
|
isDismissable on canvas (non-interactive mode) causes the following two issues:
|
|
@@ -2836,12 +2833,12 @@ var __objRest$a = (source, exclude) => {
|
|
|
2836
2833
|
return target;
|
|
2837
2834
|
};
|
|
2838
2835
|
function BaseDialogTrigger(props) {
|
|
2839
|
-
var _b, _c
|
|
2836
|
+
var _b, _c;
|
|
2840
2837
|
const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
|
|
2841
2838
|
const { isSelected, selectedSlotName } = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
|
|
2842
2839
|
const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
|
|
2843
2840
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2844
|
-
isOpen:
|
|
2841
|
+
isOpen: isAutoOpen || isOpen
|
|
2845
2842
|
});
|
|
2846
2843
|
return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
|
|
2847
2844
|
}
|
|
@@ -3480,6 +3477,7 @@ function BaseSelect(props) {
|
|
|
3480
3477
|
name,
|
|
3481
3478
|
setControlContextData,
|
|
3482
3479
|
plasmicUpdateVariant,
|
|
3480
|
+
defaultSelectedKey,
|
|
3483
3481
|
"aria-label": ariaLabel
|
|
3484
3482
|
} = props;
|
|
3485
3483
|
const idManager = useMemo(() => new OptionsItemIdManager(), []);
|
|
@@ -3508,6 +3506,7 @@ function BaseSelect(props) {
|
|
|
3508
3506
|
return /* @__PURE__ */ React.createElement(
|
|
3509
3507
|
Select,
|
|
3510
3508
|
__spreadValues$8({
|
|
3509
|
+
defaultSelectedKey,
|
|
3511
3510
|
selectedKey,
|
|
3512
3511
|
onSelectionChange,
|
|
3513
3512
|
onOpenChange,
|
|
@@ -3933,10 +3932,12 @@ function isMultiValueGuard(value) {
|
|
|
3933
3932
|
return Array.isArray(value) && value.length > 1;
|
|
3934
3933
|
}
|
|
3935
3934
|
function BaseSliderTrack(props) {
|
|
3935
|
+
var _b;
|
|
3936
3936
|
const context = React.useContext(PlasmicSliderContext);
|
|
3937
3937
|
const isStandalone = !context;
|
|
3938
3938
|
const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
|
|
3939
|
-
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;
|
|
3940
3941
|
const isMultiValue = thumbsLength > 1;
|
|
3941
3942
|
const { minIndex, maxIndex } = useMemo(() => {
|
|
3942
3943
|
if (thumbsLength <= 1) {
|
|
@@ -3946,10 +3947,10 @@ function BaseSliderTrack(props) {
|
|
|
3946
3947
|
}, [thumbsLength]);
|
|
3947
3948
|
const thumbs = useMemo(() => {
|
|
3948
3949
|
const thumbNodes = flattenChildren(children);
|
|
3949
|
-
if (!thumbNodes || thumbNodes.length === 0
|
|
3950
|
+
if (!thumbNodes || thumbNodes.length === 0) {
|
|
3950
3951
|
return [];
|
|
3951
3952
|
}
|
|
3952
|
-
const values = isDefined(context) ? Array.isArray(
|
|
3953
|
+
const values = isDefined(context) ? Array.isArray(value) ? value : [value] : [];
|
|
3953
3954
|
const lastThumb = thumbNodes[thumbNodes.length - 1];
|
|
3954
3955
|
return values.map((v, i) => {
|
|
3955
3956
|
const currentThumb = thumbNodes[i];
|
|
@@ -3967,7 +3968,7 @@ function BaseSliderTrack(props) {
|
|
|
3967
3968
|
index: i
|
|
3968
3969
|
});
|
|
3969
3970
|
});
|
|
3970
|
-
}, [children,
|
|
3971
|
+
}, [children, value]);
|
|
3971
3972
|
const track = /* @__PURE__ */ React.createElement(SliderTrack, __spreadValues$5({ style: { position: "relative" } }, rest), ({ state, isHovered }) => /* @__PURE__ */ React.createElement(React.Fragment, null, withObservedValues$4(
|
|
3972
3973
|
/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
3973
3974
|
"div",
|
|
@@ -4880,7 +4881,7 @@ function TriggerWrapper({ children, className }) {
|
|
|
4880
4881
|
);
|
|
4881
4882
|
}
|
|
4882
4883
|
function BaseTooltip(props) {
|
|
4883
|
-
var _a, _b
|
|
4884
|
+
var _a, _b;
|
|
4884
4885
|
const {
|
|
4885
4886
|
children,
|
|
4886
4887
|
isDisabled,
|
|
@@ -4900,7 +4901,7 @@ function BaseTooltip(props) {
|
|
|
4900
4901
|
} = props;
|
|
4901
4902
|
const { isSelected, selectedSlotName } = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
|
|
4902
4903
|
const isAutoOpen = selectedSlotName !== "children" && isSelected;
|
|
4903
|
-
const _isOpen =
|
|
4904
|
+
const _isOpen = isAutoOpen || isOpen;
|
|
4904
4905
|
return /* @__PURE__ */ React.createElement(
|
|
4905
4906
|
TooltipTrigger,
|
|
4906
4907
|
{
|