@plasmicpkgs/react-aria 0.0.37 → 0.0.39
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/interaction-variant-utils.d.ts +0 -4
- package/dist/react-aria.esm.js +24 -10
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +24 -10
- package/dist/react-aria.js.map +1 -1
- package/dist/registerRadio.d.ts +4 -2
- package/package.json +3 -3
- package/skinny/{interaction-variant-utils-d45aa2a2.cjs.js → interaction-variant-utils-244b74fb.cjs.js} +1 -5
- package/skinny/interaction-variant-utils-244b74fb.cjs.js.map +1 -0
- package/skinny/{interaction-variant-utils-0e04f834.esm.js → interaction-variant-utils-c44a9d56.esm.js} +1 -5
- package/skinny/interaction-variant-utils-c44a9d56.esm.js.map +1 -0
- package/skinny/interaction-variant-utils.d.ts +0 -4
- package/skinny/registerButton.cjs.js +1 -1
- package/skinny/registerButton.esm.js +1 -1
- package/skinny/registerCheckbox.cjs.js +1 -1
- package/skinny/registerCheckbox.esm.js +1 -1
- package/skinny/registerCheckboxGroup.cjs.js +1 -1
- package/skinny/registerCheckboxGroup.esm.js +1 -1
- package/skinny/registerComboBox.cjs.js +1 -1
- package/skinny/registerComboBox.esm.js +1 -1
- package/skinny/registerDialogTrigger.cjs.js +1 -1
- package/skinny/registerDialogTrigger.esm.js +1 -1
- package/skinny/registerInput.cjs.js +1 -1
- package/skinny/registerInput.esm.js +1 -1
- package/skinny/registerRadio.cjs.js +26 -7
- package/skinny/registerRadio.cjs.js.map +1 -1
- package/skinny/registerRadio.d.ts +4 -2
- package/skinny/registerRadio.esm.js +26 -7
- package/skinny/registerRadio.esm.js.map +1 -1
- package/skinny/registerRadioGroup.cjs.js +1 -1
- package/skinny/registerRadioGroup.esm.js +1 -1
- package/skinny/registerSelect.cjs.js +1 -1
- package/skinny/registerSelect.esm.js +1 -1
- package/skinny/{registerSlider-7d3a0b39.cjs.js → registerSlider-22197722.cjs.js} +2 -2
- package/skinny/{registerSlider-7d3a0b39.cjs.js.map → registerSlider-22197722.cjs.js.map} +1 -1
- package/skinny/{registerSlider-3d1d372e.esm.js → registerSlider-3045cc63.esm.js} +2 -2
- package/skinny/{registerSlider-3d1d372e.esm.js.map → registerSlider-3045cc63.esm.js.map} +1 -1
- package/skinny/registerSlider.cjs.js +2 -2
- package/skinny/registerSlider.esm.js +2 -2
- package/skinny/registerSliderThumb.cjs.js +1 -1
- package/skinny/registerSliderThumb.esm.js +1 -1
- package/skinny/registerSliderTrack.cjs.js +2 -2
- package/skinny/registerSliderTrack.esm.js +2 -2
- package/skinny/registerSwitch.cjs.js +1 -1
- package/skinny/registerSwitch.esm.js +1 -1
- package/skinny/registerTextArea.cjs.js +1 -1
- package/skinny/registerTextArea.esm.js +1 -1
- package/skinny/registerTextField.cjs.js +1 -1
- package/skinny/registerTextField.esm.js +1 -1
- package/skinny/interaction-variant-utils-0e04f834.esm.js.map +0 -1
- package/skinny/interaction-variant-utils-d45aa2a2.cjs.js.map +0 -1
|
@@ -21,10 +21,6 @@ declare const ARIA_COMPONENTS_INTERACTION_VARIANTS: {
|
|
|
21
21
|
cssSelector: string;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
|
-
selected: {
|
|
25
|
-
cssSelector: string;
|
|
26
|
-
displayName: string;
|
|
27
|
-
};
|
|
28
24
|
};
|
|
29
25
|
type AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;
|
|
30
26
|
type CodeComponentInteractionVariantsMeta = NonNullable<CodeComponentMeta<unknown>["interactionVariants"]>;
|
package/dist/react-aria.esm.js
CHANGED
|
@@ -78,10 +78,6 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
|
|
|
78
78
|
dragging: {
|
|
79
79
|
cssSelector: "[data-dragging]",
|
|
80
80
|
displayName: "Dragging"
|
|
81
|
-
},
|
|
82
|
-
selected: {
|
|
83
|
-
cssSelector: "[data-selected]",
|
|
84
|
-
displayName: "Selected"
|
|
85
81
|
}
|
|
86
82
|
};
|
|
87
83
|
function ChangesObserver({
|
|
@@ -2424,25 +2420,28 @@ const RADIO_INTERACTION_VARIANTS = [
|
|
|
2424
2420
|
"hovered",
|
|
2425
2421
|
"pressed",
|
|
2426
2422
|
"focused",
|
|
2427
|
-
"focusVisible"
|
|
2428
|
-
"selected"
|
|
2423
|
+
"focusVisible"
|
|
2429
2424
|
];
|
|
2430
2425
|
const { interactionVariants: interactionVariants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(
|
|
2431
2426
|
RADIO_INTERACTION_VARIANTS
|
|
2432
2427
|
);
|
|
2433
2428
|
function BaseRadio(props) {
|
|
2434
|
-
const _a = props, { children, updateInteractionVariant } = _a, rest = __objRest$7(_a, ["children", "updateInteractionVariant"]);
|
|
2435
|
-
const
|
|
2429
|
+
const _a = props, { children, updateInteractionVariant, setControlContextData } = _a, rest = __objRest$7(_a, ["children", "updateInteractionVariant", "setControlContextData"]);
|
|
2430
|
+
const contextProps = React.useContext(PlasmicRadioGroupContext);
|
|
2431
|
+
const radio = /* @__PURE__ */ React.createElement(Radio, __spreadValues$9({}, rest), ({ isHovered, isPressed, isFocused, isFocusVisible }) => withObservedValues$3(
|
|
2436
2432
|
children,
|
|
2437
2433
|
{
|
|
2438
2434
|
hovered: isHovered,
|
|
2439
2435
|
pressed: isPressed,
|
|
2440
2436
|
focused: isFocused,
|
|
2441
|
-
focusVisible: isFocusVisible
|
|
2442
|
-
selected: isSelected
|
|
2437
|
+
focusVisible: isFocusVisible
|
|
2443
2438
|
},
|
|
2444
2439
|
updateInteractionVariant
|
|
2445
2440
|
));
|
|
2441
|
+
const isStandalone = !contextProps;
|
|
2442
|
+
setControlContextData == null ? void 0 : setControlContextData({
|
|
2443
|
+
isStandalone
|
|
2444
|
+
});
|
|
2446
2445
|
return /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React.createElement(RadioGroup, null, radio) }, radio);
|
|
2447
2446
|
}
|
|
2448
2447
|
const makeDefaultRadioChildren = (label) => ({
|
|
@@ -2500,8 +2499,23 @@ function registerRadio(loader, overrides) {
|
|
|
2500
2499
|
value: {
|
|
2501
2500
|
type: "string",
|
|
2502
2501
|
description: "The value of the input element, used when submitting an HTML form."
|
|
2502
|
+
},
|
|
2503
|
+
// Keeping for backwards compatibility reasons
|
|
2504
|
+
onSelectionChange: {
|
|
2505
|
+
type: "eventHandler",
|
|
2506
|
+
argTypes: [{ name: "isSelected", type: "boolean" }],
|
|
2507
|
+
hidden: () => true
|
|
2503
2508
|
}
|
|
2504
2509
|
}),
|
|
2510
|
+
states: {
|
|
2511
|
+
// Keeping for backwards compatibility reasons
|
|
2512
|
+
isSelected: {
|
|
2513
|
+
type: "readonly",
|
|
2514
|
+
onChangeProp: "onSelectionChange",
|
|
2515
|
+
variableType: "boolean",
|
|
2516
|
+
hidden: () => true
|
|
2517
|
+
}
|
|
2518
|
+
},
|
|
2505
2519
|
trapsFocus: true
|
|
2506
2520
|
},
|
|
2507
2521
|
overrides
|