@plasmicpkgs/react-aria 0.0.11 → 0.0.12

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.
Files changed (44) hide show
  1. package/dist/.tsbuildinfo +1 -1
  2. package/dist/contexts.d.ts +1 -1
  3. package/dist/react-aria.esm.js +136 -59
  4. package/dist/react-aria.esm.js.map +1 -1
  5. package/dist/react-aria.js +135 -58
  6. package/dist/react-aria.js.map +1 -1
  7. package/dist/registerForm.d.ts +9 -0
  8. package/dist/registerLabel.d.ts +2 -2
  9. package/package.json +4 -4
  10. package/skinny/{contexts-c0294d96.cjs.js → contexts-3e42cdf9.cjs.js} +2 -3
  11. package/skinny/{contexts-c0294d96.cjs.js.map → contexts-3e42cdf9.cjs.js.map} +1 -1
  12. package/skinny/{contexts-fd3e1077.esm.js → contexts-49f6c298.esm.js} +3 -3
  13. package/skinny/{contexts-fd3e1077.esm.js.map → contexts-49f6c298.esm.js.map} +1 -1
  14. package/skinny/contexts.d.ts +1 -1
  15. package/skinny/registerComboBox.cjs.js +1 -1
  16. package/skinny/registerComboBox.esm.js +1 -1
  17. package/skinny/registerFieldError.cjs.js +163 -0
  18. package/skinny/registerFieldError.cjs.js.map +1 -0
  19. package/skinny/registerFieldError.esm.js +156 -0
  20. package/skinny/registerFieldError.esm.js.map +1 -0
  21. package/skinny/registerForm.cjs.js +96 -0
  22. package/skinny/registerForm.cjs.js.map +1 -0
  23. package/skinny/registerForm.d.ts +9 -0
  24. package/skinny/registerForm.esm.js +89 -0
  25. package/skinny/registerForm.esm.js.map +1 -0
  26. package/skinny/registerHeader.cjs.js +1 -1
  27. package/skinny/registerHeader.esm.js +1 -1
  28. package/skinny/registerInput.cjs.js +1 -1
  29. package/skinny/registerInput.esm.js +1 -1
  30. package/skinny/registerLabel.cjs.js +5 -13
  31. package/skinny/registerLabel.cjs.js.map +1 -1
  32. package/skinny/registerLabel.d.ts +2 -2
  33. package/skinny/registerLabel.esm.js +4 -12
  34. package/skinny/registerLabel.esm.js.map +1 -1
  35. package/skinny/registerListBox.cjs.js +1 -1
  36. package/skinny/registerListBox.esm.js +1 -1
  37. package/skinny/registerListBoxItem.cjs.js +1 -1
  38. package/skinny/registerListBoxItem.esm.js +1 -1
  39. package/skinny/registerPopover.cjs.js +1 -1
  40. package/skinny/registerPopover.esm.js +1 -1
  41. package/skinny/registerSection.cjs.js +1 -1
  42. package/skinny/registerSection.esm.js +1 -1
  43. package/skinny/registerSelect.cjs.js +1 -1
  44. package/skinny/registerSelect.esm.js +1 -1
@@ -62,21 +62,21 @@ function getCommonInputProps(fieldName, fields) {
62
62
  return filteredProps;
63
63
  }
64
64
 
65
- var __defProp$b = Object.defineProperty;
65
+ var __defProp$c = Object.defineProperty;
66
66
  var __defProps$5 = Object.defineProperties;
67
67
  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
68
- var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
69
- var __hasOwnProp$b = Object.prototype.hasOwnProperty;
70
- var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
71
- var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
72
- var __spreadValues$b = (a, b) => {
68
+ var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
69
+ var __hasOwnProp$c = Object.prototype.hasOwnProperty;
70
+ var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
71
+ var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
72
+ var __spreadValues$c = (a, b) => {
73
73
  for (var prop in b || (b = {}))
74
- if (__hasOwnProp$b.call(b, prop))
75
- __defNormalProp$b(a, prop, b[prop]);
76
- if (__getOwnPropSymbols$b)
77
- for (var prop of __getOwnPropSymbols$b(b)) {
78
- if (__propIsEnum$b.call(b, prop))
79
- __defNormalProp$b(a, prop, b[prop]);
74
+ if (__hasOwnProp$c.call(b, prop))
75
+ __defNormalProp$c(a, prop, b[prop]);
76
+ if (__getOwnPropSymbols$c)
77
+ for (var prop of __getOwnPropSymbols$c(b)) {
78
+ if (__propIsEnum$c.call(b, prop))
79
+ __defNormalProp$c(a, prop, b[prop]);
80
80
  }
81
81
  return a;
82
82
  };
@@ -89,8 +89,8 @@ function ValueObserver({ value, onChange }) {
89
89
  }
90
90
  function registerComponentHelper(loader, component, meta, overrides) {
91
91
  if (overrides) {
92
- meta = __spreadProps$5(__spreadValues$b(__spreadValues$b({}, meta), overrides), {
93
- props: __spreadValues$b(__spreadValues$b({}, meta.props), overrides.props)
92
+ meta = __spreadProps$5(__spreadValues$c(__spreadValues$c({}, meta), overrides), {
93
+ props: __spreadValues$c(__spreadValues$c({}, meta.props), overrides.props)
94
94
  });
95
95
  if (overrides.parentComponentName) {
96
96
  meta.name = makeChildComponentName(
@@ -128,41 +128,41 @@ function withoutNils(array) {
128
128
  return array.filter((x) => x != null);
129
129
  }
130
130
 
131
- var __defProp$a = Object.defineProperty;
131
+ var __defProp$b = Object.defineProperty;
132
132
  var __defProps$4 = Object.defineProperties;
133
133
  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
134
- var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
135
- var __hasOwnProp$a = Object.prototype.hasOwnProperty;
136
- var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
137
- var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
138
- var __spreadValues$a = (a, b) => {
134
+ var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
135
+ var __hasOwnProp$b = Object.prototype.hasOwnProperty;
136
+ var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
137
+ var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
138
+ var __spreadValues$b = (a, b) => {
139
139
  for (var prop in b || (b = {}))
140
- if (__hasOwnProp$a.call(b, prop))
141
- __defNormalProp$a(a, prop, b[prop]);
142
- if (__getOwnPropSymbols$a)
143
- for (var prop of __getOwnPropSymbols$a(b)) {
144
- if (__propIsEnum$a.call(b, prop))
145
- __defNormalProp$a(a, prop, b[prop]);
140
+ if (__hasOwnProp$b.call(b, prop))
141
+ __defNormalProp$b(a, prop, b[prop]);
142
+ if (__getOwnPropSymbols$b)
143
+ for (var prop of __getOwnPropSymbols$b(b)) {
144
+ if (__propIsEnum$b.call(b, prop))
145
+ __defNormalProp$b(a, prop, b[prop]);
146
146
  }
147
147
  return a;
148
148
  };
149
149
  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
150
- var __objRest$3 = (source, exclude) => {
150
+ var __objRest$4 = (source, exclude) => {
151
151
  var target = {};
152
152
  for (var prop in source)
153
- if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
153
+ if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
154
154
  target[prop] = source[prop];
155
- if (source != null && __getOwnPropSymbols$a)
156
- for (var prop of __getOwnPropSymbols$a(source)) {
157
- if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
155
+ if (source != null && __getOwnPropSymbols$b)
156
+ for (var prop of __getOwnPropSymbols$b(source)) {
157
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
158
158
  target[prop] = source[prop];
159
159
  }
160
160
  return target;
161
161
  };
162
162
  function BaseButton(props) {
163
- const _a = props, { submitsForm, onFocusVisibleChange, resetsForm, children } = _a, rest = __objRest$3(_a, ["submitsForm", "onFocusVisibleChange", "resetsForm", "children"]);
163
+ const _a = props, { submitsForm, onFocusVisibleChange, resetsForm, children } = _a, rest = __objRest$4(_a, ["submitsForm", "onFocusVisibleChange", "resetsForm", "children"]);
164
164
  const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
165
- return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$a({ type }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
165
+ return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$b({ type }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
166
166
  ValueObserver,
167
167
  {
168
168
  value: isFocusVisible,
@@ -179,7 +179,7 @@ function registerButton(loader, overrides) {
179
179
  displayName: "BaseButton",
180
180
  importPath: "@plasmicpkgs/react-aria/registerButton",
181
181
  importName: "BaseButton",
182
- props: __spreadProps$4(__spreadValues$a({}, getCommonInputProps("button", [
182
+ props: __spreadProps$4(__spreadValues$b({}, getCommonInputProps("button", [
183
183
  "isDisabled",
184
184
  "aria-label",
185
185
  "children"
@@ -249,7 +249,7 @@ function registerButton(loader, overrides) {
249
249
  );
250
250
  }
251
251
 
252
- const PlasmicLabelContext = React__default.default.createContext(void 0);
252
+ React__default.default.createContext(void 0);
253
253
  const PlasmicListBoxContext = React__default.default.createContext(void 0);
254
254
  const PlasmicPopoverContext = React__default.default.createContext(void 0);
255
255
  const PlasmicItemContext = React__default.default.createContext(void 0);
@@ -406,21 +406,21 @@ function makeValuePropType() {
406
406
  return type;
407
407
  }
408
408
 
409
- var __defProp$9 = Object.defineProperty;
409
+ var __defProp$a = Object.defineProperty;
410
410
  var __defProps$3 = Object.defineProperties;
411
411
  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
412
- var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
413
- var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
414
- var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
415
- var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
416
- var __spreadValues$9 = (a, b) => {
412
+ var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
413
+ var __hasOwnProp$a = Object.prototype.hasOwnProperty;
414
+ var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
415
+ var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
416
+ var __spreadValues$a = (a, b) => {
417
417
  for (var prop in b || (b = {}))
418
- if (__hasOwnProp$9.call(b, prop))
419
- __defNormalProp$9(a, prop, b[prop]);
420
- if (__getOwnPropSymbols$9)
421
- for (var prop of __getOwnPropSymbols$9(b)) {
422
- if (__propIsEnum$9.call(b, prop))
423
- __defNormalProp$9(a, prop, b[prop]);
418
+ if (__hasOwnProp$a.call(b, prop))
419
+ __defNormalProp$a(a, prop, b[prop]);
420
+ if (__getOwnPropSymbols$a)
421
+ for (var prop of __getOwnPropSymbols$a(b)) {
422
+ if (__propIsEnum$a.call(b, prop))
423
+ __defNormalProp$a(a, prop, b[prop]);
424
424
  }
425
425
  return a;
426
426
  };
@@ -457,7 +457,7 @@ function BaseComboBox(props) {
457
457
  return withoutNils(
458
458
  options2.map((op) => {
459
459
  if (op.type === "section") {
460
- return __spreadProps$3(__spreadValues$9({}, op), {
460
+ return __spreadProps$3(__spreadValues$a({}, op), {
461
461
  items: op.items ? filterOptions(op.items) : void 0
462
462
  });
463
463
  } else {
@@ -541,7 +541,7 @@ function BaseComboBox(props) {
541
541
  ]);
542
542
  return /* @__PURE__ */ React__default.default.createElement(
543
543
  reactAriaComponents.ComboBox,
544
- __spreadValues$9({
544
+ __spreadValues$a({
545
545
  selectedKey: value,
546
546
  onSelectionChange,
547
547
  isDisabled,
@@ -680,6 +680,88 @@ function registerComboBox(loader) {
680
680
  });
681
681
  }
682
682
 
683
+ var __defProp$9 = Object.defineProperty;
684
+ var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
685
+ var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
686
+ var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
687
+ var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
688
+ var __spreadValues$9 = (a, b) => {
689
+ for (var prop in b || (b = {}))
690
+ if (__hasOwnProp$9.call(b, prop))
691
+ __defNormalProp$9(a, prop, b[prop]);
692
+ if (__getOwnPropSymbols$9)
693
+ for (var prop of __getOwnPropSymbols$9(b)) {
694
+ if (__propIsEnum$9.call(b, prop))
695
+ __defNormalProp$9(a, prop, b[prop]);
696
+ }
697
+ return a;
698
+ };
699
+ var __objRest$3 = (source, exclude) => {
700
+ var target = {};
701
+ for (var prop in source)
702
+ if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
703
+ target[prop] = source[prop];
704
+ if (source != null && __getOwnPropSymbols$9)
705
+ for (var prop of __getOwnPropSymbols$9(source)) {
706
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
707
+ target[prop] = source[prop];
708
+ }
709
+ return target;
710
+ };
711
+ function BaseForm(props) {
712
+ const _a = props, { onSubmit, children } = _a, rest = __objRest$3(_a, ["onSubmit", "children"]);
713
+ return /* @__PURE__ */ React__default.default.createElement(
714
+ reactAriaComponents.Form,
715
+ __spreadValues$9({
716
+ onSubmit: (e) => {
717
+ e.preventDefault();
718
+ const formData = new FormData(e.currentTarget);
719
+ const formValues = {};
720
+ formData.forEach((value, key) => {
721
+ const field = e.currentTarget.elements.namedItem(key);
722
+ if (field instanceof RadioNodeList && Array.from(field.values()).every(
723
+ (f) => f.type === "checkbox"
724
+ )) {
725
+ formValues[key] = formData.getAll(key);
726
+ } else {
727
+ field.type;
728
+ formValues[key] = formData.get(key);
729
+ }
730
+ });
731
+ onSubmit == null ? void 0 : onSubmit(formValues);
732
+ }
733
+ }, rest),
734
+ children
735
+ );
736
+ }
737
+ function registerForm(loader, overrides) {
738
+ registerComponentHelper(
739
+ loader,
740
+ BaseForm,
741
+ {
742
+ name: makeComponentName("form"),
743
+ displayName: "BaseForm",
744
+ importPath: "@plasmicpkgs/react-aria/registerForm",
745
+ importName: "BaseForm",
746
+ props: {
747
+ children: {
748
+ type: "slot"
749
+ },
750
+ onSubmit: {
751
+ type: "eventHandler",
752
+ argTypes: [{ name: "data", type: "object" }]
753
+ },
754
+ onReset: {
755
+ type: "eventHandler",
756
+ argTypes: []
757
+ }
758
+ },
759
+ trapsFocus: true
760
+ },
761
+ overrides
762
+ );
763
+ }
764
+
683
765
  var __defProp$8 = Object.defineProperty;
684
766
  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
685
767
  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
@@ -759,26 +841,20 @@ var __spreadValues$7 = (a, b) => {
759
841
  return a;
760
842
  };
761
843
  function BaseLabel(props) {
762
- const contextProps = React__default.default.useContext(PlasmicLabelContext);
763
- return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Label, __spreadValues$7({}, utils.mergeProps(contextProps, props)));
844
+ return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Label, __spreadValues$7({}, props));
764
845
  }
765
846
  function registerLabel(loader, overrides) {
766
847
  registerComponentHelper(
767
848
  loader,
768
849
  BaseLabel,
769
850
  {
770
- name: "plasmic-react-aria-label",
851
+ name: makeComponentName("label"),
771
852
  displayName: "BaseLabel",
772
853
  importPath: "@plasmicpkgs/react-aria/registerLabel",
773
854
  importName: "BaseLabel",
774
855
  props: {
775
856
  children: {
776
- type: "slot",
777
- defaultValue: {
778
- type: "text",
779
- value: "Label"
780
- },
781
- mergeWithParent: true
857
+ type: "slot"
782
858
  }
783
859
  },
784
860
  trapsFocus: true
@@ -1463,6 +1539,7 @@ function registerAll(loader) {
1463
1539
  registerInput(loader);
1464
1540
  registerSection(loader);
1465
1541
  registerSwitch(loader);
1542
+ registerForm(loader);
1466
1543
  }
1467
1544
 
1468
1545
  exports.registerAll = registerAll;