@cdx-ui/primitives 0.0.1-alpha.29 → 0.0.1-alpha.30
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/lib/commonjs/form-control/createFormError.js +41 -0
- package/lib/commonjs/form-control/createFormError.js.map +1 -0
- package/lib/commonjs/form-control/createFormErrorIcon.js +18 -0
- package/lib/commonjs/form-control/createFormErrorIcon.js.map +1 -0
- package/lib/commonjs/form-control/createFormErrorText.js +18 -0
- package/lib/commonjs/form-control/createFormErrorText.js.map +1 -0
- package/lib/commonjs/form-control/createFormField.js +35 -0
- package/lib/commonjs/form-control/createFormField.js.map +1 -0
- package/lib/commonjs/form-control/createFormHelper.js +41 -0
- package/lib/commonjs/form-control/createFormHelper.js.map +1 -0
- package/lib/commonjs/form-control/createFormHelperText.js +18 -0
- package/lib/commonjs/form-control/createFormHelperText.js.map +1 -0
- package/lib/commonjs/form-control/createFormLabel.js +38 -0
- package/lib/commonjs/form-control/createFormLabel.js.map +1 -0
- package/lib/commonjs/form-control/createFormRoot.js +21 -0
- package/lib/commonjs/form-control/createFormRoot.js.map +1 -0
- package/lib/commonjs/form-control/index.js +53 -0
- package/lib/commonjs/form-control/index.js.map +1 -0
- package/lib/commonjs/form-control/types.js +6 -0
- package/lib/commonjs/form-control/types.js.map +1 -0
- package/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/createInputField.js +3 -1
- package/lib/commonjs/input/createInputField.js.map +1 -1
- package/lib/commonjs/select/createSelectRoot.js +8 -5
- package/lib/commonjs/select/createSelectRoot.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +50 -3
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/module/form-control/createFormError.js +35 -0
- package/lib/module/form-control/createFormError.js.map +1 -0
- package/lib/module/form-control/createFormErrorIcon.js +13 -0
- package/lib/module/form-control/createFormErrorIcon.js.map +1 -0
- package/lib/module/form-control/createFormErrorText.js +13 -0
- package/lib/module/form-control/createFormErrorText.js.map +1 -0
- package/lib/module/form-control/createFormField.js +29 -0
- package/lib/module/form-control/createFormField.js.map +1 -0
- package/lib/module/form-control/createFormHelper.js +35 -0
- package/lib/module/form-control/createFormHelper.js.map +1 -0
- package/lib/module/form-control/createFormHelperText.js +13 -0
- package/lib/module/form-control/createFormHelperText.js.map +1 -0
- package/lib/module/form-control/createFormLabel.js +33 -0
- package/lib/module/form-control/createFormLabel.js.map +1 -0
- package/lib/module/form-control/createFormRoot.js +15 -0
- package/lib/module/form-control/createFormRoot.js.map +1 -0
- package/lib/module/form-control/index.js +49 -0
- package/lib/module/form-control/index.js.map +1 -0
- package/lib/module/form-control/types.js +4 -0
- package/lib/module/form-control/types.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/createInputField.js +4 -2
- package/lib/module/input/createInputField.js.map +1 -1
- package/lib/module/select/createSelectRoot.js +8 -5
- package/lib/module/select/createSelectRoot.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +52 -5
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +5 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- package/lib/typescript/form-control/createFormError.d.ts +5 -0
- package/lib/typescript/form-control/createFormError.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormErrorIcon.d.ts +5 -0
- package/lib/typescript/form-control/createFormErrorIcon.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormErrorText.d.ts +5 -0
- package/lib/typescript/form-control/createFormErrorText.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormField.d.ts +6 -0
- package/lib/typescript/form-control/createFormField.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormHelper.d.ts +5 -0
- package/lib/typescript/form-control/createFormHelper.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormHelperText.d.ts +5 -0
- package/lib/typescript/form-control/createFormHelperText.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormLabel.d.ts +8 -0
- package/lib/typescript/form-control/createFormLabel.d.ts.map +1 -0
- package/lib/typescript/form-control/createFormRoot.d.ts +6 -0
- package/lib/typescript/form-control/createFormRoot.d.ts.map +1 -0
- package/lib/typescript/form-control/index.d.ts +14 -0
- package/lib/typescript/form-control/index.d.ts.map +1 -0
- package/lib/typescript/form-control/types.d.ts +73 -0
- package/lib/typescript/form-control/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/createInputField.d.ts.map +1 -1
- package/lib/typescript/select/createSelectRoot.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/select/types.d.ts +4 -0
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/form-control/createFormError.tsx +32 -0
- package/src/form-control/createFormErrorIcon.tsx +9 -0
- package/src/form-control/createFormErrorText.tsx +9 -0
- package/src/form-control/createFormField.tsx +27 -0
- package/src/form-control/createFormHelper.tsx +28 -0
- package/src/form-control/createFormHelperText.tsx +9 -0
- package/src/form-control/createFormLabel.tsx +30 -0
- package/src/form-control/createFormRoot.tsx +13 -0
- package/src/form-control/index.tsx +71 -0
- package/src/form-control/types.tsx +92 -0
- package/src/index.ts +1 -0
- package/src/input/createInputField.tsx +8 -2
- package/src/select/createSelectRoot.tsx +7 -3
- package/src/select/createSelectTrigger.tsx +55 -4
- package/src/select/types.ts +4 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormError = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const createFormError = BaseFormError => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
isInvalid,
|
|
17
|
+
feedbackId,
|
|
18
|
+
setHasFeedbackText
|
|
19
|
+
} = (0, _utils.useFormControlContext)();
|
|
20
|
+
const visible = Boolean(isInvalid && children);
|
|
21
|
+
_react.default.useEffect(() => {
|
|
22
|
+
if (!visible) {
|
|
23
|
+
setHasFeedbackText?.(false);
|
|
24
|
+
return undefined;
|
|
25
|
+
}
|
|
26
|
+
setHasFeedbackText?.(true);
|
|
27
|
+
return () => {
|
|
28
|
+
setHasFeedbackText?.(false);
|
|
29
|
+
};
|
|
30
|
+
}, [setHasFeedbackText, visible]);
|
|
31
|
+
return visible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormError, {
|
|
32
|
+
ref: ref,
|
|
33
|
+
...props,
|
|
34
|
+
id: feedbackId,
|
|
35
|
+
accessibilityRole: "alert",
|
|
36
|
+
accessibilityLiveRegion: "assertive",
|
|
37
|
+
children: children
|
|
38
|
+
}) : null;
|
|
39
|
+
});
|
|
40
|
+
exports.createFormError = createFormError;
|
|
41
|
+
//# sourceMappingURL=createFormError.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createFormError","BaseFormError","forwardRef","children","props","ref","isInvalid","feedbackId","setHasFeedbackText","useFormControlContext","visible","Boolean","React","useEffect","undefined","jsx","id","accessibilityRole","accessibilityLiveRegion","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormError.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/C,MAAMkB,eAAe,GAAQC,aAAqC,iBACvE,IAAAC,iBAAU,EAA0C,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAE7E,MAAMC,OAAO,GAAGC,OAAO,CAACL,SAAS,IAAIH,QAAQ,CAAC;EAE9CS,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,OAAO,EAAE;MACZF,kBAAkB,GAAG,KAAK,CAAC;MAC3B,OAAOM,SAAS;IAClB;IACAN,kBAAkB,GAAG,IAAI,CAAC;IAC1B,OAAO,MAAM;MACXA,kBAAkB,GAAG,KAAK,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACA,kBAAkB,EAAEE,OAAO,CAAC,CAAC;EAEjC,OAAOA,OAAO,gBACZ,IAAA9B,WAAA,CAAAmC,GAAA,EAACd,aAAa;IACZI,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACVY,EAAE,EAAET,UAAW;IACfU,iBAAiB,EAAC,OAAO;IACzBC,uBAAuB,EAAC,WAAW;IAAAf,QAAA,EAElCA;EAAQ,CACI,CAAC,GACd,IAAI;AACV,CAAC,CAAC;AAACgB,OAAA,CAAAnB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormErrorIcon = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const createFormErrorIcon = BaseFormErrorIcon => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormErrorIcon, {
|
|
13
|
+
ref: ref,
|
|
14
|
+
...props,
|
|
15
|
+
children: children
|
|
16
|
+
}));
|
|
17
|
+
exports.createFormErrorIcon = createFormErrorIcon;
|
|
18
|
+
//# sourceMappingURL=createFormErrorIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_jsxRuntime","createFormErrorIcon","BaseFormErrorIcon","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormErrorIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAE5B,MAAME,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EAA0C,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9E,IAAAN,WAAA,CAAAO,GAAA,EAACL,iBAAiB;EAACI,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACQ,CACpB,CAAC;AAACI,OAAA,CAAAP,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormErrorText = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const createFormErrorText = BaseFormErrorText => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormErrorText, {
|
|
13
|
+
ref: ref,
|
|
14
|
+
...props,
|
|
15
|
+
children: children
|
|
16
|
+
}));
|
|
17
|
+
exports.createFormErrorText = createFormErrorText;
|
|
18
|
+
//# sourceMappingURL=createFormErrorText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_jsxRuntime","createFormErrorText","BaseFormErrorText","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormErrorText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAE5B,MAAME,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EAA0C,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9E,IAAAN,WAAA,CAAAO,GAAA,EAACL,iBAAiB;EAACI,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACQ,CACpB,CAAC;AAACI,OAAA,CAAAP,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormField = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const createFormField = BaseFormField => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
htmlProps,
|
|
18
|
+
...context
|
|
19
|
+
} = (0, _utils.useFormControlRoot)(props);
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FormControlContext.Provider, {
|
|
21
|
+
value: context,
|
|
22
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormField, {
|
|
23
|
+
ref: ref,
|
|
24
|
+
...htmlProps,
|
|
25
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
26
|
+
disabled: context.isDisabled,
|
|
27
|
+
invalid: context.isInvalid,
|
|
28
|
+
required: context.isRequired
|
|
29
|
+
}),
|
|
30
|
+
children: children
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
exports.createFormField = createFormField;
|
|
35
|
+
//# sourceMappingURL=createFormField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createFormField","BaseFormField","forwardRef","children","props","ref","htmlProps","context","useFormControlRoot","jsx","FormControlContext","Provider","value","dataAttributes","disabled","isDisabled","invalid","isInvalid","required","isRequired","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormField.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAyD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGlD,MAAMkB,eAAe,GAAQC,aAAqC,iBACvE,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAwD,CAAC,EAAEC,GAAa,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAQ,CAAC,GAAG,IAAAC,yBAAkB,EAACJ,KAAK,CAAC;EAE3D,oBACE,IAAAxB,WAAA,CAAA6B,GAAA,EAAC/B,MAAA,CAAAgC,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEL,OAAQ;IAAAJ,QAAA,eAC1C,IAAAvB,WAAA,CAAA6B,GAAA,EAACR,aAAa;MACZI,GAAG,EAAEA,GAAI;MAAA,GACJC,SAAS;MAAA,GACV,IAAAO,8BAAc,EAAC;QACjBC,QAAQ,EAAEP,OAAO,CAACQ,UAAU;QAC5BC,OAAO,EAAET,OAAO,CAACU,SAAS;QAC1BC,QAAQ,EAAEX,OAAO,CAACY;MACpB,CAAC,CAAC;MAAAhB,QAAA,EAEDA;IAAQ,CACI;EAAC,CACW,CAAC;AAElC,CACF,CAAC;AAACiB,OAAA,CAAApB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormHelper = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const createFormHelper = BaseFormHelper => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
helpTextId,
|
|
17
|
+
setHasHelpText,
|
|
18
|
+
isInvalid
|
|
19
|
+
} = (0, _utils.useFormControlContext)();
|
|
20
|
+
_react.default.useEffect(() => {
|
|
21
|
+
if (isInvalid) {
|
|
22
|
+
setHasHelpText?.(false);
|
|
23
|
+
return undefined;
|
|
24
|
+
}
|
|
25
|
+
setHasHelpText?.(true);
|
|
26
|
+
return () => {
|
|
27
|
+
setHasHelpText?.(false);
|
|
28
|
+
};
|
|
29
|
+
}, [setHasHelpText, isInvalid]);
|
|
30
|
+
if (isInvalid) {
|
|
31
|
+
return null;
|
|
32
|
+
}
|
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormHelper, {
|
|
34
|
+
ref: ref,
|
|
35
|
+
...props,
|
|
36
|
+
id: helpTextId,
|
|
37
|
+
children: children
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
exports.createFormHelper = createFormHelper;
|
|
41
|
+
//# sourceMappingURL=createFormHelper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createFormHelper","BaseFormHelper","forwardRef","children","props","ref","helpTextId","setHasHelpText","isInvalid","useFormControlContext","React","useEffect","undefined","jsx","id","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormHelper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/C,MAAMkB,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EAA0C,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAEzEC,cAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAIH,SAAS,EAAE;MACbD,cAAc,GAAG,KAAK,CAAC;MACvB,OAAOK,SAAS;IAClB;IACAL,cAAc,GAAG,IAAI,CAAC;IACtB,OAAO,MAAM;MACXA,cAAc,GAAG,KAAK,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACA,cAAc,EAAEC,SAAS,CAAC,CAAC;EAE/B,IAAIA,SAAS,EAAE;IACb,OAAO,IAAI;EACb;EAEA,oBACE,IAAA5B,WAAA,CAAAiC,GAAA,EAACZ,cAAc;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAQU,EAAE,EAAER,UAAW;IAAAH,QAAA,EACxDA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC;AAACY,OAAA,CAAAf,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormHelperText = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
const createFormHelperText = BaseFormHelperText => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormHelperText, {
|
|
13
|
+
ref: ref,
|
|
14
|
+
...props,
|
|
15
|
+
children: children
|
|
16
|
+
}));
|
|
17
|
+
exports.createFormHelperText = createFormHelperText;
|
|
18
|
+
//# sourceMappingURL=createFormHelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_jsxRuntime","createFormHelperText","BaseFormHelperText","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormHelperText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAE5B,MAAME,oBAAoB,GAAQC,kBAA0C,iBACjF,IAAAC,iBAAU,EAA0C,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC9E,IAAAN,WAAA,CAAAO,GAAA,EAACL,kBAAkB;EAACI,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EACrCA;AAAQ,CACS,CACrB,CAAC;AAACI,OAAA,CAAAP,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormLabel = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createFormLabel = ({
|
|
12
|
+
Label: BaseFormLabel
|
|
13
|
+
}) => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
14
|
+
children,
|
|
15
|
+
htmlFor: htmlForProp,
|
|
16
|
+
requiredIndicator,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const field = (0, _utils.useFormControlContext)();
|
|
20
|
+
const fieldId = field.id;
|
|
21
|
+
const labelId = field.labelId;
|
|
22
|
+
|
|
23
|
+
/** Must match `useFormControl` default: `props.id ?? \`${field.id}-input\``. */
|
|
24
|
+
const htmlFor = htmlForProp ?? (fieldId ? `${fieldId}-input` : undefined);
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BaseFormLabel, {
|
|
26
|
+
ref: ref,
|
|
27
|
+
...props,
|
|
28
|
+
id: labelId,
|
|
29
|
+
htmlFor: htmlFor,
|
|
30
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
31
|
+
invalid: field.isInvalid,
|
|
32
|
+
required: field.isRequired
|
|
33
|
+
}),
|
|
34
|
+
children: [children, field.isRequired ? requiredIndicator : null]
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
exports.createFormLabel = createFormLabel;
|
|
38
|
+
//# sourceMappingURL=createFormLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_dataAttributes","_jsxRuntime","createFormLabel","Label","BaseFormLabel","forwardRef","children","htmlFor","htmlForProp","requiredIndicator","props","ref","field","useFormControlContext","fieldId","id","labelId","undefined","jsxs","dataAttributes","invalid","isInvalid","required","isRequired","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormLabel.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAyD,IAAAG,WAAA,GAAAH,OAAA;AAGlD,MAAMI,eAAe,GAAGA,CAAK;EAAEC,KAAK,EAAEC;AAAiD,CAAC,kBAC7F,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAEC,OAAO,EAAEC,WAAW;EAAEC,iBAAiB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxE,MAAMC,KAAK,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EACrC,MAAMC,OAAO,GAAGF,KAAK,CAACG,EAAE;EACxB,MAAMC,OAAO,GAAGJ,KAAK,CAACI,OAAO;;EAE7B;EACA,MAAMT,OAAO,GAAGC,WAAW,KAAKM,OAAO,GAAG,GAAGA,OAAO,QAAQ,GAAGG,SAAS,CAAC;EAEzE,oBACE,IAAAhB,WAAA,CAAAiB,IAAA,EAACd,aAAa;IACZO,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IACVK,EAAE,EAAEC,OAAQ;IACZT,OAAO,EAAEA,OAAQ;IAAA,GACb,IAAAY,8BAAc,EAAC;MAAEC,OAAO,EAAER,KAAK,CAACS,SAAS;MAAEC,QAAQ,EAAEV,KAAK,CAACW;IAAW,CAAC,CAAC;IAAAjB,QAAA,GAE3EA,QAAQ,EACRM,KAAK,CAACW,UAAU,GAAGd,iBAAiB,GAAG,IAAI;EAAA,CAC/B,CAAC;AAEpB,CACF,CAAC;AAACe,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createFormRoot = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
10
|
+
// TODO: Handle web submission (button type submit)
|
|
11
|
+
|
|
12
|
+
const createFormRoot = BaseFormRoot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseFormRoot, {
|
|
16
|
+
ref: ref,
|
|
17
|
+
...props,
|
|
18
|
+
children: children
|
|
19
|
+
}));
|
|
20
|
+
exports.createFormRoot = createFormRoot;
|
|
21
|
+
//# sourceMappingURL=createFormRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createFormRoot","BaseFormRoot","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["form-control/createFormRoot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0C,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG1C;;AAEO,MAAMkB,cAAc,GAAQC,YAAoC,iBACrE,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAmD,CAAC,EAAEC,GAAa,kBACjF,IAAAzB,WAAA,CAAA0B,GAAA,EAACL,YAAY;EAACI,GAAG,EAAEA,GAAI;EAAA,GAAMD,KAAK;EAAAD,QAAA,EAC/BA;AAAQ,CACG,CAElB,CAAC;AAACI,OAAA,CAAAP,cAAA,GAAAA,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createForm = createForm;
|
|
7
|
+
var _createFormError = require("./createFormError");
|
|
8
|
+
var _createFormErrorText = require("./createFormErrorText");
|
|
9
|
+
var _createFormErrorIcon = require("./createFormErrorIcon");
|
|
10
|
+
var _createFormField = require("./createFormField");
|
|
11
|
+
var _createFormHelper = require("./createFormHelper");
|
|
12
|
+
var _createFormHelperText = require("./createFormHelperText");
|
|
13
|
+
var _createFormLabel = require("./createFormLabel");
|
|
14
|
+
var _createFormRoot = require("./createFormRoot");
|
|
15
|
+
function createForm({
|
|
16
|
+
Root,
|
|
17
|
+
Field,
|
|
18
|
+
Error,
|
|
19
|
+
ErrorText,
|
|
20
|
+
ErrorIcon,
|
|
21
|
+
Label,
|
|
22
|
+
Helper,
|
|
23
|
+
HelperText
|
|
24
|
+
}) {
|
|
25
|
+
const FormRoot = (0, _createFormRoot.createFormRoot)(Root);
|
|
26
|
+
FormRoot.displayName = 'FormPrimitive';
|
|
27
|
+
const FormField = (0, _createFormField.createFormField)(Field);
|
|
28
|
+
FormField.displayName = 'FormPrimitive.Field';
|
|
29
|
+
const FormLabel = (0, _createFormLabel.createFormLabel)({
|
|
30
|
+
Label
|
|
31
|
+
});
|
|
32
|
+
const FormHelper = (0, _createFormHelper.createFormHelper)(Helper);
|
|
33
|
+
const FormHelperText = (0, _createFormHelperText.createFormHelperText)(HelperText);
|
|
34
|
+
const FormError = (0, _createFormError.createFormError)(Error);
|
|
35
|
+
const FormErrorText = (0, _createFormErrorText.createFormErrorText)(ErrorText);
|
|
36
|
+
const FormErrorIcon = (0, _createFormErrorIcon.createFormErrorIcon)(ErrorIcon);
|
|
37
|
+
FormLabel.displayName = 'FormPrimitive.Label';
|
|
38
|
+
FormHelper.displayName = 'FormPrimitive.Helper';
|
|
39
|
+
FormHelperText.displayName = 'FormPrimitive.HelperText';
|
|
40
|
+
FormError.displayName = 'FormPrimitive.Error';
|
|
41
|
+
FormErrorText.displayName = 'FormPrimitive.ErrorText';
|
|
42
|
+
FormErrorIcon.displayName = 'FormPrimitive.ErrorIcon';
|
|
43
|
+
return Object.assign(FormRoot, {
|
|
44
|
+
Field: FormField,
|
|
45
|
+
Label: FormLabel,
|
|
46
|
+
Helper: FormHelper,
|
|
47
|
+
HelperText: FormHelperText,
|
|
48
|
+
Error: FormError,
|
|
49
|
+
ErrorText: FormErrorText,
|
|
50
|
+
ErrorIcon: FormErrorIcon
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createFormError","require","_createFormErrorText","_createFormErrorIcon","_createFormField","_createFormHelper","_createFormHelperText","_createFormLabel","_createFormRoot","createForm","Root","Field","Error","ErrorText","ErrorIcon","Label","Helper","HelperText","FormRoot","createFormRoot","displayName","FormField","createFormField","FormLabel","createFormLabel","FormHelper","createFormHelper","FormHelperText","createFormHelperText","FormError","createFormError","FormErrorText","createFormErrorText","FormErrorIcon","createFormErrorIcon","Object","assign"],"sourceRoot":"../../../src","sources":["form-control/index.tsx"],"mappings":";;;;;;AACA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AAeO,SAASQ,UAAUA,CAAsE;EAC9FC,IAAI;EACJC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,MAAM;EACNC;AAUF,CAAC,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,8BAAc,EAACT,IAAI,CAAC;EACrCQ,QAAQ,CAACE,WAAW,GAAG,eAAe;EAEtC,MAAMC,SAAS,GAAG,IAAAC,gCAAe,EAACX,KAAK,CAAC;EACxCU,SAAS,CAACD,WAAW,GAAG,qBAAqB;EAC7C,MAAMG,SAAS,GAAG,IAAAC,gCAAe,EAAC;IAAET;EAAM,CAAC,CAAC;EAC5C,MAAMU,UAAU,GAAG,IAAAC,kCAAgB,EAACV,MAAM,CAAC;EAC3C,MAAMW,cAAc,GAAG,IAAAC,0CAAoB,EAACX,UAAU,CAAC;EACvD,MAAMY,SAAS,GAAG,IAAAC,gCAAe,EAAClB,KAAK,CAAC;EACxC,MAAMmB,aAAa,GAAG,IAAAC,wCAAmB,EAACnB,SAAS,CAAC;EACpD,MAAMoB,aAAa,GAAG,IAAAC,wCAAmB,EAACpB,SAAS,CAAC;EAEpDS,SAAS,CAACH,WAAW,GAAG,qBAAqB;EAC7CK,UAAU,CAACL,WAAW,GAAG,sBAAsB;EAC/CO,cAAc,CAACP,WAAW,GAAG,0BAA0B;EACvDS,SAAS,CAACT,WAAW,GAAG,qBAAqB;EAC7CW,aAAa,CAACX,WAAW,GAAG,yBAAyB;EACrDa,aAAa,CAACb,WAAW,GAAG,yBAAyB;EAErD,OAAOe,MAAM,CAACC,MAAM,CAAClB,QAAQ,EAAE;IAC7BP,KAAK,EAAEU,SAAS;IAChBN,KAAK,EAAEQ,SAAS;IAChBP,MAAM,EAAES,UAAU;IAClBR,UAAU,EAAEU,cAAc;IAC1Bf,KAAK,EAAEiB,SAAS;IAChBhB,SAAS,EAAEkB,aAAa;IACxBjB,SAAS,EAAEmB;EACb,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["form-control/types.tsx"],"mappings":"","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -67,6 +67,18 @@ Object.keys(_dialog).forEach(function (key) {
|
|
|
67
67
|
}
|
|
68
68
|
});
|
|
69
69
|
});
|
|
70
|
+
var _formControl = require("./form-control");
|
|
71
|
+
Object.keys(_formControl).forEach(function (key) {
|
|
72
|
+
if (key === "default" || key === "__esModule") return;
|
|
73
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
74
|
+
if (key in exports && exports[key] === _formControl[key]) return;
|
|
75
|
+
Object.defineProperty(exports, key, {
|
|
76
|
+
enumerable: true,
|
|
77
|
+
get: function () {
|
|
78
|
+
return _formControl[key];
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
});
|
|
70
82
|
var _input = require("./input");
|
|
71
83
|
Object.keys(_input).forEach(function (key) {
|
|
72
84
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_dialog","_input","_link","_overlay","_select","_switch","_dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,SAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,SAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,SAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,SAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,OAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,OAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,OAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,OAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,
|
|
1
|
+
{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_dialog","_formControl","_input","_link","_overlay","_select","_switch","_dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -39,11 +39,12 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
39
39
|
isRequired: props.isRequired,
|
|
40
40
|
id: props.id
|
|
41
41
|
});
|
|
42
|
+
const field = (0, _utils.useFormControlContext)();
|
|
42
43
|
const handleFocus = (focusState, callback) => {
|
|
43
44
|
setIsFocused(focusState);
|
|
44
45
|
callback();
|
|
45
46
|
};
|
|
46
|
-
const mergedRef = (0, _utils.mergeRefs)(ref, inputFieldRef);
|
|
47
|
+
const mergedRef = _reactNative.Platform.OS === 'web' ? (0, _utils.mergeRefs)(ref, inputFieldRef) : (0, _utils.mergeRefs)(ref, inputFieldRef, field.inputRef);
|
|
47
48
|
const isEffectivelyDisabled = isDisabled || inputProps.disabled;
|
|
48
49
|
const ariaLabel = accessibilityLabel ?? ariaLabelProp;
|
|
49
50
|
const editableProp = (0, _react.useMemo)(() => {
|
|
@@ -53,6 +54,7 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
53
54
|
return !(isDisabled || inputProps.disabled || isReadOnly);
|
|
54
55
|
}, [isDisabled, inputProps.disabled, isReadOnly, editable]);
|
|
55
56
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInputField, {
|
|
57
|
+
...inputProps,
|
|
56
58
|
...props,
|
|
57
59
|
type: type,
|
|
58
60
|
...(0, _dataAttributes.dataAttributes)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_dataAttributes","_context","_jsxRuntime","createInputField","BaseInputField","forwardRef","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","props","ref","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","isHovered","isFocusVisible","inputFieldRef","isRequired","useInputContext","inputProps","useFormControl","id","handleFocus","focusState","callback","mergedRef","mergeRefs","isEffectivelyDisabled","ariaLabel","editableProp","useMemo","undefined","jsx","dataAttributes","focus","invalid","readonly","required","hover","focusVisible","accessible","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_dataAttributes","_context","_jsxRuntime","createInputField","BaseInputField","forwardRef","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","props","ref","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","isHovered","isFocusVisible","inputFieldRef","isRequired","useInputContext","inputProps","useFormControl","id","field","useFormControlContext","handleFocus","focusState","callback","mergedRef","Platform","OS","mergeRefs","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","useMemo","undefined","jsx","dataAttributes","focus","invalid","readonly","required","hover","focusVisible","accessible","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["input/createInputField.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAGrC,MAAMM,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EACR,CACE;EACEC,QAAQ;EACRC,UAAU;EACVC,IAAI,GAAG,MAAM;EACbC,kBAAkB;EAClB,YAAY,EAAEC,aAAa;EAC3BC,eAAe;EACfC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACQ,CAAC,EACdC,GAAS,KACN;EACH,MAAM;IACJC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,YAAY;IACZC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,wBAAe,EAAC,CAAC;EAErB,MAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC;IAChCX,UAAU,EAAEF,KAAK,CAACE,UAAU,IAAIH,QAAQ;IACxCM,SAAS,EAAEL,KAAK,CAACK,SAAS;IAC1BF,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BO,UAAU,EAAEV,KAAK,CAACU,UAAU;IAC5BI,EAAE,EAAEd,KAAK,CAACc;EACZ,CAAC,CAAC;EAEF,MAAMC,KAAK,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAErC,MAAMC,WAAW,GAAGA,CAACC,UAAmB,EAAEC,QAAa,KAAK;IAC1Db,YAAY,CAACY,UAAU,CAAC;IACxBC,QAAQ,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,SAAS,GACbC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB,IAAAC,gBAAS,EAACtB,GAAG,EAAEQ,aAAa,CAAC,GAC7B,IAAAc,gBAAS,EAACtB,GAAG,EAAEQ,aAAa,EAAEM,KAAK,CAACS,QAAQ,CAAC;EAEnD,MAAMC,qBAAqB,GAAGvB,UAAU,IAAIU,UAAU,CAACb,QAAQ;EAE/D,MAAM2B,SAAS,GAAG/B,kBAAkB,IAAIC,aAAa;EAErD,MAAM+B,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,IAAI9B,QAAQ,KAAK+B,SAAS,EAAE;MAC1B,OAAO/B,QAAQ;IACjB;IACA,OAAO,EAAEI,UAAU,IAAIU,UAAU,CAACb,QAAQ,IAAII,UAAU,CAAC;EAC3D,CAAC,EAAE,CAACD,UAAU,EAAEU,UAAU,CAACb,QAAQ,EAAEI,UAAU,EAAEL,QAAQ,CAAC,CAAC;EAE3D,oBACE,IAAAV,WAAA,CAAA0C,GAAA,EAACxC,cAAc;IAAA,GACTsB,UAAU;IAAA,GACTZ,KAAK;IACVN,IAAI,EAAEA,IAAK;IAAA,GACP,IAAAqC,8BAAc,EAAC;MACjBC,KAAK,EAAE5B,SAAS;MAChB6B,OAAO,EAAE5B,SAAS;MAClB6B,QAAQ,EAAE/B,UAAU;MACpBgC,QAAQ,EAAEzB,UAAU;MACpB0B,KAAK,EAAE7B,SAAS;MAChB8B,YAAY,EAAE7B,cAAc;MAC5BT,QAAQ,EAAE0B;IACZ,CAAC,CAAC;IACF1B,QAAQ,EAAE0B,qBAAsB;IAChC5B,eAAe,EAAEA,eAAe,IAAIH,IAAI,KAAK,UAAW;IACxD4C,UAAU;IACV3C,kBAAkB,EAAE+B,SAAU;IAC9B,cAAYA,SAAU;IACtB,iBAAehB,UAAU,IAAIE,UAAU,CAACuB,QAAS;IACjD,gBAAc9B,SAAS,IAAIO,UAAU,CAAC,cAAc,CAAE;IACtD,iBAAea,qBAAsB;IACrC,iBAAeJ,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGlB,SAAS,GAAGyB,SAAU;IAC7DU,2BAA2B,EAAEd,qBAAsB;IACnDe,QAAQ,EAAE,CAACb,YAAa;IACxBlC,UAAU,EAAGgD,CAAyB,IAAK;MACzCA,CAAC,CAACC,OAAO,CAAC,CAAC;MACXjD,UAAU,GAAGgD,CAAC,CAAC;IACjB,CAAE;IACFE,OAAO,EAAGF,CAAa,IAAK;MAC1BxB,WAAW,CAAC,IAAI,EAAE,MAAMjB,KAAK,EAAE2C,OAAO,GAAGF,CAAC,CAAC,CAAC;IAC9C,CAAE;IACFG,MAAM,EAAGH,CAAY,IAAK;MACxBxB,WAAW,CAAC,KAAK,EAAE,MAAMjB,KAAK,EAAE4C,MAAM,GAAGH,CAAC,CAAC,CAAC;IAC9C,CAAE;IACFxC,GAAG,EAAEmB,SAAU;IAAA5B,QAAA,EAEdA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAACqD,OAAA,CAAAxD,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -58,9 +58,11 @@ const createSelectRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
58
58
|
}, [isEffectivelyDisabled, isEffectivelyReadOnly, setOpenState]);
|
|
59
59
|
const [activeValue, setActiveValue] = (0, _react.useState)(undefined);
|
|
60
60
|
const triggerRef = (0, _react.useRef)(null);
|
|
61
|
-
const
|
|
62
|
-
|
|
63
|
-
const
|
|
61
|
+
const reactId = (0, _react.useId)();
|
|
62
|
+
/** Align with `useFormControl` default id (`${field.id}-input`) when inside `Form.Field`. */
|
|
63
|
+
const triggerId = formControlProps.id ?? `select-trigger-${reactId}`;
|
|
64
|
+
const contentId = `select-content-${reactId}`;
|
|
65
|
+
const ariaDescribedBy = formControlProps['aria-describedby'];
|
|
64
66
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
65
67
|
open: open ?? false,
|
|
66
68
|
items,
|
|
@@ -77,8 +79,9 @@ const createSelectRoot = BaseRoot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
77
79
|
triggerId,
|
|
78
80
|
activeValue,
|
|
79
81
|
setActiveValue,
|
|
80
|
-
accessibilityLabel
|
|
81
|
-
|
|
82
|
+
accessibilityLabel,
|
|
83
|
+
ariaDescribedBy
|
|
84
|
+
}), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel, ariaDescribedBy]);
|
|
82
85
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SelectProvider, {
|
|
83
86
|
value: contextValue,
|
|
84
87
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRoot, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createSelectRoot","BaseRoot","forwardRef","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createSelectRoot","BaseRoot","forwardRef","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","useFormControl","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","useCallback","newOpen","activeValue","setActiveValue","useState","triggerRef","useRef","reactId","useId","triggerId","id","contentId","ariaDescribedBy","contextValue","useMemo","invalid","jsx","SelectProvider","dataAttributes","slot","readonly","exports"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -19,6 +19,7 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
19
19
|
isFocused: isFocusedProp,
|
|
20
20
|
isFocusVisible: isFocusVisibleProp,
|
|
21
21
|
isDisabled: isDisabledProp,
|
|
22
|
+
'aria-describedby': ariaDescribedByProp,
|
|
22
23
|
...props
|
|
23
24
|
}, ref) => {
|
|
24
25
|
const {
|
|
@@ -32,8 +33,10 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
32
33
|
contentId,
|
|
33
34
|
triggerRef,
|
|
34
35
|
activeValue,
|
|
35
|
-
accessibilityLabel
|
|
36
|
+
accessibilityLabel,
|
|
37
|
+
ariaDescribedBy: ariaDescribedByFromField
|
|
36
38
|
} = (0, _context.useSelectContext)();
|
|
39
|
+
const field = (0, _utils.useFormControlContext)();
|
|
37
40
|
const disabled = contextDisabled || !!isDisabledProp;
|
|
38
41
|
const {
|
|
39
42
|
isFocusVisible,
|
|
@@ -84,7 +87,50 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
84
87
|
disabled: !!disabled,
|
|
85
88
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
86
89
|
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible]);
|
|
87
|
-
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
|
|
93
|
+
* `Form.Label` calls `focusInput()` → we register a bridge on `field.inputRef` that tries
|
|
94
|
+
* native focus, then opens the list (expected “tap label” behavior for a select).
|
|
95
|
+
*/
|
|
96
|
+
const labelFocusGateRef = (0, _react.useRef)({
|
|
97
|
+
disabled: false,
|
|
98
|
+
readOnly: false
|
|
99
|
+
});
|
|
100
|
+
labelFocusGateRef.current = {
|
|
101
|
+
disabled: !!disabled,
|
|
102
|
+
readOnly: !!contextReadOnly
|
|
103
|
+
};
|
|
104
|
+
const labelFocusBridge = (0, _react.useMemo)(() => ({
|
|
105
|
+
focus() {
|
|
106
|
+
const {
|
|
107
|
+
disabled: isOff,
|
|
108
|
+
readOnly: isRO
|
|
109
|
+
} = labelFocusGateRef.current;
|
|
110
|
+
if (isOff || isRO) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
const node = triggerRef.current;
|
|
114
|
+
if (node != null && typeof node.focus === 'function') {
|
|
115
|
+
node.focus();
|
|
116
|
+
}
|
|
117
|
+
setOpen(true);
|
|
118
|
+
}
|
|
119
|
+
}), [setOpen]);
|
|
120
|
+
(0, _react.useLayoutEffect)(() => {
|
|
121
|
+
if (_reactNative.Platform.OS === 'web' || !field.inputRef) {
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
const r = field.inputRef;
|
|
125
|
+
r.current = labelFocusBridge;
|
|
126
|
+
return () => {
|
|
127
|
+
if (r.current === labelFocusBridge) {
|
|
128
|
+
r.current = null;
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
}, [field.inputRef, labelFocusBridge]);
|
|
132
|
+
const mergedRef = _reactNative.Platform.OS === 'web' ? (0, _utils.mergeRefs)(ref, triggerRef) : (0, _utils.mergeRefs)(ref, triggerRef);
|
|
133
|
+
const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
|
|
88
134
|
const webKeyboardProps = _reactNative.Platform.OS === 'web' ? {
|
|
89
135
|
onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown)
|
|
90
136
|
} : {};
|
|
@@ -101,7 +147,7 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
101
147
|
"aria-required": contextRequired || undefined,
|
|
102
148
|
"aria-invalid": contextInvalid || undefined,
|
|
103
149
|
"aria-readonly": contextReadOnly || undefined,
|
|
104
|
-
|
|
150
|
+
"aria-describedby": ariaDescribedBy || undefined,
|
|
105
151
|
...(0, _dataAttributes.dataAttributes)({
|
|
106
152
|
hover: interactionState.hover,
|
|
107
153
|
focus: interactionState.focus,
|
|
@@ -116,6 +162,7 @@ const createSelectTrigger = BaseTrigger => /*#__PURE__*/(0, _react.forwardRef)((
|
|
|
116
162
|
}),
|
|
117
163
|
disabled: disabled,
|
|
118
164
|
...props,
|
|
165
|
+
id: triggerId,
|
|
119
166
|
onPress: (0, _utils.composeEventHandlers)(props?.onPress, handlePress),
|
|
120
167
|
onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
|
|
121
168
|
onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
|