@fuf-stack/uniform 1.19.5 → 1.20.2
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/Checkboxes/index.d.cts +2 -2
- package/dist/Checkboxes/index.d.ts +2 -2
- package/dist/Checkboxes-D1hppxDE.js.map +1 -1
- package/dist/Checkboxes-DegQ22uN.cjs.map +1 -1
- package/dist/FieldArray/index.d.cts +2 -2
- package/dist/FieldArray/index.d.ts +2 -2
- package/dist/FieldArray-BVlqxHnR.cjs.map +1 -1
- package/dist/FieldArray-CcQ-Re3s.js.map +1 -1
- package/dist/FieldCard/index.d.cts +2 -2
- package/dist/FieldCard/index.d.ts +2 -2
- package/dist/FieldCard-Bkp8PHJw.cjs.map +1 -1
- package/dist/FieldCard-DynQT-O7.js.map +1 -1
- package/dist/FieldCopyTestIdButton-Dpmo0uBV.js.map +1 -1
- package/dist/FieldCopyTestIdButton-DrUzXwTo.cjs.map +1 -1
- package/dist/FieldValidationError-8H8LxDjk.cjs.map +1 -1
- package/dist/FieldValidationError-ktTyyyip.js.map +1 -1
- package/dist/Form/index.d.cts +2 -2
- package/dist/Form/index.d.ts +2 -2
- package/dist/Form-Dqa1b7Y7.cjs.map +1 -1
- package/dist/Form-Wzy7pBVt.js.map +1 -1
- package/dist/{FormContext-BuG3xZFe.d.cts → FormContext-1zBxAjr_.d.cts} +1 -1
- package/dist/FormContext-1zBxAjr_.d.cts.map +1 -0
- package/dist/FormContext-BrY1FQYR.cjs.map +1 -1
- package/dist/FormContext-CLfMWHQM.js.map +1 -1
- package/dist/{FormContext-B4KQxdl7.d.ts → FormContext-DjXw7wN6.d.ts} +1 -1
- package/dist/FormContext-DjXw7wN6.d.ts.map +1 -0
- package/dist/Grid/index.d.cts +2 -2
- package/dist/Grid/index.d.ts +2 -2
- package/dist/Grid-Bzyi97Cx.js.map +1 -1
- package/dist/Grid-DdYQQ_UM.cjs.map +1 -1
- package/dist/Input/index.d.cts +2 -2
- package/dist/Input/index.d.ts +2 -2
- package/dist/Input-BrwUwIYg.cjs.map +1 -1
- package/dist/Input-fZn0x5c3.js.map +1 -1
- package/dist/RadioBoxes/index.d.cts +2 -2
- package/dist/RadioBoxes/index.d.ts +2 -2
- package/dist/RadioBoxes-BR3X986V.js.map +1 -1
- package/dist/RadioBoxes-Cim3InDW.cjs.map +1 -1
- package/dist/RadioTabs/index.d.cts +2 -2
- package/dist/RadioTabs/index.d.ts +2 -2
- package/dist/RadioTabs-CsVqYCE9.js.map +1 -1
- package/dist/RadioTabs-t-x2XnuI.cjs.map +1 -1
- package/dist/Radios/index.d.cts +2 -2
- package/dist/Radios/index.d.ts +2 -2
- package/dist/Radios-CYwW3bZa.js.map +1 -1
- package/dist/Radios-CjEFdyD6.cjs.map +1 -1
- package/dist/Select/index.d.cts +2 -2
- package/dist/Select/index.d.ts +2 -2
- package/dist/Select-BEed8xan.cjs.map +1 -1
- package/dist/Select-BILyyM7Z.js.map +1 -1
- package/dist/Slider/index.d.cts +2 -2
- package/dist/Slider/index.d.ts +2 -2
- package/dist/Slider-CFYP86ku.cjs.map +1 -1
- package/dist/Slider-DxRcLu-j.js.map +1 -1
- package/dist/SubmitButton/index.d.cts +2 -2
- package/dist/SubmitButton/index.d.ts +2 -2
- package/dist/SubmitButton-Bu3NNFyt.js.map +1 -1
- package/dist/SubmitButton-D7xacDyS.cjs.map +1 -1
- package/dist/Switch/index.d.cts +2 -2
- package/dist/Switch/index.d.ts +2 -2
- package/dist/Switch-CMpXZdLc.js.map +1 -1
- package/dist/Switch-Dt9TGQ8d.cjs.map +1 -1
- package/dist/SwitchBox/index.d.cts +2 -2
- package/dist/SwitchBox/index.d.ts +2 -2
- package/dist/SwitchBox-Cg7NPfp_.js.map +1 -1
- package/dist/SwitchBox-DMPp_Ed-.cjs.map +1 -1
- package/dist/TextArea/index.d.cts +2 -2
- package/dist/TextArea/index.d.ts +2 -2
- package/dist/TextArea-BDNtxp9N.cjs.map +1 -1
- package/dist/TextArea-DMMxpDBl.js.map +1 -1
- package/dist/helpers/index.cjs.map +1 -1
- package/dist/helpers/index.d.cts +2 -224
- package/dist/helpers/index.d.ts +2 -224
- package/dist/helpers/index.js.map +1 -1
- package/dist/hooks/useFormContext/index.d.cts +1 -1
- package/dist/hooks/useFormContext/index.d.ts +1 -1
- package/dist/hooks/useInput/index.d.cts +1 -1
- package/dist/hooks/useInput/index.d.ts +1 -1
- package/dist/hooks/useInputValueDebounce/index.cjs.map +1 -1
- package/dist/hooks/useInputValueDebounce/index.d.cts +1 -1
- package/dist/hooks/useInputValueDebounce/index.d.ts +1 -1
- package/dist/hooks/useInputValueDebounce/index.js.map +1 -1
- package/dist/hooks/useInputValueTransform/index.d.cts +1 -1
- package/dist/hooks/useInputValueTransform/index.d.ts +1 -1
- package/dist/hooks/useUniformField/index.cjs.map +1 -1
- package/dist/hooks/useUniformField/index.d.cts +1 -1
- package/dist/hooks/useUniformField/index.d.ts +1 -1
- package/dist/hooks/useUniformField/index.js.map +1 -1
- package/dist/hooks/useUniformFieldArray/index.cjs.map +1 -1
- package/dist/hooks/useUniformFieldArray/index.d.cts +1 -1
- package/dist/hooks/useUniformFieldArray/index.d.ts +1 -1
- package/dist/hooks/useUniformFieldArray/index.js.map +1 -1
- package/dist/index-0zgyvkAF.d.cts +224 -0
- package/dist/index-0zgyvkAF.d.cts.map +1 -0
- package/dist/{index-3ZtX9lF3.d.ts → index-3gVUFqgo.d.cts} +4 -6
- package/dist/index-3gVUFqgo.d.cts.map +1 -0
- package/dist/{index-DVfzReu6.d.ts → index-65doPHAW.d.ts} +33 -34
- package/dist/index-65doPHAW.d.ts.map +1 -0
- package/dist/{index-BA6KNK9V.d.cts → index-B682jKQ_.d.ts} +33 -35
- package/dist/index-B682jKQ_.d.ts.map +1 -0
- package/dist/{index-Dj3NDj0T.d.ts → index-BFpoR6oH.d.ts} +3 -4
- package/dist/index-BFpoR6oH.d.ts.map +1 -0
- package/dist/{index-DFWSHdua.d.ts → index-BIefvGtf.d.ts} +2 -3
- package/dist/index-BIefvGtf.d.ts.map +1 -0
- package/dist/{index-B6WwxkLx2.d.ts → index-BLbC1_g_.d.cts} +2 -4
- package/dist/index-BLbC1_g_.d.cts.map +1 -0
- package/dist/{index-NjKV8LJD.d.cts → index-BeP-RWud.d.cts} +3 -4
- package/dist/index-BeP-RWud.d.cts.map +1 -0
- package/dist/{index-zoRnk2AH.d.cts → index-Bki-5EDW.d.cts} +34 -36
- package/dist/index-Bki-5EDW.d.cts.map +1 -0
- package/dist/{index-Dld6NP_K.d.cts → index-BlVK355b.d.cts} +2 -3
- package/dist/index-BlVK355b.d.cts.map +1 -0
- package/dist/{index-l0W6BMuz.d.cts → index-C3g-k5q8.d.cts} +19 -21
- package/dist/index-C3g-k5q8.d.cts.map +1 -0
- package/dist/{index-Cv4ERj3i.d.ts → index-CDcnRyum.d.cts} +2 -3
- package/dist/index-CDcnRyum.d.cts.map +1 -0
- package/dist/{index-DkxqHE_P2.d.ts → index-Ck9KE5Pj2.d.ts} +2 -3
- package/dist/index-Ck9KE5Pj2.d.ts.map +1 -0
- package/dist/{index-B5KHaaJD.d.ts → index-Ck9lrzur.d.cts} +4 -6
- package/dist/index-Ck9lrzur.d.cts.map +1 -0
- package/dist/{index-DkZ4lP1l.d.ts → index-Cnu0aojI.d.cts} +20 -22
- package/dist/index-Cnu0aojI.d.cts.map +1 -0
- package/dist/{index-BQtoek59.d.cts → index-CpINqeNE.d.ts} +20 -22
- package/dist/index-CpINqeNE.d.ts.map +1 -0
- package/dist/{index-Bw2N3BfM.d.ts → index-CyeWKriu.d.ts} +34 -36
- package/dist/index-CyeWKriu.d.ts.map +1 -0
- package/dist/{index-DFKoyOlV.d.cts → index-D4mUuIR2.d.cts} +33 -34
- package/dist/index-D4mUuIR2.d.cts.map +1 -0
- package/dist/{index-DFQuCtly.d.cts → index-D7qJy705.d.ts} +4 -6
- package/dist/index-D7qJy705.d.ts.map +1 -0
- package/dist/{index-DE_P3FJx.d.ts → index-DRg0anjB.d.cts} +5 -7
- package/dist/index-DRg0anjB.d.cts.map +1 -0
- package/dist/index-DVGo3QuA.d.ts +224 -0
- package/dist/index-DVGo3QuA.d.ts.map +1 -0
- package/dist/{index-Ct5ySLJH.d.cts → index-DdqwwvOD.d.ts} +5 -7
- package/dist/index-DdqwwvOD.d.ts.map +1 -0
- package/dist/{index-417lHgOQ.d.cts → index-DjPJAUOM.d.ts} +4 -6
- package/dist/index-DjPJAUOM.d.ts.map +1 -0
- package/dist/{index-D9B_5Nxa.d.ts → index-DoWEojrc.d.ts} +19 -21
- package/dist/index-DoWEojrc.d.ts.map +1 -0
- package/dist/index-Dox89nFY.d.ts +167 -0
- package/dist/index-Dox89nFY.d.ts.map +1 -0
- package/dist/{index-BV1VKQdy.d.cts → index-DqTdG65C.d.ts} +2 -3
- package/dist/index-DqTdG65C.d.ts.map +1 -0
- package/dist/index-DriOe0TW.d.cts +167 -0
- package/dist/index-DriOe0TW.d.cts.map +1 -0
- package/dist/{index-DSEgw9pC.d.ts → index-E28aP0vt.d.cts} +4 -6
- package/dist/index-E28aP0vt.d.cts.map +1 -0
- package/dist/{index-DkiQkdCW.d.cts → index-GP_4Xvec.d.cts} +2 -3
- package/dist/index-GP_4Xvec.d.cts.map +1 -0
- package/dist/{index-jCfJAgDc.d.cts → index-RavMgGrt.d.ts} +2 -4
- package/dist/index-RavMgGrt.d.ts.map +1 -0
- package/dist/{index-TupkQhBV.d.cts → index-S4bOYm9e.d.ts} +4 -6
- package/dist/index-S4bOYm9e.d.ts.map +1 -0
- package/dist/{index-DB_79gfc.d.ts → index-cxajYZel.d.cts} +33 -35
- package/dist/index-cxajYZel.d.cts.map +1 -0
- package/dist/{index-CXU4Ol-X.d.ts → index-jIVsGNsl.d.ts} +3 -4
- package/dist/index-jIVsGNsl.d.ts.map +1 -0
- package/dist/{index-KRJ69jvW.d.cts → index-o0UcZG4n.d.cts} +3 -4
- package/dist/index-o0UcZG4n.d.cts.map +1 -0
- package/dist/index-shXLkkCt.d.cts +276 -0
- package/dist/index-shXLkkCt.d.cts.map +1 -0
- package/dist/index-yhVd_5kq.d.ts +276 -0
- package/dist/index-yhVd_5kq.d.ts.map +1 -0
- package/dist/index.d.cts +25 -25
- package/dist/index.d.ts +25 -25
- package/dist/partials/FieldCopyTestIdButton/index.d.cts +2 -2
- package/dist/partials/FieldCopyTestIdButton/index.d.ts +2 -2
- package/dist/partials/FieldValidationError/index.d.cts +2 -2
- package/dist/partials/FieldValidationError/index.d.ts +2 -2
- package/dist/useClientValidation-BWElhQ91.d.ts.map +1 -1
- package/dist/useClientValidation-Dn_kJkE5.js.map +1 -1
- package/dist/useClientValidation-DtnfCE5T.d.cts.map +1 -1
- package/dist/useClientValidation-NKOuXuHV.cjs.map +1 -1
- package/dist/useController-B-6PzFna.js.map +1 -1
- package/dist/useController-CNiqy_2D.d.cts.map +1 -1
- package/dist/useController-Cc0UNQMm.d.ts.map +1 -1
- package/dist/useController-DVRh86Zy.cjs.map +1 -1
- package/dist/{useFormContext-C06aufHt.d.cts → useFormContext-BlXG2fw3.d.cts} +22 -24
- package/dist/useFormContext-BlXG2fw3.d.cts.map +1 -0
- package/dist/useFormContext-Bum4VP1o.cjs.map +1 -1
- package/dist/useFormContext-Bzpyonu6.js.map +1 -1
- package/dist/{useFormContext-CHA8GnKp.d.ts → useFormContext-CDD_1j0V.d.ts} +22 -24
- package/dist/useFormContext-CDD_1j0V.d.ts.map +1 -0
- package/dist/{useInputValueDebounce-sFOlecIQ.d.ts → useInputValueDebounce-D03GnJO4.d.ts} +1 -1
- package/dist/useInputValueDebounce-D03GnJO4.d.ts.map +1 -0
- package/dist/{useInputValueDebounce-puGRVJ6t.d.cts → useInputValueDebounce-nHt1AHRm.d.cts} +1 -1
- package/dist/useInputValueDebounce-nHt1AHRm.d.cts.map +1 -0
- package/dist/{useInputValueTransform-CdoaxNyD.d.ts → useInputValueTransform-C51LmUxi.d.ts} +1 -1
- package/dist/useInputValueTransform-C51LmUxi.d.ts.map +1 -0
- package/dist/{useInputValueTransform-BwAfw8Xb.d.cts → useInputValueTransform-CNCBU7a9.d.cts} +1 -1
- package/dist/useInputValueTransform-CNCBU7a9.d.cts.map +1 -0
- package/dist/useInputValueTransform-CXdmtc0Q.js.map +1 -1
- package/dist/useInputValueTransform-DKH-7F9D.cjs.map +1 -1
- package/dist/{useUniformField-BTBS1Kv-.d.ts → useUniformField-CNw8ujZz.d.ts} +4 -4
- package/dist/{useUniformField-BTBS1Kv-.d.ts.map → useUniformField-CNw8ujZz.d.ts.map} +1 -1
- package/dist/{useUniformField-j22kM31n.d.cts → useUniformField-CtimrtjO.d.cts} +4 -4
- package/dist/{useUniformField-j22kM31n.d.cts.map → useUniformField-CtimrtjO.d.cts.map} +1 -1
- package/dist/{useUniformFieldArray-CDEagafl.d.cts → useUniformFieldArray-BodQL2Ea.d.cts} +15 -17
- package/dist/useUniformFieldArray-BodQL2Ea.d.cts.map +1 -0
- package/dist/{useUniformFieldArray-CMHoo4o3.d.ts → useUniformFieldArray-CvlgXVBm.d.ts} +15 -17
- package/dist/useUniformFieldArray-CvlgXVBm.d.ts.map +1 -0
- package/dist/useWatchUserChange-CBuIa5kU.cjs.map +1 -1
- package/dist/useWatchUserChange-CH4x16_r.d.ts.map +1 -1
- package/dist/useWatchUserChange-CLgLc5W4.js.map +1 -1
- package/dist/useWatchUserChange-CZu_ZZ38.d.cts.map +1 -1
- package/package.json +18 -22
- package/dist/FormContext-B4KQxdl7.d.ts.map +0 -1
- package/dist/FormContext-BuG3xZFe.d.cts.map +0 -1
- package/dist/helpers/index.d.cts.map +0 -1
- package/dist/helpers/index.d.ts.map +0 -1
- package/dist/index-1R5A9Hrq.d.ts +0 -70
- package/dist/index-1R5A9Hrq.d.ts.map +0 -1
- package/dist/index-3ZtX9lF3.d.ts.map +0 -1
- package/dist/index-417lHgOQ.d.cts.map +0 -1
- package/dist/index-B5KHaaJD.d.ts.map +0 -1
- package/dist/index-B6WwxkLx2.d.ts.map +0 -1
- package/dist/index-BA6KNK9V.d.cts.map +0 -1
- package/dist/index-BQtoek59.d.cts.map +0 -1
- package/dist/index-BV1VKQdy.d.cts.map +0 -1
- package/dist/index-Bw2N3BfM.d.ts.map +0 -1
- package/dist/index-CXU4Ol-X.d.ts.map +0 -1
- package/dist/index-CXt5eE4O.d.ts +0 -169
- package/dist/index-CXt5eE4O.d.ts.map +0 -1
- package/dist/index-C_MDRbEE.d.cts +0 -169
- package/dist/index-C_MDRbEE.d.cts.map +0 -1
- package/dist/index-CgqESs42.d.cts +0 -70
- package/dist/index-CgqESs42.d.cts.map +0 -1
- package/dist/index-Ct5ySLJH.d.cts.map +0 -1
- package/dist/index-Cv4ERj3i.d.ts.map +0 -1
- package/dist/index-Cx2IEfuR.d.cts +0 -278
- package/dist/index-Cx2IEfuR.d.cts.map +0 -1
- package/dist/index-D9B_5Nxa.d.ts.map +0 -1
- package/dist/index-DB_79gfc.d.ts.map +0 -1
- package/dist/index-DE_P3FJx.d.ts.map +0 -1
- package/dist/index-DFKoyOlV.d.cts.map +0 -1
- package/dist/index-DFQuCtly.d.cts.map +0 -1
- package/dist/index-DFWSHdua.d.ts.map +0 -1
- package/dist/index-DSEgw9pC.d.ts.map +0 -1
- package/dist/index-DVfzReu6.d.ts.map +0 -1
- package/dist/index-DeEmP3Jc.d.cts +0 -1
- package/dist/index-Dj3NDj0T.d.ts.map +0 -1
- package/dist/index-DkZ4lP1l.d.ts.map +0 -1
- package/dist/index-DkiQkdCW.d.cts.map +0 -1
- package/dist/index-DkxqHE_P2.d.ts.map +0 -1
- package/dist/index-Dld6NP_K.d.cts.map +0 -1
- package/dist/index-KRJ69jvW.d.cts.map +0 -1
- package/dist/index-NjKV8LJD.d.cts.map +0 -1
- package/dist/index-TupkQhBV.d.cts.map +0 -1
- package/dist/index-jCfJAgDc.d.cts.map +0 -1
- package/dist/index-l0W6BMuz.d.cts.map +0 -1
- package/dist/index-sQecLSpR.d.cts +0 -1
- package/dist/index-xJz9euVJ.d.ts +0 -278
- package/dist/index-xJz9euVJ.d.ts.map +0 -1
- package/dist/index-zoRnk2AH.d.cts.map +0 -1
- package/dist/useFormContext-C06aufHt.d.cts.map +0 -1
- package/dist/useFormContext-CHA8GnKp.d.ts.map +0 -1
- package/dist/useInputValueDebounce-puGRVJ6t.d.cts.map +0 -1
- package/dist/useInputValueDebounce-sFOlecIQ.d.ts.map +0 -1
- package/dist/useInputValueTransform-BwAfw8Xb.d.cts.map +0 -1
- package/dist/useInputValueTransform-CdoaxNyD.d.ts.map +0 -1
- package/dist/useUniformFieldArray-CDEagafl.d.cts.map +0 -1
- package/dist/useUniformFieldArray-CMHoo4o3.d.ts.map +0 -1
- /package/dist/{index--okzibnx.d.ts → index-C2gUMYkE.d.cts} +0 -0
- /package/dist/{index-B2TCFhpj.d.ts → index-CJgP-E0M.d.cts} +0 -0
- /package/dist/{index-BtBZHVmz.d.cts → index-DTU6Hb0g.d.ts} +0 -0
- /package/dist/{index-CI4LJief.d.ts → index-E7Wvm5uX.d.ts} +0 -0
- /package/dist/{useInput-93TCCrkB.d.cts → useInput-8kDcm77k.d.cts} +0 -0
- /package/dist/{useInput-C_fY--wx.d.ts → useInput-Che-4SjF.d.ts} +0 -0
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { Props } from "react-select";
|
|
4
|
+
|
|
5
|
+
//#region src/Select/Select.d.ts
|
|
6
|
+
declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
7
|
+
[key: string]: {
|
|
8
|
+
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
9
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
10
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
11
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
12
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
13
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
14
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
15
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
16
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
17
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
18
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
19
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
20
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
21
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
22
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
23
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
24
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
25
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
26
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
27
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
28
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
29
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
30
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
31
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
32
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
33
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
34
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
35
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
36
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
37
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
38
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
} | {
|
|
42
|
+
[x: string]: {
|
|
43
|
+
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
44
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
45
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
46
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
47
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
48
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
49
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
50
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
51
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
52
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
53
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
54
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
55
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
56
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
57
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
58
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
59
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
60
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
61
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
62
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
63
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
64
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
65
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
66
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
67
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
68
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
69
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
70
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
71
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
72
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
73
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
} | {}, {
|
|
77
|
+
base: string;
|
|
78
|
+
clearIndicator: string;
|
|
79
|
+
control: string;
|
|
80
|
+
control_focused: string;
|
|
81
|
+
crossIcon: string;
|
|
82
|
+
downChevron: string;
|
|
83
|
+
dropdownIndicator: string;
|
|
84
|
+
group: string;
|
|
85
|
+
groupHeading: string;
|
|
86
|
+
indicatorsContainer: string;
|
|
87
|
+
indicatorSeparator: string;
|
|
88
|
+
input: string;
|
|
89
|
+
label: string;
|
|
90
|
+
loadingIndicator: string;
|
|
91
|
+
loadingMessage: string;
|
|
92
|
+
menu: string;
|
|
93
|
+
menuList: string;
|
|
94
|
+
menuPortal: string;
|
|
95
|
+
multiValue: string;
|
|
96
|
+
multiValueContainer: string;
|
|
97
|
+
multiValueLabel: string;
|
|
98
|
+
multiValueRemove: string;
|
|
99
|
+
noOptionsMessage: string;
|
|
100
|
+
option_focused: string;
|
|
101
|
+
option_selected: string;
|
|
102
|
+
option: string;
|
|
103
|
+
placeholder: string;
|
|
104
|
+
selectContainer: string;
|
|
105
|
+
singleValue: string;
|
|
106
|
+
valueContainer: string;
|
|
107
|
+
}, undefined, {
|
|
108
|
+
[key: string]: {
|
|
109
|
+
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
110
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
111
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
112
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
113
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
114
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
115
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
116
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
117
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
118
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
119
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
120
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
121
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
122
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
123
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
124
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
125
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
126
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
127
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
128
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
129
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
130
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
131
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
132
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
133
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
134
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
135
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
136
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
137
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
138
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
139
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
} | {}, {
|
|
143
|
+
base: string;
|
|
144
|
+
clearIndicator: string;
|
|
145
|
+
control: string;
|
|
146
|
+
control_focused: string;
|
|
147
|
+
crossIcon: string;
|
|
148
|
+
downChevron: string;
|
|
149
|
+
dropdownIndicator: string;
|
|
150
|
+
group: string;
|
|
151
|
+
groupHeading: string;
|
|
152
|
+
indicatorsContainer: string;
|
|
153
|
+
indicatorSeparator: string;
|
|
154
|
+
input: string;
|
|
155
|
+
label: string;
|
|
156
|
+
loadingIndicator: string;
|
|
157
|
+
loadingMessage: string;
|
|
158
|
+
menu: string;
|
|
159
|
+
menuList: string;
|
|
160
|
+
menuPortal: string;
|
|
161
|
+
multiValue: string;
|
|
162
|
+
multiValueContainer: string;
|
|
163
|
+
multiValueLabel: string;
|
|
164
|
+
multiValueRemove: string;
|
|
165
|
+
noOptionsMessage: string;
|
|
166
|
+
option_focused: string;
|
|
167
|
+
option_selected: string;
|
|
168
|
+
option: string;
|
|
169
|
+
placeholder: string;
|
|
170
|
+
selectContainer: string;
|
|
171
|
+
singleValue: string;
|
|
172
|
+
valueContainer: string;
|
|
173
|
+
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
174
|
+
base: string;
|
|
175
|
+
clearIndicator: string;
|
|
176
|
+
control: string;
|
|
177
|
+
control_focused: string;
|
|
178
|
+
crossIcon: string;
|
|
179
|
+
downChevron: string;
|
|
180
|
+
dropdownIndicator: string;
|
|
181
|
+
group: string;
|
|
182
|
+
groupHeading: string;
|
|
183
|
+
indicatorsContainer: string;
|
|
184
|
+
indicatorSeparator: string;
|
|
185
|
+
input: string;
|
|
186
|
+
label: string;
|
|
187
|
+
loadingIndicator: string;
|
|
188
|
+
loadingMessage: string;
|
|
189
|
+
menu: string;
|
|
190
|
+
menuList: string;
|
|
191
|
+
menuPortal: string;
|
|
192
|
+
multiValue: string;
|
|
193
|
+
multiValueContainer: string;
|
|
194
|
+
multiValueLabel: string;
|
|
195
|
+
multiValueRemove: string;
|
|
196
|
+
noOptionsMessage: string;
|
|
197
|
+
option_focused: string;
|
|
198
|
+
option_selected: string;
|
|
199
|
+
option: string;
|
|
200
|
+
placeholder: string;
|
|
201
|
+
selectContainer: string;
|
|
202
|
+
singleValue: string;
|
|
203
|
+
valueContainer: string;
|
|
204
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
205
|
+
interface SelectOption {
|
|
206
|
+
/**
|
|
207
|
+
* True when option was auto-generated because the value wasn't found in options.
|
|
208
|
+
* Use in renderOptionLabel to render a component that fetches the real label.
|
|
209
|
+
*/
|
|
210
|
+
isFallback?: boolean;
|
|
211
|
+
/** option label */
|
|
212
|
+
label?: ReactNode;
|
|
213
|
+
/** option value */
|
|
214
|
+
value: string | number;
|
|
215
|
+
}
|
|
216
|
+
type VariantProps = TVProps<typeof selectVariants>;
|
|
217
|
+
type ClassName = TVClassName<typeof selectVariants>;
|
|
218
|
+
interface SelectProps extends VariantProps {
|
|
219
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
220
|
+
ariaLabel?: string;
|
|
221
|
+
/** CSS class name */
|
|
222
|
+
className?: ClassName;
|
|
223
|
+
/** Determine if the */
|
|
224
|
+
clearable?: boolean;
|
|
225
|
+
/** Set the select to disabled state. */
|
|
226
|
+
disabled?: boolean;
|
|
227
|
+
/** Filter Select Options */
|
|
228
|
+
filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
|
|
229
|
+
/** Format the label of the option */
|
|
230
|
+
renderOptionLabel?: undefined | Props['formatOptionLabel'];
|
|
231
|
+
/** The value of the search input */
|
|
232
|
+
inputValue?: string;
|
|
233
|
+
/** Label that should be associated with the select. */
|
|
234
|
+
label?: ReactNode;
|
|
235
|
+
/** Set the select to a loading state. */
|
|
236
|
+
loading?: boolean;
|
|
237
|
+
/** switch between single and multi select mode. */
|
|
238
|
+
multiSelect?: boolean;
|
|
239
|
+
/** The name for the Select component, used by react-hook-form */
|
|
240
|
+
name: string;
|
|
241
|
+
/** Placeholder that is displayed when nothing is selected */
|
|
242
|
+
placeholder?: string;
|
|
243
|
+
/** The options for the Select component */
|
|
244
|
+
options: SelectOption[];
|
|
245
|
+
/** Handle change events on the input */
|
|
246
|
+
onInputChange?: Props['onInputChange'];
|
|
247
|
+
/**
|
|
248
|
+
* Fallback option(s) for async selects when value isn't in current options.
|
|
249
|
+
* Use when the selected value may not be in the options list (e.g., after
|
|
250
|
+
* search results change). Used only if value not found in options.
|
|
251
|
+
* For single select: pass the option object or undefined
|
|
252
|
+
* For multi-select: pass an array of option objects
|
|
253
|
+
*/
|
|
254
|
+
selectedOptionFallback?: SelectOption | SelectOption[];
|
|
255
|
+
/** HTML data-testid attribute used in e2e tests */
|
|
256
|
+
testId?: string;
|
|
257
|
+
}
|
|
258
|
+
/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
|
|
259
|
+
declare const Select: ({
|
|
260
|
+
className,
|
|
261
|
+
clearable,
|
|
262
|
+
filterOption,
|
|
263
|
+
renderOptionLabel,
|
|
264
|
+
inputValue,
|
|
265
|
+
loading,
|
|
266
|
+
multiSelect,
|
|
267
|
+
name,
|
|
268
|
+
onInputChange,
|
|
269
|
+
options,
|
|
270
|
+
placeholder,
|
|
271
|
+
selectedOptionFallback,
|
|
272
|
+
...uniformFieldProps
|
|
273
|
+
}: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
274
|
+
//#endregion
|
|
275
|
+
export { SelectProps as n, Select as t };
|
|
276
|
+
//# sourceMappingURL=index-shXLkkCt.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-shXLkkCt.d.cts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4CjB,YAAA;;;;;EAKR,UAAA;;EAEA,KAAA,GAAQ,SAAS;;EAEjB,KAAA;AAAA;AAAA,KAGG,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,QAAA;;EAEA,YAAA,iBAEM,MAAA,GAAS,YAAA,EAAc,UAAA;;EAE7B,iBAAA,eAAgC,KAAA;;EAEhC,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,OAAA;;EAEA,WAAA;;EAEA,IAAA;;EAEA,WAAA;;EAEA,OAAA,EAAS,YAAA;;EAET,aAAA,GAAgB,KAAA;;;;;;;;EAQhB,sBAAA,GAAyB,YAAA,GAAe,YAAA;;EAExC,MAAA;AAAA;;cAkDI,MAAA;EAAU,SAAA;EAAA,SAAA;EAAA,YAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,aAAA;EAAA,OAAA;EAAA,WAAA;EAAA,sBAAA;EAAA,GAAA;AAAA,GAcb,WAAA,iCAAW,GAAA,CAAA,OAAA"}
|
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
import { Props } from "react-select";
|
|
4
|
+
|
|
5
|
+
//#region src/Select/Select.d.ts
|
|
6
|
+
declare const selectVariants: import("tailwind-variants").TVReturnType<{
|
|
7
|
+
[key: string]: {
|
|
8
|
+
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
9
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
10
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
11
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
12
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
13
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
14
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
15
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
16
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
17
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
18
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
19
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
20
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
21
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
22
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
23
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
24
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
25
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
26
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
27
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
28
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
29
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
30
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
31
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
32
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
33
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
34
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
35
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
36
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
37
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
38
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
} | {
|
|
42
|
+
[x: string]: {
|
|
43
|
+
[x: string]: import("tailwind-merge").ClassNameValue | {
|
|
44
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
45
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
46
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
47
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
48
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
49
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
50
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
51
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
52
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
53
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
54
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
55
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
56
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
57
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
58
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
59
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
60
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
61
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
62
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
63
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
64
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
65
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
66
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
67
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
68
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
69
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
70
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
71
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
72
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
73
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
} | {}, {
|
|
77
|
+
base: string;
|
|
78
|
+
clearIndicator: string;
|
|
79
|
+
control: string;
|
|
80
|
+
control_focused: string;
|
|
81
|
+
crossIcon: string;
|
|
82
|
+
downChevron: string;
|
|
83
|
+
dropdownIndicator: string;
|
|
84
|
+
group: string;
|
|
85
|
+
groupHeading: string;
|
|
86
|
+
indicatorsContainer: string;
|
|
87
|
+
indicatorSeparator: string;
|
|
88
|
+
input: string;
|
|
89
|
+
label: string;
|
|
90
|
+
loadingIndicator: string;
|
|
91
|
+
loadingMessage: string;
|
|
92
|
+
menu: string;
|
|
93
|
+
menuList: string;
|
|
94
|
+
menuPortal: string;
|
|
95
|
+
multiValue: string;
|
|
96
|
+
multiValueContainer: string;
|
|
97
|
+
multiValueLabel: string;
|
|
98
|
+
multiValueRemove: string;
|
|
99
|
+
noOptionsMessage: string;
|
|
100
|
+
option_focused: string;
|
|
101
|
+
option_selected: string;
|
|
102
|
+
option: string;
|
|
103
|
+
placeholder: string;
|
|
104
|
+
selectContainer: string;
|
|
105
|
+
singleValue: string;
|
|
106
|
+
valueContainer: string;
|
|
107
|
+
}, undefined, {
|
|
108
|
+
[key: string]: {
|
|
109
|
+
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
110
|
+
base?: import("tailwind-merge").ClassNameValue;
|
|
111
|
+
label?: import("tailwind-merge").ClassNameValue;
|
|
112
|
+
input?: import("tailwind-merge").ClassNameValue;
|
|
113
|
+
menu?: import("tailwind-merge").ClassNameValue;
|
|
114
|
+
option?: import("tailwind-merge").ClassNameValue;
|
|
115
|
+
placeholder?: import("tailwind-merge").ClassNameValue;
|
|
116
|
+
group?: import("tailwind-merge").ClassNameValue;
|
|
117
|
+
clearIndicator?: import("tailwind-merge").ClassNameValue;
|
|
118
|
+
control?: import("tailwind-merge").ClassNameValue;
|
|
119
|
+
control_focused?: import("tailwind-merge").ClassNameValue;
|
|
120
|
+
crossIcon?: import("tailwind-merge").ClassNameValue;
|
|
121
|
+
downChevron?: import("tailwind-merge").ClassNameValue;
|
|
122
|
+
dropdownIndicator?: import("tailwind-merge").ClassNameValue;
|
|
123
|
+
groupHeading?: import("tailwind-merge").ClassNameValue;
|
|
124
|
+
indicatorsContainer?: import("tailwind-merge").ClassNameValue;
|
|
125
|
+
indicatorSeparator?: import("tailwind-merge").ClassNameValue;
|
|
126
|
+
loadingIndicator?: import("tailwind-merge").ClassNameValue;
|
|
127
|
+
loadingMessage?: import("tailwind-merge").ClassNameValue;
|
|
128
|
+
menuList?: import("tailwind-merge").ClassNameValue;
|
|
129
|
+
menuPortal?: import("tailwind-merge").ClassNameValue;
|
|
130
|
+
multiValue?: import("tailwind-merge").ClassNameValue;
|
|
131
|
+
multiValueContainer?: import("tailwind-merge").ClassNameValue;
|
|
132
|
+
multiValueLabel?: import("tailwind-merge").ClassNameValue;
|
|
133
|
+
multiValueRemove?: import("tailwind-merge").ClassNameValue;
|
|
134
|
+
noOptionsMessage?: import("tailwind-merge").ClassNameValue;
|
|
135
|
+
option_focused?: import("tailwind-merge").ClassNameValue;
|
|
136
|
+
option_selected?: import("tailwind-merge").ClassNameValue;
|
|
137
|
+
selectContainer?: import("tailwind-merge").ClassNameValue;
|
|
138
|
+
singleValue?: import("tailwind-merge").ClassNameValue;
|
|
139
|
+
valueContainer?: import("tailwind-merge").ClassNameValue;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
} | {}, {
|
|
143
|
+
base: string;
|
|
144
|
+
clearIndicator: string;
|
|
145
|
+
control: string;
|
|
146
|
+
control_focused: string;
|
|
147
|
+
crossIcon: string;
|
|
148
|
+
downChevron: string;
|
|
149
|
+
dropdownIndicator: string;
|
|
150
|
+
group: string;
|
|
151
|
+
groupHeading: string;
|
|
152
|
+
indicatorsContainer: string;
|
|
153
|
+
indicatorSeparator: string;
|
|
154
|
+
input: string;
|
|
155
|
+
label: string;
|
|
156
|
+
loadingIndicator: string;
|
|
157
|
+
loadingMessage: string;
|
|
158
|
+
menu: string;
|
|
159
|
+
menuList: string;
|
|
160
|
+
menuPortal: string;
|
|
161
|
+
multiValue: string;
|
|
162
|
+
multiValueContainer: string;
|
|
163
|
+
multiValueLabel: string;
|
|
164
|
+
multiValueRemove: string;
|
|
165
|
+
noOptionsMessage: string;
|
|
166
|
+
option_focused: string;
|
|
167
|
+
option_selected: string;
|
|
168
|
+
option: string;
|
|
169
|
+
placeholder: string;
|
|
170
|
+
selectContainer: string;
|
|
171
|
+
singleValue: string;
|
|
172
|
+
valueContainer: string;
|
|
173
|
+
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
174
|
+
base: string;
|
|
175
|
+
clearIndicator: string;
|
|
176
|
+
control: string;
|
|
177
|
+
control_focused: string;
|
|
178
|
+
crossIcon: string;
|
|
179
|
+
downChevron: string;
|
|
180
|
+
dropdownIndicator: string;
|
|
181
|
+
group: string;
|
|
182
|
+
groupHeading: string;
|
|
183
|
+
indicatorsContainer: string;
|
|
184
|
+
indicatorSeparator: string;
|
|
185
|
+
input: string;
|
|
186
|
+
label: string;
|
|
187
|
+
loadingIndicator: string;
|
|
188
|
+
loadingMessage: string;
|
|
189
|
+
menu: string;
|
|
190
|
+
menuList: string;
|
|
191
|
+
menuPortal: string;
|
|
192
|
+
multiValue: string;
|
|
193
|
+
multiValueContainer: string;
|
|
194
|
+
multiValueLabel: string;
|
|
195
|
+
multiValueRemove: string;
|
|
196
|
+
noOptionsMessage: string;
|
|
197
|
+
option_focused: string;
|
|
198
|
+
option_selected: string;
|
|
199
|
+
option: string;
|
|
200
|
+
placeholder: string;
|
|
201
|
+
selectContainer: string;
|
|
202
|
+
singleValue: string;
|
|
203
|
+
valueContainer: string;
|
|
204
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
205
|
+
interface SelectOption {
|
|
206
|
+
/**
|
|
207
|
+
* True when option was auto-generated because the value wasn't found in options.
|
|
208
|
+
* Use in renderOptionLabel to render a component that fetches the real label.
|
|
209
|
+
*/
|
|
210
|
+
isFallback?: boolean;
|
|
211
|
+
/** option label */
|
|
212
|
+
label?: ReactNode;
|
|
213
|
+
/** option value */
|
|
214
|
+
value: string | number;
|
|
215
|
+
}
|
|
216
|
+
type VariantProps = TVProps<typeof selectVariants>;
|
|
217
|
+
type ClassName = TVClassName<typeof selectVariants>;
|
|
218
|
+
interface SelectProps extends VariantProps {
|
|
219
|
+
/** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
|
|
220
|
+
ariaLabel?: string;
|
|
221
|
+
/** CSS class name */
|
|
222
|
+
className?: ClassName;
|
|
223
|
+
/** Determine if the */
|
|
224
|
+
clearable?: boolean;
|
|
225
|
+
/** Set the select to disabled state. */
|
|
226
|
+
disabled?: boolean;
|
|
227
|
+
/** Filter Select Options */
|
|
228
|
+
filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
|
|
229
|
+
/** Format the label of the option */
|
|
230
|
+
renderOptionLabel?: undefined | Props['formatOptionLabel'];
|
|
231
|
+
/** The value of the search input */
|
|
232
|
+
inputValue?: string;
|
|
233
|
+
/** Label that should be associated with the select. */
|
|
234
|
+
label?: ReactNode;
|
|
235
|
+
/** Set the select to a loading state. */
|
|
236
|
+
loading?: boolean;
|
|
237
|
+
/** switch between single and multi select mode. */
|
|
238
|
+
multiSelect?: boolean;
|
|
239
|
+
/** The name for the Select component, used by react-hook-form */
|
|
240
|
+
name: string;
|
|
241
|
+
/** Placeholder that is displayed when nothing is selected */
|
|
242
|
+
placeholder?: string;
|
|
243
|
+
/** The options for the Select component */
|
|
244
|
+
options: SelectOption[];
|
|
245
|
+
/** Handle change events on the input */
|
|
246
|
+
onInputChange?: Props['onInputChange'];
|
|
247
|
+
/**
|
|
248
|
+
* Fallback option(s) for async selects when value isn't in current options.
|
|
249
|
+
* Use when the selected value may not be in the options list (e.g., after
|
|
250
|
+
* search results change). Used only if value not found in options.
|
|
251
|
+
* For single select: pass the option object or undefined
|
|
252
|
+
* For multi-select: pass an array of option objects
|
|
253
|
+
*/
|
|
254
|
+
selectedOptionFallback?: SelectOption | SelectOption[];
|
|
255
|
+
/** HTML data-testid attribute used in e2e tests */
|
|
256
|
+
testId?: string;
|
|
257
|
+
}
|
|
258
|
+
/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
|
|
259
|
+
declare const Select: ({
|
|
260
|
+
className,
|
|
261
|
+
clearable,
|
|
262
|
+
filterOption,
|
|
263
|
+
renderOptionLabel,
|
|
264
|
+
inputValue,
|
|
265
|
+
loading,
|
|
266
|
+
multiSelect,
|
|
267
|
+
name,
|
|
268
|
+
onInputChange,
|
|
269
|
+
options,
|
|
270
|
+
placeholder,
|
|
271
|
+
selectedOptionFallback,
|
|
272
|
+
...uniformFieldProps
|
|
273
|
+
}: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
274
|
+
//#endregion
|
|
275
|
+
export { SelectProps as n, Select as t };
|
|
276
|
+
//# sourceMappingURL=index-yhVd_5kq.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-yhVd_5kq.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4CjB,YAAA;;;;;EAKR,UAAA;;EAEA,KAAA,GAAQ,SAAS;;EAEjB,KAAA;AAAA;AAAA,KAGG,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,QAAA;;EAEA,YAAA,iBAEM,MAAA,GAAS,YAAA,EAAc,UAAA;;EAE7B,iBAAA,eAAgC,KAAA;;EAEhC,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,OAAA;;EAEA,WAAA;;EAEA,IAAA;;EAEA,WAAA;;EAEA,OAAA,EAAS,YAAA;;EAET,aAAA,GAAgB,KAAA;;;;;;;;EAQhB,sBAAA,GAAyB,YAAA,GAAe,YAAA;;EAExC,MAAA;AAAA;;cAkDI,MAAA;EAAU,SAAA;EAAA,SAAA;EAAA,YAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,aAAA;EAAA,OAAA;EAAA,WAAA;EAAA,sBAAA;EAAA,GAAA;AAAA,GAcb,WAAA,iCAAW,GAAA,CAAA,OAAA"}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-
|
|
2
|
-
import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-
|
|
3
|
-
import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-
|
|
4
|
-
import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-
|
|
5
|
-
import { n as FormProps, t as Form } from "./index-
|
|
6
|
-
import { n as GridProps, t as Grid } from "./index-
|
|
7
|
-
import { n as InputProps, t as Input } from "./index-
|
|
8
|
-
import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-
|
|
9
|
-
import { n as RadioTabsProps, t as RadioTabs } from "./index-
|
|
10
|
-
import { n as RadiosProps, t as Radios } from "./index-
|
|
11
|
-
import { n as SelectProps, t as Select } from "./index-
|
|
12
|
-
import { n as SliderProps, t as Slider } from "./index-
|
|
13
|
-
import { n as SubmitButtonProps, t as SubmitButton } from "./index-
|
|
14
|
-
import { n as SwitchProps, t as Switch } from "./index-
|
|
15
|
-
import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-
|
|
16
|
-
import { n as TextAreaProps, t as TextArea } from "./index-
|
|
17
|
-
import {
|
|
1
|
+
import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-CNCBU7a9.cjs";
|
|
2
|
+
import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-DRg0anjB.cjs";
|
|
3
|
+
import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-3gVUFqgo.cjs";
|
|
4
|
+
import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-E28aP0vt.cjs";
|
|
5
|
+
import { n as FormProps, t as Form } from "./index-BeP-RWud.cjs";
|
|
6
|
+
import { n as GridProps, t as Grid } from "./index-CDcnRyum.cjs";
|
|
7
|
+
import { n as InputProps, t as Input } from "./index-Cnu0aojI.cjs";
|
|
8
|
+
import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-cxajYZel.cjs";
|
|
9
|
+
import { n as RadioTabsProps, t as RadioTabs } from "./index-o0UcZG4n.cjs";
|
|
10
|
+
import { n as RadiosProps, t as Radios } from "./index-D4mUuIR2.cjs";
|
|
11
|
+
import { n as SelectProps, t as Select } from "./index-shXLkkCt.cjs";
|
|
12
|
+
import { n as SliderProps, t as Slider } from "./index-DriOe0TW.cjs";
|
|
13
|
+
import { n as SubmitButtonProps, t as SubmitButton } from "./index-GP_4Xvec.cjs";
|
|
14
|
+
import { n as SwitchProps, t as Switch } from "./index-Bki-5EDW.cjs";
|
|
15
|
+
import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-Ck9lrzur.cjs";
|
|
16
|
+
import { n as TextAreaProps, t as TextArea } from "./index-C3g-k5q8.cjs";
|
|
17
|
+
import { a as toFormFormat, c as toValidationFormat, i as nameToTestId, l as createOptionValueConverter, n as fromNullishString, o as toNullishString, r as isValueEmpty, s as toSubmitFormat, t as flatArrayKey } from "./index-0zgyvkAF.cjs";
|
|
18
18
|
import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-DtnfCE5T.cjs";
|
|
19
19
|
import { n as UseControllerReturn, r as useController, t as UseControllerProps } from "./useController-CNiqy_2D.cjs";
|
|
20
|
-
import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-
|
|
21
|
-
import { t as useInput } from "./useInput-
|
|
22
|
-
import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-
|
|
23
|
-
import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-
|
|
24
|
-
import { n as
|
|
20
|
+
import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-BlXG2fw3.cjs";
|
|
21
|
+
import { t as useInput } from "./useInput-8kDcm77k.cjs";
|
|
22
|
+
import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-nHt1AHRm.cjs";
|
|
23
|
+
import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-CtimrtjO.cjs";
|
|
24
|
+
import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "./index-BLbC1_g_.cjs";
|
|
25
|
+
import { n as FieldValidationErrorProps, t as FieldValidationError } from "./index-BlVK355b.cjs";
|
|
25
26
|
import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "./useWatchUserChange-CZu_ZZ38.cjs";
|
|
26
|
-
import { n as
|
|
27
|
-
|
|
28
|
-
export { CheckboxOption, Checkboxes, CheckboxesProps, FieldArray, FieldArrayChildrenRenderFn, FieldArrayFeatures, FieldArrayProps, FieldCard, FieldCardProps, FieldCopyTestIdButton, FieldCopyTestIdButtonProps, FieldValidationError, FieldValidationErrorProps, Form, FormProps, Grid, GridProps, Input, InputProps, InputValueTransform, RadioBoxes, RadioBoxesProps, RadioTabs, RadioTabsProps, Radios, RadiosProps, Select, SelectProps, Slider, SliderProps, SubmitButton, SubmitButtonProps, Switch, SwitchBox, SwitchBoxProps, SwitchProps, TextArea, TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
|
|
27
|
+
import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "./useUniformFieldArray-BodQL2Ea.cjs";
|
|
28
|
+
export { type CheckboxOption, Checkboxes, type CheckboxesProps, FieldArray, type FieldArrayChildrenRenderFn, type FieldArrayFeatures, type FieldArrayProps, FieldCard, type FieldCardProps, FieldCopyTestIdButton, type FieldCopyTestIdButtonProps, FieldValidationError, type FieldValidationErrorProps, Form, type FormProps, Grid, type GridProps, Input, type InputProps, InputValueTransform, RadioBoxes, type RadioBoxesProps, RadioTabs, type RadioTabsProps, Radios, type RadiosProps, Select, type SelectProps, Slider, type SliderProps, SubmitButton, type SubmitButtonProps, Switch, SwitchBox, type SwitchBoxProps, type SwitchProps, TextArea, type TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
|