@rolster/react-components 18.26.14 → 18.26.16
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/cjs/assets/{index-DyZvhIb0.css → index-BRZjdUv6.css} +5 -5
- package/dist/cjs/index.js +16 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DyZvhIb0.css → index-BRZjdUv6.css} +5 -5
- package/dist/es/index.js +16 -15
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.css +5 -5
- package/dist/esm/components/organisms/Snackbar/Snackbar.css.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +17 -16
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
.rls-snackbar {
|
|
2
2
|
position: fixed;
|
|
3
3
|
display: flex;
|
|
4
|
-
column-gap: var(--rls-sizing-x6);
|
|
5
|
-
bottom: 0rem;
|
|
6
4
|
left: var(--rlc-snackbar-left, 50%);
|
|
7
|
-
z-index: 32;
|
|
8
5
|
width: auto;
|
|
9
|
-
height: auto;
|
|
10
6
|
max-width: 240rem;
|
|
7
|
+
height: auto;
|
|
8
|
+
bottom: 0rem;
|
|
9
|
+
column-gap: var(--rls-sizing-x6);
|
|
11
10
|
padding: var(--rls-sizing-x6);
|
|
12
11
|
box-sizing: border-box;
|
|
13
12
|
border-radius: var(--rls-sizing-x6);
|
|
14
13
|
background: var(--rls-app-color-050);
|
|
15
14
|
border-left: var(--rls-theme-border-4-400);
|
|
16
|
-
transform: translate(-50%, 100%);
|
|
15
|
+
transform: translate(-50%, calc(100% + var(--rls-sizing-x4)));
|
|
17
16
|
transition: all 160ms 0ms var(--rls-standard-curve);
|
|
18
17
|
box-shadow: var(--rls-app-shadow-center-8);
|
|
18
|
+
z-index: var(--rls-z-index-32);
|
|
19
19
|
}
|
|
20
20
|
.rls-snackbar--visible {
|
|
21
21
|
transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.scss"],"names":[],"mappings":"AAOA,cACE,eACA,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.scss"],"names":[],"mappings":"AAOA,cACE,eACA,aACA,mCACA,WACA,iBACA,YACA,YACA,gCACA,6BACA,sBACA,mCACA,oCACA,0CACA,6DACA,mDACA,0CACA,8BAEA,uBACE,2DAGF,sBACE,6CAEA,aACA,uBACA,mBACA,gBACA,sCACA,4BACA,6BACA,mCAEA,+CACE,yCAIJ,yBACE,aACA,sBACA,6BAGF,sBACE,aACA,mBACA,8BACA,gCAEA,6BACE,yBACA,aACA,eACA,iCAIJ,qBACE,mBACA,gBACA,uBACA,iCACA,oCACA,wCACA,8CAIA,yBACE,kCACA,+BACA,qCACA,0CACA,+CAKN,0CACE,cACE","file":"Snackbar.css"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
5
5
|
import './Snackbar.css';
|
|
@@ -25,37 +25,38 @@ export function RlsSnackbar({ content, onClose, icon, rlsTheme, title, visible }
|
|
|
25
25
|
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-snackbar__avatar", children: _jsx(RlsIcon, { value: icon }) })), _jsxs("div", { className: "rls-snackbar__component", children: [_jsxs("div", { className: "rls-snackbar__header", children: [_jsx("div", { className: "rls-snackbar__title", children: title }), _jsx("button", { onClick: onClose, children: _jsx(RlsIcon, { value: "close" }) })] }), _jsx("div", { className: "rls-snackbar__content", children: content })] })] }));
|
|
26
26
|
}
|
|
27
27
|
export function useSnackbar() {
|
|
28
|
+
const timeoutId = useRef();
|
|
29
|
+
const duration = useRef(4000);
|
|
28
30
|
const [state, setState] = useState({
|
|
29
31
|
config: {},
|
|
30
|
-
duration: 4000,
|
|
31
|
-
timeoutId: undefined,
|
|
32
32
|
visible: false
|
|
33
33
|
});
|
|
34
34
|
const onClose = useCallback(() => {
|
|
35
|
-
|
|
35
|
+
timeoutId.current && clearTimeout(timeoutId.current);
|
|
36
|
+
timeoutId.current = undefined;
|
|
37
|
+
setState((state) => ({ ...state, visible: false }));
|
|
36
38
|
}, []);
|
|
37
39
|
const rlsSnackbar = (_jsx(RlsSnackbar, { ...state.config, visible: state.visible, onClose: onClose }));
|
|
38
40
|
useEffect(() => {
|
|
39
41
|
if (state.visible) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
visible: false
|
|
45
|
-
}));
|
|
46
|
-
}, state.duration);
|
|
47
|
-
setState((state) => ({ ...state, timeoutId }));
|
|
42
|
+
timeoutId.current = setTimeout(() => {
|
|
43
|
+
timeoutId.current = undefined;
|
|
44
|
+
setState((state) => ({ ...state, visible: false }));
|
|
45
|
+
}, duration.current);
|
|
48
46
|
}
|
|
49
|
-
else if (
|
|
50
|
-
clearTimeout(
|
|
51
|
-
|
|
47
|
+
else if (timeoutId.current) {
|
|
48
|
+
clearTimeout(timeoutId.current);
|
|
49
|
+
timeoutId.current = undefined;
|
|
50
|
+
setTimeout(() => {
|
|
51
|
+
snackbar(state.config);
|
|
52
|
+
}, DURATION_ANIMATION);
|
|
52
53
|
}
|
|
53
54
|
}, [state.visible]);
|
|
54
55
|
const snackbar = useCallback((config) => {
|
|
56
|
+
duration.current = calculateDuration(String(config.content));
|
|
55
57
|
setState((state) => ({
|
|
56
58
|
...state,
|
|
57
59
|
config,
|
|
58
|
-
duration: calculateDuration(String(config.content)),
|
|
59
60
|
visible: !state.visible
|
|
60
61
|
}));
|
|
61
62
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":"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"}
|