@plasmicpkgs/react-aria 0.0.111 → 0.0.113
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 +14 -4
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +13 -3
- package/dist/react-aria.js.map +1 -1
- package/dist/registerDialogTrigger.d.ts +6 -0
- package/package.json +2 -4
- package/skinny/registerDialogTrigger.cjs.js +16 -5
- package/skinny/registerDialogTrigger.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.d.ts +6 -0
- package/skinny/registerDialogTrigger.esm.js +16 -6
- package/skinny/registerDialogTrigger.esm.js.map +1 -1
- package/skinny/registerDialogTrigger.stories.cjs.js +253 -16
- package/skinny/registerDialogTrigger.stories.cjs.js.map +1 -1
- package/skinny/registerDialogTrigger.stories.esm.js +249 -17
- package/skinny/registerDialogTrigger.stories.esm.js.map +1 -1
- package/skinny/registerSwitch.stories.cjs.js +162 -0
- package/skinny/registerSwitch.stories.cjs.js.map +1 -0
- package/skinny/registerSwitch.stories.esm.js +148 -0
- package/skinny/registerSwitch.stories.esm.js.map +1 -0
- package/skinny/registerTextField-common-stories.cjs.js +199 -0
- package/skinny/registerTextField-common-stories.cjs.js.map +1 -0
- package/skinny/registerTextField-common-stories.esm.js +185 -0
- package/skinny/registerTextField-common-stories.esm.js.map +1 -0
- package/skinny/registerTextField-input.stories.cjs.js +54 -0
- package/skinny/registerTextField-input.stories.cjs.js.map +1 -0
- package/skinny/registerTextField-input.stories.esm.js +37 -0
- package/skinny/registerTextField-input.stories.esm.js.map +1 -0
- package/skinny/registerTextField-textarea.stories.cjs.js +55 -0
- package/skinny/registerTextField-textarea.stories.cjs.js.map +1 -0
- package/skinny/registerTextField-textarea.stories.esm.js +39 -0
- package/skinny/registerTextField-textarea.stories.esm.js.map +1 -0
package/dist/react-aria.js
CHANGED
|
@@ -2841,15 +2841,26 @@ var __objRest$b = (source, exclude) => {
|
|
|
2841
2841
|
}
|
|
2842
2842
|
return target;
|
|
2843
2843
|
};
|
|
2844
|
+
function TriggerWrapper$1({ children, className }) {
|
|
2845
|
+
const ref = React__default.default.useRef(null);
|
|
2846
|
+
const { buttonProps } = reactAria.useButton({}, ref);
|
|
2847
|
+
const mergedProps = reactAria.mergeProps(buttonProps, {
|
|
2848
|
+
ref,
|
|
2849
|
+
// We expose className to allow user control over the wrapper div's styling.
|
|
2850
|
+
className,
|
|
2851
|
+
style: COMMON_STYLES
|
|
2852
|
+
});
|
|
2853
|
+
return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues$d({}, mergedProps), children);
|
|
2854
|
+
}
|
|
2844
2855
|
function BaseDialogTrigger(props) {
|
|
2845
2856
|
var _b, _c;
|
|
2846
|
-
const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen"]);
|
|
2857
|
+
const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className"]);
|
|
2847
2858
|
const { isSelected, selectedSlotName } = (_c = (_b = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
|
|
2848
2859
|
const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
|
|
2849
2860
|
const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
|
|
2850
2861
|
isOpen: isAutoOpen || isOpen
|
|
2851
2862
|
});
|
|
2852
|
-
return /* @__PURE__ */ React__default.default.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues$d({}, mergedProps), trigger, dialog));
|
|
2863
|
+
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));
|
|
2853
2864
|
}
|
|
2854
2865
|
function registerDialogTrigger(loader, overrides) {
|
|
2855
2866
|
registerComponentHelper(
|
|
@@ -2860,7 +2871,6 @@ function registerDialogTrigger(loader, overrides) {
|
|
|
2860
2871
|
displayName: "Aria Dialog Trigger",
|
|
2861
2872
|
importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
|
|
2862
2873
|
importName: "BaseDialogTrigger",
|
|
2863
|
-
styleSections: false,
|
|
2864
2874
|
props: {
|
|
2865
2875
|
trigger: {
|
|
2866
2876
|
type: "slot",
|