@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.
- package/dist/.tsbuildinfo +1 -1
- package/dist/contexts.d.ts +1 -1
- package/dist/react-aria.esm.js +136 -59
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +135 -58
- package/dist/react-aria.js.map +1 -1
- package/dist/registerForm.d.ts +9 -0
- package/dist/registerLabel.d.ts +2 -2
- package/package.json +4 -4
- package/skinny/{contexts-c0294d96.cjs.js → contexts-3e42cdf9.cjs.js} +2 -3
- package/skinny/{contexts-c0294d96.cjs.js.map → contexts-3e42cdf9.cjs.js.map} +1 -1
- package/skinny/{contexts-fd3e1077.esm.js → contexts-49f6c298.esm.js} +3 -3
- package/skinny/{contexts-fd3e1077.esm.js.map → contexts-49f6c298.esm.js.map} +1 -1
- package/skinny/contexts.d.ts +1 -1
- package/skinny/registerComboBox.cjs.js +1 -1
- package/skinny/registerComboBox.esm.js +1 -1
- package/skinny/registerFieldError.cjs.js +163 -0
- package/skinny/registerFieldError.cjs.js.map +1 -0
- package/skinny/registerFieldError.esm.js +156 -0
- package/skinny/registerFieldError.esm.js.map +1 -0
- package/skinny/registerForm.cjs.js +96 -0
- package/skinny/registerForm.cjs.js.map +1 -0
- package/skinny/registerForm.d.ts +9 -0
- package/skinny/registerForm.esm.js +89 -0
- package/skinny/registerForm.esm.js.map +1 -0
- package/skinny/registerHeader.cjs.js +1 -1
- package/skinny/registerHeader.esm.js +1 -1
- package/skinny/registerInput.cjs.js +1 -1
- package/skinny/registerInput.esm.js +1 -1
- package/skinny/registerLabel.cjs.js +5 -13
- package/skinny/registerLabel.cjs.js.map +1 -1
- package/skinny/registerLabel.d.ts +2 -2
- package/skinny/registerLabel.esm.js +4 -12
- package/skinny/registerLabel.esm.js.map +1 -1
- package/skinny/registerListBox.cjs.js +1 -1
- package/skinny/registerListBox.esm.js +1 -1
- package/skinny/registerListBoxItem.cjs.js +1 -1
- package/skinny/registerListBoxItem.esm.js +1 -1
- package/skinny/registerPopover.cjs.js +1 -1
- package/skinny/registerPopover.esm.js +1 -1
- package/skinny/registerSection.cjs.js +1 -1
- package/skinny/registerSection.esm.js +1 -1
- package/skinny/registerSelect.cjs.js +1 -1
- package/skinny/registerSelect.esm.js +1 -1
package/dist/react-aria.js
CHANGED
|
@@ -62,21 +62,21 @@ function getCommonInputProps(fieldName, fields) {
|
|
|
62
62
|
return filteredProps;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
var __defProp$
|
|
65
|
+
var __defProp$c = Object.defineProperty;
|
|
66
66
|
var __defProps$5 = Object.defineProperties;
|
|
67
67
|
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
68
|
-
var __getOwnPropSymbols$
|
|
69
|
-
var __hasOwnProp$
|
|
70
|
-
var __propIsEnum$
|
|
71
|
-
var __defNormalProp$
|
|
72
|
-
var __spreadValues$
|
|
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$
|
|
75
|
-
__defNormalProp$
|
|
76
|
-
if (__getOwnPropSymbols$
|
|
77
|
-
for (var prop of __getOwnPropSymbols$
|
|
78
|
-
if (__propIsEnum$
|
|
79
|
-
__defNormalProp$
|
|
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$
|
|
93
|
-
props: __spreadValues$
|
|
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$
|
|
131
|
+
var __defProp$b = Object.defineProperty;
|
|
132
132
|
var __defProps$4 = Object.defineProperties;
|
|
133
133
|
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
134
|
-
var __getOwnPropSymbols$
|
|
135
|
-
var __hasOwnProp$
|
|
136
|
-
var __propIsEnum$
|
|
137
|
-
var __defNormalProp$
|
|
138
|
-
var __spreadValues$
|
|
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$
|
|
141
|
-
__defNormalProp$
|
|
142
|
-
if (__getOwnPropSymbols$
|
|
143
|
-
for (var prop of __getOwnPropSymbols$
|
|
144
|
-
if (__propIsEnum$
|
|
145
|
-
__defNormalProp$
|
|
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$
|
|
150
|
+
var __objRest$4 = (source, exclude) => {
|
|
151
151
|
var target = {};
|
|
152
152
|
for (var prop in source)
|
|
153
|
-
if (__hasOwnProp$
|
|
153
|
+
if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
154
154
|
target[prop] = source[prop];
|
|
155
|
-
if (source != null && __getOwnPropSymbols$
|
|
156
|
-
for (var prop of __getOwnPropSymbols$
|
|
157
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
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$
|
|
409
|
+
var __defProp$a = Object.defineProperty;
|
|
410
410
|
var __defProps$3 = Object.defineProperties;
|
|
411
411
|
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
412
|
-
var __getOwnPropSymbols$
|
|
413
|
-
var __hasOwnProp$
|
|
414
|
-
var __propIsEnum$
|
|
415
|
-
var __defNormalProp$
|
|
416
|
-
var __spreadValues$
|
|
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$
|
|
419
|
-
__defNormalProp$
|
|
420
|
-
if (__getOwnPropSymbols$
|
|
421
|
-
for (var prop of __getOwnPropSymbols$
|
|
422
|
-
if (__propIsEnum$
|
|
423
|
-
__defNormalProp$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
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: "
|
|
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;
|