@plasmicpkgs/react-aria 0.0.11 → 0.0.13
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 +962 -177
- package/dist/react-aria.esm.js.map +1 -1
- package/dist/react-aria.js +960 -175
- package/dist/react-aria.js.map +1 -1
- package/dist/registerCheckbox.d.ts +10 -0
- package/dist/registerCheckboxGroup.d.ts +5 -0
- package/dist/registerDescription.d.ts +3 -0
- package/dist/registerFieldError.d.ts +19 -0
- package/dist/registerForm.d.ts +9 -0
- package/dist/registerLabel.d.ts +2 -3
- package/dist/registerRadio.d.ts +10 -0
- package/dist/registerRadioGroup.d.ts +9 -0
- package/dist/registerText.d.ts +5 -0
- 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/registerCheckbox.cjs.js +158 -0
- package/skinny/registerCheckbox.cjs.js.map +1 -0
- package/skinny/registerCheckbox.d.ts +10 -0
- package/skinny/registerCheckbox.esm.js +151 -0
- package/skinny/registerCheckbox.esm.js.map +1 -0
- package/skinny/registerCheckboxGroup.cjs.js +113 -0
- package/skinny/registerCheckboxGroup.cjs.js.map +1 -0
- package/skinny/registerCheckboxGroup.d.ts +5 -0
- package/skinny/registerCheckboxGroup.esm.js +110 -0
- package/skinny/registerCheckboxGroup.esm.js.map +1 -0
- package/skinny/registerComboBox.cjs.js +1 -1
- package/skinny/registerComboBox.esm.js +1 -1
- package/skinny/registerDescription.cjs.js +38 -0
- package/skinny/registerDescription.cjs.js.map +1 -0
- package/skinny/registerDescription.d.ts +3 -0
- package/skinny/registerDescription.esm.js +36 -0
- package/skinny/registerDescription.esm.js.map +1 -0
- package/skinny/registerFieldError.cjs.js +163 -0
- package/skinny/registerFieldError.cjs.js.map +1 -0
- package/skinny/registerFieldError.d.ts +19 -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 +6 -36
- package/skinny/registerLabel.cjs.js.map +1 -1
- package/skinny/registerLabel.d.ts +2 -3
- package/skinny/registerLabel.esm.js +5 -31
- 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/registerRadio.cjs.js +146 -0
- package/skinny/registerRadio.cjs.js.map +1 -0
- package/skinny/registerRadio.d.ts +10 -0
- package/skinny/registerRadio.esm.js +139 -0
- package/skinny/registerRadio.esm.js.map +1 -0
- package/skinny/registerRadioGroup.cjs.js +142 -0
- package/skinny/registerRadioGroup.cjs.js.map +1 -0
- package/skinny/registerRadioGroup.d.ts +9 -0
- package/skinny/registerRadioGroup.esm.js +135 -0
- package/skinny/registerRadioGroup.esm.js.map +1 -0
- 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/skinny/registerText.cjs.js +69 -0
- package/skinny/registerText.cjs.js.map +1 -0
- package/skinny/registerText.d.ts +5 -0
- package/skinny/registerText.esm.js +62 -0
- package/skinny/registerText.esm.js.map +1 -0
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { CheckboxGroup } from 'react-aria-components';
|
|
2
|
+
import { g as getCommonInputProps } from './common-52c26d37.esm.js';
|
|
3
|
+
import { registerCheckbox } from './registerCheckbox.esm.js';
|
|
4
|
+
import { registerDescription } from './registerDescription.esm.js';
|
|
5
|
+
import { registerFieldError } from './registerFieldError.esm.js';
|
|
6
|
+
import { registerLabel } from './registerLabel.esm.js';
|
|
7
|
+
import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-28f98072.esm.js';
|
|
8
|
+
import 'react';
|
|
9
|
+
import './registerText.esm.js';
|
|
10
|
+
import '@plasmicapp/host/registerComponent';
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __defProps = Object.defineProperties;
|
|
14
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
15
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
19
|
+
var __spreadValues = (a, b) => {
|
|
20
|
+
for (var prop in b || (b = {}))
|
|
21
|
+
if (__hasOwnProp.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
if (__getOwnPropSymbols)
|
|
24
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
25
|
+
if (__propIsEnum.call(b, prop))
|
|
26
|
+
__defNormalProp(a, prop, b[prop]);
|
|
27
|
+
}
|
|
28
|
+
return a;
|
|
29
|
+
};
|
|
30
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
+
const BaseCheckboxGroup = CheckboxGroup;
|
|
32
|
+
const componentName = makeComponentName("checkboxGroup");
|
|
33
|
+
function registerCheckboxGroup(loader, overrides) {
|
|
34
|
+
registerComponentHelper(
|
|
35
|
+
loader,
|
|
36
|
+
BaseCheckboxGroup,
|
|
37
|
+
{
|
|
38
|
+
name: componentName,
|
|
39
|
+
displayName: "BaseCheckboxGroup",
|
|
40
|
+
importPath: "@plasmicpkgs/react-aria/registerCheckboxGroup",
|
|
41
|
+
importName: "BaseCheckboxGroup",
|
|
42
|
+
props: __spreadProps(__spreadValues({}, getCommonInputProps("checkbox group", [
|
|
43
|
+
"name",
|
|
44
|
+
"isDisabled",
|
|
45
|
+
"isReadOnly",
|
|
46
|
+
"aria-label",
|
|
47
|
+
"children",
|
|
48
|
+
"isRequired"
|
|
49
|
+
])), {
|
|
50
|
+
value: {
|
|
51
|
+
type: "array",
|
|
52
|
+
editOnly: true,
|
|
53
|
+
uncontrolledProp: "defaultValue",
|
|
54
|
+
description: "The current value"
|
|
55
|
+
},
|
|
56
|
+
options: {
|
|
57
|
+
type: "array",
|
|
58
|
+
description: "The options in the radio group",
|
|
59
|
+
itemType: {
|
|
60
|
+
type: "object",
|
|
61
|
+
nameFunc: (item) => item.label,
|
|
62
|
+
fields: {
|
|
63
|
+
label: "string",
|
|
64
|
+
value: "string"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
isInvalid: {
|
|
69
|
+
displayName: "Invalid",
|
|
70
|
+
type: "boolean",
|
|
71
|
+
description: "Whether the input value is invalid",
|
|
72
|
+
defaultValueHint: false
|
|
73
|
+
},
|
|
74
|
+
validationBehavior: {
|
|
75
|
+
type: "choice",
|
|
76
|
+
options: ["native", "aria"],
|
|
77
|
+
description: "Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.",
|
|
78
|
+
defaultValueHint: "native"
|
|
79
|
+
},
|
|
80
|
+
onChange: {
|
|
81
|
+
type: "eventHandler",
|
|
82
|
+
argTypes: [{ name: "value", type: "object" }]
|
|
83
|
+
}
|
|
84
|
+
}),
|
|
85
|
+
states: {
|
|
86
|
+
value: {
|
|
87
|
+
type: "writable",
|
|
88
|
+
valueProp: "value",
|
|
89
|
+
onChangeProp: "onChange",
|
|
90
|
+
variableType: "array"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
trapsFocus: true
|
|
94
|
+
},
|
|
95
|
+
overrides
|
|
96
|
+
);
|
|
97
|
+
const thisName = makeChildComponentName(
|
|
98
|
+
overrides == null ? void 0 : overrides.parentComponentName,
|
|
99
|
+
componentName
|
|
100
|
+
);
|
|
101
|
+
registerFieldError(loader, { parentComponentName: thisName });
|
|
102
|
+
registerCheckbox(loader, { parentComponentName: thisName });
|
|
103
|
+
registerLabel(loader, { parentComponentName: thisName });
|
|
104
|
+
registerDescription(loader, {
|
|
105
|
+
parentComponentName: thisName
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export { BaseCheckboxGroup, registerCheckboxGroup };
|
|
110
|
+
//# sourceMappingURL=registerCheckboxGroup.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerCheckboxGroup.esm.js","sources":["../src/registerCheckboxGroup.tsx"],"sourcesContent":["import type { CheckboxGroupProps } from \"react-aria-components\";\nimport { CheckboxGroup } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport { registerCheckbox } from \"./registerCheckbox\";\nimport { registerDescription } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { registerLabel } from \"./registerLabel\";\nimport {\n CodeComponentMetaOverrides,\n makeChildComponentName,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseCheckboxGroup = CheckboxGroup;\n\nconst componentName = makeComponentName(\"checkboxGroup\");\n\nexport function registerCheckboxGroup(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseCheckboxGroup>\n) {\n registerComponentHelper(\n loader,\n BaseCheckboxGroup,\n {\n name: componentName,\n displayName: \"BaseCheckboxGroup\",\n importPath: \"@plasmicpkgs/react-aria/registerCheckboxGroup\",\n importName: \"BaseCheckboxGroup\",\n props: {\n ...getCommonInputProps<CheckboxGroupProps>(\"checkbox group\", [\n \"name\",\n \"isDisabled\",\n \"isReadOnly\",\n \"aria-label\",\n \"children\",\n \"isRequired\",\n ]),\n value: {\n type: \"array\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"The current value\",\n },\n options: {\n type: \"array\",\n description: \"The options in the radio group\",\n itemType: {\n type: \"object\",\n nameFunc: (item) => item.label,\n fields: {\n label: \"string\",\n value: \"string\",\n },\n },\n },\n isInvalid: {\n displayName: \"Invalid\",\n type: \"boolean\",\n description: \"Whether the input value is invalid\",\n defaultValueHint: false,\n },\n validationBehavior: {\n type: \"choice\",\n options: [\"native\", \"aria\"],\n description:\n \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n defaultValueHint: \"native\",\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n },\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"array\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n\n const thisName = makeChildComponentName(\n overrides?.parentComponentName,\n componentName\n );\n\n registerFieldError(loader, { parentComponentName: thisName });\n registerCheckbox(loader, { parentComponentName: thisName });\n registerLabel(loader, { parentComponentName: thisName });\n registerDescription(loader, {\n parentComponentName: thisName,\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,iBAAoB,GAAA,cAAA;AAEjC,MAAM,aAAA,GAAgB,kBAAkB,eAAe,CAAA,CAAA;AAEvC,SAAA,qBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,aAAA;AAAA,MACN,WAAa,EAAA,mBAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,mBAAA;AAAA,MACZ,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAwC,gBAAkB,EAAA;AAAA,QAC3D,MAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA;AAAA,OACD,CARI,CAAA,EAAA;AAAA,QASL,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,OAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,cAAA;AAAA,UAClB,WAAa,EAAA,mBAAA;AAAA,SACf;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,gCAAA;AAAA,UACb,QAAU,EAAA;AAAA,YACR,IAAM,EAAA,QAAA;AAAA,YACN,QAAA,EAAU,CAAC,IAAA,KAAS,IAAK,CAAA,KAAA;AAAA,YACzB,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,QAAA;AAAA,cACP,KAAO,EAAA,QAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,QACA,SAAW,EAAA;AAAA,UACT,WAAa,EAAA,SAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,oCAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,QAAA,EAAU,MAAM,CAAA;AAAA,UAC1B,WACE,EAAA,gKAAA;AAAA,UACF,gBAAkB,EAAA,QAAA;AAAA,SACpB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF,CAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,OAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,OAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,QAAW,GAAA,sBAAA;AAAA,IACf,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,mBAAA;AAAA,IACX,aAAA;AAAA,GACF,CAAA;AAEA,EAAA,kBAAA,CAAmB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC5D,EAAA,gBAAA,CAAiB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC1D,EAAA,aAAA,CAAc,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AACvD,EAAA,mBAAA,CAAoB,MAAQ,EAAA;AAAA,IAC1B,mBAAqB,EAAA,QAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var i18n = require('@react-aria/i18n');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var reactAriaComponents = require('react-aria-components');
|
|
6
|
-
var contexts = require('./contexts-
|
|
6
|
+
var contexts = require('./contexts-3e42cdf9.cjs.js');
|
|
7
7
|
var optionUtils = require('./option-utils-0db61f6d.cjs.js');
|
|
8
8
|
var utils = require('./utils-1190a0a9.cjs.js');
|
|
9
9
|
require('@plasmicapp/host/registerComponent');
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useFilter } from '@react-aria/i18n';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ComboBox, ComboBoxStateContext } from 'react-aria-components';
|
|
4
|
-
import { P as PlasmicListBoxContext, a as PlasmicInputContext } from './contexts-
|
|
4
|
+
import { P as PlasmicListBoxContext, a as PlasmicInputContext } from './contexts-49f6c298.esm.js';
|
|
5
5
|
import { u as useStrictOptions, f as flattenOptions, m as makeOptionsPropType, a as makeValuePropType } from './option-utils-765a1782.esm.js';
|
|
6
6
|
import { e as extractPlasmicDataProps, r as registerComponentHelper, w as withoutNils, m as makeComponentName } from './utils-28f98072.esm.js';
|
|
7
7
|
import '@plasmicapp/host/registerComponent';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var registerText = require('./registerText.cjs.js');
|
|
4
|
+
require('react');
|
|
5
|
+
require('react-aria-components');
|
|
6
|
+
require('./utils-1190a0a9.cjs.js');
|
|
7
|
+
require('@plasmicapp/host/registerComponent');
|
|
8
|
+
|
|
9
|
+
var __defProp = Object.defineProperty;
|
|
10
|
+
var __defProps = Object.defineProperties;
|
|
11
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
12
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
13
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
14
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
15
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
16
|
+
var __spreadValues = (a, b) => {
|
|
17
|
+
for (var prop in b || (b = {}))
|
|
18
|
+
if (__hasOwnProp.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
if (__getOwnPropSymbols)
|
|
21
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
22
|
+
if (__propIsEnum.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
}
|
|
25
|
+
return a;
|
|
26
|
+
};
|
|
27
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
28
|
+
function registerDescription(loader, overrides) {
|
|
29
|
+
registerText.registerText(loader, __spreadProps(__spreadValues({}, overrides), {
|
|
30
|
+
displayName: "BaseDescription",
|
|
31
|
+
props: {
|
|
32
|
+
slot: { type: "string", hidden: () => true, defaultValue: "description" }
|
|
33
|
+
}
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
exports.registerDescription = registerDescription;
|
|
38
|
+
//# sourceMappingURL=registerDescription.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerDescription.cjs.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n registerText(loader, {\n ...overrides,\n displayName: \"BaseDescription\",\n props: {\n slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n },\n });\n}\n"],"names":["registerText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAaA,yBAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,iBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { registerText } from './registerText.esm.js';
|
|
2
|
+
import 'react';
|
|
3
|
+
import 'react-aria-components';
|
|
4
|
+
import './utils-28f98072.esm.js';
|
|
5
|
+
import '@plasmicapp/host/registerComponent';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
function registerDescription(loader, overrides) {
|
|
27
|
+
registerText(loader, __spreadProps(__spreadValues({}, overrides), {
|
|
28
|
+
displayName: "BaseDescription",
|
|
29
|
+
props: {
|
|
30
|
+
slot: { type: "string", hidden: () => true, defaultValue: "description" }
|
|
31
|
+
}
|
|
32
|
+
}));
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export { registerDescription };
|
|
36
|
+
//# sourceMappingURL=registerDescription.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerDescription.esm.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n registerText(loader, {\n ...overrides,\n displayName: \"BaseDescription\",\n props: {\n slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n },\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAa,YAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,iBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var reactAriaComponents = require('react-aria-components');
|
|
5
|
+
var utils = require('./utils-1190a0a9.cjs.js');
|
|
6
|
+
require('@plasmicapp/host/registerComponent');
|
|
7
|
+
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
14
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
15
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
16
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
17
|
+
var __spreadValues = (a, b) => {
|
|
18
|
+
for (var prop in b || (b = {}))
|
|
19
|
+
if (__hasOwnProp.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
if (__getOwnPropSymbols)
|
|
22
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
23
|
+
if (__propIsEnum.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
}
|
|
26
|
+
return a;
|
|
27
|
+
};
|
|
28
|
+
var __objRest = (source, exclude) => {
|
|
29
|
+
var target = {};
|
|
30
|
+
for (var prop in source)
|
|
31
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
if (source != null && __getOwnPropSymbols)
|
|
34
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
35
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
}
|
|
38
|
+
return target;
|
|
39
|
+
};
|
|
40
|
+
function BaseFieldError(_a) {
|
|
41
|
+
var _b = _a, {
|
|
42
|
+
badInput,
|
|
43
|
+
customError,
|
|
44
|
+
patternMismatch,
|
|
45
|
+
rangeOverflow,
|
|
46
|
+
rangeUnderflow,
|
|
47
|
+
stepMismatch,
|
|
48
|
+
tooLong,
|
|
49
|
+
tooShort,
|
|
50
|
+
typeMismatch,
|
|
51
|
+
valueMissing
|
|
52
|
+
} = _b, rest = __objRest(_b, [
|
|
53
|
+
"badInput",
|
|
54
|
+
"customError",
|
|
55
|
+
"patternMismatch",
|
|
56
|
+
"rangeOverflow",
|
|
57
|
+
"rangeUnderflow",
|
|
58
|
+
"stepMismatch",
|
|
59
|
+
"tooLong",
|
|
60
|
+
"tooShort",
|
|
61
|
+
"typeMismatch",
|
|
62
|
+
"valueMissing"
|
|
63
|
+
]);
|
|
64
|
+
return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.FieldError, __spreadValues({}, rest), ({ validationDetails, validationErrors }) => {
|
|
65
|
+
if (validationDetails.badInput && badInput)
|
|
66
|
+
return badInput;
|
|
67
|
+
if (validationDetails.customError && customError)
|
|
68
|
+
return customError;
|
|
69
|
+
if (validationDetails.patternMismatch && patternMismatch)
|
|
70
|
+
return patternMismatch;
|
|
71
|
+
if (validationDetails.rangeOverflow && rangeOverflow)
|
|
72
|
+
return rangeOverflow;
|
|
73
|
+
if (validationDetails.rangeUnderflow && rangeUnderflow)
|
|
74
|
+
return rangeUnderflow;
|
|
75
|
+
if (validationDetails.stepMismatch && stepMismatch)
|
|
76
|
+
return stepMismatch;
|
|
77
|
+
if (validationDetails.tooLong && tooLong)
|
|
78
|
+
return tooLong;
|
|
79
|
+
if (validationDetails.tooShort && tooShort)
|
|
80
|
+
return tooShort;
|
|
81
|
+
if (validationDetails.typeMismatch && typeMismatch)
|
|
82
|
+
return typeMismatch;
|
|
83
|
+
if (validationDetails.valueMissing && valueMissing)
|
|
84
|
+
return valueMissing;
|
|
85
|
+
return validationErrors;
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function PropsDescription() {
|
|
89
|
+
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(
|
|
90
|
+
"a",
|
|
91
|
+
{
|
|
92
|
+
target: "_blank",
|
|
93
|
+
href: "https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties"
|
|
94
|
+
},
|
|
95
|
+
"MDN Docs"
|
|
96
|
+
), "."));
|
|
97
|
+
}
|
|
98
|
+
function registerFieldError(loader, overrides) {
|
|
99
|
+
utils.registerComponentHelper(
|
|
100
|
+
loader,
|
|
101
|
+
BaseFieldError,
|
|
102
|
+
{
|
|
103
|
+
name: utils.makeComponentName("fielderror"),
|
|
104
|
+
displayName: "BaseFieldError",
|
|
105
|
+
importPath: "@plasmicpkgs/react-aria/registerFieldError",
|
|
106
|
+
importName: "BaseFieldError",
|
|
107
|
+
actions: [
|
|
108
|
+
{
|
|
109
|
+
type: "custom-action",
|
|
110
|
+
control: PropsDescription
|
|
111
|
+
}
|
|
112
|
+
],
|
|
113
|
+
props: {
|
|
114
|
+
badInput: {
|
|
115
|
+
type: "string",
|
|
116
|
+
description: "Error message if the user has provided input that the browser is unable to convert"
|
|
117
|
+
},
|
|
118
|
+
customError: {
|
|
119
|
+
type: "string",
|
|
120
|
+
description: "Error message for custom validations"
|
|
121
|
+
},
|
|
122
|
+
patternMismatch: {
|
|
123
|
+
type: "string",
|
|
124
|
+
description: "Error message if the value does not match the specified pattern"
|
|
125
|
+
},
|
|
126
|
+
rangeOverflow: {
|
|
127
|
+
type: "string",
|
|
128
|
+
description: "Error message if the value is greater than the maximum specified"
|
|
129
|
+
},
|
|
130
|
+
rangeUnderflow: {
|
|
131
|
+
type: "string",
|
|
132
|
+
description: "Error message if the value is less than the minimum specified"
|
|
133
|
+
},
|
|
134
|
+
stepMismatch: {
|
|
135
|
+
type: "string",
|
|
136
|
+
description: "Error message if the value is not evenly divisible by the step value"
|
|
137
|
+
},
|
|
138
|
+
tooLong: {
|
|
139
|
+
type: "string",
|
|
140
|
+
description: "Error message if the value exceeds the specified maximum number of characters"
|
|
141
|
+
},
|
|
142
|
+
tooShort: {
|
|
143
|
+
type: "string",
|
|
144
|
+
description: "Error message if the value fails to meet the specified minimum number of characters"
|
|
145
|
+
},
|
|
146
|
+
typeMismatch: {
|
|
147
|
+
type: "string",
|
|
148
|
+
description: "Error message if the value is not in the required syntax (when type is email or url)"
|
|
149
|
+
},
|
|
150
|
+
valueMissing: {
|
|
151
|
+
type: "string",
|
|
152
|
+
description: "Error message if a required field has no value"
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
trapsFocus: true
|
|
156
|
+
},
|
|
157
|
+
overrides
|
|
158
|
+
);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
exports.BaseFieldError = BaseFieldError;
|
|
162
|
+
exports.registerFieldError = registerFieldError;
|
|
163
|
+
//# sourceMappingURL=registerFieldError.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerFieldError.cjs.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n useBuiltInValidation: boolean;\n badInput?: string;\n customError?: string;\n patternMismatch?: string;\n rangeOverflow?: string;\n rangeUnderflow?: string;\n stepMismatch?: string;\n tooLong?: string;\n tooShort?: string;\n typeMismatch?: string;\n valueMissing?: string;\n}\n\nexport function BaseFieldError({\n badInput,\n customError,\n patternMismatch,\n rangeOverflow,\n rangeUnderflow,\n stepMismatch,\n tooLong,\n tooShort,\n typeMismatch,\n valueMissing,\n ...rest\n}: BaseFieldErrorProps) {\n return (\n <FieldError {...rest}>\n {({ validationDetails, validationErrors }) => {\n if (validationDetails.badInput && badInput) return badInput;\n if (validationDetails.customError && customError) return customError;\n if (validationDetails.patternMismatch && patternMismatch)\n return patternMismatch;\n if (validationDetails.rangeOverflow && rangeOverflow)\n return rangeOverflow;\n if (validationDetails.rangeUnderflow && rangeUnderflow)\n return rangeUnderflow;\n if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n if (validationDetails.tooLong && tooLong) return tooLong;\n if (validationDetails.tooShort && tooShort) return tooShort;\n if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n if (validationDetails.valueMissing && valueMissing) return valueMissing;\n return validationErrors;\n }}\n </FieldError>\n );\n}\n\nfunction PropsDescription() {\n return (\n <div style={{ marginBottom: 20 }}>\n <p>\n You can customize the error messages for built-in validations by\n utilizing the props below.\n </p>\n <p>\n For further information on the specific conditions triggering each\n error, please refer to the{\" \"}\n <a\n target=\"_blank\"\n href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n >\n MDN Docs\n </a>\n .\n </p>\n </div>\n );\n}\n\nexport function registerFieldError(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n registerComponentHelper(\n loader,\n BaseFieldError,\n {\n name: makeComponentName(\"fielderror\"),\n displayName: \"BaseFieldError\",\n importPath: \"@plasmicpkgs/react-aria/registerFieldError\",\n importName: \"BaseFieldError\",\n actions: [\n {\n type: \"custom-action\",\n control: PropsDescription,\n },\n ],\n props: {\n badInput: {\n type: \"string\",\n description:\n \"Error message if the user has provided input that the browser is unable to convert\",\n },\n customError: {\n type: \"string\",\n description: \"Error message for custom validations\",\n },\n patternMismatch: {\n type: \"string\",\n description:\n \"Error message if the value does not match the specified pattern\",\n },\n rangeOverflow: {\n type: \"string\",\n description:\n \"Error message if the value is greater than the maximum specified\",\n },\n rangeUnderflow: {\n type: \"string\",\n description:\n \"Error message if the value is less than the minimum specified\",\n },\n stepMismatch: {\n type: \"string\",\n description:\n \"Error message if the value is not evenly divisible by the step value\",\n },\n tooLong: {\n type: \"string\",\n description:\n \"Error message if the value exceeds the specified maximum number of characters\",\n },\n tooShort: {\n type: \"string\",\n description:\n \"Error message if the value fails to meet the specified minimum number of characters\",\n },\n typeMismatch: {\n type: \"string\",\n description:\n \"Error message if the value is not in the required syntax (when type is email or url)\",\n },\n valueMissing: {\n type: \"string\",\n description: \"Error message if a required field has no value\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":["FieldError","React","registerComponentHelper","makeComponentName"],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { FieldErrorProps } from "react-aria-components";
|
|
3
|
+
import { CodeComponentMetaOverrides, Registerable } from "./utils";
|
|
4
|
+
interface BaseFieldErrorProps extends FieldErrorProps {
|
|
5
|
+
useBuiltInValidation: boolean;
|
|
6
|
+
badInput?: string;
|
|
7
|
+
customError?: string;
|
|
8
|
+
patternMismatch?: string;
|
|
9
|
+
rangeOverflow?: string;
|
|
10
|
+
rangeUnderflow?: string;
|
|
11
|
+
stepMismatch?: string;
|
|
12
|
+
tooLong?: string;
|
|
13
|
+
tooShort?: string;
|
|
14
|
+
typeMismatch?: string;
|
|
15
|
+
valueMissing?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function BaseFieldError({ badInput, customError, patternMismatch, rangeOverflow, rangeUnderflow, stepMismatch, tooLong, tooShort, typeMismatch, valueMissing, ...rest }: BaseFieldErrorProps): React.JSX.Element;
|
|
18
|
+
export declare function registerFieldError(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>): void;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FieldError } from 'react-aria-components';
|
|
3
|
+
import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
|
|
4
|
+
import '@plasmicapp/host/registerComponent';
|
|
5
|
+
|
|
6
|
+
var __defProp = Object.defineProperty;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
22
|
+
var __objRest = (source, exclude) => {
|
|
23
|
+
var target = {};
|
|
24
|
+
for (var prop in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
26
|
+
target[prop] = source[prop];
|
|
27
|
+
if (source != null && __getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
}
|
|
32
|
+
return target;
|
|
33
|
+
};
|
|
34
|
+
function BaseFieldError(_a) {
|
|
35
|
+
var _b = _a, {
|
|
36
|
+
badInput,
|
|
37
|
+
customError,
|
|
38
|
+
patternMismatch,
|
|
39
|
+
rangeOverflow,
|
|
40
|
+
rangeUnderflow,
|
|
41
|
+
stepMismatch,
|
|
42
|
+
tooLong,
|
|
43
|
+
tooShort,
|
|
44
|
+
typeMismatch,
|
|
45
|
+
valueMissing
|
|
46
|
+
} = _b, rest = __objRest(_b, [
|
|
47
|
+
"badInput",
|
|
48
|
+
"customError",
|
|
49
|
+
"patternMismatch",
|
|
50
|
+
"rangeOverflow",
|
|
51
|
+
"rangeUnderflow",
|
|
52
|
+
"stepMismatch",
|
|
53
|
+
"tooLong",
|
|
54
|
+
"tooShort",
|
|
55
|
+
"typeMismatch",
|
|
56
|
+
"valueMissing"
|
|
57
|
+
]);
|
|
58
|
+
return /* @__PURE__ */ React.createElement(FieldError, __spreadValues({}, rest), ({ validationDetails, validationErrors }) => {
|
|
59
|
+
if (validationDetails.badInput && badInput)
|
|
60
|
+
return badInput;
|
|
61
|
+
if (validationDetails.customError && customError)
|
|
62
|
+
return customError;
|
|
63
|
+
if (validationDetails.patternMismatch && patternMismatch)
|
|
64
|
+
return patternMismatch;
|
|
65
|
+
if (validationDetails.rangeOverflow && rangeOverflow)
|
|
66
|
+
return rangeOverflow;
|
|
67
|
+
if (validationDetails.rangeUnderflow && rangeUnderflow)
|
|
68
|
+
return rangeUnderflow;
|
|
69
|
+
if (validationDetails.stepMismatch && stepMismatch)
|
|
70
|
+
return stepMismatch;
|
|
71
|
+
if (validationDetails.tooLong && tooLong)
|
|
72
|
+
return tooLong;
|
|
73
|
+
if (validationDetails.tooShort && tooShort)
|
|
74
|
+
return tooShort;
|
|
75
|
+
if (validationDetails.typeMismatch && typeMismatch)
|
|
76
|
+
return typeMismatch;
|
|
77
|
+
if (validationDetails.valueMissing && valueMissing)
|
|
78
|
+
return valueMissing;
|
|
79
|
+
return validationErrors;
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
function PropsDescription() {
|
|
83
|
+
return /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 20 } }, /* @__PURE__ */ React.createElement("p", null, "You can customize the error messages for built-in validations by utilizing the props below."), /* @__PURE__ */ React.createElement("p", null, "For further information on the specific conditions triggering each error, please refer to the", " ", /* @__PURE__ */ React.createElement(
|
|
84
|
+
"a",
|
|
85
|
+
{
|
|
86
|
+
target: "_blank",
|
|
87
|
+
href: "https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties"
|
|
88
|
+
},
|
|
89
|
+
"MDN Docs"
|
|
90
|
+
), "."));
|
|
91
|
+
}
|
|
92
|
+
function registerFieldError(loader, overrides) {
|
|
93
|
+
registerComponentHelper(
|
|
94
|
+
loader,
|
|
95
|
+
BaseFieldError,
|
|
96
|
+
{
|
|
97
|
+
name: makeComponentName("fielderror"),
|
|
98
|
+
displayName: "BaseFieldError",
|
|
99
|
+
importPath: "@plasmicpkgs/react-aria/registerFieldError",
|
|
100
|
+
importName: "BaseFieldError",
|
|
101
|
+
actions: [
|
|
102
|
+
{
|
|
103
|
+
type: "custom-action",
|
|
104
|
+
control: PropsDescription
|
|
105
|
+
}
|
|
106
|
+
],
|
|
107
|
+
props: {
|
|
108
|
+
badInput: {
|
|
109
|
+
type: "string",
|
|
110
|
+
description: "Error message if the user has provided input that the browser is unable to convert"
|
|
111
|
+
},
|
|
112
|
+
customError: {
|
|
113
|
+
type: "string",
|
|
114
|
+
description: "Error message for custom validations"
|
|
115
|
+
},
|
|
116
|
+
patternMismatch: {
|
|
117
|
+
type: "string",
|
|
118
|
+
description: "Error message if the value does not match the specified pattern"
|
|
119
|
+
},
|
|
120
|
+
rangeOverflow: {
|
|
121
|
+
type: "string",
|
|
122
|
+
description: "Error message if the value is greater than the maximum specified"
|
|
123
|
+
},
|
|
124
|
+
rangeUnderflow: {
|
|
125
|
+
type: "string",
|
|
126
|
+
description: "Error message if the value is less than the minimum specified"
|
|
127
|
+
},
|
|
128
|
+
stepMismatch: {
|
|
129
|
+
type: "string",
|
|
130
|
+
description: "Error message if the value is not evenly divisible by the step value"
|
|
131
|
+
},
|
|
132
|
+
tooLong: {
|
|
133
|
+
type: "string",
|
|
134
|
+
description: "Error message if the value exceeds the specified maximum number of characters"
|
|
135
|
+
},
|
|
136
|
+
tooShort: {
|
|
137
|
+
type: "string",
|
|
138
|
+
description: "Error message if the value fails to meet the specified minimum number of characters"
|
|
139
|
+
},
|
|
140
|
+
typeMismatch: {
|
|
141
|
+
type: "string",
|
|
142
|
+
description: "Error message if the value is not in the required syntax (when type is email or url)"
|
|
143
|
+
},
|
|
144
|
+
valueMissing: {
|
|
145
|
+
type: "string",
|
|
146
|
+
description: "Error message if a required field has no value"
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
trapsFocus: true
|
|
150
|
+
},
|
|
151
|
+
overrides
|
|
152
|
+
);
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
export { BaseFieldError, registerFieldError };
|
|
156
|
+
//# sourceMappingURL=registerFieldError.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerFieldError.esm.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n CodeComponentMetaOverrides,\n makeComponentName,\n Registerable,\n registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n useBuiltInValidation: boolean;\n badInput?: string;\n customError?: string;\n patternMismatch?: string;\n rangeOverflow?: string;\n rangeUnderflow?: string;\n stepMismatch?: string;\n tooLong?: string;\n tooShort?: string;\n typeMismatch?: string;\n valueMissing?: string;\n}\n\nexport function BaseFieldError({\n badInput,\n customError,\n patternMismatch,\n rangeOverflow,\n rangeUnderflow,\n stepMismatch,\n tooLong,\n tooShort,\n typeMismatch,\n valueMissing,\n ...rest\n}: BaseFieldErrorProps) {\n return (\n <FieldError {...rest}>\n {({ validationDetails, validationErrors }) => {\n if (validationDetails.badInput && badInput) return badInput;\n if (validationDetails.customError && customError) return customError;\n if (validationDetails.patternMismatch && patternMismatch)\n return patternMismatch;\n if (validationDetails.rangeOverflow && rangeOverflow)\n return rangeOverflow;\n if (validationDetails.rangeUnderflow && rangeUnderflow)\n return rangeUnderflow;\n if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n if (validationDetails.tooLong && tooLong) return tooLong;\n if (validationDetails.tooShort && tooShort) return tooShort;\n if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n if (validationDetails.valueMissing && valueMissing) return valueMissing;\n return validationErrors;\n }}\n </FieldError>\n );\n}\n\nfunction PropsDescription() {\n return (\n <div style={{ marginBottom: 20 }}>\n <p>\n You can customize the error messages for built-in validations by\n utilizing the props below.\n </p>\n <p>\n For further information on the specific conditions triggering each\n error, please refer to the{\" \"}\n <a\n target=\"_blank\"\n href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n >\n MDN Docs\n </a>\n .\n </p>\n </div>\n );\n}\n\nexport function registerFieldError(\n loader?: Registerable,\n overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n registerComponentHelper(\n loader,\n BaseFieldError,\n {\n name: makeComponentName(\"fielderror\"),\n displayName: \"BaseFieldError\",\n importPath: \"@plasmicpkgs/react-aria/registerFieldError\",\n importName: \"BaseFieldError\",\n actions: [\n {\n type: \"custom-action\",\n control: PropsDescription,\n },\n ],\n props: {\n badInput: {\n type: \"string\",\n description:\n \"Error message if the user has provided input that the browser is unable to convert\",\n },\n customError: {\n type: \"string\",\n description: \"Error message for custom validations\",\n },\n patternMismatch: {\n type: \"string\",\n description:\n \"Error message if the value does not match the specified pattern\",\n },\n rangeOverflow: {\n type: \"string\",\n description:\n \"Error message if the value is greater than the maximum specified\",\n },\n rangeUnderflow: {\n type: \"string\",\n description:\n \"Error message if the value is less than the minimum specified\",\n },\n stepMismatch: {\n type: \"string\",\n description:\n \"Error message if the value is not evenly divisible by the step value\",\n },\n tooLong: {\n type: \"string\",\n description:\n \"Error message if the value exceeds the specified maximum number of characters\",\n },\n tooShort: {\n type: \"string\",\n description:\n \"Error message if the value fails to meet the specified minimum number of characters\",\n },\n typeMismatch: {\n type: \"string\",\n description:\n \"Error message if the value is not in the required syntax (when type is email or url)\",\n },\n valueMissing: {\n type: \"string\",\n description: \"Error message if a required field has no value\",\n },\n },\n trapsFocus: true,\n },\n overrides\n );\n}\n"],"names":[],"mappings":"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"}
|