@plasmicpkgs/react-aria 0.0.14 → 0.0.15

package/dist/react-aria.esm.js

@@ -274,14 +274,24 @@ var __objRest$9 = (source, exclude) => {
   return target;
 };
 function BaseCheckbox(props) {
-  const _a = props, { children, onPressChange, onFocusVisibleChange } = _a, rest = __objRest$9(_a, ["children", "onPressChange", "onFocusVisibleChange"]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$i({}, rest), ({ isFocusVisible, isPressed }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  const _a = props, {
+    children,
+    onPressChange,
+    onFocusVisibleChange,
+    onInvalidChange
+  } = _a, rest = __objRest$9(_a, [
+    "children",
+    "onPressChange",
+    "onFocusVisibleChange",
+    "onInvalidChange"
+  ]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$i({}, rest), ({ isFocusVisible, isPressed, isInvalid }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     ValueObserver,
     {
       value: isFocusVisible,
       onChange: onFocusVisibleChange
     }
-  ), /* @__PURE__ */ React.createElement(ValueObserver, { value: isPressed, onChange: onPressChange }), children)));
+  ), /* @__PURE__ */ React.createElement(ValueObserver, { value: isPressed, onChange: onPressChange }), /* @__PURE__ */ React.createElement(ValueObserver, { value: isInvalid, onChange: onInvalidChange }), children)));
 }
 function registerCheckbox(loader, overrides) {
   registerComponentHelper(
@@ -349,6 +359,10 @@ function registerCheckbox(loader, overrides) {
         onFocusVisibleChange: {
           type: "eventHandler",
           argTypes: [{ name: "isFocusVisible", type: "boolean" }]
+        },
+        onInvalidChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isInvalid", type: "boolean" }]
         }
       }),
       states: {
@@ -373,6 +387,11 @@ function registerCheckbox(loader, overrides) {
           onChangeProp: "onFocusChange",
           variableType: "boolean"
         },
+        isInvalid: {
+          type: "readonly",
+          onChangeProp: "onInvalidChange",
+          variableType: "boolean"
+        },
         isFocusVisible: {
           type: "readonly",
           onChangeProp: "onFocusVisibleChange",
@@ -682,18 +701,6 @@ function registerCheckboxGroup(loader, overrides) {
           uncontrolledProp: "defaultValue",
           description: "The current value"
         },
-        options: {
-          type: "array",
-          description: "The options in the radio group",
-          itemType: {
-            type: "object",
-            nameFunc: (item) => item.label,
-            fields: {
-              label: "string",
-              value: "string"
-            }
-          }
-        },
         isInvalid: {
           displayName: "Invalid",
           type: "boolean",
@@ -1795,18 +1802,6 @@ function registerRadioGroup(loader, overrides) {
           uncontrolledProp: "defaultValue",
           description: "The current value"
         },
-        options: {
-          type: "array",
-          description: "The options in the radio group",
-          itemType: {
-            type: "object",
-            nameFunc: (item) => item.label,
-            fields: {
-              label: "string",
-              value: "string"
-            }
-          }
-        },
         isInvalid: {
           displayName: "Invalid",
           type: "boolean",
@@ -2288,13 +2283,23 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function BaseTextField(props) {
-  const _a = props, { enableAutoComplete, autoComplete, children } = _a, rest = __objRest(_a, ["enableAutoComplete", "autoComplete", "children"]);
+  const _a = props, {
+    enableAutoComplete,
+    autoComplete,
+    children,
+    onInvalidChange
+  } = _a, rest = __objRest(_a, [
+    "enableAutoComplete",
+    "autoComplete",
+    "children",
+    "onInvalidChange"
+  ]);
   return /* @__PURE__ */ React.createElement(
     TextField,
     __spreadValues({
       autoComplete: enableAutoComplete ? autoComplete : void 0
     }, rest),
-    children
+    ({ isInvalid }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ValueObserver, { value: isInvalid, onChange: onInvalidChange }), children)
   );
 }
 const componentName = makeComponentName("textField");
@@ -2463,6 +2468,10 @@ function registerTextField(loader, overrides) {
         onFocusChange: {
           type: "eventHandler",
           argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        onInvalidChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isInvalid", type: "boolean" }]
         }
       }),
       // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented
@@ -2477,6 +2486,11 @@ function registerTextField(loader, overrides) {
           type: "readonly",
           onChangeProp: "onFocusChange",
           variableType: "boolean"
+        },
+        isInvalid: {
+          type: "readonly",
+          onChangeProp: "onInvalidChange",
+          variableType: "boolean"
         }
       },
       trapsFocus: true
@@ -2490,12 +2504,7 @@ function registerTextField(loader, overrides) {
   registerFieldError(loader, { parentComponentName: thisName });
   registerInput(loader, { parentComponentName: thisName });
   registerLabel(loader, { parentComponentName: thisName });
-  registerText(loader, {
-    parentComponentName: thisName,
-    props: {
-      slot: { type: "string", readOnly: true, defaultValue: "description" }
-    }
-  });
+  registerDescription(loader, { parentComponentName: thisName });
   registerTextArea(loader, { parentComponentName: thisName });
 }