@plasmicpkgs/react-aria 0.0.11 → 0.0.12

package/dist/contexts.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { BaseListBoxProps } from "./registerListBox";
-export declare const PlasmicLabelContext: React.Context<(import("react-aria-components").LabelProps & React.RefAttributes<HTMLLabelElement>) | undefined>;
+export declare const PlasmicLabelContext: React.Context<import("react-aria-components").LabelProps | undefined>;
 export declare const PlasmicListBoxContext: React.Context<BaseListBoxProps | undefined>;
 export declare const PlasmicPopoverContext: React.Context<{
     className?: string | undefined;

package/dist/react-aria.esm.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Button, ComboBox, ComboBoxStateContext, Input, Label, ListBoxItem, ListBox, PopoverContext, Popover, Header, Section, Collection, SelectValue, Select, Switch } from 'react-aria-components';
+import { Button, ComboBox, ComboBoxStateContext, Form, Input, Label, ListBoxItem, ListBox, PopoverContext, Popover, Header, Section, Collection, SelectValue, Select, Switch } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { useFilter } from '@react-aria/i18n';
 import { mergeProps } from '@react-aria/utils';
@@ -55,21 +55,21 @@ function getCommonInputProps(fieldName, fields) {
   return filteredProps;
 }
 
-var __defProp$b = Object.defineProperty;
+var __defProp$c = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
@@ -82,8 +82,8 @@ function ValueObserver({ value, onChange }) {
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
-    meta = __spreadProps$5(__spreadValues$b(__spreadValues$b({}, meta), overrides), {
-      props: __spreadValues$b(__spreadValues$b({}, meta.props), overrides.props)
+    meta = __spreadProps$5(__spreadValues$c(__spreadValues$c({}, meta), overrides), {
+      props: __spreadValues$c(__spreadValues$c({}, meta.props), overrides.props)
     });
     if (overrides.parentComponentName) {
       meta.name = makeChildComponentName(
@@ -121,41 +121,41 @@ function withoutNils(array) {
   return array.filter((x) => x != null);
 }
 
-var __defProp$a = Object.defineProperty;
+var __defProp$b = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$3 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function BaseButton(props) {
-  const _a = props, { submitsForm, onFocusVisibleChange, resetsForm, children } = _a, rest = __objRest$3(_a, ["submitsForm", "onFocusVisibleChange", "resetsForm", "children"]);
+  const _a = props, { submitsForm, onFocusVisibleChange, resetsForm, children } = _a, rest = __objRest$4(_a, ["submitsForm", "onFocusVisibleChange", "resetsForm", "children"]);
   const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
-  return /* @__PURE__ */ React.createElement(Button, __spreadValues$a({ type }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Button, __spreadValues$b({ type }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     ValueObserver,
     {
       value: isFocusVisible,
@@ -172,7 +172,7 @@ function registerButton(loader, overrides) {
       displayName: "BaseButton",
       importPath: "@plasmicpkgs/react-aria/registerButton",
       importName: "BaseButton",
-      props: __spreadProps$4(__spreadValues$a({}, getCommonInputProps("button", [
+      props: __spreadProps$4(__spreadValues$b({}, getCommonInputProps("button", [
         "isDisabled",
         "aria-label",
         "children"
@@ -242,7 +242,7 @@ function registerButton(loader, overrides) {
   );
 }
 
-const PlasmicLabelContext = React.createContext(void 0);
+React.createContext(void 0);
 const PlasmicListBoxContext = React.createContext(void 0);
 const PlasmicPopoverContext = React.createContext(void 0);
 const PlasmicItemContext = React.createContext(void 0);
@@ -399,21 +399,21 @@ function makeValuePropType() {
   return type;
 }
 
-var __defProp$9 = Object.defineProperty;
+var __defProp$a = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
@@ -450,7 +450,7 @@ function BaseComboBox(props) {
       return withoutNils(
         options2.map((op) => {
           if (op.type === "section") {
-            return __spreadProps$3(__spreadValues$9({}, op), {
+            return __spreadProps$3(__spreadValues$a({}, op), {
               items: op.items ? filterOptions(op.items) : void 0
             });
           } else {
@@ -534,7 +534,7 @@ function BaseComboBox(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     ComboBox,
-    __spreadValues$9({
+    __spreadValues$a({
       selectedKey: value,
       onSelectionChange,
       isDisabled,
@@ -673,6 +673,88 @@ function registerComboBox(loader) {
   });
 }
 
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseForm(props) {
+  const _a = props, { onSubmit, children } = _a, rest = __objRest$3(_a, ["onSubmit", "children"]);
+  return /* @__PURE__ */ React.createElement(
+    Form,
+    __spreadValues$9({
+      onSubmit: (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        const formValues = {};
+        formData.forEach((value, key) => {
+          const field = e.currentTarget.elements.namedItem(key);
+          if (field instanceof RadioNodeList && Array.from(field.values()).every(
+            (f) => f.type === "checkbox"
+          )) {
+            formValues[key] = formData.getAll(key);
+          } else {
+            field.type;
+            formValues[key] = formData.get(key);
+          }
+        });
+        onSubmit == null ? void 0 : onSubmit(formValues);
+      }
+    }, rest),
+    children
+  );
+}
+function registerForm(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseForm,
+    {
+      name: makeComponentName("form"),
+      displayName: "BaseForm",
+      importPath: "@plasmicpkgs/react-aria/registerForm",
+      importName: "BaseForm",
+      props: {
+        children: {
+          type: "slot"
+        },
+        onSubmit: {
+          type: "eventHandler",
+          argTypes: [{ name: "data", type: "object" }]
+        },
+        onReset: {
+          type: "eventHandler",
+          argTypes: []
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
@@ -752,26 +834,20 @@ var __spreadValues$7 = (a, b) => {
   return a;
 };
 function BaseLabel(props) {
-  const contextProps = React.useContext(PlasmicLabelContext);
-  return /* @__PURE__ */ React.createElement(Label, __spreadValues$7({}, mergeProps(contextProps, props)));
+  return /* @__PURE__ */ React.createElement(Label, __spreadValues$7({}, props));
 }
 function registerLabel(loader, overrides) {
   registerComponentHelper(
     loader,
     BaseLabel,
     {
-      name: "plasmic-react-aria-label",
+      name: makeComponentName("label"),
       displayName: "BaseLabel",
       importPath: "@plasmicpkgs/react-aria/registerLabel",
       importName: "BaseLabel",
       props: {
         children: {
-          type: "slot",
-          defaultValue: {
-            type: "text",
-            value: "Label"
-          },
-          mergeWithParent: true
+          type: "slot"
         }
       },
       trapsFocus: true
@@ -1456,6 +1532,7 @@ function registerAll(loader) {
   registerInput(loader);
   registerSection(loader);
   registerSwitch(loader);
+  registerForm(loader);
 }
 
 export { registerAll };