forstok-ui-lib 5.2.28 → 5.2.30
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 +53 -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/javascripts/function.ts +23 -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.30",
|
|
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",
|
|
@@ -109,4 +109,27 @@ export const currencyNumber = (value: number) => {
|
|
|
109
109
|
} else {
|
|
110
110
|
return value;
|
|
111
111
|
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export const evUpdateInputRc = (input?: HTMLInputElement, value?: string | number) => {
|
|
115
|
+
if (!input) return false
|
|
116
|
+
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
|
|
117
|
+
window.HTMLInputElement.prototype,
|
|
118
|
+
"value"
|
|
119
|
+
)?.set
|
|
120
|
+
nativeInputValueSetter && nativeInputValueSetter.call(input, (value === undefined ? '' : value))
|
|
121
|
+
const inputEvent = new Event('input', { bubbles: true})
|
|
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
|
|
112
135
|
}
|
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';
|