@kimdw-rtk/ui 0.1.1 → 0.1.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAEzC,KAAK,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationBar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAEzC,KAAK,kBAAkB,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,yHAkBzB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ export { NavigationBar_css as navigationBarCss };
|
|
|
9
9
|
import { sx } from '../../styles/sx.js';
|
|
10
10
|
|
|
11
11
|
const NavigationBar = forwardRef(({ className, size = 'md', sx: propSx, ...props }, ref) => {
|
|
12
|
-
const isScrolled = useIsScrolled(window);
|
|
12
|
+
const isScrolled = useIsScrolled(typeof window === 'undefined' ? undefined : window);
|
|
13
13
|
return (jsx("nav", { ref: ref, className: clsx(navigationBar({ size, isStuck: isScrolled }), className, sx(propSx)), ...props }));
|
|
14
14
|
});
|
|
15
15
|
NavigationBar.displayName = 'NavigationBar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAC9C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,uDAExB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,aAAa,GAAI,gCAG3B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKpC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAC9C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,uDAExB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,aAAa,GAAI,gCAG3B,kBAAkB,4CAyFpB,CAAC"}
|
|
@@ -39,15 +39,16 @@ const ToastProvider = ({ children, defaultDuration = DEFAULT_TOAST_DURATION, })
|
|
|
39
39
|
}
|
|
40
40
|
toast.onClick(toast.id);
|
|
41
41
|
};
|
|
42
|
-
return (jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
opacity: 0,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
return (jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children, typeof window !== 'undefined' &&
|
|
43
|
+
createPortal(jsx(ToastContainer, { children: jsx(TransitionGroup, { children: toasts.map((toast) => (jsx(CSSTransition, { animate: {
|
|
44
|
+
opacity: 1,
|
|
45
|
+
transform: 'translateY(0)',
|
|
46
|
+
height: '3.5rem',
|
|
47
|
+
}, as: "div", duration: 500, exit: { opacity: 0, height: '0' }, initial: {
|
|
48
|
+
opacity: 0,
|
|
49
|
+
transform: 'translateY(1rem)',
|
|
50
|
+
height: '0',
|
|
51
|
+
}, style: { display: 'flex', flexDirection: 'column-reverse' }, children: jsx(Toast, { color: toast.color, duration: toast.autoClose ? toast.duration : 0, onClick: () => handleToastClick(toast), children: toast.message }) }, toast.id))) }) }), container)] }));
|
|
51
52
|
};
|
|
52
53
|
|
|
53
54
|
export { ToastContext, ToastProvider };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kimdw-rtk/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
"#styleUtils": "./src/utils/styleUtils.css.ts"
|
|
10
10
|
},
|
|
11
11
|
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/index.js",
|
|
14
|
+
"types": "./dist/index.d.ts"
|
|
15
|
+
},
|
|
12
16
|
"./theme": {
|
|
13
17
|
"import": "./dist/themes/theme.css.js",
|
|
14
18
|
"types": "./dist/themes/theme.css.d.ts"
|
|
@@ -29,8 +33,8 @@
|
|
|
29
33
|
"peerDependencies": {
|
|
30
34
|
"react": "^18.0.0 || ^19.0.0",
|
|
31
35
|
"react-dom": "^18.0.0 || ^19.0.0",
|
|
32
|
-
"@kimdw-rtk/
|
|
33
|
-
"@kimdw-rtk/
|
|
36
|
+
"@kimdw-rtk/utils": "0.1.2",
|
|
37
|
+
"@kimdw-rtk/animation": "^0.1.2"
|
|
34
38
|
},
|
|
35
39
|
"devDependencies": {
|
|
36
40
|
"@babel/preset-env": "^7.26.9",
|