@strictly/react-form 0.0.1

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.
Files changed (239) hide show
  1. package/.eslintrc.cjs +26 -0
  2. package/.out/.storybook/main.d.ts +3 -0
  3. package/.out/.storybook/main.js +32 -0
  4. package/.out/.storybook/preview.d.ts +4 -0
  5. package/.out/.storybook/preview.js +20 -0
  6. package/.out/.vitest/install_deterministic_random.d.ts +2 -0
  7. package/.out/.vitest/install_deterministic_random.js +15 -0
  8. package/.out/.vitest/install_storybook_preview.d.ts +1 -0
  9. package/.out/.vitest/install_storybook_preview.js +7 -0
  10. package/.out/.vitest/match_media.d.ts +1 -0
  11. package/.out/.vitest/match_media.js +5 -0
  12. package/.out/.vitest/resize_observer.d.ts +1 -0
  13. package/.out/.vitest/resize_observer.js +4 -0
  14. package/.out/core/mobx/field_adapter.d.ts +9 -0
  15. package/.out/core/mobx/field_adapter.js +1 -0
  16. package/.out/core/mobx/field_adapter_builder.d.ts +22 -0
  17. package/.out/core/mobx/field_adapter_builder.js +56 -0
  18. package/.out/core/mobx/flattened_adapters_of_fields.d.ts +9 -0
  19. package/.out/core/mobx/flattened_adapters_of_fields.js +1 -0
  20. package/.out/core/mobx/flattened_list_type_defs_of.d.ts +8 -0
  21. package/.out/core/mobx/flattened_list_type_defs_of.js +1 -0
  22. package/.out/core/mobx/form_presenter.d.ts +61 -0
  23. package/.out/core/mobx/form_presenter.js +425 -0
  24. package/.out/core/mobx/specs/flattened_adapters_of_fields.tests.d.ts +1 -0
  25. package/.out/core/mobx/specs/flattened_adapters_of_fields.tests.js +13 -0
  26. package/.out/core/mobx/specs/flattened_list_type_defs_of.tests.d.ts +1 -0
  27. package/.out/core/mobx/specs/flattened_list_type_defs_of.tests.js +16 -0
  28. package/.out/core/mobx/specs/form_presenter.tests.d.ts +1 -0
  29. package/.out/core/mobx/specs/form_presenter.tests.js +697 -0
  30. package/.out/core/mobx/types.d.ts +19 -0
  31. package/.out/core/mobx/types.js +1 -0
  32. package/.out/core/props.d.ts +12 -0
  33. package/.out/core/props.js +1 -0
  34. package/.out/field_converters/chain_field_converter.d.ts +3 -0
  35. package/.out/field_converters/chain_field_converter.js +46 -0
  36. package/.out/field_converters/identity_converter.d.ts +3 -0
  37. package/.out/field_converters/identity_converter.js +14 -0
  38. package/.out/field_converters/integer_to_string_converter.d.ts +7 -0
  39. package/.out/field_converters/integer_to_string_converter.js +26 -0
  40. package/.out/field_converters/list_converter.d.ts +2 -0
  41. package/.out/field_converters/list_converter.js +8 -0
  42. package/.out/field_converters/maybe_identity_converter.d.ts +8 -0
  43. package/.out/field_converters/maybe_identity_converter.js +15 -0
  44. package/.out/field_converters/nullable_to_boolean_converter.d.ts +11 -0
  45. package/.out/field_converters/nullable_to_boolean_converter.js +31 -0
  46. package/.out/field_converters/select_value_type_converter.d.ts +23 -0
  47. package/.out/field_converters/select_value_type_converter.js +60 -0
  48. package/.out/field_converters/trimming_string_converter.d.ts +6 -0
  49. package/.out/field_converters/trimming_string_converter.js +14 -0
  50. package/.out/field_converters/validating_converter.d.ts +3 -0
  51. package/.out/field_converters/validating_converter.js +21 -0
  52. package/.out/field_validators/minimum_string_length_field_validator.d.ts +2 -0
  53. package/.out/field_validators/minimum_string_length_field_validator.js +8 -0
  54. package/.out/field_value_factories/prototyping_field_value_factory.d.ts +2 -0
  55. package/.out/field_value_factories/prototyping_field_value_factory.js +5 -0
  56. package/.out/index.d.ts +16 -0
  57. package/.out/index.js +16 -0
  58. package/.out/mantine/create_checkbox.d.ts +9 -0
  59. package/.out/mantine/create_checkbox.js +37 -0
  60. package/.out/mantine/create_list.d.ts +15 -0
  61. package/.out/mantine/create_list.js +16 -0
  62. package/.out/mantine/create_pill.d.ts +7 -0
  63. package/.out/mantine/create_pill.js +15 -0
  64. package/.out/mantine/create_radio.d.ts +8 -0
  65. package/.out/mantine/create_radio.js +10 -0
  66. package/.out/mantine/create_radio_group.d.ts +9 -0
  67. package/.out/mantine/create_radio_group.js +34 -0
  68. package/.out/mantine/create_text_input.d.ts +19 -0
  69. package/.out/mantine/create_text_input.js +38 -0
  70. package/.out/mantine/create_value_input.d.ts +17 -0
  71. package/.out/mantine/create_value_input.js +38 -0
  72. package/.out/mantine/hooks.d.ts +56 -0
  73. package/.out/mantine/hooks.js +135 -0
  74. package/.out/mantine/specs/checkbox_constants.d.ts +1 -0
  75. package/.out/mantine/specs/checkbox_constants.js +1 -0
  76. package/.out/mantine/specs/checkbox_hooks.stories.d.ts +13 -0
  77. package/.out/mantine/specs/checkbox_hooks.stories.js +63 -0
  78. package/.out/mantine/specs/checkbox_hooks.tests.d.ts +1 -0
  79. package/.out/mantine/specs/checkbox_hooks.tests.js +74 -0
  80. package/.out/mantine/specs/list_hooks.stories.d.ts +11 -0
  81. package/.out/mantine/specs/list_hooks.stories.js +48 -0
  82. package/.out/mantine/specs/list_hooks.tests.d.ts +1 -0
  83. package/.out/mantine/specs/list_hooks.tests.js +12 -0
  84. package/.out/mantine/specs/radio_group_constants.d.ts +4 -0
  85. package/.out/mantine/specs/radio_group_constants.js +11 -0
  86. package/.out/mantine/specs/radio_group_hooks.stories.d.ts +14 -0
  87. package/.out/mantine/specs/radio_group_hooks.stories.js +68 -0
  88. package/.out/mantine/specs/radio_group_hooks.tests.d.ts +1 -0
  89. package/.out/mantine/specs/radio_group_hooks.tests.js +62 -0
  90. package/.out/mantine/specs/select_hooks.stories.d.ts +12 -0
  91. package/.out/mantine/specs/select_hooks.stories.js +57 -0
  92. package/.out/mantine/specs/select_hooks.tests.d.ts +1 -0
  93. package/.out/mantine/specs/select_hooks.tests.js +12 -0
  94. package/.out/mantine/specs/select_hooks_constant.d.ts +1 -0
  95. package/.out/mantine/specs/select_hooks_constant.js +1 -0
  96. package/.out/mantine/specs/text_input_constants.d.ts +1 -0
  97. package/.out/mantine/specs/text_input_constants.js +1 -0
  98. package/.out/mantine/specs/text_input_hooks.stories.d.ts +21 -0
  99. package/.out/mantine/specs/text_input_hooks.stories.js +88 -0
  100. package/.out/mantine/specs/text_input_hooks.tests.d.ts +1 -0
  101. package/.out/mantine/specs/text_input_hooks.tests.js +79 -0
  102. package/.out/mantine/specs/value_input_constants.d.ts +2 -0
  103. package/.out/mantine/specs/value_input_constants.js +2 -0
  104. package/.out/mantine/specs/value_input_hooks.stories.d.ts +23 -0
  105. package/.out/mantine/specs/value_input_hooks.stories.js +124 -0
  106. package/.out/mantine/specs/value_input_hooks.tests.d.ts +1 -0
  107. package/.out/mantine/specs/value_input_hooks.tests.js +12 -0
  108. package/.out/mantine/types.d.ts +11 -0
  109. package/.out/mantine/types.js +1 -0
  110. package/.out/tsconfig.json +27 -0
  111. package/.out/tsconfig.tsbuildinfo +1 -0
  112. package/.out/tsup.config.d.ts +3 -0
  113. package/.out/tsup.config.js +12 -0
  114. package/.out/types/all_fields_of_fields.d.ts +5 -0
  115. package/.out/types/all_fields_of_fields.js +1 -0
  116. package/.out/types/boolean_fields_of_fields.d.ts +5 -0
  117. package/.out/types/boolean_fields_of_fields.js +1 -0
  118. package/.out/types/error_type_of_field.d.ts +2 -0
  119. package/.out/types/error_type_of_field.js +1 -0
  120. package/.out/types/field.d.ts +7 -0
  121. package/.out/types/field.js +1 -0
  122. package/.out/types/field_converters.d.ts +29 -0
  123. package/.out/types/field_converters.js +5 -0
  124. package/.out/types/field_validator.d.ts +3 -0
  125. package/.out/types/field_validator.js +1 -0
  126. package/.out/types/flattened_form_fields_of.d.ts +9 -0
  127. package/.out/types/flattened_form_fields_of.js +1 -0
  128. package/.out/types/list_fields_of_fields.d.ts +5 -0
  129. package/.out/types/list_fields_of_fields.js +1 -0
  130. package/.out/types/specs/boolean_fields_of_fields.tests.d.ts +1 -0
  131. package/.out/types/specs/boolean_fields_of_fields.tests.js +11 -0
  132. package/.out/types/specs/error_type_of_field.tests.d.ts +1 -0
  133. package/.out/types/specs/error_type_of_field.tests.js +7 -0
  134. package/.out/types/specs/flattened_form_fields_of.tests.d.ts +1 -0
  135. package/.out/types/specs/flattened_form_fields_of.tests.js +13 -0
  136. package/.out/types/specs/string_fields_of_fields.tests.d.ts +1 -0
  137. package/.out/types/specs/string_fields_of_fields.tests.js +19 -0
  138. package/.out/types/specs/value_type_of_field.tests.d.ts +1 -0
  139. package/.out/types/specs/value_type_of_field.tests.js +7 -0
  140. package/.out/types/string_fields_of_fields.d.ts +5 -0
  141. package/.out/types/string_fields_of_fields.js +1 -0
  142. package/.out/types/value_type_of_field.d.ts +2 -0
  143. package/.out/types/value_type_of_field.js +1 -0
  144. package/.out/util/partial.d.ts +11 -0
  145. package/.out/util/partial.js +74 -0
  146. package/.out/vitest.workspace.d.ts +2 -0
  147. package/.out/vitest.workspace.js +22 -0
  148. package/.storybook/main.ts +40 -0
  149. package/.storybook/preview.tsx +28 -0
  150. package/.storybook/vite.config.mts +38 -0
  151. package/.turbo/turbo-build.log +18 -0
  152. package/.turbo/turbo-check-types.log +3 -0
  153. package/.turbo/turbo-release$colon$exports.log +3 -0
  154. package/.vitest/install_deterministic_random.ts +17 -0
  155. package/.vitest/install_storybook_preview.ts +9 -0
  156. package/.vitest/match_media.ts +7 -0
  157. package/.vitest/resize_observer.ts +5 -0
  158. package/README.md +2 -0
  159. package/core/mobx/field_adapter.ts +32 -0
  160. package/core/mobx/field_adapter_builder.ts +313 -0
  161. package/core/mobx/flattened_adapters_of_fields.ts +35 -0
  162. package/core/mobx/flattened_list_type_defs_of.ts +17 -0
  163. package/core/mobx/form_presenter.ts +705 -0
  164. package/core/mobx/specs/flattened_adapters_of_fields.tests.ts +72 -0
  165. package/core/mobx/specs/flattened_list_type_defs_of.tests.ts +35 -0
  166. package/core/mobx/specs/form_presenter.tests.ts +989 -0
  167. package/core/mobx/types.ts +54 -0
  168. package/core/props.ts +21 -0
  169. package/dist/index.cjs +11479 -0
  170. package/dist/index.d.cts +345 -0
  171. package/dist/index.d.ts +345 -0
  172. package/dist/index.js +11486 -0
  173. package/field_converters/chain_field_converter.ts +74 -0
  174. package/field_converters/identity_converter.ts +39 -0
  175. package/field_converters/integer_to_string_converter.ts +32 -0
  176. package/field_converters/list_converter.ts +15 -0
  177. package/field_converters/maybe_identity_converter.ts +23 -0
  178. package/field_converters/nullable_to_boolean_converter.ts +56 -0
  179. package/field_converters/select_value_type_converter.ts +141 -0
  180. package/field_converters/trimming_string_converter.ts +23 -0
  181. package/field_converters/validating_converter.ts +35 -0
  182. package/field_validators/minimum_string_length_field_validator.ts +13 -0
  183. package/field_value_factories/prototyping_field_value_factory.ts +11 -0
  184. package/index.ts +16 -0
  185. package/mantine/create_checkbox.tsx +79 -0
  186. package/mantine/create_list.tsx +58 -0
  187. package/mantine/create_pill.tsx +43 -0
  188. package/mantine/create_radio.tsx +36 -0
  189. package/mantine/create_radio_group.tsx +71 -0
  190. package/mantine/create_text_input.tsx +80 -0
  191. package/mantine/create_value_input.tsx +81 -0
  192. package/mantine/hooks.tsx +394 -0
  193. package/mantine/specs/__snapshots__/check_box_hooks.tests.tsx.snap +227 -0
  194. package/mantine/specs/__snapshots__/checkbox_hooks.tests.tsx.snap +227 -0
  195. package/mantine/specs/__snapshots__/list_hooks.tests.tsx.snap +68 -0
  196. package/mantine/specs/__snapshots__/radio_group_hooks.tests.tsx.snap +695 -0
  197. package/mantine/specs/__snapshots__/select_hooks.tests.tsx.snap +225 -0
  198. package/mantine/specs/__snapshots__/text_input_hooks.tests.tsx.snap +202 -0
  199. package/mantine/specs/__snapshots__/value_input_hooks.tests.tsx.snap +613 -0
  200. package/mantine/specs/checkbox_constants.ts +1 -0
  201. package/mantine/specs/checkbox_hooks.stories.tsx +79 -0
  202. package/mantine/specs/checkbox_hooks.tests.tsx +100 -0
  203. package/mantine/specs/list_hooks.stories.tsx +83 -0
  204. package/mantine/specs/list_hooks.tests.tsx +15 -0
  205. package/mantine/specs/radio_group_constants.ts +12 -0
  206. package/mantine/specs/radio_group_hooks.stories.tsx +103 -0
  207. package/mantine/specs/radio_group_hooks.tests.tsx +92 -0
  208. package/mantine/specs/select_hooks.stories.tsx +77 -0
  209. package/mantine/specs/select_hooks.tests.tsx +14 -0
  210. package/mantine/specs/select_hooks_constant.ts +1 -0
  211. package/mantine/specs/text_input_constants.ts +1 -0
  212. package/mantine/specs/text_input_hooks.stories.tsx +124 -0
  213. package/mantine/specs/text_input_hooks.tests.tsx +106 -0
  214. package/mantine/specs/value_input_constants.ts +2 -0
  215. package/mantine/specs/value_input_hooks.stories.tsx +182 -0
  216. package/mantine/specs/value_input_hooks.tests.tsx +14 -0
  217. package/mantine/types.ts +13 -0
  218. package/package.exports.json +18 -0
  219. package/package.json +74 -0
  220. package/tsconfig.build.json +13 -0
  221. package/tsconfig.json +27 -0
  222. package/tsup.config.ts +16 -0
  223. package/types/all_fields_of_fields.ts +9 -0
  224. package/types/boolean_fields_of_fields.ts +8 -0
  225. package/types/error_type_of_field.ts +3 -0
  226. package/types/field.ts +9 -0
  227. package/types/field_converters.ts +64 -0
  228. package/types/field_validator.ts +7 -0
  229. package/types/flattened_form_fields_of.ts +16 -0
  230. package/types/list_fields_of_fields.ts +7 -0
  231. package/types/specs/boolean_fields_of_fields.tests.ts +23 -0
  232. package/types/specs/error_type_of_field.tests.ts +10 -0
  233. package/types/specs/flattened_form_fields_of.tests.ts +43 -0
  234. package/types/specs/string_fields_of_fields.tests.ts +40 -0
  235. package/types/specs/value_type_of_field.tests.ts +10 -0
  236. package/types/string_fields_of_fields.ts +6 -0
  237. package/types/value_type_of_field.ts +3 -0
  238. package/util/partial.tsx +200 -0
  239. package/vitest.workspace.ts +26 -0
package/mantine/specs/__snapshots__/check_box_hooks.tests.tsx.snap ADDED
@@ -0,0 +1,227 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`checkbox mantine hooks > renders Disabled 1`] = `
4
+ <div>
5
+ <style
6
+ data-mantine-styles="classes"
7
+ >
8
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
9
+ </style>
10
+ <div
11
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
12
+ data-label-position="right"
13
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
14
+ >
15
+ <div
16
+ class="m_5f6e695e mantine-Checkbox-body"
17
+ >
18
+ <div
19
+ class="m_26062bec mantine-Checkbox-inner"
20
+ data-label-position="right"
21
+ >
22
+ <input
23
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
24
+ disabled=""
25
+ id="mantine-0px4bipx4"
26
+ name="$"
27
+ type="checkbox"
28
+ />
29
+ <svg
30
+ aria-hidden="true"
31
+ class="m_bf295423 mantine-Checkbox-icon"
32
+ fill="none"
33
+ viewBox="0 0 10 7"
34
+ xmlns="http://www.w3.org/2000/svg"
35
+ >
36
+ <path
37
+ clip-rule="evenodd"
38
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
39
+ fill="currentColor"
40
+ fill-rule="evenodd"
41
+ />
42
+ </svg>
43
+ </div>
44
+ <div
45
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
46
+ data-disabled="true"
47
+ >
48
+ <label
49
+ class="m_8ee546b8 mantine-Checkbox-label"
50
+ data-disabled="true"
51
+ for="mantine-0px4bipx4"
52
+ >
53
+ Checkbox
54
+ </label>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ `;
60
+
61
+ exports[`checkbox mantine hooks > renders Off 1`] = `
62
+ <div>
63
+ <style
64
+ data-mantine-styles="classes"
65
+ >
66
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
67
+ </style>
68
+ <div
69
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
70
+ data-label-position="right"
71
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
72
+ >
73
+ <div
74
+ class="m_5f6e695e mantine-Checkbox-body"
75
+ >
76
+ <div
77
+ class="m_26062bec mantine-Checkbox-inner"
78
+ data-label-position="right"
79
+ >
80
+ <input
81
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
82
+ id="mantine-12voha2vo"
83
+ name="$"
84
+ type="checkbox"
85
+ />
86
+ <svg
87
+ aria-hidden="true"
88
+ class="m_bf295423 mantine-Checkbox-icon"
89
+ fill="none"
90
+ viewBox="0 0 10 7"
91
+ xmlns="http://www.w3.org/2000/svg"
92
+ >
93
+ <path
94
+ clip-rule="evenodd"
95
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
96
+ fill="currentColor"
97
+ fill-rule="evenodd"
98
+ />
99
+ </svg>
100
+ </div>
101
+ <div
102
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
103
+ >
104
+ <label
105
+ class="m_8ee546b8 mantine-Checkbox-label"
106
+ for="mantine-12voha2vo"
107
+ >
108
+ Checkbox
109
+ </label>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ `;
115
+
116
+ exports[`checkbox mantine hooks > renders On 1`] = `
117
+ <div>
118
+ <style
119
+ data-mantine-styles="classes"
120
+ >
121
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
122
+ </style>
123
+ <div
124
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
125
+ data-checked="true"
126
+ data-label-position="right"
127
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
128
+ >
129
+ <div
130
+ class="m_5f6e695e mantine-Checkbox-body"
131
+ >
132
+ <div
133
+ class="m_26062bec mantine-Checkbox-inner"
134
+ data-label-position="right"
135
+ >
136
+ <input
137
+ checked=""
138
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
139
+ id="mantine-0px4bipx4"
140
+ name="$"
141
+ type="checkbox"
142
+ />
143
+ <svg
144
+ aria-hidden="true"
145
+ class="m_bf295423 mantine-Checkbox-icon"
146
+ fill="none"
147
+ viewBox="0 0 10 7"
148
+ xmlns="http://www.w3.org/2000/svg"
149
+ >
150
+ <path
151
+ clip-rule="evenodd"
152
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
153
+ fill="currentColor"
154
+ fill-rule="evenodd"
155
+ />
156
+ </svg>
157
+ </div>
158
+ <div
159
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
160
+ >
161
+ <label
162
+ class="m_8ee546b8 mantine-Checkbox-label"
163
+ for="mantine-0px4bipx4"
164
+ >
165
+ Checkbox
166
+ </label>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ `;
172
+
173
+ exports[`checkbox mantine hooks > renders Required 1`] = `
174
+ <div>
175
+ <style
176
+ data-mantine-styles="classes"
177
+ >
178
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
179
+ </style>
180
+ <div
181
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
182
+ data-label-position="right"
183
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
184
+ >
185
+ <div
186
+ class="m_5f6e695e mantine-Checkbox-body"
187
+ >
188
+ <div
189
+ class="m_26062bec mantine-Checkbox-inner"
190
+ data-label-position="right"
191
+ >
192
+ <input
193
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
194
+ id="mantine-0px4bipx4"
195
+ name="$"
196
+ required=""
197
+ type="checkbox"
198
+ />
199
+ <svg
200
+ aria-hidden="true"
201
+ class="m_bf295423 mantine-Checkbox-icon"
202
+ fill="none"
203
+ viewBox="0 0 10 7"
204
+ xmlns="http://www.w3.org/2000/svg"
205
+ >
206
+ <path
207
+ clip-rule="evenodd"
208
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
209
+ fill="currentColor"
210
+ fill-rule="evenodd"
211
+ />
212
+ </svg>
213
+ </div>
214
+ <div
215
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
216
+ >
217
+ <label
218
+ class="m_8ee546b8 mantine-Checkbox-label"
219
+ for="mantine-0px4bipx4"
220
+ >
221
+ Checkbox
222
+ </label>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ `;
package/mantine/specs/__snapshots__/checkbox_hooks.tests.tsx.snap ADDED
@@ -0,0 +1,227 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`mantine checkbox hooks > renders Disabled 1`] = `
4
+ <div>
5
+ <style
6
+ data-mantine-styles="classes"
7
+ >
8
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
9
+ </style>
10
+ <div
11
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
12
+ data-label-position="right"
13
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
14
+ >
15
+ <div
16
+ class="m_5f6e695e mantine-Checkbox-body"
17
+ >
18
+ <div
19
+ class="m_26062bec mantine-Checkbox-inner"
20
+ data-label-position="right"
21
+ >
22
+ <input
23
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
24
+ disabled=""
25
+ id="mantine-0cyk5rcyk"
26
+ name="$"
27
+ type="checkbox"
28
+ />
29
+ <svg
30
+ aria-hidden="true"
31
+ class="m_bf295423 mantine-Checkbox-icon"
32
+ fill="none"
33
+ viewBox="0 0 10 7"
34
+ xmlns="http://www.w3.org/2000/svg"
35
+ >
36
+ <path
37
+ clip-rule="evenodd"
38
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
39
+ fill="currentColor"
40
+ fill-rule="evenodd"
41
+ />
42
+ </svg>
43
+ </div>
44
+ <div
45
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
46
+ data-disabled="true"
47
+ >
48
+ <label
49
+ class="m_8ee546b8 mantine-Checkbox-label"
50
+ data-disabled="true"
51
+ for="mantine-0cyk5rcyk"
52
+ >
53
+ Checkbox
54
+ </label>
55
+ </div>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ `;
60
+
61
+ exports[`mantine checkbox hooks > renders Off 1`] = `
62
+ <div>
63
+ <style
64
+ data-mantine-styles="classes"
65
+ >
66
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
67
+ </style>
68
+ <div
69
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
70
+ data-label-position="right"
71
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
72
+ >
73
+ <div
74
+ class="m_5f6e695e mantine-Checkbox-body"
75
+ >
76
+ <div
77
+ class="m_26062bec mantine-Checkbox-inner"
78
+ data-label-position="right"
79
+ >
80
+ <input
81
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
82
+ id="mantine-0px4bipx4"
83
+ name="$"
84
+ type="checkbox"
85
+ />
86
+ <svg
87
+ aria-hidden="true"
88
+ class="m_bf295423 mantine-Checkbox-icon"
89
+ fill="none"
90
+ viewBox="0 0 10 7"
91
+ xmlns="http://www.w3.org/2000/svg"
92
+ >
93
+ <path
94
+ clip-rule="evenodd"
95
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
96
+ fill="currentColor"
97
+ fill-rule="evenodd"
98
+ />
99
+ </svg>
100
+ </div>
101
+ <div
102
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
103
+ >
104
+ <label
105
+ class="m_8ee546b8 mantine-Checkbox-label"
106
+ for="mantine-0px4bipx4"
107
+ >
108
+ Checkbox
109
+ </label>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ `;
115
+
116
+ exports[`mantine checkbox hooks > renders On 1`] = `
117
+ <div>
118
+ <style
119
+ data-mantine-styles="classes"
120
+ >
121
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
122
+ </style>
123
+ <div
124
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
125
+ data-checked="true"
126
+ data-label-position="right"
127
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
128
+ >
129
+ <div
130
+ class="m_5f6e695e mantine-Checkbox-body"
131
+ >
132
+ <div
133
+ class="m_26062bec mantine-Checkbox-inner"
134
+ data-label-position="right"
135
+ >
136
+ <input
137
+ checked=""
138
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
139
+ id="mantine-0cyk5rcyk"
140
+ name="$"
141
+ type="checkbox"
142
+ />
143
+ <svg
144
+ aria-hidden="true"
145
+ class="m_bf295423 mantine-Checkbox-icon"
146
+ fill="none"
147
+ viewBox="0 0 10 7"
148
+ xmlns="http://www.w3.org/2000/svg"
149
+ >
150
+ <path
151
+ clip-rule="evenodd"
152
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
153
+ fill="currentColor"
154
+ fill-rule="evenodd"
155
+ />
156
+ </svg>
157
+ </div>
158
+ <div
159
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
160
+ >
161
+ <label
162
+ class="m_8ee546b8 mantine-Checkbox-label"
163
+ for="mantine-0cyk5rcyk"
164
+ >
165
+ Checkbox
166
+ </label>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ `;
172
+
173
+ exports[`mantine checkbox hooks > renders Required 1`] = `
174
+ <div>
175
+ <style
176
+ data-mantine-styles="classes"
177
+ >
178
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
179
+ </style>
180
+ <div
181
+ class="m_bf2d988c mantine-Checkbox-root m_5f75b09e mantine-Checkbox-root"
182
+ data-label-position="right"
183
+ style="--checkbox-color: var(--mantine-color-blue-filled);"
184
+ >
185
+ <div
186
+ class="m_5f6e695e mantine-Checkbox-body"
187
+ >
188
+ <div
189
+ class="m_26062bec mantine-Checkbox-inner"
190
+ data-label-position="right"
191
+ >
192
+ <input
193
+ class="mantine-focus-auto m_26063560 mantine-Checkbox-input"
194
+ id="mantine-0cyk5rcyk"
195
+ name="$"
196
+ required=""
197
+ type="checkbox"
198
+ />
199
+ <svg
200
+ aria-hidden="true"
201
+ class="m_bf295423 mantine-Checkbox-icon"
202
+ fill="none"
203
+ viewBox="0 0 10 7"
204
+ xmlns="http://www.w3.org/2000/svg"
205
+ >
206
+ <path
207
+ clip-rule="evenodd"
208
+ d="M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z"
209
+ fill="currentColor"
210
+ fill-rule="evenodd"
211
+ />
212
+ </svg>
213
+ </div>
214
+ <div
215
+ class="m_d3ea56bb mantine-Checkbox-labelWrapper"
216
+ >
217
+ <label
218
+ class="m_8ee546b8 mantine-Checkbox-label"
219
+ for="mantine-0cyk5rcyk"
220
+ >
221
+ Checkbox
222
+ </label>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ `;
package/mantine/specs/__snapshots__/list_hooks.tests.tsx.snap ADDED
@@ -0,0 +1,68 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`mantine list hooks > renders Empty 1`] = `
4
+ <div>
5
+ <style
6
+ data-mantine-styles="classes"
7
+ >
8
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
9
+ </style>
10
+ <div
11
+ class="m_1b7284a3 mantine-Paper-root"
12
+ data-with-border="true"
13
+ >
14
+ <div
15
+ class="m_6d731127 mantine-Stack-root"
16
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
17
+ />
18
+ </div>
19
+ </div>
20
+ `;
21
+
22
+ exports[`mantine list hooks > renders Populated 1`] = `
23
+ <div>
24
+ <style
25
+ data-mantine-styles="classes"
26
+ >
27
+ @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
28
+ </style>
29
+ <div
30
+ class="m_1b7284a3 mantine-Paper-root"
31
+ data-with-border="true"
32
+ >
33
+ <div
34
+ class="m_6d731127 mantine-Stack-root"
35
+ style="--stack-gap: var(--mantine-spacing-md); --stack-align: stretch; --stack-justify: flex-start;"
36
+ >
37
+ <code
38
+ class="m_b183c0a2 mantine-Code-root"
39
+ dir="ltr"
40
+ >
41
+ ValuePath:
42
+ $.4
43
+ </code>
44
+ <code
45
+ class="m_b183c0a2 mantine-Code-root"
46
+ dir="ltr"
47
+ >
48
+ ValuePath:
49
+ $.6
50
+ </code>
51
+ <code
52
+ class="m_b183c0a2 mantine-Code-root"
53
+ dir="ltr"
54
+ >
55
+ ValuePath:
56
+ $.19
57
+ </code>
58
+ <code
59
+ class="m_b183c0a2 mantine-Code-root"
60
+ dir="ltr"
61
+ >
62
+ ValuePath:
63
+ $.0
64
+ </code>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ `;