zuii 1.5.12 → 1.5.13
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.
|
@@ -5,6 +5,8 @@ const f = (u, l = {}, p) => {
|
|
|
5
5
|
itemSelectText: "",
|
|
6
6
|
removeItemButton: l.removeItemButton || !1,
|
|
7
7
|
searchEnabled: l.searchEnabled !== void 0 ? l.searchEnabled : !0,
|
|
8
|
+
searchResultLimit: l.searchResultLimit || -1,
|
|
9
|
+
fuseOptions: { threshold: 0.1, ...l.fuseOptions },
|
|
8
10
|
shouldSort: !1,
|
|
9
11
|
placeholder: !0,
|
|
10
12
|
placeholderValue: l.placeholderValue || "Sélectionnez une option",
|
|
@@ -14,16 +16,16 @@ const f = (u, l = {}, p) => {
|
|
|
14
16
|
const b = (t) => t.placeholder || !t.customProperties?.flag ? `<span>${t.label}</span>` : `<span class="fi fi-${t.customProperties.flag} select__flag"></span> <span>${t.label}</span>`;
|
|
15
17
|
return {
|
|
16
18
|
item: (t, e) => {
|
|
17
|
-
const { item: a, highlightedState:
|
|
19
|
+
const { item: a, highlightedState: i, itemSelectable: r, placeholder: c } = t.classNames, o = e.highlighted ? i : r, d = e.active ? 'aria-selected="true"' : "", n = e.disabled ? 'aria-disabled="true"' : "", h = e.placeholder ? c : "";
|
|
18
20
|
return s(`
|
|
19
|
-
<div class="${a} ${o} ${h}" data-item data-id="${e.id}" data-value="${e.value}" ${
|
|
21
|
+
<div class="${a} ${o} ${h}" data-item data-id="${e.id}" data-value="${e.value}" ${d} ${n}>
|
|
20
22
|
${b(e)}
|
|
21
23
|
</div>`.trim());
|
|
22
24
|
},
|
|
23
25
|
choice: (t, e) => {
|
|
24
|
-
const { item: a, itemChoice:
|
|
26
|
+
const { item: a, itemChoice: i, itemDisabled: r, itemSelectable: c, placeholder: o } = t.classNames, d = e.disabled ? r : c, n = e.disabled ? 'data-choice-disabled aria-disabled="true"' : "data-choice-selectable", h = e.placeholder ? o : "";
|
|
25
27
|
return s(`
|
|
26
|
-
<div class="${a} ${
|
|
28
|
+
<div class="${a} ${i} ${d} ${h}" data-select-text="${t.itemSelectText}" data-choice ${n} data-id="${e.id}" data-value="${e.value}" role="option">
|
|
27
29
|
${b(e)}
|
|
28
30
|
</div>`.trim());
|
|
29
31
|
}
|
|
@@ -38,9 +38,9 @@ export const FormsElements = () => {
|
|
|
38
38
|
<Form.Control id="text-right" type="text" placeholder="Poids" name="text-right" textRight="kg" />
|
|
39
39
|
<Form.Control id="text-both" type="text" placeholder="Valeur" name="text-both" textLeft="$" textRight=".00" />
|
|
40
40
|
<Form.Control id="icon-text" type="text" placeholder="Nom d'utilisateur" name="icon-text" icon="icon-user" textRight="@domain.com" />
|
|
41
|
-
|
|
41
|
+
<Form.Number id="number-button" placeholder="Enter number" name="number-button" onChange={(val) => console.log(val)} step={1} min={0} max={10} required={true} className='fees-field__input' />
|
|
42
42
|
<fieldset disabled>
|
|
43
|
-
<Form.Number id="number-button" placeholder="Enter number" name="number-button" onChange={(val) => console.log(val)} step={1} min={0} max={10}
|
|
43
|
+
<Form.Number id="number-button" placeholder="Enter number" name="number-button" onChange={(val) => console.log(val)} step={1} min={0} max={10} required={true} className='fees-field__input' />
|
|
44
44
|
</fieldset>
|
|
45
45
|
{/* <Form.File id="file-simple" label="Upload simple" name="file_simple" />
|
|
46
46
|
<Form.File
|
|
@@ -63,35 +63,35 @@ export const FormsElements = () => {
|
|
|
63
63
|
name="file-dashboard"
|
|
64
64
|
/>
|
|
65
65
|
<fieldset disabled>
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
<Form.File
|
|
67
|
+
restrictions={{ maxNumberOfFiles: 5 }}
|
|
68
|
+
webcam={{
|
|
69
|
+
allowVideo: false
|
|
70
|
+
}}
|
|
71
|
+
lang='fr'
|
|
72
|
+
name="file-upload"
|
|
73
|
+
files={[
|
|
74
|
+
{
|
|
75
|
+
route: 'https://placehold.co/286x180.png',
|
|
76
|
+
options: {
|
|
77
|
+
method: 'GET',
|
|
78
|
+
headers: {
|
|
79
|
+
'Content-Type': 'multipart/form-data'
|
|
80
|
+
}
|
|
80
81
|
}
|
|
81
82
|
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
/>
|
|
83
|
+
]}
|
|
84
|
+
/>
|
|
85
85
|
</fieldset>
|
|
86
86
|
<Form.Check id="checkbox1" type="checkbox" label="Enter checkbox" name="checkbox" />
|
|
87
87
|
<Form.Check id="checkbox2" type="checkbox" label="Enter checkbox checked" name="checkbox" defaultChecked />
|
|
88
88
|
<Form.Check id="radio1" type="radio" label="Enter radio option 1" name="radio" defaultChecked />
|
|
89
|
-
<Form.Check id="radio2" type="radio" label="Enter radio option 2" name="radio"
|
|
89
|
+
<Form.Check id="radio2" type="radio" label="Enter radio option 2" name="radio" />
|
|
90
90
|
{/* Button disable active */}
|
|
91
91
|
{/* <Form.Button variant="primary">Primary</Form.Button>
|
|
92
92
|
<Form.Button variant="primary" disabled>Primary disabled</Form.Button> */}
|
|
93
93
|
<fieldset disabled>
|
|
94
|
-
|
|
94
|
+
<Form.Select name="select" value={selectValue} onChange={(val) => setSelectValue(val)} options={[]}></Form.Select>
|
|
95
95
|
</fieldset>
|
|
96
96
|
<Form.Select name="select" value={selectValue} onChange={(val) => setSelectValue(val)} options={[]}></Form.Select>
|
|
97
97
|
<Form.Select name="select" value={selectValue} onChange={(val) => setSelectValue(val)} options={[
|
|
@@ -109,6 +109,7 @@ export const FormsElements = () => {
|
|
|
109
109
|
value: '3'
|
|
110
110
|
}
|
|
111
111
|
]} />
|
|
112
|
+
ici
|
|
112
113
|
<Form.Select
|
|
113
114
|
name="select-country"
|
|
114
115
|
variant="country"
|
|
@@ -119,7 +120,15 @@ export const FormsElements = () => {
|
|
|
119
120
|
{ text: 'Allemagne', value: 'DE', flag: 'de' },
|
|
120
121
|
{ text: 'Espagne', value: 'ES', flag: 'es' },
|
|
121
122
|
{ text: 'Italie', value: 'IT', flag: 'it' },
|
|
122
|
-
{ text: 'Portugal', value: 'PT', flag: 'pt' }
|
|
123
|
+
{ text: 'Portugal', value: 'PT', flag: 'pt' },
|
|
124
|
+
{ text: 'Belgique', value: 'BE', flag: 'be' },
|
|
125
|
+
{ text: 'Pays-Bas', value: 'NL', flag: 'nl' },
|
|
126
|
+
{ text: 'Suisse', value: 'CH', flag: 'ch' },
|
|
127
|
+
{ text: 'Autriche', value: 'AT', flag: 'at' },
|
|
128
|
+
{ text: 'Suede', value: 'SE', flag: 'se' },
|
|
129
|
+
{ text: 'Norvege', value: 'NO', flag: 'no' },
|
|
130
|
+
{ text: 'Danemark', value: 'DK', flag: 'dk' }
|
|
131
|
+
|
|
123
132
|
]}
|
|
124
133
|
/>
|
|
125
134
|
<Form.Select name="selectMultiple[]" value={multiValue} onChange={(val) => setMultiValue(val)} multiple={true} options={[
|
package/package.json
CHANGED
|
@@ -1,112 +1,114 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
2
|
+
"name": "zuii",
|
|
3
|
+
"version": "1.5.13",
|
|
4
|
+
"packageManager": "pnpm@9.9.0",
|
|
5
|
+
"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/vincentm498/zuii.git"
|
|
10
|
+
},
|
|
11
|
+
"bugs": {
|
|
12
|
+
"url": "https://github.com/vincentm498/zuii/issues"
|
|
13
|
+
},
|
|
14
|
+
"homepage": "https://github.com/vincentm498/zuii#readme",
|
|
15
|
+
"main": "./dist/index.js",
|
|
16
|
+
"module": "./dist/index.js",
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"files": [
|
|
19
|
+
"dist",
|
|
20
|
+
"scripts/tokens"
|
|
21
|
+
],
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"import": "./dist/index.js",
|
|
25
|
+
"types": "./dist/index.d.ts"
|
|
26
|
+
},
|
|
27
|
+
"./templates": {
|
|
28
|
+
"import": "./dist/templates/index.ts",
|
|
29
|
+
"types": "./dist/templates/index.d.ts"
|
|
30
|
+
},
|
|
31
|
+
"./core/*": "./dist/core/*"
|
|
32
|
+
},
|
|
33
|
+
"bin": {
|
|
34
|
+
"zuii-tokens": "./scripts/tokens/build.js"
|
|
35
|
+
},
|
|
36
|
+
"scripts": {
|
|
37
|
+
"dev": "vite",
|
|
38
|
+
"prebuild": "pnpm run tokens:build",
|
|
39
|
+
"build:packages": "pnpm --filter \"@zuii/*\" --parallel run build",
|
|
40
|
+
"build": "vite build",
|
|
41
|
+
"postbuild": "mkdir -p dist/core/styles && cp packages/core/src/styles/_tokens.scss packages/core/src/styles/tokens.css packages/core/src/styles/tokens.ts dist/core/styles/ && cp -r src/templates dist/",
|
|
42
|
+
"preview": "vite preview",
|
|
43
|
+
"prepublishOnly": "pnpm run build",
|
|
44
|
+
"tokens:build": "node scripts/tokens/build.js --output packages/core/src/styles",
|
|
45
|
+
"component:create": "node scripts/create-component.js"
|
|
46
|
+
},
|
|
47
|
+
"keywords": [],
|
|
48
|
+
"author": "Vincent Moreau",
|
|
49
|
+
"license": "MIT",
|
|
50
|
+
"peerDependencies": {
|
|
51
|
+
"react": ">=16.8.0",
|
|
52
|
+
"react-dom": ">=16.8.0",
|
|
53
|
+
"react-router-dom": "^7.13.0"
|
|
54
|
+
},
|
|
55
|
+
"publishConfig": {
|
|
56
|
+
"access": "public",
|
|
57
|
+
"registry": "https://registry.npmjs.org/"
|
|
58
|
+
},
|
|
59
|
+
"dependencies": {
|
|
60
|
+
"@ag-grid-community/locale": "^35.0.1",
|
|
61
|
+
"@simonwep/pickr": "^1.9.1",
|
|
62
|
+
"@splidejs/react-splide": "^0.7.12",
|
|
63
|
+
"@splidejs/splide": "^4.1.4",
|
|
64
|
+
"@uppy/compressor": "^3.1.0",
|
|
65
|
+
"@uppy/core": "^5.2.0",
|
|
66
|
+
"@uppy/dashboard": "^5.1.1",
|
|
67
|
+
"@uppy/image-editor": "^4.2.0",
|
|
68
|
+
"@uppy/locales": "^5.1.1",
|
|
69
|
+
"@uppy/react": "^5.2.0",
|
|
70
|
+
"@uppy/webcam": "^5.1.0",
|
|
71
|
+
"ag-grid-community": "^35.0.1",
|
|
72
|
+
"ag-grid-react": "^35.0.1",
|
|
73
|
+
"apca-w3": "^0.1.9",
|
|
74
|
+
"bootstrap": "^5.3.8",
|
|
75
|
+
"choices.js": "^11.1.0",
|
|
76
|
+
"colord": "^2.9.3",
|
|
77
|
+
"flag-icons": "^7.5.0",
|
|
78
|
+
"flatpickr": "^4.6.13",
|
|
79
|
+
"intl-tel-input": "^26.1.1",
|
|
80
|
+
"lucide-static": "^0.563.0",
|
|
81
|
+
"react-bootstrap": "^2.10.10",
|
|
82
|
+
"sass-embedded": "^1.97.3",
|
|
83
|
+
"style-dictionary": "^4.2.0",
|
|
84
|
+
"sweetalert2": "^11.26.18",
|
|
85
|
+
"sweetalert2-react-content": "^5.1.1",
|
|
86
|
+
"vanilla-cookieconsent": "^3.1.0"
|
|
87
|
+
},
|
|
88
|
+
"devDependencies": {
|
|
89
|
+
"@changesets/cli": "^2.30.0",
|
|
90
|
+
"@semantic-release/changelog": "^6.0.3",
|
|
91
|
+
"@semantic-release/git": "^10.0.1",
|
|
92
|
+
"@semantic-release/github": "^12.0.2",
|
|
93
|
+
"@semantic-release/npm": "^13.1.3",
|
|
94
|
+
"@types/intl-tel-input": "^18.1.4",
|
|
95
|
+
"@types/node": "^25.1.0",
|
|
96
|
+
"@types/react": "^19.2.10",
|
|
97
|
+
"@types/react-dom": "^19.2.3",
|
|
98
|
+
"@types/react-router-dom": "^5.3.3",
|
|
99
|
+
"@vitejs/plugin-react": "^5.1.2",
|
|
100
|
+
"@zuii/cookie-consent": "workspace:*",
|
|
101
|
+
"@zuii/core": "workspace:*",
|
|
102
|
+
"esbuild": "^0.27.4",
|
|
103
|
+
"esbuild-sass-plugin": "^3.7.0",
|
|
104
|
+
"react": "^19.2.4",
|
|
105
|
+
"react-dom": "^19.2.4",
|
|
106
|
+
"sass": "^1.97.3",
|
|
107
|
+
"semantic-release": "^25.0.2",
|
|
108
|
+
"tsup": "^8.5.1",
|
|
109
|
+
"typescript": "^5.9.3",
|
|
110
|
+
"vite": "^7.3.1",
|
|
111
|
+
"vite-plugin-dts": "^4.5.4",
|
|
112
|
+
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
113
|
+
}
|
|
114
|
+
}
|