@plasmicpkgs/react-aria 0.0.78 → 0.0.80
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/react-aria.esm.js +108 -270
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +107 -269
- package/dist/react-aria.js.map +1 -1
- package/dist/registerCheckbox.d.ts +1 -0
- package/package.json +2 -2
- package/skinny/registerButton.cjs.js +13 -2
- package/skinny/registerButton.cjs.js.map +1 -1
- package/skinny/registerButton.esm.js +13 -2
- package/skinny/registerButton.esm.js.map +1 -1
- package/skinny/registerCheckbox.cjs.js +3 -1
- package/skinny/registerCheckbox.cjs.js.map +1 -1
- package/skinny/registerCheckbox.d.ts +1 -0
- package/skinny/registerCheckbox.esm.js +4 -3
- package/skinny/registerCheckbox.esm.js.map +1 -1
- package/skinny/registerCheckboxGroup.cjs.js +4 -10
- package/skinny/registerCheckboxGroup.cjs.js.map +1 -1
- package/skinny/registerCheckboxGroup.esm.js +6 -12
- package/skinny/registerCheckboxGroup.esm.js.map +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/registerRadioGroup.cjs.js +0 -3
- package/skinny/registerRadioGroup.cjs.js.map +1 -1
- package/skinny/registerRadioGroup.esm.js +1 -4
- package/skinny/registerRadioGroup.esm.js.map +1 -1
- package/skinny/registerSelect.cjs.js +1 -0
- package/skinny/registerSelect.cjs.js.map +1 -1
- package/skinny/registerSelect.esm.js +1 -0
- package/skinny/registerSelect.esm.js.map +1 -1
- package/skinny/registerTextField.cjs.js +0 -10
- package/skinny/registerTextField.cjs.js.map +1 -1
- package/skinny/registerTextField.esm.js +3 -13
- package/skinny/registerTextField.esm.js.map +1 -1
- package/dist/registerFieldError.d.ts +0 -19
- package/skinny/registerFieldError.d.ts +0 -19
package/dist/react-aria.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var host = require('@plasmicapp/host');
|
|
3
4
|
var React = require('react');
|
|
5
|
+
var reactAria = require('react-aria');
|
|
4
6
|
var reactAriaComponents = require('react-aria-components');
|
|
5
|
-
var host = require('@plasmicapp/host');
|
|
6
7
|
var registerComponent = require('@plasmicapp/host/registerComponent');
|
|
7
|
-
var reactAria = require('react-aria');
|
|
8
8
|
var utils = require('@react-aria/utils');
|
|
9
9
|
var flattenChildren = require('react-keyed-flatten-children');
|
|
10
10
|
|
|
@@ -14,21 +14,21 @@ var React__default = /*#__PURE__*/_interopDefault(React);
|
|
|
14
14
|
var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
|
|
15
15
|
var flattenChildren__default = /*#__PURE__*/_interopDefault(flattenChildren);
|
|
16
16
|
|
|
17
|
-
var __defProp$
|
|
17
|
+
var __defProp$q = Object.defineProperty;
|
|
18
18
|
var __defProps$g = Object.defineProperties;
|
|
19
19
|
var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
|
|
20
|
-
var __getOwnPropSymbols$
|
|
21
|
-
var __hasOwnProp$
|
|
22
|
-
var __propIsEnum$
|
|
23
|
-
var __defNormalProp$
|
|
24
|
-
var __spreadValues$
|
|
20
|
+
var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
|
|
21
|
+
var __hasOwnProp$q = Object.prototype.hasOwnProperty;
|
|
22
|
+
var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
|
|
23
|
+
var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
24
|
+
var __spreadValues$q = (a, b) => {
|
|
25
25
|
for (var prop in b || (b = {}))
|
|
26
|
-
if (__hasOwnProp$
|
|
27
|
-
__defNormalProp$
|
|
28
|
-
if (__getOwnPropSymbols$
|
|
29
|
-
for (var prop of __getOwnPropSymbols$
|
|
30
|
-
if (__propIsEnum$
|
|
31
|
-
__defNormalProp$
|
|
26
|
+
if (__hasOwnProp$q.call(b, prop))
|
|
27
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
28
|
+
if (__getOwnPropSymbols$q)
|
|
29
|
+
for (var prop of __getOwnPropSymbols$q(b)) {
|
|
30
|
+
if (__propIsEnum$q.call(b, prop))
|
|
31
|
+
__defNormalProp$q(a, prop, b[prop]);
|
|
32
32
|
}
|
|
33
33
|
return a;
|
|
34
34
|
};
|
|
@@ -54,14 +54,14 @@ function useAutoOpen({
|
|
|
54
54
|
}
|
|
55
55
|
function registerComponentHelper(loader, component, meta, overrides) {
|
|
56
56
|
var _a;
|
|
57
|
-
meta = __spreadProps$g(__spreadValues$
|
|
58
|
-
defaultStyles: __spreadValues$
|
|
57
|
+
meta = __spreadProps$g(__spreadValues$q({}, meta), {
|
|
58
|
+
defaultStyles: __spreadValues$q({
|
|
59
59
|
boxSizing: "border-box"
|
|
60
60
|
}, (_a = meta.defaultStyles) != null ? _a : {})
|
|
61
61
|
});
|
|
62
62
|
if (overrides) {
|
|
63
|
-
meta = __spreadProps$g(__spreadValues$
|
|
64
|
-
props: __spreadValues$
|
|
63
|
+
meta = __spreadProps$g(__spreadValues$q(__spreadValues$q({}, meta), overrides), {
|
|
64
|
+
props: __spreadValues$q(__spreadValues$q({}, meta.props), overrides.props)
|
|
65
65
|
});
|
|
66
66
|
if (overrides.parentComponentName) {
|
|
67
67
|
meta.name = makeChildComponentName(
|
|
@@ -524,33 +524,33 @@ function pickAriaComponentVariants(keys) {
|
|
|
524
524
|
};
|
|
525
525
|
}
|
|
526
526
|
|
|
527
|
-
var __defProp$
|
|
527
|
+
var __defProp$p = Object.defineProperty;
|
|
528
528
|
var __defProps$f = Object.defineProperties;
|
|
529
529
|
var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
|
|
530
|
-
var __getOwnPropSymbols$
|
|
531
|
-
var __hasOwnProp$
|
|
532
|
-
var __propIsEnum$
|
|
533
|
-
var __defNormalProp$
|
|
534
|
-
var __spreadValues$
|
|
530
|
+
var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
|
|
531
|
+
var __hasOwnProp$p = Object.prototype.hasOwnProperty;
|
|
532
|
+
var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
|
|
533
|
+
var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
534
|
+
var __spreadValues$p = (a, b) => {
|
|
535
535
|
for (var prop in b || (b = {}))
|
|
536
|
-
if (__hasOwnProp$
|
|
537
|
-
__defNormalProp$
|
|
538
|
-
if (__getOwnPropSymbols$
|
|
539
|
-
for (var prop of __getOwnPropSymbols$
|
|
540
|
-
if (__propIsEnum$
|
|
541
|
-
__defNormalProp$
|
|
536
|
+
if (__hasOwnProp$p.call(b, prop))
|
|
537
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
538
|
+
if (__getOwnPropSymbols$p)
|
|
539
|
+
for (var prop of __getOwnPropSymbols$p(b)) {
|
|
540
|
+
if (__propIsEnum$p.call(b, prop))
|
|
541
|
+
__defNormalProp$p(a, prop, b[prop]);
|
|
542
542
|
}
|
|
543
543
|
return a;
|
|
544
544
|
};
|
|
545
545
|
var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
|
|
546
|
-
var __objRest$
|
|
546
|
+
var __objRest$n = (source, exclude) => {
|
|
547
547
|
var target = {};
|
|
548
548
|
for (var prop in source)
|
|
549
|
-
if (__hasOwnProp$
|
|
549
|
+
if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
550
550
|
target[prop] = source[prop];
|
|
551
|
-
if (source != null && __getOwnPropSymbols$
|
|
552
|
-
for (var prop of __getOwnPropSymbols$
|
|
553
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
551
|
+
if (source != null && __getOwnPropSymbols$p)
|
|
552
|
+
for (var prop of __getOwnPropSymbols$p(source)) {
|
|
553
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
|
|
554
554
|
target[prop] = source[prop];
|
|
555
555
|
}
|
|
556
556
|
return target;
|
|
@@ -565,9 +565,19 @@ const BUTTON_VARIANTS = [
|
|
|
565
565
|
const { variants: variants$f, withObservedValues: withObservedValues$d } = pickAriaComponentVariants(BUTTON_VARIANTS);
|
|
566
566
|
const BaseButton = React__default.default.forwardRef(
|
|
567
567
|
(props, ref) => {
|
|
568
|
-
|
|
568
|
+
var _b;
|
|
569
|
+
const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$n(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
|
|
570
|
+
const canvasContext = (_b = host.usePlasmicCanvasContext) == null ? void 0 : _b();
|
|
571
|
+
const isEditMode = canvasContext && canvasContext.interactive === false;
|
|
569
572
|
const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
|
|
570
|
-
|
|
573
|
+
const mergedProps = reactAria.mergeProps(rest, {
|
|
574
|
+
type,
|
|
575
|
+
ref,
|
|
576
|
+
// The rich text editor can cancel effect of clicks/hover, but not of key strokes.
|
|
577
|
+
// When pressing space key, the button's "pressed" state is triggered, and the rich text editor loses focus as a result.
|
|
578
|
+
preventFocusOnPress: isEditMode
|
|
579
|
+
});
|
|
580
|
+
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$p({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
|
|
571
581
|
children,
|
|
572
582
|
{
|
|
573
583
|
hovered: isHovered,
|
|
@@ -598,7 +608,7 @@ function registerButton(loader, overrides) {
|
|
|
598
608
|
padding: "2px 10px",
|
|
599
609
|
cursor: "pointer"
|
|
600
610
|
},
|
|
601
|
-
props: __spreadProps$f(__spreadValues$
|
|
611
|
+
props: __spreadProps$f(__spreadValues$p({}, getCommonProps("button", [
|
|
602
612
|
"autoFocus",
|
|
603
613
|
"isDisabled",
|
|
604
614
|
"aria-label"
|
|
@@ -653,33 +663,33 @@ const PlasmicListBoxContext = React__default.default.createContext(void 0);
|
|
|
653
663
|
React__default.default.createContext(void 0);
|
|
654
664
|
const PlasmicInputContext = React__default.default.createContext(void 0);
|
|
655
665
|
|
|
656
|
-
var __defProp$
|
|
666
|
+
var __defProp$o = Object.defineProperty;
|
|
657
667
|
var __defProps$e = Object.defineProperties;
|
|
658
668
|
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
659
|
-
var __getOwnPropSymbols$
|
|
660
|
-
var __hasOwnProp$
|
|
661
|
-
var __propIsEnum$
|
|
662
|
-
var __defNormalProp$
|
|
663
|
-
var __spreadValues$
|
|
669
|
+
var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
|
|
670
|
+
var __hasOwnProp$o = Object.prototype.hasOwnProperty;
|
|
671
|
+
var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
|
|
672
|
+
var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
673
|
+
var __spreadValues$o = (a, b) => {
|
|
664
674
|
for (var prop in b || (b = {}))
|
|
665
|
-
if (__hasOwnProp$
|
|
666
|
-
__defNormalProp$
|
|
667
|
-
if (__getOwnPropSymbols$
|
|
668
|
-
for (var prop of __getOwnPropSymbols$
|
|
669
|
-
if (__propIsEnum$
|
|
670
|
-
__defNormalProp$
|
|
675
|
+
if (__hasOwnProp$o.call(b, prop))
|
|
676
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
677
|
+
if (__getOwnPropSymbols$o)
|
|
678
|
+
for (var prop of __getOwnPropSymbols$o(b)) {
|
|
679
|
+
if (__propIsEnum$o.call(b, prop))
|
|
680
|
+
__defNormalProp$o(a, prop, b[prop]);
|
|
671
681
|
}
|
|
672
682
|
return a;
|
|
673
683
|
};
|
|
674
684
|
var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
|
|
675
|
-
var __objRest$
|
|
685
|
+
var __objRest$m = (source, exclude) => {
|
|
676
686
|
var target = {};
|
|
677
687
|
for (var prop in source)
|
|
678
|
-
if (__hasOwnProp$
|
|
688
|
+
if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
679
689
|
target[prop] = source[prop];
|
|
680
|
-
if (source != null && __getOwnPropSymbols$
|
|
681
|
-
for (var prop of __getOwnPropSymbols$
|
|
682
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
690
|
+
if (source != null && __getOwnPropSymbols$o)
|
|
691
|
+
for (var prop of __getOwnPropSymbols$o(source)) {
|
|
692
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
|
|
683
693
|
target[prop] = source[prop];
|
|
684
694
|
}
|
|
685
695
|
return target;
|
|
@@ -697,12 +707,12 @@ const CHECKBOX_VARIANTS = [
|
|
|
697
707
|
];
|
|
698
708
|
const { variants: variants$e, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
|
|
699
709
|
function BaseCheckbox(props) {
|
|
700
|
-
const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$
|
|
710
|
+
const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$m(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
|
|
701
711
|
const contextProps = React__default.default.useContext(PlasmicCheckboxGroupContext);
|
|
702
712
|
setControlContextData == null ? void 0 : setControlContextData({
|
|
703
713
|
parent: contextProps
|
|
704
714
|
});
|
|
705
|
-
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues$
|
|
715
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues$o({}, rest), ({
|
|
706
716
|
isHovered,
|
|
707
717
|
isPressed,
|
|
708
718
|
isFocused,
|
|
@@ -772,17 +782,18 @@ const makeDefaultCheckboxChildren = ({
|
|
|
772
782
|
] : []
|
|
773
783
|
]
|
|
774
784
|
});
|
|
785
|
+
const CHECKBOX_COMPONENT_NAME = makeComponentName("checkbox");
|
|
775
786
|
function registerCheckbox(loader, overrides) {
|
|
776
787
|
return registerComponentHelper(
|
|
777
788
|
loader,
|
|
778
789
|
BaseCheckbox,
|
|
779
790
|
{
|
|
780
|
-
name:
|
|
791
|
+
name: CHECKBOX_COMPONENT_NAME,
|
|
781
792
|
displayName: "Aria Checkbox",
|
|
782
793
|
importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
|
|
783
794
|
importName: "BaseCheckbox",
|
|
784
795
|
variants: variants$e,
|
|
785
|
-
props: __spreadProps$e(__spreadValues$
|
|
796
|
+
props: __spreadProps$e(__spreadValues$o({}, getCommonProps("checkbox", [
|
|
786
797
|
"name",
|
|
787
798
|
"isDisabled",
|
|
788
799
|
"isReadOnly",
|
|
@@ -850,40 +861,40 @@ function registerCheckbox(loader, overrides) {
|
|
|
850
861
|
);
|
|
851
862
|
}
|
|
852
863
|
|
|
853
|
-
var __defProp$
|
|
864
|
+
var __defProp$n = Object.defineProperty;
|
|
854
865
|
var __defProps$d = Object.defineProperties;
|
|
855
866
|
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
856
|
-
var __getOwnPropSymbols$
|
|
857
|
-
var __hasOwnProp$
|
|
858
|
-
var __propIsEnum$
|
|
859
|
-
var __defNormalProp$
|
|
860
|
-
var __spreadValues$
|
|
867
|
+
var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
|
|
868
|
+
var __hasOwnProp$n = Object.prototype.hasOwnProperty;
|
|
869
|
+
var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
|
|
870
|
+
var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
871
|
+
var __spreadValues$n = (a, b) => {
|
|
861
872
|
for (var prop in b || (b = {}))
|
|
862
|
-
if (__hasOwnProp$
|
|
863
|
-
__defNormalProp$
|
|
864
|
-
if (__getOwnPropSymbols$
|
|
865
|
-
for (var prop of __getOwnPropSymbols$
|
|
866
|
-
if (__propIsEnum$
|
|
867
|
-
__defNormalProp$
|
|
873
|
+
if (__hasOwnProp$n.call(b, prop))
|
|
874
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
875
|
+
if (__getOwnPropSymbols$n)
|
|
876
|
+
for (var prop of __getOwnPropSymbols$n(b)) {
|
|
877
|
+
if (__propIsEnum$n.call(b, prop))
|
|
878
|
+
__defNormalProp$n(a, prop, b[prop]);
|
|
868
879
|
}
|
|
869
880
|
return a;
|
|
870
881
|
};
|
|
871
882
|
var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
|
|
872
|
-
var __objRest$
|
|
883
|
+
var __objRest$l = (source, exclude) => {
|
|
873
884
|
var target = {};
|
|
874
885
|
for (var prop in source)
|
|
875
|
-
if (__hasOwnProp$
|
|
886
|
+
if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
876
887
|
target[prop] = source[prop];
|
|
877
|
-
if (source != null && __getOwnPropSymbols$
|
|
878
|
-
for (var prop of __getOwnPropSymbols$
|
|
879
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$
|
|
888
|
+
if (source != null && __getOwnPropSymbols$n)
|
|
889
|
+
for (var prop of __getOwnPropSymbols$n(source)) {
|
|
890
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
|
|
880
891
|
target[prop] = source[prop];
|
|
881
892
|
}
|
|
882
893
|
return target;
|
|
883
894
|
};
|
|
884
895
|
function BaseText(_a) {
|
|
885
|
-
var _b = _a, { children, slot, className } = _b, rest = __objRest$
|
|
886
|
-
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Text, __spreadProps$d(__spreadValues$
|
|
896
|
+
var _b = _a, { children, slot, className } = _b, rest = __objRest$l(_b, ["children", "slot", "className"]);
|
|
897
|
+
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Text, __spreadProps$d(__spreadValues$n({}, extractPlasmicDataProps(rest)), { slot, className }), children);
|
|
887
898
|
}
|
|
888
899
|
const TEXT_COMPONENT_NAME = makeComponentName("text");
|
|
889
900
|
function registerText(loader, overrides) {
|
|
@@ -917,28 +928,28 @@ function registerText(loader, overrides) {
|
|
|
917
928
|
);
|
|
918
929
|
}
|
|
919
930
|
|
|
920
|
-
var __defProp$
|
|
931
|
+
var __defProp$m = Object.defineProperty;
|
|
921
932
|
var __defProps$c = Object.defineProperties;
|
|
922
933
|
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
923
|
-
var __getOwnPropSymbols$
|
|
924
|
-
var __hasOwnProp$
|
|
925
|
-
var __propIsEnum$
|
|
926
|
-
var __defNormalProp$
|
|
927
|
-
var __spreadValues$
|
|
934
|
+
var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
|
|
935
|
+
var __hasOwnProp$m = Object.prototype.hasOwnProperty;
|
|
936
|
+
var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
|
|
937
|
+
var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
938
|
+
var __spreadValues$m = (a, b) => {
|
|
928
939
|
for (var prop in b || (b = {}))
|
|
929
|
-
if (__hasOwnProp$
|
|
930
|
-
__defNormalProp$
|
|
931
|
-
if (__getOwnPropSymbols$
|
|
932
|
-
for (var prop of __getOwnPropSymbols$
|
|
933
|
-
if (__propIsEnum$
|
|
934
|
-
__defNormalProp$
|
|
940
|
+
if (__hasOwnProp$m.call(b, prop))
|
|
941
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
942
|
+
if (__getOwnPropSymbols$m)
|
|
943
|
+
for (var prop of __getOwnPropSymbols$m(b)) {
|
|
944
|
+
if (__propIsEnum$m.call(b, prop))
|
|
945
|
+
__defNormalProp$m(a, prop, b[prop]);
|
|
935
946
|
}
|
|
936
947
|
return a;
|
|
937
948
|
};
|
|
938
949
|
var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
|
|
939
950
|
const DESCRIPTION_COMPONENT_NAME = makeComponentName("description");
|
|
940
951
|
function registerDescription(loader, overrides) {
|
|
941
|
-
return registerText(loader, __spreadProps$c(__spreadValues$
|
|
952
|
+
return registerText(loader, __spreadProps$c(__spreadValues$m({}, overrides), {
|
|
942
953
|
name: DESCRIPTION_COMPONENT_NAME,
|
|
943
954
|
displayName: "Aria Description",
|
|
944
955
|
props: {
|
|
@@ -951,165 +962,6 @@ function registerDescription(loader, overrides) {
|
|
|
951
962
|
}));
|
|
952
963
|
}
|
|
953
964
|
|
|
954
|
-
var __defProp$m = Object.defineProperty;
|
|
955
|
-
var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
|
|
956
|
-
var __hasOwnProp$m = Object.prototype.hasOwnProperty;
|
|
957
|
-
var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
|
|
958
|
-
var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
959
|
-
var __spreadValues$m = (a, b) => {
|
|
960
|
-
for (var prop in b || (b = {}))
|
|
961
|
-
if (__hasOwnProp$m.call(b, prop))
|
|
962
|
-
__defNormalProp$m(a, prop, b[prop]);
|
|
963
|
-
if (__getOwnPropSymbols$m)
|
|
964
|
-
for (var prop of __getOwnPropSymbols$m(b)) {
|
|
965
|
-
if (__propIsEnum$m.call(b, prop))
|
|
966
|
-
__defNormalProp$m(a, prop, b[prop]);
|
|
967
|
-
}
|
|
968
|
-
return a;
|
|
969
|
-
};
|
|
970
|
-
var __objRest$l = (source, exclude) => {
|
|
971
|
-
var target = {};
|
|
972
|
-
for (var prop in source)
|
|
973
|
-
if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
974
|
-
target[prop] = source[prop];
|
|
975
|
-
if (source != null && __getOwnPropSymbols$m)
|
|
976
|
-
for (var prop of __getOwnPropSymbols$m(source)) {
|
|
977
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
|
|
978
|
-
target[prop] = source[prop];
|
|
979
|
-
}
|
|
980
|
-
return target;
|
|
981
|
-
};
|
|
982
|
-
function BaseFieldError(_a) {
|
|
983
|
-
var _b = _a, {
|
|
984
|
-
badInput,
|
|
985
|
-
customError,
|
|
986
|
-
patternMismatch,
|
|
987
|
-
rangeOverflow,
|
|
988
|
-
rangeUnderflow,
|
|
989
|
-
stepMismatch,
|
|
990
|
-
tooLong,
|
|
991
|
-
tooShort,
|
|
992
|
-
typeMismatch,
|
|
993
|
-
valueMissing
|
|
994
|
-
} = _b, rest = __objRest$l(_b, [
|
|
995
|
-
"badInput",
|
|
996
|
-
"customError",
|
|
997
|
-
"patternMismatch",
|
|
998
|
-
"rangeOverflow",
|
|
999
|
-
"rangeUnderflow",
|
|
1000
|
-
"stepMismatch",
|
|
1001
|
-
"tooLong",
|
|
1002
|
-
"tooShort",
|
|
1003
|
-
"typeMismatch",
|
|
1004
|
-
"valueMissing"
|
|
1005
|
-
]);
|
|
1006
|
-
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.FieldError, __spreadValues$m({}, rest), ({ validationDetails, validationErrors }) => {
|
|
1007
|
-
if (validationDetails.badInput && badInput) {
|
|
1008
|
-
return badInput;
|
|
1009
|
-
}
|
|
1010
|
-
if (validationDetails.customError && customError) {
|
|
1011
|
-
return customError;
|
|
1012
|
-
}
|
|
1013
|
-
if (validationDetails.patternMismatch && patternMismatch) {
|
|
1014
|
-
return patternMismatch;
|
|
1015
|
-
}
|
|
1016
|
-
if (validationDetails.rangeOverflow && rangeOverflow) {
|
|
1017
|
-
return rangeOverflow;
|
|
1018
|
-
}
|
|
1019
|
-
if (validationDetails.rangeUnderflow && rangeUnderflow) {
|
|
1020
|
-
return rangeUnderflow;
|
|
1021
|
-
}
|
|
1022
|
-
if (validationDetails.stepMismatch && stepMismatch) {
|
|
1023
|
-
return stepMismatch;
|
|
1024
|
-
}
|
|
1025
|
-
if (validationDetails.tooLong && tooLong) {
|
|
1026
|
-
return tooLong;
|
|
1027
|
-
}
|
|
1028
|
-
if (validationDetails.tooShort && tooShort) {
|
|
1029
|
-
return tooShort;
|
|
1030
|
-
}
|
|
1031
|
-
if (validationDetails.typeMismatch && typeMismatch) {
|
|
1032
|
-
return typeMismatch;
|
|
1033
|
-
}
|
|
1034
|
-
if (validationDetails.valueMissing && valueMissing) {
|
|
1035
|
-
return valueMissing;
|
|
1036
|
-
}
|
|
1037
|
-
return validationErrors;
|
|
1038
|
-
});
|
|
1039
|
-
}
|
|
1040
|
-
function PropsDescription() {
|
|
1041
|
-
return /* @__PURE__ */ React__default.default.createElement("div", { style: { marginBottom: 20 } }, /* @__PURE__ */ React__default.default.createElement("p", null, "You can customize the error messages for built-in validations by utilizing the props below."), /* @__PURE__ */ React__default.default.createElement("p", null, "For further information on the specific conditions triggering each error, please refer to the", " ", /* @__PURE__ */ React__default.default.createElement(
|
|
1042
|
-
"a",
|
|
1043
|
-
{
|
|
1044
|
-
target: "_blank",
|
|
1045
|
-
href: "https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties"
|
|
1046
|
-
},
|
|
1047
|
-
"MDN Docs"
|
|
1048
|
-
), "."));
|
|
1049
|
-
}
|
|
1050
|
-
function registerFieldError(loader, overrides) {
|
|
1051
|
-
registerComponentHelper(
|
|
1052
|
-
loader,
|
|
1053
|
-
BaseFieldError,
|
|
1054
|
-
{
|
|
1055
|
-
name: makeComponentName("fielderror"),
|
|
1056
|
-
displayName: "Aria Field Error",
|
|
1057
|
-
importPath: "@plasmicpkgs/react-aria/skinny/registerFieldError",
|
|
1058
|
-
importName: "BaseFieldError",
|
|
1059
|
-
actions: [
|
|
1060
|
-
{
|
|
1061
|
-
type: "custom-action",
|
|
1062
|
-
control: PropsDescription
|
|
1063
|
-
}
|
|
1064
|
-
],
|
|
1065
|
-
props: {
|
|
1066
|
-
badInput: {
|
|
1067
|
-
type: "string",
|
|
1068
|
-
description: "Error message if the user has provided input that the browser is unable to convert"
|
|
1069
|
-
},
|
|
1070
|
-
customError: {
|
|
1071
|
-
type: "string",
|
|
1072
|
-
description: "Error message for custom validations"
|
|
1073
|
-
},
|
|
1074
|
-
patternMismatch: {
|
|
1075
|
-
type: "string",
|
|
1076
|
-
description: "Error message if the value does not match the specified pattern"
|
|
1077
|
-
},
|
|
1078
|
-
rangeOverflow: {
|
|
1079
|
-
type: "string",
|
|
1080
|
-
description: "Error message if the value is greater than the maximum specified"
|
|
1081
|
-
},
|
|
1082
|
-
rangeUnderflow: {
|
|
1083
|
-
type: "string",
|
|
1084
|
-
description: "Error message if the value is less than the minimum specified"
|
|
1085
|
-
},
|
|
1086
|
-
stepMismatch: {
|
|
1087
|
-
type: "string",
|
|
1088
|
-
description: "Error message if the value is not evenly divisible by the step value"
|
|
1089
|
-
},
|
|
1090
|
-
tooLong: {
|
|
1091
|
-
type: "string",
|
|
1092
|
-
description: "Error message if the value exceeds the specified maximum number of characters"
|
|
1093
|
-
},
|
|
1094
|
-
tooShort: {
|
|
1095
|
-
type: "string",
|
|
1096
|
-
description: "Error message if the value fails to meet the specified minimum number of characters"
|
|
1097
|
-
},
|
|
1098
|
-
typeMismatch: {
|
|
1099
|
-
type: "string",
|
|
1100
|
-
description: "Error message if the value is not in the required syntax (when type is email or url)"
|
|
1101
|
-
},
|
|
1102
|
-
valueMissing: {
|
|
1103
|
-
type: "string",
|
|
1104
|
-
description: "Error message if a required field has no value"
|
|
1105
|
-
}
|
|
1106
|
-
},
|
|
1107
|
-
trapsFocus: true
|
|
1108
|
-
},
|
|
1109
|
-
overrides
|
|
1110
|
-
);
|
|
1111
|
-
}
|
|
1112
|
-
|
|
1113
965
|
var __defProp$l = Object.defineProperty;
|
|
1114
966
|
var __defProps$b = Object.defineProperties;
|
|
1115
967
|
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
@@ -1222,15 +1074,10 @@ function BaseCheckboxGroup(props) {
|
|
|
1222
1074
|
}
|
|
1223
1075
|
const componentName = makeComponentName("checkboxGroup");
|
|
1224
1076
|
function registerCheckboxGroup(loader, overrides) {
|
|
1225
|
-
|
|
1077
|
+
makeChildComponentName(
|
|
1226
1078
|
overrides == null ? void 0 : overrides.parentComponentName,
|
|
1227
1079
|
componentName
|
|
1228
1080
|
);
|
|
1229
|
-
registerFieldError(loader, { parentComponentName: thisName });
|
|
1230
|
-
const checkboxMeta = registerCheckbox(loader, {
|
|
1231
|
-
parentComponentName: thisName
|
|
1232
|
-
});
|
|
1233
|
-
registerLabel(loader, { parentComponentName: thisName });
|
|
1234
1081
|
registerComponentHelper(
|
|
1235
1082
|
loader,
|
|
1236
1083
|
BaseCheckboxGroup,
|
|
@@ -1271,7 +1118,7 @@ function registerCheckboxGroup(loader, overrides) {
|
|
|
1271
1118
|
},
|
|
1272
1119
|
{
|
|
1273
1120
|
type: "component",
|
|
1274
|
-
name:
|
|
1121
|
+
name: CHECKBOX_COMPONENT_NAME,
|
|
1275
1122
|
props: {
|
|
1276
1123
|
children: makeDefaultCheckboxChildren({
|
|
1277
1124
|
label: "Checkbox 1",
|
|
@@ -1282,7 +1129,7 @@ function registerCheckboxGroup(loader, overrides) {
|
|
|
1282
1129
|
},
|
|
1283
1130
|
{
|
|
1284
1131
|
type: "component",
|
|
1285
|
-
name:
|
|
1132
|
+
name: CHECKBOX_COMPONENT_NAME,
|
|
1286
1133
|
props: {
|
|
1287
1134
|
children: makeDefaultCheckboxChildren({
|
|
1288
1135
|
label: "Checkbox 2",
|
|
@@ -1293,7 +1140,7 @@ function registerCheckboxGroup(loader, overrides) {
|
|
|
1293
1140
|
},
|
|
1294
1141
|
{
|
|
1295
1142
|
type: "component",
|
|
1296
|
-
name:
|
|
1143
|
+
name: CHECKBOX_COMPONENT_NAME,
|
|
1297
1144
|
props: {
|
|
1298
1145
|
children: makeDefaultCheckboxChildren({
|
|
1299
1146
|
label: "Checkbox 3",
|
|
@@ -3074,9 +2921,7 @@ function registerRadioGroup(loader, overrides) {
|
|
|
3074
2921
|
overrides == null ? void 0 : overrides.parentComponentName,
|
|
3075
2922
|
RADIO_GROUP_COMPONENT_NAME
|
|
3076
2923
|
);
|
|
3077
|
-
registerFieldError(loader, { parentComponentName: thisName });
|
|
3078
2924
|
const radioMeta = registerRadio(loader, { parentComponentName: thisName });
|
|
3079
|
-
registerLabel(loader, { parentComponentName: thisName });
|
|
3080
2925
|
registerComponentHelper(
|
|
3081
2926
|
loader,
|
|
3082
2927
|
BaseRadioGroup,
|
|
@@ -4595,14 +4440,6 @@ function registerTextField(loader, overrides) {
|
|
|
4595
4440
|
},
|
|
4596
4441
|
overrides
|
|
4597
4442
|
);
|
|
4598
|
-
const thisName = makeChildComponentName(
|
|
4599
|
-
overrides == null ? void 0 : overrides.parentComponentName,
|
|
4600
|
-
TEXT_FIELD_COMPONENT_NAME
|
|
4601
|
-
);
|
|
4602
|
-
registerFieldError(loader, { parentComponentName: thisName });
|
|
4603
|
-
registerInput(loader, { parentComponentName: thisName });
|
|
4604
|
-
registerLabel(loader, { parentComponentName: thisName });
|
|
4605
|
-
registerTextArea(loader, { parentComponentName: thisName });
|
|
4606
4443
|
}
|
|
4607
4444
|
|
|
4608
4445
|
var __defProp = Object.defineProperty;
|
|
@@ -4819,6 +4656,7 @@ function registerAll(loader) {
|
|
|
4819
4656
|
registerLabel(loader);
|
|
4820
4657
|
registerListBox(loader);
|
|
4821
4658
|
registerPopover(loader);
|
|
4659
|
+
registerTextArea(loader);
|
|
4822
4660
|
registerInput(loader);
|
|
4823
4661
|
registerSwitch(loader);
|
|
4824
4662
|
registerCheckbox(loader);
|