@ehfuse/forma 3.0.0 → 3.0.1
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/esm/src/hooks/useBreakpoint.d.ts.map +1 -1
- package/dist/esm/src/hooks/useBreakpoint.js +27 -6
- package/dist/esm/src/hooks/useBreakpoint.js.map +1 -1
- package/dist/esm/src/types/breakpoint.d.ts +24 -12
- package/dist/esm/src/types/breakpoint.d.ts.map +1 -1
- package/dist/src/hooks/useBreakpoint.d.ts.map +1 -1
- package/dist/src/hooks/useBreakpoint.js +27 -6
- package/dist/src/hooks/useBreakpoint.js.map +1 -1
- package/dist/src/types/breakpoint.d.ts +24 -12
- package/dist/src/types/breakpoint.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAe/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa,QAAO,mBA8EhC,CAAC"}
|
|
@@ -24,12 +24,15 @@
|
|
|
24
24
|
import { useState, useEffect } from "react";
|
|
25
25
|
// 브레이크포인트 정의 (픽셀 단위)
|
|
26
26
|
const breakpoints = {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
xxxxs: 224, // 14rem
|
|
28
|
+
xxxs: 256, // 16rem
|
|
29
|
+
xxs: 288, // 18rem
|
|
30
|
+
xs: 352, // 22rem
|
|
31
|
+
sm: 640, // 40rem
|
|
32
|
+
md: 768, // 48rem
|
|
33
|
+
lg: 1024, // 64rem
|
|
34
|
+
xl: 1280, // 80rem
|
|
35
|
+
xxl: 1536, // 96rem
|
|
33
36
|
};
|
|
34
37
|
/**
|
|
35
38
|
* useBreakpoint Hook
|
|
@@ -68,12 +71,18 @@ export const useBreakpoint = () => {
|
|
|
68
71
|
return () => window.removeEventListener("resize", handleResize);
|
|
69
72
|
}, []);
|
|
70
73
|
// 각 브레이크포인트별 미디어쿼리 결과 (해당 브레이크포인트 이하인지)
|
|
74
|
+
const xxxxs = windowWidth < breakpoints.xxxs;
|
|
75
|
+
const xxxs = windowWidth < breakpoints.xxs;
|
|
76
|
+
const xxs = windowWidth < breakpoints.xs;
|
|
71
77
|
const xs = windowWidth < breakpoints.sm;
|
|
72
78
|
const sm = windowWidth < breakpoints.md;
|
|
73
79
|
const md = windowWidth < breakpoints.lg;
|
|
74
80
|
const lg = windowWidth < breakpoints.xl;
|
|
75
81
|
const xl = windowWidth < breakpoints.xxl;
|
|
76
82
|
const xxl = windowWidth >= breakpoints.xxl;
|
|
83
|
+
const xxxxsUp = windowWidth >= breakpoints.xxxxs;
|
|
84
|
+
const xxxsUp = windowWidth >= breakpoints.xxxs;
|
|
85
|
+
const xxsUp = windowWidth >= breakpoints.xxs;
|
|
77
86
|
const xsUp = windowWidth >= breakpoints.xs;
|
|
78
87
|
const smUp = windowWidth >= breakpoints.sm;
|
|
79
88
|
const mdUp = windowWidth >= breakpoints.md;
|
|
@@ -82,12 +91,18 @@ export const useBreakpoint = () => {
|
|
|
82
91
|
const xxlUp = windowWidth >= breakpoints.xxl;
|
|
83
92
|
// 객체 형태로 반환하여 breakpoint.sm 식으로 접근 가능
|
|
84
93
|
return {
|
|
94
|
+
xxxxs,
|
|
95
|
+
xxxs,
|
|
96
|
+
xxs,
|
|
85
97
|
xs,
|
|
86
98
|
sm,
|
|
87
99
|
md,
|
|
88
100
|
lg,
|
|
89
101
|
xl,
|
|
90
102
|
xxl,
|
|
103
|
+
xxxxsUp,
|
|
104
|
+
xxxsUp,
|
|
105
|
+
xxsUp,
|
|
91
106
|
xsUp,
|
|
92
107
|
smUp,
|
|
93
108
|
mdUp,
|
|
@@ -95,12 +110,18 @@ export const useBreakpoint = () => {
|
|
|
95
110
|
xlUp,
|
|
96
111
|
xxlUp,
|
|
97
112
|
breakpoint: {
|
|
113
|
+
xxxxs,
|
|
114
|
+
xxxs,
|
|
115
|
+
xxs,
|
|
98
116
|
xs,
|
|
99
117
|
sm,
|
|
100
118
|
md,
|
|
101
119
|
lg,
|
|
102
120
|
xl,
|
|
103
121
|
xxl,
|
|
122
|
+
xxxxsUp,
|
|
123
|
+
xxxsUp,
|
|
124
|
+
xxsUp,
|
|
104
125
|
xsUp,
|
|
105
126
|
smUp,
|
|
106
127
|
mdUp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,qBAAqB;AACrB,MAAM,WAAW,GAAG;IAChB,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"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"}
|
|
@@ -26,29 +26,41 @@
|
|
|
26
26
|
* 브레이크포인트 상태 객체
|
|
27
27
|
*/
|
|
28
28
|
export interface BreakpointState {
|
|
29
|
-
/** Extra small: <
|
|
29
|
+
/** 4x Extra small: < 256px (14rem) */
|
|
30
|
+
xxxxs: boolean;
|
|
31
|
+
/** 3x Extra small: < 288px (16rem) */
|
|
32
|
+
xxxs: boolean;
|
|
33
|
+
/** 2x Extra small: < 352px (18rem) */
|
|
34
|
+
xxs: boolean;
|
|
35
|
+
/** Extra small: < 640px (22rem) */
|
|
30
36
|
xs: boolean;
|
|
31
|
-
/** Small: <
|
|
37
|
+
/** Small: < 768px (40rem) */
|
|
32
38
|
sm: boolean;
|
|
33
|
-
/** Medium: <
|
|
39
|
+
/** Medium: < 1024px (48rem) */
|
|
34
40
|
md: boolean;
|
|
35
|
-
/** Large: <
|
|
41
|
+
/** Large: < 1280px (64rem) */
|
|
36
42
|
lg: boolean;
|
|
37
|
-
/** Extra large: <
|
|
43
|
+
/** Extra large: < 1536px (80rem) */
|
|
38
44
|
xl: boolean;
|
|
39
|
-
/** Extra extra large: >=
|
|
45
|
+
/** Extra extra large: >= 1536px (96rem) */
|
|
40
46
|
xxl: boolean;
|
|
41
|
-
/** >=
|
|
47
|
+
/** >= 224px (14rem) */
|
|
48
|
+
xxxxsUp: boolean;
|
|
49
|
+
/** >= 256px (16rem) */
|
|
50
|
+
xxxsUp: boolean;
|
|
51
|
+
/** >= 288px (18rem) */
|
|
52
|
+
xxsUp: boolean;
|
|
53
|
+
/** >= 352px (22rem) */
|
|
42
54
|
xsUp: boolean;
|
|
43
|
-
/** >=
|
|
55
|
+
/** >= 640px (40rem) */
|
|
44
56
|
smUp: boolean;
|
|
45
|
-
/** >=
|
|
57
|
+
/** >= 768px (48rem) */
|
|
46
58
|
mdUp: boolean;
|
|
47
|
-
/** >=
|
|
59
|
+
/** >= 1024px (64rem) */
|
|
48
60
|
lgUp: boolean;
|
|
49
|
-
/** >=
|
|
61
|
+
/** >= 1280px (80rem) */
|
|
50
62
|
xlUp: boolean;
|
|
51
|
-
/** >=
|
|
63
|
+
/** >= 1536px (96rem) */
|
|
52
64
|
xxlUp: boolean;
|
|
53
65
|
}
|
|
54
66
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/types/breakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,
|
|
1
|
+
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/types/breakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,sCAAsC;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,sCAAsC;IACtC,GAAG,EAAE,OAAO,CAAC;IACb,mCAAmC;IACnC,EAAE,EAAE,OAAO,CAAC;IACZ,6BAA6B;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,+BAA+B;IAC/B,EAAE,EAAE,OAAO,CAAC;IACZ,8BAA8B;IAC9B,EAAE,EAAE,OAAO,CAAC;IACZ,oCAAoC;IACpC,EAAE,EAAE,OAAO,CAAC;IACZ,2CAA2C;IAC3C,GAAG,EAAE,OAAO,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,uBAAuB;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IACxD,mDAAmD;IACnD,UAAU,EAAE,eAAe,CAAC;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAe/D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa,QAAO,mBA8EhC,CAAC"}
|
|
@@ -27,12 +27,15 @@ exports.useBreakpoint = void 0;
|
|
|
27
27
|
const react_1 = require("react");
|
|
28
28
|
// 브레이크포인트 정의 (픽셀 단위)
|
|
29
29
|
const breakpoints = {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
xxxxs: 224, // 14rem
|
|
31
|
+
xxxs: 256, // 16rem
|
|
32
|
+
xxs: 288, // 18rem
|
|
33
|
+
xs: 352, // 22rem
|
|
34
|
+
sm: 640, // 40rem
|
|
35
|
+
md: 768, // 48rem
|
|
36
|
+
lg: 1024, // 64rem
|
|
37
|
+
xl: 1280, // 80rem
|
|
38
|
+
xxl: 1536, // 96rem
|
|
36
39
|
};
|
|
37
40
|
/**
|
|
38
41
|
* useBreakpoint Hook
|
|
@@ -71,12 +74,18 @@ const useBreakpoint = () => {
|
|
|
71
74
|
return () => window.removeEventListener("resize", handleResize);
|
|
72
75
|
}, []);
|
|
73
76
|
// 각 브레이크포인트별 미디어쿼리 결과 (해당 브레이크포인트 이하인지)
|
|
77
|
+
const xxxxs = windowWidth < breakpoints.xxxs;
|
|
78
|
+
const xxxs = windowWidth < breakpoints.xxs;
|
|
79
|
+
const xxs = windowWidth < breakpoints.xs;
|
|
74
80
|
const xs = windowWidth < breakpoints.sm;
|
|
75
81
|
const sm = windowWidth < breakpoints.md;
|
|
76
82
|
const md = windowWidth < breakpoints.lg;
|
|
77
83
|
const lg = windowWidth < breakpoints.xl;
|
|
78
84
|
const xl = windowWidth < breakpoints.xxl;
|
|
79
85
|
const xxl = windowWidth >= breakpoints.xxl;
|
|
86
|
+
const xxxxsUp = windowWidth >= breakpoints.xxxxs;
|
|
87
|
+
const xxxsUp = windowWidth >= breakpoints.xxxs;
|
|
88
|
+
const xxsUp = windowWidth >= breakpoints.xxs;
|
|
80
89
|
const xsUp = windowWidth >= breakpoints.xs;
|
|
81
90
|
const smUp = windowWidth >= breakpoints.sm;
|
|
82
91
|
const mdUp = windowWidth >= breakpoints.md;
|
|
@@ -85,12 +94,18 @@ const useBreakpoint = () => {
|
|
|
85
94
|
const xxlUp = windowWidth >= breakpoints.xxl;
|
|
86
95
|
// 객체 형태로 반환하여 breakpoint.sm 식으로 접근 가능
|
|
87
96
|
return {
|
|
97
|
+
xxxxs,
|
|
98
|
+
xxxs,
|
|
99
|
+
xxs,
|
|
88
100
|
xs,
|
|
89
101
|
sm,
|
|
90
102
|
md,
|
|
91
103
|
lg,
|
|
92
104
|
xl,
|
|
93
105
|
xxl,
|
|
106
|
+
xxxxsUp,
|
|
107
|
+
xxxsUp,
|
|
108
|
+
xxsUp,
|
|
94
109
|
xsUp,
|
|
95
110
|
smUp,
|
|
96
111
|
mdUp,
|
|
@@ -98,12 +113,18 @@ const useBreakpoint = () => {
|
|
|
98
113
|
xlUp,
|
|
99
114
|
xxlUp,
|
|
100
115
|
breakpoint: {
|
|
116
|
+
xxxxs,
|
|
117
|
+
xxxs,
|
|
118
|
+
xxs,
|
|
101
119
|
xs,
|
|
102
120
|
sm,
|
|
103
121
|
md,
|
|
104
122
|
lg,
|
|
105
123
|
xl,
|
|
106
124
|
xxl,
|
|
125
|
+
xxxxsUp,
|
|
126
|
+
xxxsUp,
|
|
127
|
+
xxsUp,
|
|
107
128
|
xsUp,
|
|
108
129
|
smUp,
|
|
109
130
|
mdUp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;AAEH,iCAA4C;AAG5C,qBAAqB;AACrB,MAAM,WAAW,GAAG;IAChB,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"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"}
|
|
@@ -26,29 +26,41 @@
|
|
|
26
26
|
* 브레이크포인트 상태 객체
|
|
27
27
|
*/
|
|
28
28
|
export interface BreakpointState {
|
|
29
|
-
/** Extra small: <
|
|
29
|
+
/** 4x Extra small: < 256px (14rem) */
|
|
30
|
+
xxxxs: boolean;
|
|
31
|
+
/** 3x Extra small: < 288px (16rem) */
|
|
32
|
+
xxxs: boolean;
|
|
33
|
+
/** 2x Extra small: < 352px (18rem) */
|
|
34
|
+
xxs: boolean;
|
|
35
|
+
/** Extra small: < 640px (22rem) */
|
|
30
36
|
xs: boolean;
|
|
31
|
-
/** Small: <
|
|
37
|
+
/** Small: < 768px (40rem) */
|
|
32
38
|
sm: boolean;
|
|
33
|
-
/** Medium: <
|
|
39
|
+
/** Medium: < 1024px (48rem) */
|
|
34
40
|
md: boolean;
|
|
35
|
-
/** Large: <
|
|
41
|
+
/** Large: < 1280px (64rem) */
|
|
36
42
|
lg: boolean;
|
|
37
|
-
/** Extra large: <
|
|
43
|
+
/** Extra large: < 1536px (80rem) */
|
|
38
44
|
xl: boolean;
|
|
39
|
-
/** Extra extra large: >=
|
|
45
|
+
/** Extra extra large: >= 1536px (96rem) */
|
|
40
46
|
xxl: boolean;
|
|
41
|
-
/** >=
|
|
47
|
+
/** >= 224px (14rem) */
|
|
48
|
+
xxxxsUp: boolean;
|
|
49
|
+
/** >= 256px (16rem) */
|
|
50
|
+
xxxsUp: boolean;
|
|
51
|
+
/** >= 288px (18rem) */
|
|
52
|
+
xxsUp: boolean;
|
|
53
|
+
/** >= 352px (22rem) */
|
|
42
54
|
xsUp: boolean;
|
|
43
|
-
/** >=
|
|
55
|
+
/** >= 640px (40rem) */
|
|
44
56
|
smUp: boolean;
|
|
45
|
-
/** >=
|
|
57
|
+
/** >= 768px (48rem) */
|
|
46
58
|
mdUp: boolean;
|
|
47
|
-
/** >=
|
|
59
|
+
/** >= 1024px (64rem) */
|
|
48
60
|
lgUp: boolean;
|
|
49
|
-
/** >=
|
|
61
|
+
/** >= 1280px (80rem) */
|
|
50
62
|
xlUp: boolean;
|
|
51
|
-
/** >=
|
|
63
|
+
/** >= 1536px (96rem) */
|
|
52
64
|
xxlUp: boolean;
|
|
53
65
|
}
|
|
54
66
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../src/types/breakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,
|
|
1
|
+
{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../src/types/breakpoint.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,sCAAsC;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,sCAAsC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,sCAAsC;IACtC,GAAG,EAAE,OAAO,CAAC;IACb,mCAAmC;IACnC,EAAE,EAAE,OAAO,CAAC;IACZ,6BAA6B;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,+BAA+B;IAC/B,EAAE,EAAE,OAAO,CAAC;IACZ,8BAA8B;IAC9B,EAAE,EAAE,OAAO,CAAC;IACZ,oCAAoC;IACpC,EAAE,EAAE,OAAO,CAAC;IACZ,2CAA2C;IAC3C,GAAG,EAAE,OAAO,CAAC;IACb,uBAAuB;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,uBAAuB;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IACxD,mDAAmD;IACnD,UAAU,EAAE,eAAe,CAAC;CAC/B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ehfuse/forma",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "Advanced React state management library with individual field subscriptions - supports both forms and general state management with useFormaState",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|