@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.js
CHANGED
|
@@ -659,9 +659,6 @@ const BUTTON_VARIANTS = [
|
|
|
659
659
|
"disabled"
|
|
660
660
|
];
|
|
661
661
|
const { variants: variants$h, withObservedValues: withObservedValues$e } = pickAriaComponentVariants(BUTTON_VARIANTS);
|
|
662
|
-
console.log(
|
|
663
|
-
"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."
|
|
664
|
-
);
|
|
665
662
|
const BaseButton = React__default.default.forwardRef(function BaseButtonInner(props, ref) {
|
|
666
663
|
const { href } = props;
|
|
667
664
|
if (href) {
|
|
@@ -2663,7 +2660,7 @@ const BaseModal = React.forwardRef(
|
|
|
2663
2660
|
const isSelected = (_d = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
|
|
2664
2661
|
const contextProps = React__default.default.useContext(PlasmicDialogTriggerContext);
|
|
2665
2662
|
const isStandalone = !contextProps;
|
|
2666
|
-
const mergedProps = reactAria.mergeProps(
|
|
2663
|
+
const mergedProps = reactAria.mergeProps(rest, {
|
|
2667
2664
|
isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,
|
|
2668
2665
|
/*
|
|
2669
2666
|
isDismissable on canvas (non-interactive mode) causes the following two issues:
|
|
@@ -2844,12 +2841,12 @@ var __objRest$a = (source, exclude) => {
|
|
|
2844
2841
|
return target;
|
|
2845
2842
|
};
|
|
2846
2843
|
function BaseDialogTrigger(props) {
|
|
2847
|
-
var _b, _c
|
|
2844
|
+
var _b, _c;
|
|
2848
2845
|
const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
|
|
2849
2846
|
const { isSelected, selectedSlotName } = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
|
|
2850
2847
|
const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
|
|
2851
2848
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2852
|
-
isOpen:
|
|
2849
|
+
isOpen: isAutoOpen || isOpen
|
|
2853
2850
|
});
|
|
2854
2851
|
return /* @__PURE__ */ React__default.default.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
|
|
2855
2852
|
}
|
|
@@ -3488,6 +3485,7 @@ function BaseSelect(props) {
|
|
|
3488
3485
|
name,
|
|
3489
3486
|
setControlContextData,
|
|
3490
3487
|
plasmicUpdateVariant,
|
|
3488
|
+
defaultSelectedKey,
|
|
3491
3489
|
"aria-label": ariaLabel
|
|
3492
3490
|
} = props;
|
|
3493
3491
|
const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
|
|
@@ -3516,6 +3514,7 @@ function BaseSelect(props) {
|
|
|
3516
3514
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
3517
3515
|
reactAriaComponents.Select,
|
|
3518
3516
|
__spreadValues$8({
|
|
3517
|
+
defaultSelectedKey,
|
|
3519
3518
|
selectedKey,
|
|
3520
3519
|
onSelectionChange,
|
|
3521
3520
|
onOpenChange,
|
|
@@ -3941,10 +3940,12 @@ function isMultiValueGuard(value) {
|
|
|
3941
3940
|
return Array.isArray(value) && value.length > 1;
|
|
3942
3941
|
}
|
|
3943
3942
|
function BaseSliderTrack(props) {
|
|
3943
|
+
var _b;
|
|
3944
3944
|
const context = React__default.default.useContext(PlasmicSliderContext);
|
|
3945
3945
|
const isStandalone = !context;
|
|
3946
3946
|
const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
|
|
3947
|
-
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;
|
|
3948
3949
|
const isMultiValue = thumbsLength > 1;
|
|
3949
3950
|
const { minIndex, maxIndex } = React.useMemo(() => {
|
|
3950
3951
|
if (thumbsLength <= 1) {
|
|
@@ -3954,10 +3955,10 @@ function BaseSliderTrack(props) {
|
|
|
3954
3955
|
}, [thumbsLength]);
|
|
3955
3956
|
const thumbs = React.useMemo(() => {
|
|
3956
3957
|
const thumbNodes = flattenChildren__default.default(children);
|
|
3957
|
-
if (!thumbNodes || thumbNodes.length === 0
|
|
3958
|
+
if (!thumbNodes || thumbNodes.length === 0) {
|
|
3958
3959
|
return [];
|
|
3959
3960
|
}
|
|
3960
|
-
const values = isDefined(context) ? Array.isArray(
|
|
3961
|
+
const values = isDefined(context) ? Array.isArray(value) ? value : [value] : [];
|
|
3961
3962
|
const lastThumb = thumbNodes[thumbNodes.length - 1];
|
|
3962
3963
|
return values.map((v, i) => {
|
|
3963
3964
|
const currentThumb = thumbNodes[i];
|
|
@@ -3975,7 +3976,7 @@ function BaseSliderTrack(props) {
|
|
|
3975
3976
|
index: i
|
|
3976
3977
|
});
|
|
3977
3978
|
});
|
|
3978
|
-
}, [children,
|
|
3979
|
+
}, [children, value]);
|
|
3979
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(
|
|
3980
3981
|
/* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
|
|
3981
3982
|
"div",
|
|
@@ -4888,7 +4889,7 @@ function TriggerWrapper({ children, className }) {
|
|
|
4888
4889
|
);
|
|
4889
4890
|
}
|
|
4890
4891
|
function BaseTooltip(props) {
|
|
4891
|
-
var _a, _b
|
|
4892
|
+
var _a, _b;
|
|
4892
4893
|
const {
|
|
4893
4894
|
children,
|
|
4894
4895
|
isDisabled,
|
|
@@ -4908,7 +4909,7 @@ function BaseTooltip(props) {
|
|
|
4908
4909
|
} = props;
|
|
4909
4910
|
const { isSelected, selectedSlotName } = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
|
|
4910
4911
|
const isAutoOpen = selectedSlotName !== "children" && isSelected;
|
|
4911
|
-
const _isOpen =
|
|
4912
|
+
const _isOpen = isAutoOpen || isOpen;
|
|
4912
4913
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
4913
4914
|
reactAriaComponents.TooltipTrigger,
|
|
4914
4915
|
{
|