@rjsf/daisyui 6.0.0-beta.2 → 6.0.0-beta.20
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/README.md +21 -16
- package/dist/chakra-ui.esm.js +196 -149
- package/dist/chakra-ui.esm.js.map +4 -4
- package/dist/chakra-ui.umd.js +83 -44
- package/dist/{index.js → index.cjs} +208 -165
- package/dist/index.cjs.map +7 -0
- package/lib/templates/ArrayFieldItemButtonsTemplate/ArrayFieldItemButtonsTemplate.js +2 -2
- package/lib/templates/ArrayFieldItemButtonsTemplate/ArrayFieldItemButtonsTemplate.js.map +1 -1
- package/lib/templates/ArrayFieldTemplate/ArrayFieldTemplate.js +3 -3
- package/lib/templates/ArrayFieldTemplate/ArrayFieldTemplate.js.map +1 -1
- package/lib/templates/BaseInputTemplate/BaseInputTemplate.js.map +1 -1
- package/lib/templates/FieldTemplate/FieldTemplate.js +6 -3
- package/lib/templates/FieldTemplate/FieldTemplate.js.map +1 -1
- package/lib/templates/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.d.ts +2 -0
- package/lib/templates/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.js +6 -0
- package/lib/templates/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.js.map +1 -0
- package/lib/templates/MultiSchemaFieldTemplate/index.d.ts +2 -0
- package/lib/templates/MultiSchemaFieldTemplate/index.js +3 -0
- package/lib/templates/MultiSchemaFieldTemplate/index.js.map +1 -0
- package/lib/templates/ObjectFieldTemplate/ObjectFieldTemplate.js +3 -3
- package/lib/templates/ObjectFieldTemplate/ObjectFieldTemplate.js.map +1 -1
- package/lib/templates/Templates.js +2 -0
- package/lib/templates/Templates.js.map +1 -1
- package/lib/templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js +11 -4
- package/lib/templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/widgets/AltDateWidget/AltDateWidget.js.map +1 -1
- package/lib/widgets/CheckboxWidget/CheckboxWidget.js.map +1 -1
- package/lib/widgets/DateTimeWidget/DateTimeWidget.js +2 -2
- package/lib/widgets/DateTimeWidget/DateTimeWidget.js.map +1 -1
- package/lib/widgets/DateWidget/DateWidget.js +2 -2
- package/lib/widgets/DateWidget/DateWidget.js.map +1 -1
- package/package.json +25 -22
- package/src/templates/ArrayFieldItemButtonsTemplate/ArrayFieldItemButtonsTemplate.tsx +5 -5
- package/src/templates/ArrayFieldTemplate/ArrayFieldTemplate.tsx +4 -4
- package/src/templates/BaseInputTemplate/BaseInputTemplate.tsx +3 -3
- package/src/templates/FieldTemplate/FieldTemplate.tsx +42 -15
- package/src/templates/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx +15 -0
- package/src/templates/MultiSchemaFieldTemplate/index.ts +2 -0
- package/src/templates/ObjectFieldTemplate/ObjectFieldTemplate.tsx +7 -7
- package/src/templates/Templates.tsx +2 -0
- package/src/templates/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx +36 -21
- package/src/widgets/AltDateWidget/AltDateWidget.tsx +1 -1
- package/src/widgets/CheckboxWidget/CheckboxWidget.tsx +3 -3
- package/src/widgets/DateTimeWidget/DateTimeWidget.tsx +2 -2
- package/src/widgets/DateWidget/DateWidget.tsx +2 -2
- package/dist/index.js.map +0 -7
package/README.md
CHANGED
|
@@ -31,10 +31,21 @@ This package integrates [DaisyUI](https://daisyui.com/), [Tailwind CSS](https://
|
|
|
31
31
|
- Support for custom themes via DaisyUI's theme system
|
|
32
32
|
- Accessible form components following WAI-ARIA practices
|
|
33
33
|
|
|
34
|
-
##
|
|
34
|
+
## Getting Started
|
|
35
|
+
|
|
36
|
+
### Prerequisites
|
|
37
|
+
|
|
38
|
+
- `daisyui >= 5`
|
|
39
|
+
- `@fluentui/react-icons >= 2`
|
|
40
|
+
- `@fluentui/react-migration-v0-v9 >= 9`
|
|
41
|
+
- `@rjsf/core >= 6`
|
|
42
|
+
- `@rjsf/utils >= 6`
|
|
43
|
+
- `@rjsf/validator-ajv8 >= 6`
|
|
44
|
+
|
|
45
|
+
### Installation
|
|
35
46
|
|
|
36
47
|
```bash
|
|
37
|
-
npm install @rjsf/daisyui @rjsf/core @rjsf/utils tailwindcss daisyui
|
|
48
|
+
npm install @rjsf/daisyui @rjsf/core @rjsf/utils @rjsf/validator-ajv8 tailwindcss daisyui
|
|
38
49
|
```
|
|
39
50
|
|
|
40
51
|
## Usage
|
|
@@ -64,22 +75,16 @@ For dynamic theme switching, you can change the data-theme attribute in your app
|
|
|
64
75
|
|
|
65
76
|
## Tailwind Configuration
|
|
66
77
|
|
|
67
|
-
Make sure your `
|
|
78
|
+
Make sure your `src/index.css` includes the DaisyUI plugin:
|
|
68
79
|
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
},
|
|
76
|
-
plugins: [require('daisyui')],
|
|
77
|
-
daisyui: {
|
|
78
|
-
themes: true,
|
|
79
|
-
},
|
|
80
|
-
};
|
|
80
|
+
```css
|
|
81
|
+
@import 'tailwindcss';
|
|
82
|
+
@source "../node_modules/@rjsf/daisyui";
|
|
83
|
+
@plugin "daisyui" {
|
|
84
|
+
themes: all;
|
|
85
|
+
}
|
|
81
86
|
```
|
|
82
|
-
|
|
87
|
+
It's necessary to explicitely include the library as a source, as tailwindcss by [default](https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources) ignores everything in `.gitignore`
|
|
83
88
|
## Customization
|
|
84
89
|
|
|
85
90
|
### Grid Layout
|