forstok-ui-lib 5.2.29 → 5.2.31
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/index.d.ts +52 -1
- package/dist/index.js +214 -132
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +211 -129
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
- package/src/assets/images/icons/arrow-left-double.svg +40 -0
- package/src/assets/images/icons/arrow-left.svg +39 -0
- package/src/assets/images/icons/arrow-right-double.svg +40 -0
- package/src/assets/images/icons/arrow-right.svg +39 -0
- package/src/assets/javascripts/function.ts +12 -0
- package/src/components/icon/styles.ts +32 -0
- package/src/components/index.ts +4 -2
- package/src/components/loader/index.tsx +1486 -0
- package/src/components/loader/styles.ts +82 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "forstok-ui-lib",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.31",
|
|
4
4
|
"description": "Forstok UI Components Library",
|
|
5
5
|
"path": "dist",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"@types/react-dom": "^19.0.2",
|
|
40
40
|
"html-to-text": "^9.0.5",
|
|
41
41
|
"react": "^19.0.0",
|
|
42
|
+
"react-content-loader": "^7.0.2",
|
|
42
43
|
"react-dom": "^19.0.0",
|
|
43
44
|
"react-router-dom": "^7.1.1",
|
|
44
45
|
"react-select": "^5.10.0",
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg fill="#4e4e4e" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 220.682 220.682"
|
|
5
|
+
xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<polygon points="99.702,210.043 127.986,181.758 56.569,110.341 127.986,38.924 99.702,10.639 0,110.341 "/>
|
|
8
|
+
<polygon points="192.398,10.639 92.695,110.341 192.398,210.043 220.682,181.758 149.264,110.341 220.682,38.924 "/>
|
|
9
|
+
</g>
|
|
10
|
+
<g>
|
|
11
|
+
</g>
|
|
12
|
+
<g>
|
|
13
|
+
</g>
|
|
14
|
+
<g>
|
|
15
|
+
</g>
|
|
16
|
+
<g>
|
|
17
|
+
</g>
|
|
18
|
+
<g>
|
|
19
|
+
</g>
|
|
20
|
+
<g>
|
|
21
|
+
</g>
|
|
22
|
+
<g>
|
|
23
|
+
</g>
|
|
24
|
+
<g>
|
|
25
|
+
</g>
|
|
26
|
+
<g>
|
|
27
|
+
</g>
|
|
28
|
+
<g>
|
|
29
|
+
</g>
|
|
30
|
+
<g>
|
|
31
|
+
</g>
|
|
32
|
+
<g>
|
|
33
|
+
</g>
|
|
34
|
+
<g>
|
|
35
|
+
</g>
|
|
36
|
+
<g>
|
|
37
|
+
</g>
|
|
38
|
+
<g>
|
|
39
|
+
</g>
|
|
40
|
+
</svg>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg fill="#4e4e4e" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 199.404 199.404"
|
|
5
|
+
xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<polygon points="135.412,0 35.709,99.702 135.412,199.404 163.695,171.119 92.277,99.702 163.695,28.285 "/>
|
|
8
|
+
</g>
|
|
9
|
+
<g>
|
|
10
|
+
</g>
|
|
11
|
+
<g>
|
|
12
|
+
</g>
|
|
13
|
+
<g>
|
|
14
|
+
</g>
|
|
15
|
+
<g>
|
|
16
|
+
</g>
|
|
17
|
+
<g>
|
|
18
|
+
</g>
|
|
19
|
+
<g>
|
|
20
|
+
</g>
|
|
21
|
+
<g>
|
|
22
|
+
</g>
|
|
23
|
+
<g>
|
|
24
|
+
</g>
|
|
25
|
+
<g>
|
|
26
|
+
</g>
|
|
27
|
+
<g>
|
|
28
|
+
</g>
|
|
29
|
+
<g>
|
|
30
|
+
</g>
|
|
31
|
+
<g>
|
|
32
|
+
</g>
|
|
33
|
+
<g>
|
|
34
|
+
</g>
|
|
35
|
+
<g>
|
|
36
|
+
</g>
|
|
37
|
+
<g>
|
|
38
|
+
</g>
|
|
39
|
+
</svg>
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg fill="#4e4e4e" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 220.682 220.682"
|
|
5
|
+
xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<polygon points="92.695,38.924 164.113,110.341 92.695,181.758 120.979,210.043 220.682,110.341 120.979,10.639 "/>
|
|
8
|
+
<polygon points="28.284,210.043 127.986,110.341 28.284,10.639 0,38.924 71.417,110.341 0,181.758 "/>
|
|
9
|
+
</g>
|
|
10
|
+
<g>
|
|
11
|
+
</g>
|
|
12
|
+
<g>
|
|
13
|
+
</g>
|
|
14
|
+
<g>
|
|
15
|
+
</g>
|
|
16
|
+
<g>
|
|
17
|
+
</g>
|
|
18
|
+
<g>
|
|
19
|
+
</g>
|
|
20
|
+
<g>
|
|
21
|
+
</g>
|
|
22
|
+
<g>
|
|
23
|
+
</g>
|
|
24
|
+
<g>
|
|
25
|
+
</g>
|
|
26
|
+
<g>
|
|
27
|
+
</g>
|
|
28
|
+
<g>
|
|
29
|
+
</g>
|
|
30
|
+
<g>
|
|
31
|
+
</g>
|
|
32
|
+
<g>
|
|
33
|
+
</g>
|
|
34
|
+
<g>
|
|
35
|
+
</g>
|
|
36
|
+
<g>
|
|
37
|
+
</g>
|
|
38
|
+
<g>
|
|
39
|
+
</g>
|
|
40
|
+
</svg>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
4
|
+
<svg fill="#4e4e4e" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 199.404 199.404"
|
|
5
|
+
xml:space="preserve">
|
|
6
|
+
<g>
|
|
7
|
+
<polygon points="63.993,199.404 163.695,99.702 63.993,0 35.709,28.285 107.127,99.702 35.709,171.119 "/>
|
|
8
|
+
</g>
|
|
9
|
+
<g>
|
|
10
|
+
</g>
|
|
11
|
+
<g>
|
|
12
|
+
</g>
|
|
13
|
+
<g>
|
|
14
|
+
</g>
|
|
15
|
+
<g>
|
|
16
|
+
</g>
|
|
17
|
+
<g>
|
|
18
|
+
</g>
|
|
19
|
+
<g>
|
|
20
|
+
</g>
|
|
21
|
+
<g>
|
|
22
|
+
</g>
|
|
23
|
+
<g>
|
|
24
|
+
</g>
|
|
25
|
+
<g>
|
|
26
|
+
</g>
|
|
27
|
+
<g>
|
|
28
|
+
</g>
|
|
29
|
+
<g>
|
|
30
|
+
</g>
|
|
31
|
+
<g>
|
|
32
|
+
</g>
|
|
33
|
+
<g>
|
|
34
|
+
</g>
|
|
35
|
+
<g>
|
|
36
|
+
</g>
|
|
37
|
+
<g>
|
|
38
|
+
</g>
|
|
39
|
+
</svg>
|
|
@@ -120,4 +120,16 @@ export const evUpdateInputRc = (input?: HTMLInputElement, value?: string | numbe
|
|
|
120
120
|
nativeInputValueSetter && nativeInputValueSetter.call(input, (value === undefined ? '' : value))
|
|
121
121
|
const inputEvent = new Event('input', { bubbles: true})
|
|
122
122
|
input.dispatchEvent(inputEvent)
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export const getSizeContainer = (full?: boolean) => {
|
|
126
|
+
const height = window.innerHeight
|
|
127
|
+
const width = window.innerWidth
|
|
128
|
+
let result = { width: width, height: height }
|
|
129
|
+
if (width >= 1366) {
|
|
130
|
+
result.width = width - 220 - 64
|
|
131
|
+
} else if (width >= 1280) {
|
|
132
|
+
result.width = width - 187 - 32
|
|
133
|
+
}
|
|
134
|
+
return result
|
|
123
135
|
}
|
|
@@ -22,6 +22,10 @@ import IconWarning from '../../assets/images/icons/warning.svg';
|
|
|
22
22
|
import IconAlert from '../../assets/images/icons/alert.svg';
|
|
23
23
|
import IconBarcode from '../../assets/images/icons/barcode.svg';
|
|
24
24
|
import IconTrash from '../../assets/images/icons/trash.svg'
|
|
25
|
+
import IconArrowLeft from '../../assets/images/icons/arrow-left.svg'
|
|
26
|
+
import IconArrowLeftDouble from '../../assets/images/icons/arrow-left-double.svg'
|
|
27
|
+
import IconArrowRight from '../../assets/images/icons/arrow-right.svg'
|
|
28
|
+
import IconArrowRightDouble from '../../assets/images/icons/arrow-right-double.svg'
|
|
25
29
|
|
|
26
30
|
const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: string, $name: string, $width?: string | number, onClick?: (e: MouseEvent<HTMLElement>) => void }) => {
|
|
27
31
|
let style = ``;
|
|
@@ -180,6 +184,34 @@ const getIconContainerStyled = ({ $mode, $name, $width, onClick }:{ $mode?: stri
|
|
|
180
184
|
}
|
|
181
185
|
`
|
|
182
186
|
break;
|
|
187
|
+
case 'arrow-left':
|
|
188
|
+
style += `
|
|
189
|
+
&:before {
|
|
190
|
+
content: url(${IconArrowLeft});
|
|
191
|
+
}
|
|
192
|
+
`
|
|
193
|
+
break
|
|
194
|
+
case 'arrow-left-double':
|
|
195
|
+
style += `
|
|
196
|
+
&:before {
|
|
197
|
+
content: url(${IconArrowLeftDouble});
|
|
198
|
+
}
|
|
199
|
+
`
|
|
200
|
+
break
|
|
201
|
+
case 'arrow-right':
|
|
202
|
+
style += `
|
|
203
|
+
&:before {
|
|
204
|
+
content: url(${IconArrowRight});
|
|
205
|
+
}
|
|
206
|
+
`
|
|
207
|
+
break
|
|
208
|
+
case 'arrow-right-double':
|
|
209
|
+
style += `
|
|
210
|
+
&:before {
|
|
211
|
+
content: url(${IconArrowRightDouble});
|
|
212
|
+
}
|
|
213
|
+
`
|
|
214
|
+
break
|
|
183
215
|
default:
|
|
184
216
|
break;
|
|
185
217
|
}
|
package/src/components/index.ts
CHANGED
|
@@ -19,11 +19,13 @@ export { default as ErrorComponent } from './error';
|
|
|
19
19
|
export { default as UploadComponent } from './upload';
|
|
20
20
|
export { default as UploadDragDropComponent } from './upload/drag_drop';
|
|
21
21
|
export { default as TextAreaComponent } from './textarea';
|
|
22
|
-
export { default as TextAreaRefComponent } from './textarea/ref';
|
|
22
|
+
export { default as TextAreaRefComponent } from './textarea/ref';
|
|
23
23
|
|
|
24
24
|
export * from './dropdown/typed';
|
|
25
25
|
export * from './message/typed';
|
|
26
26
|
export * from './popup/typed';
|
|
27
27
|
export * from './select/typed';
|
|
28
28
|
|
|
29
|
-
export * from './form/styles';
|
|
29
|
+
export * from './form/styles';
|
|
30
|
+
|
|
31
|
+
export * from './loader';
|