@fuf-stack/uniform 0.20.0 → 0.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/CheckboxGroup/index.cjs +3 -3
- package/dist/CheckboxGroup/index.js +2 -2
- package/dist/FieldArray/index.cjs +4 -3
- package/dist/FieldArray/index.cjs.map +1 -1
- package/dist/FieldArray/index.js +3 -2
- package/dist/Form/index.cjs +3 -3
- package/dist/Form/index.js +2 -2
- package/dist/Grid/index.cjs +2 -2
- package/dist/Grid/index.js +1 -1
- package/dist/Input/index.cjs +3 -3
- package/dist/Input/index.js +2 -2
- package/dist/RadioBoxes/index.cjs +3 -3
- package/dist/RadioBoxes/index.js +2 -2
- package/dist/RadioGroup/index.cjs +3 -3
- package/dist/RadioGroup/index.js +2 -2
- package/dist/RadioTabs/index.cjs +3 -3
- package/dist/RadioTabs/index.js +2 -2
- package/dist/Select/index.cjs +3 -3
- package/dist/Select/index.js +2 -2
- package/dist/SubmitButton/index.cjs +3 -3
- package/dist/SubmitButton/index.js +2 -2
- package/dist/Switch/index.cjs +3 -3
- package/dist/Switch/index.js +2 -2
- package/dist/TextArea/index.cjs +3 -3
- package/dist/TextArea/index.js +2 -2
- package/dist/{chunk-JWYMBKE6.cjs → chunk-3AICGYTQ.cjs} +4 -4
- package/dist/{chunk-JWYMBKE6.cjs.map → chunk-3AICGYTQ.cjs.map} +1 -1
- package/dist/{chunk-OLPDYX6B.js → chunk-75SSFQS5.js} +4 -3
- package/dist/{chunk-OLPDYX6B.js.map → chunk-75SSFQS5.js.map} +1 -1
- package/dist/{chunk-LX775YU7.js → chunk-7LLGHAPS.js} +8 -5
- package/dist/chunk-7LLGHAPS.js.map +1 -0
- package/dist/{chunk-FJTWQ6UG.js → chunk-7LM4XKD5.js} +3 -3
- package/dist/chunk-7LM4XKD5.js.map +1 -0
- package/dist/{chunk-PDCEKC3G.js → chunk-B62HKKMS.js} +2 -2
- package/dist/{chunk-PDCEKC3G.js.map → chunk-B62HKKMS.js.map} +1 -1
- package/dist/{chunk-Y33HTDL6.cjs → chunk-DAWHNBN4.cjs} +8 -6
- package/dist/chunk-DAWHNBN4.cjs.map +1 -0
- package/dist/{chunk-YLJC74CQ.cjs → chunk-DJDUKOHE.cjs} +9 -7
- package/dist/chunk-DJDUKOHE.cjs.map +1 -0
- package/dist/{chunk-4WVYRJCV.js → chunk-FHDFIAE6.js} +6 -4
- package/dist/chunk-FHDFIAE6.js.map +1 -0
- package/dist/{chunk-5R7ZPSN2.js → chunk-G2LNCTOM.js} +9 -4
- package/dist/chunk-G2LNCTOM.js.map +1 -0
- package/dist/{chunk-FA74PMQ3.js → chunk-JZGIIA64.js} +2 -2
- package/dist/{chunk-Q5KXDJU7.cjs → chunk-KURDPIP5.cjs} +4 -4
- package/dist/chunk-KURDPIP5.cjs.map +1 -0
- package/dist/{chunk-RKZQKPRJ.cjs → chunk-M2KOBULN.cjs} +5 -5
- package/dist/{chunk-RKZQKPRJ.cjs.map → chunk-M2KOBULN.cjs.map} +1 -1
- package/dist/{chunk-CUDJVXZX.cjs → chunk-MQZR5S34.cjs} +9 -7
- package/dist/chunk-MQZR5S34.cjs.map +1 -0
- package/dist/{chunk-YNX7IORC.js → chunk-OVBWN7AD.js} +7 -5
- package/dist/{chunk-YNX7IORC.js.map → chunk-OVBWN7AD.js.map} +1 -1
- package/dist/{chunk-3ISETOB3.cjs → chunk-PJ46RRZH.cjs} +13 -10
- package/dist/chunk-PJ46RRZH.cjs.map +1 -0
- package/dist/{chunk-M7CZ526K.js → chunk-PYQLNRRG.js} +3 -3
- package/dist/chunk-PYQLNRRG.js.map +1 -0
- package/dist/{chunk-3PAVDSMW.js → chunk-Q34F2SXE.js} +2 -2
- package/dist/{chunk-LBFJL6IA.js → chunk-RL35Y5M7.js} +7 -5
- package/dist/chunk-RL35Y5M7.js.map +1 -0
- package/dist/{chunk-BDJHUA55.cjs → chunk-RLFDZKPY.cjs} +4 -4
- package/dist/{chunk-BDJHUA55.cjs.map → chunk-RLFDZKPY.cjs.map} +1 -1
- package/dist/{chunk-BPZ3U5RV.js → chunk-SJINJ73T.js} +5 -4
- package/dist/chunk-SJINJ73T.js.map +1 -0
- package/dist/{chunk-F4VYFBYC.cjs → chunk-THFJ3HTM.cjs} +9 -4
- package/dist/chunk-THFJ3HTM.cjs.map +1 -0
- package/dist/{chunk-6GN255GP.cjs → chunk-TTD3KL6E.cjs} +2 -2
- package/dist/{chunk-6GN255GP.cjs.map → chunk-TTD3KL6E.cjs.map} +1 -1
- package/dist/{chunk-NVSZYURK.cjs → chunk-WAJAK2JZ.cjs} +6 -5
- package/dist/chunk-WAJAK2JZ.cjs.map +1 -0
- package/dist/{chunk-IYR5A3CV.cjs → chunk-XO243HHK.cjs} +7 -6
- package/dist/chunk-XO243HHK.cjs.map +1 -0
- package/dist/{chunk-43R3EVIW.js → chunk-ZCLE6TIH.js} +2 -2
- package/dist/{chunk-EHTJ2BYB.cjs → chunk-ZPJZL4OI.cjs} +5 -5
- package/dist/{chunk-EHTJ2BYB.cjs.map → chunk-ZPJZL4OI.cjs.map} +1 -1
- package/dist/hooks/index.cjs +2 -2
- package/dist/hooks/index.js +1 -1
- package/dist/index.cjs +14 -14
- package/dist/index.js +13 -13
- package/package.json +2 -2
- package/dist/chunk-3ISETOB3.cjs.map +0 -1
- package/dist/chunk-4WVYRJCV.js.map +0 -1
- package/dist/chunk-5R7ZPSN2.js.map +0 -1
- package/dist/chunk-BPZ3U5RV.js.map +0 -1
- package/dist/chunk-CUDJVXZX.cjs.map +0 -1
- package/dist/chunk-F4VYFBYC.cjs.map +0 -1
- package/dist/chunk-FJTWQ6UG.js.map +0 -1
- package/dist/chunk-IYR5A3CV.cjs.map +0 -1
- package/dist/chunk-LBFJL6IA.js.map +0 -1
- package/dist/chunk-LX775YU7.js.map +0 -1
- package/dist/chunk-M7CZ526K.js.map +0 -1
- package/dist/chunk-NVSZYURK.cjs.map +0 -1
- package/dist/chunk-Q5KXDJU7.cjs.map +0 -1
- package/dist/chunk-Y33HTDL6.cjs.map +0 -1
- package/dist/chunk-YLJC74CQ.cjs.map +0 -1
- /package/dist/{chunk-FA74PMQ3.js.map → chunk-JZGIIA64.js.map} +0 -0
- /package/dist/{chunk-3PAVDSMW.js.map → chunk-Q34F2SXE.js.map} +0 -0
- /package/dist/{chunk-43R3EVIW.js.map → chunk-ZCLE6TIH.js.map} +0 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkWAJAK2JZcjs = require('../chunk-WAJAK2JZ.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.CheckboxGroup =
|
|
13
|
+
exports.CheckboxGroup = _chunkWAJAK2JZcjs.CheckboxGroup_default; exports.default = _chunkWAJAK2JZcjs.CheckboxGroup_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CheckboxGroup_default,
|
|
3
3
|
CheckboxGroup_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-75SSFQS5.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkPJ46RRZHcjs = require('../chunk-PJ46RRZH.cjs');
|
|
5
|
+
require('../chunk-TTD3KL6E.cjs');
|
|
5
6
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
7
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
8
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
9
|
require('../chunk-CESGUF6F.cjs');
|
|
9
10
|
require('../chunk-555JRYCS.cjs');
|
|
10
11
|
|
|
11
12
|
|
|
12
13
|
|
|
13
|
-
exports.FieldArray =
|
|
14
|
+
exports.FieldArray = _chunkPJ46RRZHcjs.FieldArray_default; exports.default = _chunkPJ46RRZHcjs.FieldArray_default2;
|
|
14
15
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,mHAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/FieldArray/index.cjs"}
|
package/dist/FieldArray/index.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
FieldArray_default,
|
|
3
3
|
FieldArray_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-7LLGHAPS.js";
|
|
5
|
+
import "../chunk-B62HKKMS.js";
|
|
5
6
|
import "../chunk-UTFZRBBS.js";
|
|
6
7
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
9
|
import "../chunk-UAV6PVB4.js";
|
|
9
10
|
import "../chunk-K2V4ULA2.js";
|
|
10
11
|
export {
|
package/dist/Form/index.cjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var _chunkXO243HHKcjs = require('../chunk-XO243HHK.cjs');
|
|
5
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
6
6
|
require('../chunk-CESGUF6F.cjs');
|
|
7
7
|
require('../chunk-555JRYCS.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.Form =
|
|
11
|
+
exports.Form = _chunkXO243HHKcjs.Form_default; exports.default = _chunkXO243HHKcjs.Form_default2;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Form/index.js
CHANGED
package/dist/Grid/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkTTD3KL6Ecjs = require('../chunk-TTD3KL6E.cjs');
|
|
5
5
|
require('../chunk-555JRYCS.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Grid =
|
|
9
|
+
exports.Grid = _chunkTTD3KL6Ecjs.Grid_default; exports.default = _chunkTTD3KL6Ecjs.Grid_default2;
|
|
10
10
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Grid/index.js
CHANGED
package/dist/Input/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkRLFDZKPYcjs = require('../chunk-RLFDZKPY.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.Input =
|
|
13
|
+
exports.Input = _chunkRLFDZKPYcjs.Input_default; exports.default = _chunkRLFDZKPYcjs.Input_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Input/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Input_default,
|
|
3
3
|
Input_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-JZGIIA64.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkDJDUKOHEcjs = require('../chunk-DJDUKOHE.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.RadioBoxes =
|
|
13
|
+
exports.RadioBoxes = _chunkDJDUKOHEcjs.RadioBoxes_default; exports.default = _chunkDJDUKOHEcjs.RadioBoxes_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/RadioBoxes/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
RadioBoxes_default,
|
|
3
3
|
RadioBoxes_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-RL35Y5M7.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkMQZR5S34cjs = require('../chunk-MQZR5S34.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.RadioGroup =
|
|
13
|
+
exports.RadioGroup = _chunkMQZR5S34cjs.RadioGroup_default; exports.default = _chunkMQZR5S34cjs.RadioGroup_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/RadioGroup/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
RadioGroup_default,
|
|
3
3
|
RadioGroup_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-OVBWN7AD.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
package/dist/RadioTabs/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkDAWHNBN4cjs = require('../chunk-DAWHNBN4.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.RadioTabs =
|
|
13
|
+
exports.RadioTabs = _chunkDAWHNBN4cjs.RadioTabs_default; exports.default = _chunkDAWHNBN4cjs.RadioTabs_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/RadioTabs/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
RadioTabs_default,
|
|
3
3
|
RadioTabs_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-FHDFIAE6.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
package/dist/Select/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkM2KOBULNcjs = require('../chunk-M2KOBULN.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.Select =
|
|
13
|
+
exports.Select = _chunkM2KOBULNcjs.Select_default; exports.default = _chunkM2KOBULNcjs.Select_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Select/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Select_default,
|
|
3
3
|
Select_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-7LM4XKD5.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('../chunk-
|
|
4
|
+
var _chunkKURDPIP5cjs = require('../chunk-KURDPIP5.cjs');
|
|
5
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
6
6
|
require('../chunk-CESGUF6F.cjs');
|
|
7
7
|
require('../chunk-555JRYCS.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
exports.SubmitButton =
|
|
11
|
+
exports.SubmitButton = _chunkKURDPIP5cjs.SubmitButton_default; exports.default = _chunkKURDPIP5cjs.SubmitButton_default2;
|
|
12
12
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SubmitButton_default,
|
|
3
3
|
SubmitButton_default2
|
|
4
|
-
} from "../chunk-
|
|
5
|
-
import "../chunk-
|
|
4
|
+
} from "../chunk-PYQLNRRG.js";
|
|
5
|
+
import "../chunk-G2LNCTOM.js";
|
|
6
6
|
import "../chunk-UAV6PVB4.js";
|
|
7
7
|
import "../chunk-K2V4ULA2.js";
|
|
8
8
|
export {
|
package/dist/Switch/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkZPJZL4OIcjs = require('../chunk-ZPJZL4OI.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.Switch =
|
|
13
|
+
exports.Switch = _chunkZPJZL4OIcjs.Switch_default; exports.default = _chunkZPJZL4OIcjs.Switch_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/Switch/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Switch_default,
|
|
3
3
|
Switch_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-Q34F2SXE.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
package/dist/TextArea/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk3AICGYTQcjs = require('../chunk-3AICGYTQ.cjs');
|
|
5
5
|
require('../chunk-GNYQC5IJ.cjs');
|
|
6
6
|
require('../chunk-PA2DQCBY.cjs');
|
|
7
|
-
require('../chunk-
|
|
7
|
+
require('../chunk-THFJ3HTM.cjs');
|
|
8
8
|
require('../chunk-CESGUF6F.cjs');
|
|
9
9
|
require('../chunk-555JRYCS.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
exports.TextArea =
|
|
13
|
+
exports.TextArea = _chunk3AICGYTQcjs.TextArea_default; exports.default = _chunk3AICGYTQcjs.TextArea_default2;
|
|
14
14
|
//# sourceMappingURL=index.cjs.map
|
package/dist/TextArea/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TextArea_default,
|
|
3
3
|
TextArea_default2
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-ZCLE6TIH.js";
|
|
5
5
|
import "../chunk-UTFZRBBS.js";
|
|
6
6
|
import "../chunk-BQGN3JTU.js";
|
|
7
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-G2LNCTOM.js";
|
|
8
8
|
import "../chunk-UAV6PVB4.js";
|
|
9
9
|
import "../chunk-K2V4ULA2.js";
|
|
10
10
|
export {
|
|
@@ -7,7 +7,7 @@ var _chunkPA2DQCBYcjs = require('./chunk-PA2DQCBY.cjs');
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkTHFJ3HTMcjs = require('./chunk-THFJ3HTM.cjs');
|
|
11
11
|
|
|
12
12
|
// src/TextArea/TextArea.tsx
|
|
13
13
|
var _input = require('@heroui/input');
|
|
@@ -23,9 +23,9 @@ var TextArea = ({
|
|
|
23
23
|
testId: _testId = void 0
|
|
24
24
|
}) => {
|
|
25
25
|
var _a;
|
|
26
|
-
const { control, debugMode, getFieldState } =
|
|
26
|
+
const { control, debugMode, getFieldState } = _chunkTHFJ3HTMcjs.useFormContext.call(void 0, );
|
|
27
27
|
const { error, invalid, required, testId } = getFieldState(name, _testId);
|
|
28
|
-
const { field } =
|
|
28
|
+
const { field } = _chunkTHFJ3HTMcjs.useController.call(void 0, { control, name, disabled });
|
|
29
29
|
const { disabled: isDisabled, onChange, onBlur, value = "", ref } = field;
|
|
30
30
|
const showTestIdCopyButton = debugMode === "debug-testids";
|
|
31
31
|
const showLabel = label || showTestIdCopyButton;
|
|
@@ -67,4 +67,4 @@ var TextArea_default2 = TextArea_default;
|
|
|
67
67
|
|
|
68
68
|
|
|
69
69
|
exports.TextArea_default = TextArea_default; exports.TextArea_default2 = TextArea_default2;
|
|
70
|
-
//# sourceMappingURL=chunk-
|
|
70
|
+
//# sourceMappingURL=chunk-3AICGYTQ.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3AICGYTQ.cjs","../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"names":["TextArea_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACTA,sCAAyC;AAEzC,oDAAmB;AA8EF,+CAAA;AApDjB,IAAM,SAAA,EAAW,CAAC;AAAA,EAChB,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAqB;AAtCrB,EAAA,IAAA,EAAA;AAuCE,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,MAAM,EAAA,EAAI,6CAAA,EAAgB,OAAA,EAAS,IAAA,EAAM,SAAS,CAAC,CAAA;AAC3D,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,MAAA,EAAQ,EAAA,EAAI,IAAI,EAAA,EAAI,KAAA;AAEpE,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AA0B3B,EAAA,MAAM,aAAA,EAAA,CAAe,GAAA,EAAA,MAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,KAAA,CAAO,QAAA,CAAA,CAAA,EAAA,GAAP,KAAA,EAAA,GAAA,EAAqB,EAAA;AAE1C,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,UAAA,EAAY;AAAA,QACV,YAAA,EAAc;AAAA,MAChB,CAAA;AAAA,MACA,aAAA,EAAa,MAAA;AAAA,MACb,YAAA,EACE,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,KAAA,EAAc,OAAA,CAAgB,CAAA;AAAA,MAE/D,UAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,qBAAA,mBAAwB,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,MAAA,EAAA,CAClE,CAAA;AAAA,MAGJ,cAAA,EAAe,SAAA;AAAA,MACf,WAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA,EAAO,YAAA;AAAA,MACP,QAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAEP;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,iBAAA,EAAQ,QAAA;ADhDf;AACA;AExDA,IAAOA,kBAAAA,EAAQ,gBAAA;AF0Df;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3AICGYTQ.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface TextAreaProps {\n /** Child components. The content of the textarea. */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** Determines if the TextArea is disabled or not. */\n disabled?: boolean;\n /** Label displayed above the TextArea. */\n label?: ReactNode;\n /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n name: string;\n /** placeholder for the textArea content. */\n placeholder?: string;\n /** Id to grab element in internal tests. */\n testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n children = null,\n className = undefined,\n disabled = false,\n label = undefined,\n name,\n placeholder = ' ',\n testId: _testId = undefined,\n}: TextAreaProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const { field } = useController({ control, name, disabled });\n const { disabled: isDisabled, onChange, onBlur, value = '', ref } = field;\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n /**\n * Ensures the textarea always has a defined string value to prevent uncontrolled to\n * controlled component warnings:\n *\n * 1. Warning Prevention:\n * - Sets default value to '' in field destructuring\n * - Guarantees the value prop is never undefined/null\n * - Prevents React warning: \"A component is changing from uncontrolled to controlled\"\n *\n * 2. Value Handling:\n * - Converts undefined/null to empty string\n * - Converts non-string values to strings\n * - Maintains existing string values\n *\n * Examples:\n * - undefined → \"\" (prevents uncontrolled warning)\n * - null → \"\" (prevents uncontrolled warning)\n * - \"hello\" → \"hello\" (maintains string value)\n * - 123 → \"123\" (converts to string)\n *\n * Without this handling, the textarea could switch between controlled/uncontrolled\n * states when the form value changes from undefined to defined, causing React warnings\n * and potential rendering issues.\n */\n const displayValue = value?.toString() ?? '';\n\n return (\n <HeroTextArea\n className={cn(className)}\n classNames={{\n inputWrapper: 'group-data-[focus=true]:border-focus',\n }}\n data-testid={testId}\n errorMessage={\n error && <FieldValidationError error={error} testId={testId} />\n }\n isDisabled={isDisabled}\n isRequired={required}\n isInvalid={invalid}\n label={\n showLabel && (\n <>\n {label}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n </>\n )\n }\n labelPlacement=\"outside\"\n placeholder={placeholder}\n name={name}\n value={displayValue}\n onChange={onChange}\n onBlur={onBlur}\n ref={ref}\n variant=\"bordered\"\n >\n {children}\n </HeroTextArea>\n );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"]}
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
useController,
|
|
9
9
|
useFormContext
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-G2LNCTOM.js";
|
|
11
11
|
import {
|
|
12
12
|
__spreadProps,
|
|
13
13
|
__spreadValues
|
|
@@ -139,7 +139,8 @@ var CheckboxGroup = ({
|
|
|
139
139
|
}, checkboxGroupProps), {
|
|
140
140
|
children: options == null ? void 0 : options.map((option) => {
|
|
141
141
|
const optionTestId = slugify(
|
|
142
|
-
`${testId}_option_${(option == null ? void 0 : option.testId) || (option == null ? void 0 : option.value)}
|
|
142
|
+
`${testId}_option_${(option == null ? void 0 : option.testId) || (option == null ? void 0 : option.value)}`,
|
|
143
|
+
{ replaceDots: true }
|
|
143
144
|
);
|
|
144
145
|
const labelContent = option.labelSubline ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
|
|
145
146
|
/* @__PURE__ */ jsx("span", { className: classNames.optionLabel, children: option.label }),
|
|
@@ -171,4 +172,4 @@ export {
|
|
|
171
172
|
CheckboxGroup_default,
|
|
172
173
|
CheckboxGroup_default2
|
|
173
174
|
};
|
|
174
|
-
//# sourceMappingURL=chunk-
|
|
175
|
+
//# sourceMappingURL=chunk-75SSFQS5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\n\nimport {\n Checkbox as HeroCheckbox,\n CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n errorMessage: 'text-tiny',\n // see HeroUI styles for group-data condition,\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n optionBase: '',\n optionIcon: '',\n optionLabel: '',\n optionLabelSubline: '!text-small text-foreground-400',\n optionWrapper: '',\n wrapper: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n color: {\n info: {\n wrapper:\n 'text-info-foreground after:bg-info after:text-info-foreground',\n },\n ...heroCheckboxVariants.variants.color,\n } as const,\n lineThrough: {\n true: {\n optionLabel: [\n ...heroCheckboxVariants.variants.lineThrough.true.label,\n // fix stroke position when used with subline and enable animation\n 'relative before:transition-all before:duration-200',\n ],\n },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof checkboxGroupVariants>;\ntype ClassName = TVClassName<typeof checkboxGroupVariants>;\n\nexport type CheckboxGroupOption = {\n /** option label */\n label?: ReactNode;\n /** subline displayed below the label */\n labelSubline?: ReactNode;\n /** option value */\n value: string;\n /** disables the option */\n disabled?: boolean;\n /** HTML data-testid attribute of the option */\n testId?: string;\n};\n\nexport interface CheckboxGroupProps extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the checkboxes */\n color?: VariantProps['color'];\n /** Sets all checkboxes disabled */\n disabled?: boolean;\n /** Orientation of the checkboxes */\n inline?: boolean;\n /** Label displayed above the checkboxes */\n label?: ReactNode;\n /** Whether the checkboxes label should be crossed out */\n lineThrough?: boolean;\n /** Name the Field is registered on the form */\n name: string;\n /** Checkboxes that should be displayed. */\n options: CheckboxGroupOption[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * CheckboxGroup component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst CheckboxGroup = ({\n className = undefined,\n color = 'primary',\n inline = false,\n label = undefined,\n lineThrough = false,\n options,\n disabled = false,\n name,\n testId: _testId = undefined,\n}: CheckboxGroupProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const {\n error: _error,\n invalid,\n required,\n testId,\n } = getFieldState(name, _testId);\n\n const { field } = useController({ control, name, disabled });\n const { onChange, value = [], ref, onBlur } = field;\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = checkboxGroupVariants({ lineThrough });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // map slots to HeroUI class names\n const heroCheckboxGroupClassNames = {\n base: classNames.base,\n label: classNames.label,\n wrapper: classNames.wrapper,\n };\n const heroCheckboxClassNames = {\n base: classNames.optionBase,\n icon: classNames.optionIcon,\n wrapper: classNames.optionWrapper,\n };\n\n // Convert React Hook Form's nested error object structure to a flat array\n // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n // and checkboxField._error (global field errors) - this flattens all\n // error values into a single array for rendering with FieldValidationError\n const errorFlat: FieldError[] =\n (_error &&\n Object.values(\n _error as unknown as Record<string, FieldError[]>,\n ).flat()) ||\n [];\n\n /**\n * Handles the checkbox group value changes based on the number of options:\n * 1. For single checkbox (options.length === 1):\n * - Converts undefined/empty array to [] for consistent controlled behavior\n * - Extracts single value from array for onChange\n *\n * Example: undefined → []\n * [value] → value\n *\n * 2. For multiple checkboxes:\n * - Uses raw value array with fallback to empty array\n * - Passes through onChange directly\n *\n * Example: undefined → []\n * ['value1', 'value2'] → ['value1', 'value2']\n */\n const getCheckboxValue = (inputValue: unknown): string[] => {\n if (Array.isArray(inputValue)) {\n return inputValue;\n }\n if (inputValue) {\n return [inputValue as string];\n }\n return [];\n };\n\n const singleCheckboxProps = {\n value: getCheckboxValue(value),\n onChange: (newValue: string[]) => onChange(newValue?.[0]),\n };\n\n const multipleCheckboxProps = {\n onChange,\n value: getCheckboxValue(value),\n };\n\n const checkboxGroupProps =\n options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n return (\n <HeroCheckboxGroup\n classNames={heroCheckboxGroupClassNames}\n color={color === 'info' ? 'primary' : color}\n // see HeroUI styles for group-data condition (data-invalid),\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-testid={testId}\n errorMessage={\n errorFlat.length > 0 && (\n <FieldValidationError\n className={classNames.errorMessage}\n error={errorFlat}\n testId={testId}\n />\n )\n }\n isDisabled={disabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n </label>\n )\n }\n name={name}\n onBlur={onBlur}\n orientation={inline ? 'horizontal' : 'vertical'}\n ref={ref}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...checkboxGroupProps}\n >\n {options?.map((option) => {\n const optionTestId = slugify(\n `${testId}_option_${option?.testId || option?.value}`,\n );\n\n const labelContent = option.labelSubline ? (\n <div className=\"flex flex-col items-start\">\n <span className={classNames.optionLabel}>{option.label}</span>\n <span className={`${classNames.optionLabelSubline}`}>\n {option.labelSubline}\n </span>\n </div>\n ) : (\n <span className={classNames.optionLabel}>{option.label}</span>\n );\n\n return (\n <HeroCheckbox\n aria-label={\n typeof option.label === 'string' ? option.label : option.value\n }\n classNames={heroCheckboxClassNames}\n data-invalid={invalid}\n data-testid={optionTestId}\n isDisabled={disabled || option.disabled}\n key={`index_${option.value}`}\n value={option?.value}\n >\n {labelContent}\n </HeroCheckbox>\n );\n })}\n </HeroCheckboxGroup>\n );\n};\n\nexport default CheckboxGroup;\n","import CheckboxGroup from './CheckboxGroup';\n\nexport type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';\n\nexport { CheckboxGroup };\n\nexport default CheckboxGroup;\n"],"mappings":"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","names":["CheckboxGroup_default"]}
|
|
1
|
+
{"version":3,"sources":["../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\n\nimport {\n Checkbox as HeroCheckbox,\n CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxGroupVariants = tv({\n slots: {\n base: 'group', // Needs group for group-data condition\n errorMessage: 'text-tiny',\n // see HeroUI styles for group-data condition,\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n label:\n 'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n optionBase: '',\n optionIcon: '',\n optionLabel: '',\n optionLabelSubline: '!text-small text-foreground-400',\n optionWrapper: '',\n wrapper: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n color: {\n info: {\n wrapper:\n 'text-info-foreground after:bg-info after:text-info-foreground',\n },\n ...heroCheckboxVariants.variants.color,\n } as const,\n lineThrough: {\n true: {\n optionLabel: [\n ...heroCheckboxVariants.variants.lineThrough.true.label,\n // fix stroke position when used with subline and enable animation\n 'relative before:transition-all before:duration-200',\n ],\n },\n },\n },\n});\n\ntype VariantProps = TVProps<typeof checkboxGroupVariants>;\ntype ClassName = TVClassName<typeof checkboxGroupVariants>;\n\nexport type CheckboxGroupOption = {\n /** option label */\n label?: ReactNode;\n /** subline displayed below the label */\n labelSubline?: ReactNode;\n /** option value */\n value: string;\n /** disables the option */\n disabled?: boolean;\n /** HTML data-testid attribute of the option */\n testId?: string;\n};\n\nexport interface CheckboxGroupProps extends VariantProps {\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the checkboxes */\n color?: VariantProps['color'];\n /** Sets all checkboxes disabled */\n disabled?: boolean;\n /** Orientation of the checkboxes */\n inline?: boolean;\n /** Label displayed above the checkboxes */\n label?: ReactNode;\n /** Whether the checkboxes label should be crossed out */\n lineThrough?: boolean;\n /** Name the Field is registered on the form */\n name: string;\n /** Checkboxes that should be displayed. */\n options: CheckboxGroupOption[];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n}\n\n/**\n * CheckboxGroup component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst CheckboxGroup = ({\n className = undefined,\n color = 'primary',\n inline = false,\n label = undefined,\n lineThrough = false,\n options,\n disabled = false,\n name,\n testId: _testId = undefined,\n}: CheckboxGroupProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const {\n error: _error,\n invalid,\n required,\n testId,\n } = getFieldState(name, _testId);\n\n const { field } = useController({ control, name, disabled });\n const { onChange, value = [], ref, onBlur } = field;\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n const variants = checkboxGroupVariants({ lineThrough });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // map slots to HeroUI class names\n const heroCheckboxGroupClassNames = {\n base: classNames.base,\n label: classNames.label,\n wrapper: classNames.wrapper,\n };\n const heroCheckboxClassNames = {\n base: classNames.optionBase,\n icon: classNames.optionIcon,\n wrapper: classNames.optionWrapper,\n };\n\n // Convert React Hook Form's nested error object structure to a flat array\n // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n // and checkboxField._error (global field errors) - this flattens all\n // error values into a single array for rendering with FieldValidationError\n const errorFlat: FieldError[] =\n (_error &&\n Object.values(\n _error as unknown as Record<string, FieldError[]>,\n ).flat()) ||\n [];\n\n /**\n * Handles the checkbox group value changes based on the number of options:\n * 1. For single checkbox (options.length === 1):\n * - Converts undefined/empty array to [] for consistent controlled behavior\n * - Extracts single value from array for onChange\n *\n * Example: undefined → []\n * [value] → value\n *\n * 2. For multiple checkboxes:\n * - Uses raw value array with fallback to empty array\n * - Passes through onChange directly\n *\n * Example: undefined → []\n * ['value1', 'value2'] → ['value1', 'value2']\n */\n const getCheckboxValue = (inputValue: unknown): string[] => {\n if (Array.isArray(inputValue)) {\n return inputValue;\n }\n if (inputValue) {\n return [inputValue as string];\n }\n return [];\n };\n\n const singleCheckboxProps = {\n value: getCheckboxValue(value),\n onChange: (newValue: string[]) => onChange(newValue?.[0]),\n };\n\n const multipleCheckboxProps = {\n onChange,\n value: getCheckboxValue(value),\n };\n\n const checkboxGroupProps =\n options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n return (\n <HeroCheckboxGroup\n classNames={heroCheckboxGroupClassNames}\n color={color === 'info' ? 'primary' : color}\n // see HeroUI styles for group-data condition (data-invalid),\n // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n data-invalid={invalid}\n data-testid={testId}\n errorMessage={\n errorFlat.length > 0 && (\n <FieldValidationError\n className={classNames.errorMessage}\n error={errorFlat}\n testId={testId}\n />\n )\n }\n isDisabled={disabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label>\n {label}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n </label>\n )\n }\n name={name}\n onBlur={onBlur}\n orientation={inline ? 'horizontal' : 'vertical'}\n ref={ref}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...checkboxGroupProps}\n >\n {options?.map((option) => {\n const optionTestId = slugify(\n `${testId}_option_${option?.testId || option?.value}`,\n { replaceDots: true },\n );\n\n const labelContent = option.labelSubline ? (\n <div className=\"flex flex-col items-start\">\n <span className={classNames.optionLabel}>{option.label}</span>\n <span className={`${classNames.optionLabelSubline}`}>\n {option.labelSubline}\n </span>\n </div>\n ) : (\n <span className={classNames.optionLabel}>{option.label}</span>\n );\n\n return (\n <HeroCheckbox\n aria-label={\n typeof option.label === 'string' ? option.label : option.value\n }\n classNames={heroCheckboxClassNames}\n data-invalid={invalid}\n data-testid={optionTestId}\n isDisabled={disabled || option.disabled}\n key={`index_${option.value}`}\n value={option?.value}\n >\n {labelContent}\n </HeroCheckbox>\n );\n })}\n </HeroCheckboxGroup>\n );\n};\n\nexport default CheckboxGroup;\n","import CheckboxGroup from './CheckboxGroup';\n\nexport type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';\n\nexport { CheckboxGroup };\n\nexport default CheckboxGroup;\n"],"mappings":"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","names":["CheckboxGroup_default"]}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Grid_default
|
|
3
|
+
} from "./chunk-B62HKKMS.js";
|
|
1
4
|
import {
|
|
2
5
|
FieldValidationError_default
|
|
3
6
|
} from "./chunk-UTFZRBBS.js";
|
|
@@ -8,7 +11,7 @@ import {
|
|
|
8
11
|
useFieldArray,
|
|
9
12
|
useFormContext,
|
|
10
13
|
useInput
|
|
11
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-G2LNCTOM.js";
|
|
12
15
|
import {
|
|
13
16
|
toNullishString
|
|
14
17
|
} from "./chunk-UAV6PVB4.js";
|
|
@@ -150,7 +153,7 @@ var FieldArrayElement = ({
|
|
|
150
153
|
{
|
|
151
154
|
className: cn4(className.elementWrapper),
|
|
152
155
|
"data-testid": `${testId}_element_wrapper`,
|
|
153
|
-
children
|
|
156
|
+
children: /* @__PURE__ */ jsx4(Grid_default, { children })
|
|
154
157
|
}
|
|
155
158
|
),
|
|
156
159
|
lastNotDeletable && fields.length === 1 ? null : /* @__PURE__ */ jsx4(
|
|
@@ -251,7 +254,7 @@ var fieldArrayVariants = tv({
|
|
|
251
254
|
insertAfterButton: "text-xs font-medium",
|
|
252
255
|
label: "!pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block",
|
|
253
256
|
list: "m-0 w-full list-none",
|
|
254
|
-
listItem: "mb-4 flex w-full flex-row
|
|
257
|
+
listItem: "mb-4 flex w-full flex-row",
|
|
255
258
|
removeButton: "ml-1",
|
|
256
259
|
sortDragHandle: "mr-2 text-base text-xl"
|
|
257
260
|
}
|
|
@@ -320,7 +323,7 @@ var FieldArray = ({
|
|
|
320
323
|
] }),
|
|
321
324
|
fields.map((field, index) => {
|
|
322
325
|
const elementName = `${name}.${index}`;
|
|
323
|
-
const elementTestId = `${testId}${index}`;
|
|
326
|
+
const elementTestId = `${testId}_${index}`;
|
|
324
327
|
const elementMethods = {
|
|
325
328
|
append: () => append(elementInitialValue),
|
|
326
329
|
duplicate: () => {
|
|
@@ -380,4 +383,4 @@ export {
|
|
|
380
383
|
FieldArray_default,
|
|
381
384
|
FieldArray_default2
|
|
382
385
|
};
|
|
383
|
-
//# sourceMappingURL=chunk-
|
|
386
|
+
//# sourceMappingURL=chunk-7LLGHAPS.js.map
|