@rjsf/mantine 6.0.0-beta.14

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 (173) hide show
  1. package/README.md +153 -0
  2. package/dist/index.js +1918 -0
  3. package/dist/index.js.map +7 -0
  4. package/dist/mantine.esm.js +1967 -0
  5. package/dist/mantine.esm.js.map +7 -0
  6. package/dist/mantine.umd.js +1714 -0
  7. package/lib/Form/index.d.ts +6 -0
  8. package/lib/Form/index.js +7 -0
  9. package/lib/Form/index.js.map +1 -0
  10. package/lib/Theme/index.d.ts +5 -0
  11. package/lib/Theme/index.js +10 -0
  12. package/lib/Theme/index.js.map +1 -0
  13. package/lib/index.d.ts +6 -0
  14. package/lib/index.js +7 -0
  15. package/lib/index.js.map +1 -0
  16. package/lib/templates/ArrayFieldItemTemplate.d.ts +6 -0
  17. package/lib/templates/ArrayFieldItemTemplate.js +14 -0
  18. package/lib/templates/ArrayFieldItemTemplate.js.map +1 -0
  19. package/lib/templates/ArrayFieldTemplate.d.ts +6 -0
  20. package/lib/templates/ArrayFieldTemplate.js +20 -0
  21. package/lib/templates/ArrayFieldTemplate.js.map +1 -0
  22. package/lib/templates/ArrayFieldTitleTemplate.d.ts +7 -0
  23. package/lib/templates/ArrayFieldTitleTemplate.js +18 -0
  24. package/lib/templates/ArrayFieldTitleTemplate.js.map +1 -0
  25. package/lib/templates/BaseInputTemplate.d.ts +8 -0
  26. package/lib/templates/BaseInputTemplate.js +36 -0
  27. package/lib/templates/BaseInputTemplate.js.map +1 -0
  28. package/lib/templates/ButtonTemplates/AddButton.d.ts +4 -0
  29. package/lib/templates/ButtonTemplates/AddButton.js +11 -0
  30. package/lib/templates/ButtonTemplates/AddButton.js.map +1 -0
  31. package/lib/templates/ButtonTemplates/IconButton.d.ts +8 -0
  32. package/lib/templates/ButtonTemplates/IconButton.js +25 -0
  33. package/lib/templates/ButtonTemplates/IconButton.js.map +1 -0
  34. package/lib/templates/ButtonTemplates/SubmitButton.d.ts +4 -0
  35. package/lib/templates/ButtonTemplates/SubmitButton.js +13 -0
  36. package/lib/templates/ButtonTemplates/SubmitButton.js.map +1 -0
  37. package/lib/templates/ButtonTemplates/index.d.ts +3 -0
  38. package/lib/templates/ButtonTemplates/index.js +15 -0
  39. package/lib/templates/ButtonTemplates/index.js.map +1 -0
  40. package/lib/templates/DescriptionField.d.ts +6 -0
  41. package/lib/templates/DescriptionField.js +15 -0
  42. package/lib/templates/DescriptionField.js.map +1 -0
  43. package/lib/templates/ErrorList.d.ts +6 -0
  44. package/lib/templates/ErrorList.js +13 -0
  45. package/lib/templates/ErrorList.js.map +1 -0
  46. package/lib/templates/FieldErrorTemplate.d.ts +6 -0
  47. package/lib/templates/FieldErrorTemplate.js +16 -0
  48. package/lib/templates/FieldErrorTemplate.js.map +1 -0
  49. package/lib/templates/FieldHelpTemplate.d.ts +6 -0
  50. package/lib/templates/FieldHelpTemplate.js +13 -0
  51. package/lib/templates/FieldHelpTemplate.js.map +1 -0
  52. package/lib/templates/FieldTemplate.d.ts +7 -0
  53. package/lib/templates/FieldTemplate.js +18 -0
  54. package/lib/templates/FieldTemplate.js.map +1 -0
  55. package/lib/templates/GridTemplate.d.ts +7 -0
  56. package/lib/templates/GridTemplate.js +20 -0
  57. package/lib/templates/GridTemplate.js.map +1 -0
  58. package/lib/templates/MultiSchemaFieldTemplate.d.ts +2 -0
  59. package/lib/templates/MultiSchemaFieldTemplate.js +6 -0
  60. package/lib/templates/MultiSchemaFieldTemplate.js.map +1 -0
  61. package/lib/templates/ObjectFieldTemplate.d.ts +8 -0
  62. package/lib/templates/ObjectFieldTemplate.js +24 -0
  63. package/lib/templates/ObjectFieldTemplate.js.map +1 -0
  64. package/lib/templates/TitleField.d.ts +6 -0
  65. package/lib/templates/TitleField.js +11 -0
  66. package/lib/templates/TitleField.js.map +1 -0
  67. package/lib/templates/WrapIfAdditionalTemplate.d.ts +7 -0
  68. package/lib/templates/WrapIfAdditionalTemplate.js +29 -0
  69. package/lib/templates/WrapIfAdditionalTemplate.js.map +1 -0
  70. package/lib/templates/icons.d.ts +11 -0
  71. package/lib/templates/icons.js +20 -0
  72. package/lib/templates/icons.js.map +1 -0
  73. package/lib/templates/index.d.ts +4 -0
  74. package/lib/templates/index.js +36 -0
  75. package/lib/templates/index.js.map +1 -0
  76. package/lib/tsconfig.tsbuildinfo +1 -0
  77. package/lib/utils.d.ts +2 -0
  78. package/lib/utils.js +35 -0
  79. package/lib/utils.js.map +1 -0
  80. package/lib/widgets/CheckboxWidget.d.ts +8 -0
  81. package/lib/widgets/CheckboxWidget.js +33 -0
  82. package/lib/widgets/CheckboxWidget.js.map +1 -0
  83. package/lib/widgets/CheckboxesWidget.d.ts +7 -0
  84. package/lib/widgets/CheckboxesWidget.js +33 -0
  85. package/lib/widgets/CheckboxesWidget.js.map +1 -0
  86. package/lib/widgets/ColorWidget.d.ts +6 -0
  87. package/lib/widgets/ColorWidget.js +28 -0
  88. package/lib/widgets/ColorWidget.js.map +1 -0
  89. package/lib/widgets/DateTime/AltDateTimeWidget.d.ts +13 -0
  90. package/lib/widgets/DateTime/AltDateTimeWidget.js +16 -0
  91. package/lib/widgets/DateTime/AltDateTimeWidget.js.map +1 -0
  92. package/lib/widgets/DateTime/AltDateWidget.d.ts +11 -0
  93. package/lib/widgets/DateTime/AltDateWidget.js +51 -0
  94. package/lib/widgets/DateTime/AltDateWidget.js.map +1 -0
  95. package/lib/widgets/DateTime/DateTimeInput.d.ts +5 -0
  96. package/lib/widgets/DateTime/DateTimeInput.js +39 -0
  97. package/lib/widgets/DateTime/DateTimeInput.js.map +1 -0
  98. package/lib/widgets/DateTime/DateTimeWidget.d.ts +6 -0
  99. package/lib/widgets/DateTime/DateTimeWidget.js +11 -0
  100. package/lib/widgets/DateTime/DateTimeWidget.js.map +1 -0
  101. package/lib/widgets/DateTime/DateWidget.d.ts +6 -0
  102. package/lib/widgets/DateTime/DateWidget.js +11 -0
  103. package/lib/widgets/DateTime/DateWidget.js.map +1 -0
  104. package/lib/widgets/DateTime/TimeWidget.d.ts +6 -0
  105. package/lib/widgets/DateTime/TimeWidget.js +27 -0
  106. package/lib/widgets/DateTime/TimeWidget.js.map +1 -0
  107. package/lib/widgets/DateTime/index.d.ts +5 -0
  108. package/lib/widgets/DateTime/index.js +6 -0
  109. package/lib/widgets/DateTime/index.js.map +1 -0
  110. package/lib/widgets/FileWidget.d.ts +7 -0
  111. package/lib/widgets/FileWidget.js +106 -0
  112. package/lib/widgets/FileWidget.js.map +1 -0
  113. package/lib/widgets/PasswordWidget.d.ts +7 -0
  114. package/lib/widgets/PasswordWidget.js +30 -0
  115. package/lib/widgets/PasswordWidget.js.map +1 -0
  116. package/lib/widgets/RadioWidget.d.ts +7 -0
  117. package/lib/widgets/RadioWidget.js +33 -0
  118. package/lib/widgets/RadioWidget.js.map +1 -0
  119. package/lib/widgets/RangeWidget.d.ts +7 -0
  120. package/lib/widgets/RangeWidget.js +34 -0
  121. package/lib/widgets/RangeWidget.js.map +1 -0
  122. package/lib/widgets/SelectWidget.d.ts +7 -0
  123. package/lib/widgets/SelectWidget.js +45 -0
  124. package/lib/widgets/SelectWidget.js.map +1 -0
  125. package/lib/widgets/TextareaWidget.d.ts +7 -0
  126. package/lib/widgets/TextareaWidget.js +30 -0
  127. package/lib/widgets/TextareaWidget.js.map +1 -0
  128. package/lib/widgets/index.d.ts +4 -0
  129. package/lib/widgets/index.js +34 -0
  130. package/lib/widgets/index.js.map +1 -0
  131. package/package.json +110 -0
  132. package/src/Form/index.ts +15 -0
  133. package/src/Theme/index.ts +18 -0
  134. package/src/index.ts +8 -0
  135. package/src/templates/ArrayFieldItemTemplate.tsx +40 -0
  136. package/src/templates/ArrayFieldTemplate.tsx +103 -0
  137. package/src/templates/ArrayFieldTitleTemplate.tsx +33 -0
  138. package/src/templates/BaseInputTemplate.tsx +134 -0
  139. package/src/templates/ButtonTemplates/AddButton.tsx +17 -0
  140. package/src/templates/ButtonTemplates/IconButton.tsx +87 -0
  141. package/src/templates/ButtonTemplates/SubmitButton.tsx +20 -0
  142. package/src/templates/ButtonTemplates/index.ts +21 -0
  143. package/src/templates/DescriptionField.tsx +24 -0
  144. package/src/templates/ErrorList.tsx +36 -0
  145. package/src/templates/FieldErrorTemplate.tsx +27 -0
  146. package/src/templates/FieldHelpTemplate.tsx +22 -0
  147. package/src/templates/FieldTemplate.tsx +66 -0
  148. package/src/templates/GridTemplate.tsx +30 -0
  149. package/src/templates/MultiSchemaFieldTemplate.tsx +15 -0
  150. package/src/templates/ObjectFieldTemplate.tsx +104 -0
  151. package/src/templates/TitleField.tsx +17 -0
  152. package/src/templates/WrapIfAdditionalTemplate.tsx +99 -0
  153. package/src/templates/icons.tsx +141 -0
  154. package/src/templates/index.ts +43 -0
  155. package/src/tsconfig.json +23 -0
  156. package/src/utils.ts +37 -0
  157. package/src/widgets/CheckboxWidget.tsx +110 -0
  158. package/src/widgets/CheckboxesWidget.tsx +112 -0
  159. package/src/widgets/ColorWidget.tsx +85 -0
  160. package/src/widgets/DateTime/AltDateTimeWidget.tsx +22 -0
  161. package/src/widgets/DateTime/AltDateWidget.tsx +139 -0
  162. package/src/widgets/DateTime/DateTimeInput.tsx +97 -0
  163. package/src/widgets/DateTime/DateTimeWidget.tsx +24 -0
  164. package/src/widgets/DateTime/DateWidget.tsx +22 -0
  165. package/src/widgets/DateTime/TimeWidget.tsx +83 -0
  166. package/src/widgets/DateTime/index.ts +5 -0
  167. package/src/widgets/FileWidget.tsx +176 -0
  168. package/src/widgets/PasswordWidget.tsx +88 -0
  169. package/src/widgets/RadioWidget.tsx +103 -0
  170. package/src/widgets/RangeWidget.tsx +95 -0
  171. package/src/widgets/SelectWidget.tsx +109 -0
  172. package/src/widgets/TextareaWidget.tsx +87 -0
  173. package/src/widgets/index.ts +42 -0
package/README.md ADDED
@@ -0,0 +1,153 @@
1
+ [![Build Status][build-shield]][build-url]
2
+ [![npm][npm-shield]][npm-url]
3
+ [![npm downloads][npm-dl-shield]][npm-dl-url]
4
+ [![Contributors][contributors-shield]][contributors-url]
5
+ [![Apache 2.0 License][license-shield]][license-url]
6
+
7
+ <!-- PROJECT LOGO -->
8
+ <br />
9
+ <p align="center">
10
+ <a href="https://github.com/rjsf-team/react-jsonschema-form">
11
+ <img src="https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/mantine/logo.png" alt="Logo" width="120" height="120">
12
+ </a>
13
+
14
+ <h3 align="center">rjsf-mantine</h3>
15
+
16
+ <p align="center">
17
+ Mantine theme, fields and widgets for <a href="https://github.com/rjsf-team/react-jsonschema-form/"><code>react-jsonschema-form</code></a>.
18
+ <br />
19
+ <a href="https://rjsf-team.github.io/react-jsonschema-form/docs/"><strong>Explore the docs »</strong></a>
20
+ <br />
21
+ <br />
22
+ <a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
23
+ ·
24
+ <a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Report Bug</a>
25
+ ·
26
+ <a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Request Feature</a>
27
+ </p>
28
+ </p>
29
+
30
+ <!-- TABLE OF CONTENTS -->
31
+
32
+ ## Table of Contents
33
+
34
+ - [Table of Contents](#table-of-contents)
35
+ - [About The Project](#about-the-project)
36
+ - [Built With](#built-with)
37
+ - [Getting Started](#getting-started)
38
+ - [Prerequisites](#prerequisites)
39
+ - [Installation](#installation)
40
+ - [Usage](#usage)
41
+ - [Optional Mantine Theme properties](#optional-mantine-theme-properties)
42
+ - [Mantine Widget Optional Properties](#mantine-widget-optional-properties)
43
+ - [Roadmap](#roadmap)
44
+ - [Contributing](#contributing)
45
+ - [Contact](#contact)
46
+
47
+ <!-- ABOUT THE PROJECT -->
48
+
49
+ ## About The Project
50
+
51
+ `Mantine` theme, fields and widgets for `react-jsonschema-form`.
52
+
53
+ ### Built With
54
+
55
+ - [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form/)
56
+ - [Mantine](https://mantine.dev/)
57
+
58
+ <!-- GETTING STARTED -->
59
+
60
+ ## Getting Started
61
+
62
+ - See the [getting started guide](https://mantine.dev/getting-started/) on Mantine documentation.
63
+
64
+ ### Prerequisites
65
+
66
+ - `@mantine/core >= 8`
67
+ - `@mantine/hooks >= 8`
68
+ - `@mantine/dates >= 8`
69
+ - `dayjs >= 1.8.0`
70
+ - `@rjsf/core >= 6.0.0`
71
+
72
+ ```sh
73
+ npm install @mantine/core @mantine/hooks @mantine/dates dayjs @rjsf/core
74
+ ```
75
+
76
+ ### Installation
77
+
78
+ ```sh
79
+ npm install @rjsf/mantine
80
+ ```
81
+
82
+ <!-- USAGE EXAMPLES -->
83
+
84
+ ## Usage
85
+
86
+ ```javascript
87
+ import Form from '@rjsf/mantine';
88
+ ```
89
+
90
+ or
91
+
92
+ ```javascript
93
+ import { withTheme } from '@rjsf/core';
94
+ import { Theme as MantineTheme } from '@rjsf/mantine';
95
+
96
+ // Make modifications to the theme with your own fields and widgets
97
+
98
+ const Form = withTheme(MantineTheme);
99
+ ```
100
+
101
+ ## Optional Mantine Theme properties
102
+
103
+ - To pass additional properties to widgets, see this [guide](https://rjsf-team.github.io/react-jsonschema-form/docs/usage/objects#additional-properties).
104
+
105
+ #### Mantine Widget Optional Properties
106
+
107
+ - [Mantine props for CheckboxWidget](https://mantine.dev/core/checkbox/?t=props)
108
+ - [Mantine props for ColorWidget](https://mantine.dev/core/color-input/?t=props)
109
+ - [Mantine props for DateWidget](https://mantine.dev/dates/date-input/?t=props)
110
+ - [Mantine props for DateTimeWidget](https://mantine.dev/dates/date-input/?t=props)
111
+ - [Mantine props for PasswordWidget](https://mantine.dev/core/password-input/?t=props)
112
+ - [Mantine props for RadioWidget](https://mantine.dev/core/radio/?t=props)
113
+ - [Mantine props for RangeWidget](https://mantine.dev/core/slider/?t=props)
114
+ - [Mantine props for SelectWidget](https://mantine.dev/core/select/?t=props)
115
+ - [Mantine props for UpDownWidget](https://mantine.dev/core/number-input/?t=props)
116
+ - [Mantine props for TextWidget](https://mantine.dev/core/text-input/?t=props)
117
+ - [Mantine props for TextAreaWidget](https://mantine.dev/core/textarea/?t=props)
118
+ - [Mantine props for TimeWidget](https://mantine.dev/dates/time-input/?t=props)
119
+
120
+ <!-- ROADMAP -->
121
+
122
+ ## Roadmap
123
+
124
+ See the [open issues](https://github.com/rjsf-team/react-jsonschema-form/issues) for a list of proposed features (and known issues).
125
+
126
+ <!-- CONTRIBUTING -->
127
+
128
+ ## Contributing
129
+
130
+ Read our [contributors' guide](https://rjsf-team.github.io/react-jsonschema-form/docs/contributing/) to get started.
131
+
132
+ <!-- CONTACT -->
133
+
134
+ ## Contact
135
+
136
+ rjsf team: [https://github.com/orgs/rjsf-team/people](https://github.com/orgs/rjsf-team/people)
137
+
138
+ GitHub repository: [https://github.com/rjsf-team/react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form)
139
+
140
+ <!-- MARKDOWN LINKS & IMAGES -->
141
+ <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
142
+
143
+ [build-shield]: https://github.com/rjsf-team/react-jsonschema-form/workflows/CI/badge.svg
144
+ [build-url]: https://github.com/rjsf-team/react-jsonschema-form/actions
145
+ [contributors-shield]: https://img.shields.io/github/contributors/rjsf-team/react-jsonschema-form.svg
146
+ [contributors-url]: https://github.com/rjsf-team/react-jsonschema-form/graphs/contributors
147
+ [license-shield]: https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat-square
148
+ [license-url]: https://choosealicense.com/licenses/apache-2.0/
149
+ [npm-shield]: https://img.shields.io/npm/v/@rjsf/mantine/latest.svg?style=flat-square
150
+ [npm-url]: https://www.npmjs.com/package/@rjsf/mantine
151
+ [npm-dl-shield]: https://img.shields.io/npm/dm/@rjsf/mantine.svg?style=flat-square
152
+ [npm-dl-url]: https://www.npmjs.com/package/@rjsf/mantine
153
+ [product-screenshot]: https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/mantine/screenshot.png