@owp/core 2.5.50 → 2.5.52
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/components/OwpLoading/OwpLoading.js +7 -6
- package/dist/components/OwpLoading/OwpLoading.js.map +1 -1
- package/dist/components/OwpNavLinkAdapter/OwpNavLinkAdapter.js +100 -28
- package/dist/components/OwpNavLinkAdapter/OwpNavLinkAdapter.js.map +1 -1
- package/dist/components/OwpQuerySelector/OwpQuerySelector.js +80 -74
- package/dist/components/OwpQuerySelector/OwpQuerySelector.js.map +1 -1
- package/dist/components/OwpSuspense/OwpSuspense.js +66 -60
- package/dist/components/OwpSuspense/OwpSuspense.js.map +1 -1
- package/dist/components/OwpTable/OwpFieldTable.js.map +1 -1
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js +351 -295
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +396 -392
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +37 -43
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -1
- package/dist/contexts/OwpAppContext.js.map +1 -1
- package/dist/hooks/internal/useNavigationActiveRouteRemount.js +19 -16
- package/dist/hooks/internal/useNavigationActiveRouteRemount.js.map +1 -1
- package/dist/hooks/internal/useRouteTransitionLoading.js +49 -0
- package/dist/hooks/internal/useRouteTransitionLoading.js.map +1 -0
- package/dist/hooks/useCurrentUser.js.map +1 -1
- package/dist/hooks/useFormDataUploadMutation.js.map +1 -1
- package/dist/layout/Layout.js +107 -34
- package/dist/layout/Layout.js.map +1 -1
- package/dist/layout/components/navigation/NavBadge.js +8 -8
- package/dist/layout/components/navigation/NavBadge.js.map +1 -1
- package/dist/layout/components/navigation/NavItem.js +19 -15
- package/dist/layout/components/navigation/NavItem.js.map +1 -1
- package/dist/layout/components/navigation/Navigation.js +25 -22
- package/dist/layout/components/navigation/Navigation.js.map +1 -1
- package/dist/layout/components/navigation/NavigationMenu.js +25 -18
- package/dist/layout/components/navigation/NavigationMenu.js.map +1 -1
- package/dist/layout/components/navigation/vertical/NavVerticalLayout.js +69 -44
- package/dist/layout/components/navigation/vertical/NavVerticalLayout.js.map +1 -1
- package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js +71 -64
- package/dist/layout/components/navigation/vertical/types/NavVerticalCollapse.js.map +1 -1
- package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js +15 -14
- package/dist/layout/components/navigation/vertical/types/NavVerticalGroup.js.map +1 -1
- package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js +16 -14
- package/dist/layout/components/navigation/vertical/types/NavVerticalItem.js.map +1 -1
- package/dist/layout/components/navigation/vertical/types/NavVerticalLink.js +17 -12
- package/dist/layout/components/navigation/vertical/types/NavVerticalLink.js.map +1 -1
- package/dist/layout/components/toggles/NavigationSearchToggle.js +163 -164
- package/dist/layout/components/toggles/NavigationSearchToggle.js.map +1 -1
- package/dist/layout/components/toggles/NavigationShortcutsToggle.js +88 -95
- package/dist/layout/components/toggles/NavigationShortcutsToggle.js.map +1 -1
- package/dist/types/components/OwpNumberField/OwpNumberField.d.ts +1 -1
- package/dist/types/components/OwpPicker/internal/DatePickerInput.d.ts +1 -1
- package/dist/types/components/OwpQuerySelector/OwpQuerySelector.d.ts +2 -2
- package/dist/types/components/OwpQuerySelector/types/index.d.ts +1 -1
- package/dist/types/components/OwpQuerySelector/types/types.d.ts +14 -13
- package/dist/types/components/OwpSuspense/OwpSuspense.d.ts +1 -0
- package/dist/types/components/OwpTable/OwpFieldTable.d.ts +6 -7
- package/dist/types/components/OwpTable/internal/OwpTableBase.d.ts +1 -1
- package/dist/types/components/OwpTabs/OwpTab.d.ts +1 -1
- package/dist/types/components/OwpTabs/OwpTabs.d.ts +1 -1
- package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts +5 -1
- package/dist/types/contexts/OwpAppContext.d.ts +10 -0
- package/dist/types/features/themePreview/utils/themePreviewSettings.d.ts +1 -1
- package/dist/types/hooks/internal/useRouteTransitionLoading.d.ts +27 -0
- package/dist/types/hooks/useCurrentUser.d.ts +5 -2
- package/dist/types/hooks/useFormDataUploadMutation.d.ts +9 -3
- package/dist/types/hooks/useNavigation.d.ts +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/layout/components/navigation/NavItem.d.ts +2 -3
- package/dist/types/layout/components/navigation/NavigationMenu.d.ts +5 -5
- package/dist/types/layout/components/navigation/vertical/NavVerticalLayout.d.ts +1 -1
- package/dist/types/layout/components/navigation/vertical/types/NavVerticalCollapse.d.ts +1 -1
- package/dist/types/layout/components/navigation/vertical/types/NavVerticalGroup.d.ts +1 -1
- package/dist/types/layout/components/navigation/vertical/types/NavVerticalItem.d.ts +1 -1
- package/dist/types/layout/components/navigation/vertical/types/NavVerticalLink.d.ts +1 -1
- package/dist/types/store/atoms/owpSettingsAtoms.d.ts +1 -1
- package/dist/types/types/OwpApiTypes.d.ts +27 -0
- package/dist/types/types/OwpDialogTypes.d.ts +16 -0
- package/dist/types/types/OwpRouteTypes.d.ts +10 -0
- package/dist/types/types/index.d.ts +7 -2
- package/dist/types/utils/internal/navigationSearchUtils.d.ts +22 -0
- package/dist/types/utils/internal/navigationUtils.d.ts +22 -27
- package/dist/types/utils/treeGridUtil.d.ts +21 -7
- package/dist/utils/internal/navigationSearchUtils.js +44 -0
- package/dist/utils/internal/navigationSearchUtils.js.map +1 -0
- package/dist/utils/internal/navigationUtils.js +38 -123
- package/dist/utils/internal/navigationUtils.js.map +1 -1
- package/dist/utils/treeGridUtil.js +103 -85
- package/dist/utils/treeGridUtil.js.map +1 -1
- package/dist/utils.js +51 -49
- package/package.json +1 -1
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/_internal/isIterateeCall.js +0 -14
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/_internal/isIterateeCall.js.map +0 -1
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js +0 -24
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/defaults.js.map +0 -1
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/string/trim.js +0 -10
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/string/trim.js.map +0 -1
|
@@ -1,104 +1,97 @@
|
|
|
1
|
-
var
|
|
2
|
-
var r = (
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { useGetNavigationList as
|
|
5
|
-
import { useOwpTranslation as
|
|
6
|
-
import { useSetShortcuts as
|
|
7
|
-
import { OwpNavigationHelper as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
var E = Object.defineProperty;
|
|
2
|
+
var r = (l, e) => E(l, "name", { value: e, configurable: !0 });
|
|
3
|
+
import { jsxs as u, jsx as t } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
|
|
4
|
+
import { useGetNavigationList as O } from "../../../hooks/useNavigation.js";
|
|
5
|
+
import { useOwpTranslation as P } from "../../../hooks/useOwpTranslation.js";
|
|
6
|
+
import { useSetShortcuts as D, useGetShortcuts as G } from "../../../hooks/internal/useShortcuts.js";
|
|
7
|
+
import { OwpNavigationHelper as A } from "../../../utils/internal/navigationUtils.js";
|
|
8
|
+
import { isNavigationSearchTextMatch as F } from "../../../utils/internal/navigationSearchUtils.js";
|
|
9
|
+
import H from "../../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
|
|
10
|
+
import C from "@mui/material/Box";
|
|
11
|
+
import { amber as I, grey as M } from "@mui/material/colors";
|
|
12
|
+
import U from "@mui/material/Divider";
|
|
12
13
|
import x from "@mui/material/IconButton";
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import { clsx as
|
|
21
|
-
import { useRef as
|
|
22
|
-
import { Link as
|
|
23
|
-
import { toolbarToggleSx as
|
|
24
|
-
import { find as
|
|
14
|
+
import W from "@mui/material/Input";
|
|
15
|
+
import q from "@mui/material/ListItemIcon";
|
|
16
|
+
import J from "@mui/material/ListItemText";
|
|
17
|
+
import K from "@mui/material/Menu";
|
|
18
|
+
import Q from "@mui/material/MenuItem";
|
|
19
|
+
import R from "@mui/material/Tooltip";
|
|
20
|
+
import V from "@mui/material/Typography";
|
|
21
|
+
import { clsx as k } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
22
|
+
import { useRef as X, useState as w, useMemo as g } from "react";
|
|
23
|
+
import { Link as Y } from "react-router-dom";
|
|
24
|
+
import { toolbarToggleSx as Z } from "./toggleStyles.js";
|
|
25
|
+
import { find as $ } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/array/find.js";
|
|
25
26
|
import { OwpSvgIcon as v } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
|
|
26
|
-
import { xor as
|
|
27
|
-
function yo(
|
|
28
|
-
const { variant: e = "horizontal", className:
|
|
29
|
-
() =>
|
|
30
|
-
[
|
|
31
|
-
),
|
|
32
|
-
() =>
|
|
33
|
-
[
|
|
34
|
-
),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
return m.filter(
|
|
39
|
-
(l) => {
|
|
40
|
-
var b, w;
|
|
41
|
-
return (w = (b = l == null ? void 0 : l.title) == null ? void 0 : b.toLowerCase()) == null ? void 0 : w.includes(o);
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
}, [m, n]);
|
|
45
|
-
function j(o) {
|
|
27
|
+
import { xor as _ } from "../../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/array/xor.js";
|
|
28
|
+
function yo(l) {
|
|
29
|
+
const { variant: e = "horizontal", className: p = "" } = l, i = X(null), [s, S] = w(null), [n, d] = w(""), N = O(), z = D(), c = G(), { t: f } = P(), a = g(
|
|
30
|
+
() => A.getFlatNavigation(N),
|
|
31
|
+
[N]
|
|
32
|
+
), m = g(
|
|
33
|
+
() => c.map((o) => $(a, { id: o })).filter((o) => !!o),
|
|
34
|
+
[a, c]
|
|
35
|
+
), T = g(() => !n || !a ? [] : a.filter(
|
|
36
|
+
(o) => F(o == null ? void 0 : o.title, n)
|
|
37
|
+
), [a, n]);
|
|
38
|
+
function B(o) {
|
|
46
39
|
S(o.currentTarget);
|
|
47
40
|
}
|
|
48
|
-
r(
|
|
49
|
-
function
|
|
41
|
+
r(B, "addMenuClick");
|
|
42
|
+
function L() {
|
|
50
43
|
S(null);
|
|
51
44
|
}
|
|
52
|
-
r(
|
|
53
|
-
function
|
|
54
|
-
|
|
45
|
+
r(L, "addMenuClose");
|
|
46
|
+
function j(o) {
|
|
47
|
+
d(o.target.value);
|
|
55
48
|
}
|
|
56
|
-
r(
|
|
57
|
-
function
|
|
58
|
-
let
|
|
59
|
-
|
|
49
|
+
r(j, "search");
|
|
50
|
+
function b(o) {
|
|
51
|
+
let h = [...c];
|
|
52
|
+
h = _(h, [o]), z(h);
|
|
60
53
|
}
|
|
61
|
-
return r(
|
|
62
|
-
|
|
54
|
+
return r(b, "toggleInShortcuts"), /* @__PURE__ */ u(
|
|
55
|
+
C,
|
|
63
56
|
{
|
|
64
|
-
className:
|
|
57
|
+
className: k(
|
|
65
58
|
"flex flex-shrink overflow-hidden",
|
|
66
59
|
e === "vertical" ? "flex-col" : "",
|
|
67
|
-
|
|
60
|
+
p
|
|
68
61
|
),
|
|
69
62
|
children: [
|
|
70
63
|
/* @__PURE__ */ t(
|
|
71
|
-
|
|
64
|
+
C,
|
|
72
65
|
{
|
|
73
|
-
className:
|
|
66
|
+
className: k(
|
|
74
67
|
"flex flex-1 items-center",
|
|
75
68
|
e === "vertical" ? "flex-col" : "max-h-36"
|
|
76
69
|
),
|
|
77
70
|
children: /* @__PURE__ */ t(
|
|
78
|
-
|
|
71
|
+
R,
|
|
79
72
|
{
|
|
80
|
-
title:
|
|
73
|
+
title: f("Title.즐겨찾기 등록/삭제"),
|
|
81
74
|
placement: e === "horizontal" ? "bottom" : "left",
|
|
82
75
|
children: /* @__PURE__ */ t(
|
|
83
76
|
x,
|
|
84
77
|
{
|
|
85
|
-
sx:
|
|
78
|
+
sx: Z,
|
|
86
79
|
"aria-haspopup": "true",
|
|
87
|
-
onClick:
|
|
88
|
-
children: /* @__PURE__ */ t(v, { size: 20, sx: { color:
|
|
80
|
+
onClick: B,
|
|
81
|
+
children: /* @__PURE__ */ t(v, { size: 20, sx: { color: I[600] }, children: "heroicons-solid:star" })
|
|
89
82
|
}
|
|
90
83
|
)
|
|
91
84
|
}
|
|
92
85
|
)
|
|
93
86
|
}
|
|
94
87
|
),
|
|
95
|
-
/* @__PURE__ */
|
|
96
|
-
|
|
88
|
+
/* @__PURE__ */ u(
|
|
89
|
+
K,
|
|
97
90
|
{
|
|
98
91
|
id: "add-menu",
|
|
99
|
-
anchorEl:
|
|
100
|
-
open: !!
|
|
101
|
-
onClose:
|
|
92
|
+
anchorEl: s,
|
|
93
|
+
open: !!s,
|
|
94
|
+
onClose: L,
|
|
102
95
|
classes: {
|
|
103
96
|
paper: "min-w-256"
|
|
104
97
|
},
|
|
@@ -108,18 +101,18 @@ function yo(s) {
|
|
|
108
101
|
(o = i == null ? void 0 : i.current) == null || o.focus();
|
|
109
102
|
}, "onEntered"),
|
|
110
103
|
onExited: /* @__PURE__ */ r(() => {
|
|
111
|
-
|
|
104
|
+
d("");
|
|
112
105
|
}, "onExited")
|
|
113
106
|
},
|
|
114
107
|
children: [
|
|
115
|
-
/* @__PURE__ */
|
|
108
|
+
/* @__PURE__ */ u("div", { className: "flex justify-between items-center p-16 pt-8", children: [
|
|
116
109
|
/* @__PURE__ */ t(
|
|
117
|
-
|
|
110
|
+
W,
|
|
118
111
|
{
|
|
119
112
|
inputRef: i,
|
|
120
113
|
value: n,
|
|
121
|
-
onChange:
|
|
122
|
-
placeholder:
|
|
114
|
+
onChange: j,
|
|
115
|
+
placeholder: f("Common.검색"),
|
|
123
116
|
fullWidth: !0,
|
|
124
117
|
inputProps: {
|
|
125
118
|
"aria-label": "Search"
|
|
@@ -130,32 +123,32 @@ function yo(s) {
|
|
|
130
123
|
/* @__PURE__ */ t(
|
|
131
124
|
x,
|
|
132
125
|
{
|
|
133
|
-
sx: { color:
|
|
126
|
+
sx: { color: M[500] },
|
|
134
127
|
onClick: /* @__PURE__ */ r(() => {
|
|
135
128
|
var o;
|
|
136
|
-
|
|
129
|
+
d(""), (o = i == null ? void 0 : i.current) == null || o.focus();
|
|
137
130
|
}, "onClick"),
|
|
138
|
-
children: /* @__PURE__ */ t(
|
|
131
|
+
children: /* @__PURE__ */ t(H, {})
|
|
139
132
|
}
|
|
140
133
|
)
|
|
141
134
|
] }),
|
|
142
|
-
((n == null ? void 0 : n.length) > 0 || (
|
|
143
|
-
n.length > 0 &&
|
|
144
|
-
|
|
135
|
+
((n == null ? void 0 : n.length) > 0 || (m == null ? void 0 : m.length) > 0) && /* @__PURE__ */ t(U, { sx: { backgroundColor: M[500] } }),
|
|
136
|
+
n.length > 0 && T.map((o) => /* @__PURE__ */ t(
|
|
137
|
+
y,
|
|
145
138
|
{
|
|
146
|
-
shortcuts:
|
|
139
|
+
shortcuts: c,
|
|
147
140
|
item: o,
|
|
148
|
-
onToggle: /* @__PURE__ */ r(() =>
|
|
141
|
+
onToggle: /* @__PURE__ */ r(() => b(o.id), "onToggle")
|
|
149
142
|
},
|
|
150
143
|
o.id
|
|
151
144
|
)),
|
|
152
|
-
n.length !== 0 &&
|
|
153
|
-
n.length === 0 &&
|
|
154
|
-
|
|
145
|
+
n.length !== 0 && T.length === 0 && /* @__PURE__ */ t(V, { color: "text.secondary", className: "p-16 pb-8", children: f("Message.검색된 결과가 없습니다...") }),
|
|
146
|
+
n.length === 0 && m.map((o) => /* @__PURE__ */ t(
|
|
147
|
+
y,
|
|
155
148
|
{
|
|
156
|
-
shortcuts:
|
|
149
|
+
shortcuts: c,
|
|
157
150
|
item: o,
|
|
158
|
-
onToggle: /* @__PURE__ */ r(() =>
|
|
151
|
+
onToggle: /* @__PURE__ */ r(() => b(o.id), "onToggle")
|
|
159
152
|
},
|
|
160
153
|
o.id
|
|
161
154
|
))
|
|
@@ -167,24 +160,24 @@ function yo(s) {
|
|
|
167
160
|
);
|
|
168
161
|
}
|
|
169
162
|
r(yo, "NavigationShortcutsToggle");
|
|
170
|
-
function
|
|
171
|
-
const { item: e, onToggle:
|
|
172
|
-
return !e || !e.id ? null : /* @__PURE__ */ t(
|
|
173
|
-
/* @__PURE__ */ t(
|
|
174
|
-
/* @__PURE__ */ t(
|
|
163
|
+
function y(l) {
|
|
164
|
+
const { item: e, onToggle: p, shortcuts: i = [] } = l;
|
|
165
|
+
return !e || !e.id ? null : /* @__PURE__ */ t(Y, { to: e.url || "", role: "button", children: /* @__PURE__ */ u(Q, { children: [
|
|
166
|
+
/* @__PURE__ */ t(q, { className: "min-w-36", children: e.icon ? /* @__PURE__ */ t(v, { children: e.icon }) : /* @__PURE__ */ t("span", { className: "text-center text-2xl font-semibold uppercase", children: e.title[0] }) }),
|
|
167
|
+
/* @__PURE__ */ t(J, { primary: e.title }),
|
|
175
168
|
/* @__PURE__ */ t(
|
|
176
169
|
x,
|
|
177
170
|
{
|
|
178
|
-
onClick: /* @__PURE__ */ r((
|
|
179
|
-
|
|
171
|
+
onClick: /* @__PURE__ */ r((s) => {
|
|
172
|
+
s.preventDefault(), s.stopPropagation(), p();
|
|
180
173
|
}, "onClick"),
|
|
181
174
|
size: "large",
|
|
182
|
-
children: /* @__PURE__ */ t(v, { size: 20, sx: { color:
|
|
175
|
+
children: /* @__PURE__ */ t(v, { size: 20, sx: { color: I[600] }, children: i.includes(e.id) ? "heroicons-solid:star" : "heroicons-outline:star" })
|
|
183
176
|
}
|
|
184
177
|
)
|
|
185
178
|
] }, e.id) });
|
|
186
179
|
}
|
|
187
|
-
r(
|
|
180
|
+
r(y, "ShortcutMenuItem");
|
|
188
181
|
export {
|
|
189
182
|
yo as default
|
|
190
183
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationShortcutsToggle.js","sources":["../../../../src/layout/components/toggles/NavigationShortcutsToggle.tsx"],"sourcesContent":null,"names":["NavigationShortcutsToggle","props","variant","className","searchInputRef","useRef","addMenu","setAddMenu","useState","searchText","setSearchText","navigation","useGetNavigationList","setShortcuts","useSetShortcuts","userShortcuts","useGetShortcuts","t","useOwpTranslation","flatNavigation","useMemo","NavigationHelper","shortcutItems","id","find","item","searchResults","
|
|
1
|
+
{"version":3,"file":"NavigationShortcutsToggle.js","sources":["../../../../src/layout/components/toggles/NavigationShortcutsToggle.tsx"],"sourcesContent":null,"names":["NavigationShortcutsToggle","props","variant","className","searchInputRef","useRef","addMenu","setAddMenu","useState","searchText","setSearchText","navigation","useGetNavigationList","setShortcuts","useSetShortcuts","userShortcuts","useGetShortcuts","t","useOwpTranslation","flatNavigation","useMemo","NavigationHelper","shortcutItems","id","find","item","searchResults","isNavigationSearchTextMatch","addMenuClick","event","__name","addMenuClose","search","ev","toggleInShortcuts","nextShortcuts","xor","jsxs","Box","clsx","jsx","Tooltip","IconButton","toolbarToggleSx","OwpSvgIcon","amber","Menu","_a","Input","grey","ClearIcon","Divider","_item","ShortcutMenuItem","Typography","onToggle","shortcuts","Link","MenuItem","ListItemIcon","ListItemText"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ declare const OwpNumberField: import("react").ForwardRefExoticComponent<import("
|
|
|
16
16
|
allowLeadingZeros?: boolean;
|
|
17
17
|
suffix?: string;
|
|
18
18
|
prefix?: string;
|
|
19
|
-
} & Omit<import("react-number-format").InputAttributes, "label" | "select" | "slot" | "style" | "title" | "dir" | "error" | "
|
|
19
|
+
} & Omit<import("react-number-format").InputAttributes, "label" | "select" | "slot" | "style" | "title" | "dir" | "error" | "className" | "ref" | "hidden" | "children" | "color" | "margin" | "content" | "translate" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "size" | "disabled" | "type" | "classes" | "variant" | "component" | "fullWidth" | "focused" | "slots" | "slotProps" | "name" | "value" | "inputProps" | "inputRef" | "required" | "multiline" | "hiddenLabel" | "autoComplete" | "placeholder" | "rows" | "maxRows" | "minRows" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "SelectProps" | "inputAlign"> & Omit<TextFieldProps & {
|
|
20
20
|
inputAlign?: "left" | "center" | "right";
|
|
21
21
|
}, "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "value" | "suffix" | "allowNegative" | "onValueChange" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowLeadingZeros"> & {
|
|
22
22
|
customInput?: import("react").ComponentType<TextFieldProps & {
|
|
@@ -30,5 +30,5 @@ interface OwnProps {
|
|
|
30
30
|
* @param onIconClick calendar icon click callback
|
|
31
31
|
* @param ref root button element 참조
|
|
32
32
|
*/
|
|
33
|
-
export declare const DatePickerInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").
|
|
33
|
+
export declare const DatePickerInput: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & OwnProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & OwnProps, "ref">) & import("react").RefAttributes<unknown>>;
|
|
34
34
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { OwpQuerySelectorProps } from './types';
|
|
1
|
+
import type { OwpQuerySelectorItem, OwpQuerySelectorProps } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* API 응답 목록을 value/label resolver로 option화하는 원격 selector
|
|
4
4
|
* @param props API URL, query 조건, 응답 목록 key, value/label resolver, async search 설정
|
|
5
5
|
*/
|
|
6
|
-
export declare const OwpQuerySelector: ({ apiUrl, asyncSearch, buildRequestQuery, className, filterOptions, forceEmptyOptions, multiple, query, queryKeyDeps, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, showAllOption, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const OwpQuerySelector: <TItem extends OwpQuerySelectorItem = Record<string, unknown>>({ apiUrl, asyncSearch, buildRequestQuery, className, filterOptions, forceEmptyOptions, multiple, query, queryKeyDeps, responseListKey, selectorType, value, valueKey, valueResolver, labelKey, labelResolver, onChange, defaultValue, showAllOption, textFieldProps, ...selectorBaseProps }: OwpQuerySelectorProps<TItem>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type { OwpAutocompleteQuerySelectorProps, OwpQuerySelectorAsyncSearch, OwpQuerySelectorBaseProps, OwpQuerySelectorProps, OwpSelectQuerySelectorProps, } from './types';
|
|
1
|
+
export type { OwpAutocompleteQuerySelectorProps, OwpQuerySelectorAsyncSearch, OwpQuerySelectorBaseProps, OwpQuerySelectorItem, OwpQuerySelectorProps, OwpQuerySelectorResolverValue, OwpSelectQuerySelectorProps, } from './types';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { OwpSelectorBaseChangeEvent, OwpSelectorBaseProps } from '@/components/OwpSelectorBase/types';
|
|
2
|
-
type OwpQuerySelectorItem =
|
|
2
|
+
export type OwpQuerySelectorItem = object;
|
|
3
|
+
export type OwpQuerySelectorResolverValue = unknown;
|
|
3
4
|
/**
|
|
4
5
|
* Autocomplete keyword 검색 시 사용할 원격 조회 query builder 설정
|
|
5
6
|
*/
|
|
@@ -15,27 +16,27 @@ export interface OwpQuerySelectorAsyncSearch {
|
|
|
15
16
|
/** 원격 검색을 시작할 최소 keyword 길이 */
|
|
16
17
|
minLength?: number;
|
|
17
18
|
}
|
|
18
|
-
type OwpQuerySelectorValueConfig = {
|
|
19
|
+
type OwpQuerySelectorValueConfig<TItem extends OwpQuerySelectorItem> = {
|
|
19
20
|
valueKey: string;
|
|
20
|
-
valueResolver?: (item:
|
|
21
|
+
valueResolver?: (item: TItem) => OwpQuerySelectorResolverValue;
|
|
21
22
|
} | {
|
|
22
23
|
valueKey?: undefined;
|
|
23
|
-
valueResolver: (item:
|
|
24
|
+
valueResolver: (item: TItem) => OwpQuerySelectorResolverValue;
|
|
24
25
|
};
|
|
25
|
-
type OwpQuerySelectorLabelConfig = {
|
|
26
|
+
type OwpQuerySelectorLabelConfig<TItem extends OwpQuerySelectorItem> = {
|
|
26
27
|
labelKey: string;
|
|
27
|
-
labelResolver?: (item:
|
|
28
|
+
labelResolver?: (item: TItem) => OwpQuerySelectorResolverValue;
|
|
28
29
|
} | {
|
|
29
30
|
labelKey?: undefined;
|
|
30
|
-
labelResolver: (item:
|
|
31
|
+
labelResolver: (item: TItem) => OwpQuerySelectorResolverValue;
|
|
31
32
|
};
|
|
32
|
-
type OwpQuerySelectorSharedProps = Omit<OwpSelectorBaseProps, 'allOptions' | 'allValueMode' | 'disableClientFilter' | 'loading' | 'onChange' | 'options'> & {
|
|
33
|
+
type OwpQuerySelectorSharedProps<TItem extends OwpQuerySelectorItem> = Omit<OwpSelectorBaseProps, 'allOptions' | 'allValueMode' | 'disableClientFilter' | 'loading' | 'onChange' | 'options'> & {
|
|
33
34
|
/** option 목록 조회 API URL */
|
|
34
35
|
apiUrl: string;
|
|
35
36
|
/** `query` 객체를 실제 request query로 변환하는 함수 */
|
|
36
37
|
buildRequestQuery?: (query: Record<string, unknown>) => Record<string, unknown>;
|
|
37
38
|
/** API 응답 row 배열을 selector option 변환 전에 필터링 */
|
|
38
|
-
filterOptions?: (items:
|
|
39
|
+
filterOptions?: (items: TItem[]) => TItem[];
|
|
39
40
|
/** query 결과와 선택값을 모두 빈 option 상태로 강제 */
|
|
40
41
|
forceEmptyOptions?: boolean;
|
|
41
42
|
/** selector value 변경 시 호출되는 change handler */
|
|
@@ -50,11 +51,11 @@ type OwpQuerySelectorSharedProps = Omit<OwpSelectorBaseProps, 'allOptions' | 'al
|
|
|
50
51
|
/**
|
|
51
52
|
* 원격 query selector 공통 props
|
|
52
53
|
*/
|
|
53
|
-
export type OwpQuerySelectorBaseProps = OwpQuerySelectorSharedProps & OwpQuerySelectorValueConfig & OwpQuerySelectorLabelConfig
|
|
54
|
+
export type OwpQuerySelectorBaseProps<TItem extends OwpQuerySelectorItem = Record<string, unknown>> = OwpQuerySelectorSharedProps<TItem> & OwpQuerySelectorValueConfig<TItem> & OwpQuerySelectorLabelConfig<TItem>;
|
|
54
55
|
/**
|
|
55
56
|
* Autocomplete 모드 query selector props
|
|
56
57
|
*/
|
|
57
|
-
export type OwpAutocompleteQuerySelectorProps = OwpQuerySelectorBaseProps & {
|
|
58
|
+
export type OwpAutocompleteQuerySelectorProps<TItem extends OwpQuerySelectorItem = Record<string, unknown>> = OwpQuerySelectorBaseProps<TItem> & {
|
|
58
59
|
/** keyword 기반 원격 검색 설정 */
|
|
59
60
|
asyncSearch?: OwpQuerySelectorAsyncSearch;
|
|
60
61
|
/** Autocomplete render mode */
|
|
@@ -63,7 +64,7 @@ export type OwpAutocompleteQuerySelectorProps = OwpQuerySelectorBaseProps & {
|
|
|
63
64
|
/**
|
|
64
65
|
* Select 모드 query selector props
|
|
65
66
|
*/
|
|
66
|
-
export type OwpSelectQuerySelectorProps = OwpQuerySelectorBaseProps & {
|
|
67
|
+
export type OwpSelectQuerySelectorProps<TItem extends OwpQuerySelectorItem = Record<string, unknown>> = OwpQuerySelectorBaseProps<TItem> & {
|
|
67
68
|
/** Select 모드에서는 asyncSearch 비활성 */
|
|
68
69
|
asyncSearch?: never;
|
|
69
70
|
/** Select render mode */
|
|
@@ -72,5 +73,5 @@ export type OwpSelectQuerySelectorProps = OwpQuerySelectorBaseProps & {
|
|
|
72
73
|
/**
|
|
73
74
|
* 원격 조회 기반 selector props
|
|
74
75
|
*/
|
|
75
|
-
export type OwpQuerySelectorProps = OwpAutocompleteQuerySelectorProps | OwpSelectQuerySelectorProps
|
|
76
|
+
export type OwpQuerySelectorProps<TItem extends OwpQuerySelectorItem = Record<string, unknown>> = OwpAutocompleteQuerySelectorProps<TItem> | OwpSelectQuerySelectorProps<TItem>;
|
|
76
77
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type TableCellProps } from '@mui/material';
|
|
2
2
|
import type { SxProps, Theme } from '@mui/material/styles';
|
|
3
3
|
import { type CSSProperties, type ReactNode } from 'react';
|
|
4
|
-
type OwpFieldTableCell = {
|
|
4
|
+
export type OwpFieldTableCell = {
|
|
5
5
|
title: string;
|
|
6
6
|
key: string;
|
|
7
7
|
contentType?: 'input' | 'text' | 'number' | (string & {});
|
|
@@ -20,11 +20,11 @@ type OwpFieldTableCell = {
|
|
|
20
20
|
valueSx?: SxProps<Theme>;
|
|
21
21
|
valueDecimals?: number;
|
|
22
22
|
};
|
|
23
|
-
type OwpFieldTableValue = string | number | '' | null;
|
|
24
|
-
type OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;
|
|
25
|
-
interface OwpFieldTableProps {
|
|
23
|
+
export type OwpFieldTableValue = string | number | '' | null;
|
|
24
|
+
export type OwpFieldTableDataRecord = Record<string, OwpFieldTableValue | undefined>;
|
|
25
|
+
export interface OwpFieldTableProps<TData extends object = OwpFieldTableDataRecord> {
|
|
26
26
|
layout: OwpFieldTableCell[][];
|
|
27
|
-
data?:
|
|
27
|
+
data?: TData;
|
|
28
28
|
titleSx?: TableCellProps['sx'];
|
|
29
29
|
treeGridTitleCellSx?: TableCellProps['sx'];
|
|
30
30
|
cellSx?: TableCellProps['sx'];
|
|
@@ -53,5 +53,4 @@ interface OwpFieldTableProps {
|
|
|
53
53
|
* @param canUseTreeGridStyle TreeGrid 스타일 사용 여부
|
|
54
54
|
* @param tableBorderRadius table radius token 또는 CSS length 값
|
|
55
55
|
*/
|
|
56
|
-
export declare function OwpFieldTable({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, tableBorderRadius, }: OwpFieldTableProps): import("react/jsx-runtime").JSX.Element;
|
|
57
|
-
export {};
|
|
56
|
+
export declare function OwpFieldTable<TData extends object = OwpFieldTableDataRecord>({ layout, titleWidth, titleSx, treeGridTitleCellSx, cellSx, data, colGroupSlot, className, tableLayout, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, tableBorderRadius, }: OwpFieldTableProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,4 +44,4 @@ export interface OwpTableBaseProps extends TableProps {
|
|
|
44
44
|
*/
|
|
45
45
|
export declare const OwpTableBase: ({ canBodyFullHeight, canTableRadiusZero, canUseTableRadius, canUseTreeGridStyle, children, className, containerProps, footerSlot, tableTheme: tableThemeProp, tableLayout, tableBorderRadius, ...tableProps }: OwpTableBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
/** OWP Table 기반 row */
|
|
47
|
-
export declare const OwpTableBaseRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "
|
|
47
|
+
export declare const OwpTableBaseRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "className" | "children" | "sx" | "classes" | "hover" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** ripple을 제거하고 OWP tab height/spacing을 고정한 MUI Tab variant */
|
|
2
|
-
declare const OwpTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "label" | "style" | "
|
|
2
|
+
declare const OwpTab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "label" | "style" | "className" | "children" | "sx" | "tabIndex" | "icon" | "disabled" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "wrapped" | "iconPosition"> & {
|
|
3
3
|
component?: React.ElementType | undefined;
|
|
4
4
|
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
5
|
export { OwpTab };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** scroll button 없이 full-width indicator를 사용하는 OWP Tabs wrapper */
|
|
2
|
-
declare const OwpTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "
|
|
2
|
+
declare const OwpTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "children" | "sx" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "variant" | "slots" | "slotProps" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
|
|
3
3
|
component?: React.ElementType | undefined;
|
|
4
4
|
} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
5
5
|
export { OwpTabs };
|
|
@@ -87,6 +87,10 @@ export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
|
|
|
87
87
|
syncHasDisplayDataRows: (grid: TGrid | null) => void;
|
|
88
88
|
/** TreeGrid ready 상태 setter */
|
|
89
89
|
setIsTreeGridReady: Dispatch<SetStateAction<boolean>>;
|
|
90
|
+
/** OWP overlay 출력 가능 상태 setter */
|
|
91
|
+
setCanRenderTreeGridOverlays: Dispatch<SetStateAction<boolean>>;
|
|
92
|
+
/** TreeGrid size error 상태 setter */
|
|
93
|
+
setHasTreeGridSizeError: Dispatch<SetStateAction<boolean>>;
|
|
90
94
|
/** error tooltip 표시 callback */
|
|
91
95
|
showErrorTooltip: OwpTreeGridErrorTooltipShowHandler;
|
|
92
96
|
/** error tooltip 숨김 callback */
|
|
@@ -174,5 +178,5 @@ export declare const replaceTreeGridBodyData: <T>(grid: TGrid, bodyData: OwpTree
|
|
|
174
178
|
* TreeGrid event binding
|
|
175
179
|
* @param options event binding option
|
|
176
180
|
*/
|
|
177
|
-
export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, layoutHasExplicitEnterModeRef, highlightEditableCellsRef, highlightChangedCellsRef, syncDeletedRowCanEditRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, focusedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, changedCellBaselineRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, latestToolbarTotalCountFormulaRef, latestSuppressCfgRef, latestHideChildHeaderSortButtonsRef, latestSelectionScopeRef, latestDisabledAnimationsRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, showErrorTooltip, hideErrorTooltip, }: TreeGridEventBindingOptions<T>) => void;
|
|
181
|
+
export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, layoutHasExplicitEnterModeRef, highlightEditableCellsRef, highlightChangedCellsRef, syncDeletedRowCanEditRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, focusedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, changedCellBaselineRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, latestToolbarTotalCountFormulaRef, latestSuppressCfgRef, latestHideChildHeaderSortButtonsRef, latestSelectionScopeRef, latestDisabledAnimationsRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, setCanRenderTreeGridOverlays, setHasTreeGridSizeError, showErrorTooltip, hideErrorTooltip, }: TreeGridEventBindingOptions<T>) => void;
|
|
178
182
|
export {};
|
|
@@ -47,6 +47,16 @@ export interface OwpPageSkeletonSpec {
|
|
|
47
47
|
/** skeleton item 목록 */
|
|
48
48
|
items: OwpPageSkeletonItem[];
|
|
49
49
|
}
|
|
50
|
+
/**
|
|
51
|
+
* pathname별 route loading skeleton spec map
|
|
52
|
+
*/
|
|
53
|
+
export type OwpPageSkeletonSpecMap = Record<string, OwpPageSkeletonSpec>;
|
|
54
|
+
/**
|
|
55
|
+
* `import.meta.glob`으로 읽은 skeleton spec module shape
|
|
56
|
+
*/
|
|
57
|
+
export interface OwpPageSkeletonSpecModule {
|
|
58
|
+
default: OwpPageSkeletonSpecMap;
|
|
59
|
+
}
|
|
50
60
|
/**
|
|
51
61
|
* Route loading slot component props
|
|
52
62
|
*/
|
|
@@ -63,7 +63,7 @@ export declare function getThemePreviewPaletteValue(settings: ThemePreviewSettin
|
|
|
63
63
|
* @param settings app settings
|
|
64
64
|
* @param sectionKey preset section key
|
|
65
65
|
*/
|
|
66
|
-
export declare function getThemePreviewSectionMode(settings: OwpSettingsConfigType, sectionKey: ThemePreviewPresetSectionKey): "
|
|
66
|
+
export declare function getThemePreviewSectionMode(settings: OwpSettingsConfigType, sectionKey: ThemePreviewPresetSectionKey): "dark" | "light";
|
|
67
67
|
/**
|
|
68
68
|
* settings와 일치하는 preset key를 section별로 계산
|
|
69
69
|
* @param settings app settings
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type RouteTransitionLoadingState = {
|
|
2
|
+
isLoading: boolean;
|
|
3
|
+
pathname?: string;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* route transition loading 표시 상태 조회
|
|
7
|
+
*/
|
|
8
|
+
export declare const useRouteTransitionLoadingState: () => RouteTransitionLoadingState;
|
|
9
|
+
/**
|
|
10
|
+
* skeleton fallback 출력 완료 pathname 목록 조회
|
|
11
|
+
*/
|
|
12
|
+
export declare const useRouteSkeletonRenderedPathnames: () => ReadonlySet<string>;
|
|
13
|
+
/**
|
|
14
|
+
* navigation 클릭 직후 route 이동 전까지 표시할 optimistic active path 조회
|
|
15
|
+
*/
|
|
16
|
+
export declare const useNavigationOptimisticActivePath: () => string;
|
|
17
|
+
/**
|
|
18
|
+
* route transition loading 표시 상태 제어
|
|
19
|
+
*/
|
|
20
|
+
export declare const useRouteTransitionLoadingActions: () => {
|
|
21
|
+
startRouteTransitionLoading: (pathname?: string) => void;
|
|
22
|
+
stopRouteTransitionLoading: () => void;
|
|
23
|
+
setNavigationOptimisticActivePath: (path: string) => void;
|
|
24
|
+
clearNavigationOptimisticActivePath: () => void;
|
|
25
|
+
markRouteSkeletonRendered: (pathname: string) => void;
|
|
26
|
+
};
|
|
27
|
+
export {};
|